:root {
    --unit: 0.625rem;
    --vh: 1vh;
    --100vh: calc(var(--vh, 1vh) * (100));
    --a-speed: 300ms;
    --c-speed-1: 100ms;
    --c-speed-2: 200ms;
    --c-speed-3: 300ms;
    --c-speed-4: 400ms;
    --c-light: hsl(0, 0%, 100%);
    --c-light-base: 0, 0%, 100%;
    --c-gray1: hsl(0, 0%, 93%);
    --c-gray2: hsl(0, 0%, 80%);
    --c-gray3: hsl(0, 0%, 60%);
    --c-gray4: hsl(0, 0%, 40%);
    --c-gray5: hsl(0, 0%, 33%);
    --c-gray6: hsl(0, 0%, 13%);
    --c-dark: hsl(0, 0%, 7%);
    --c-dark-base: 0, 0%, 7%;
    --c-overlay-light: rgb(0 0 0 / 0.5);
    --c-overlay-dark: rgb(0 0 0 / 0.8);
    --c-glass-light: rgba(255, 255, 255, 0.7);
    --c-glass-dark: rgba(17, 17, 17, 0.7);
    --c-glass-light-subtle: rgba(255, 255, 255, 0.9);
    --c-glass-dark-subtle: rgba(17, 17, 17, 0.9);
    --c-nav-light: rgb(255 255 255 / 0.5);
    --c-nav-dark: rgb(0 0 0 / 0.5);
    --c-success: #1b0;
    --c-error: #f20;
    --c-pulse-light: 255, 255, 255;
    --c-pulse-dark: 0, 0, 0;
    --c-shadow-dark: drop-shadow(0px 5px 10px rgba(0, 0, 0, 0.5));
    --c-shadow-light: drop-shadow(0px 5px 10px rgba(0, 0, 0, 0.1));
    --c-shadow-dark-subtle: drop-shadow(0px 0px 10px rgba(0, 0, 0, 0.5));
    --c-shadow-light-subtle: drop-shadow(0px 0px 10px rgba(0, 0, 0, 0.1));
    --c-glass-dark-2: rgba(0, 0, 0, 0.3);
    --c-glass-light-2: rgba(0, 0, 0, 0.05);
    --c-yellow: #FC0;
    --c-orange: #F80;
    --c-brown: #A63;
    --c-red: #F20;
    --c-pink: #F58;
    --c-magenta: #B1C;
    --c-violet: #80F;
    --c-blue: #08F;
    --c-cyan: #0BA;
    --c-green: #0A0;
    --c-lemon: #AC4;
    --c-mono: var(--foreground);
    --f-base: Inter, var(--f-sans);
    --f-headings: Cormorant, var(--f-serif);
    --f-body: Inter, var(--f-sans);
    --f-sans: -apple-system, system-ui, BlinkMacSystemFont, "Helvetica", "Arial", sans-serif;
    --f-serif: Georgia, "Times New Roman", Times, serif;
    --f-mono: "Lucida Console", Monaco, monospace;
    --l-title: 1.2;
    --l-body: 1.6;
    --t-xs: 10px;
    --t-s: 12px;
    --t-m: 14px;
    --t-xm: 16px;
    --t-l: 24px;
    --t-xl: 32px;
    --t-0: calc(var(--t-base) * 0.8);
    --t-1: var(--t-base);
    --t-2: calc(var(--t-1) * var(--t-scale));
    --t-3: calc(var(--t-2) * var(--t-scale));
    --t-4: calc(var(--t-3) * var(--t-scale));
    --t-5: calc(var(--t-4) * var(--t-scale));
    --t-6: calc(var(--t-5) * var(--t-scale));
    --t-7: calc(var(--t-6) * var(--t-scale));
    --t-8: calc(var(--t-7) * var(--t-scale));
    --r-none: 0rem;
    --r-small: calc(var(--unit) / 2);
    --r-full: 1000rem;
    --min-r-none: 0px;
    --min-r-small: 10px;
    --min-r-full: 20px;
    --s-1: var(--unit);
    --s-2: calc(var(--unit) * 2);
    --s-3: calc(var(--unit) * 3);
    --s-4: calc(var(--unit) * 4);
    --s-5: calc(var(--unit) * 5);
    --s-6: calc(var(--unit) * 6);
    --s-7: calc(var(--unit) * 7);
    --s-8: calc(var(--unit) * 8);
    --btn-shadow: 1px 1px 25px 10px var(--c-mix-5);
    --shine-effect: linear-gradient(120deg, transparent, var(--c-mix-13), transparent);
    --shine-effect-2: linear-gradient(120deg, transparent, var(--c-mix-14), transparent);
    --shine-transition: all 0.65s ease-in-out;
    --panel-size: 400px;
    --left-nav-size: 60px;
    --top-nav-size: 60px;
    --panel-nav-offset: calc(var(--panel-size) + var(--left-nav-size));
    --mobile-bottom-nav-size: 87.5px;
    --ease-out-quint: cubic-bezier(.23, 1, .32, 1);
    --ease-in-quint: cubic-bezier(.755, .05, .855, .06)
}

:root,
[data-theme=light] {
    --background: var(--c-light);
    --background-base: var(--c-light-base);
    --foreground: var(--c-dark);
    --foreground-base: var(--c-dark-base);
    --c-mix-1: var(--c-gray1);
    --c-mix-2: var(--c-gray3);
    --c-mix-3: var(--c-gray4);
    --c-mix-4: var(--c-overlay-light);
    --c-mix-5: var(--c-nav-dark);
    --c-mix-6: var(--c-glass-light);
    --c-mix-7: var(--c-pulse-dark);
    --c-mix-8: var(--c-shadow-light);
    --c-mix-9: var(--c-gray5);
    --c-mix-10: var(--c-gray2);
    --c-mix-11: var(--c-shadow-light-subtle);
    --c-mix-12: var(--c-glass-light-subtle);
    --c-mix-13: rgba(255, 255, 255, 1);
    --c-mix-14: rgba(237, 237, 237, 1);
    --c-glass-bg: var(--c-glass-light-2);
    --c-shine: var(--shine-effect-2);
    --c-mix-15: var(--c-gray6);
    --c-mix-16: rgba(255, 255, 255, 0.5)
}

[data-theme=dark] {
    --background: var(--c-dark);
    --background-base: var(--c-dark-base);
    --foreground: var(--c-light);
    --foreground-base: var(--c-light-base);
    --c-mix-1: var(--c-gray6);
    --c-mix-2: var(--c-gray5);
    --c-mix-3: var(--c-gray3);
    --c-mix-4: var(--c-overlay-dark);
    --c-mix-5: var(--c-nav-light);
    --c-mix-6: var(--c-glass-dark);
    --c-mix-7: var(--c-pulse-light);
    --c-mix-8: var(--c-shadow-dark);
    --c-mix-9: var(--c-gray3);
    --c-mix-10: var(--c-gray5);
    --c-mix-11: var(--c-shadow-dark-subtle);
    --c-mix-12: var(--c-glass-dark-subtle);
    --c-mix-13: rgba(255, 255, 255, 0.3);
    --c-mix-14: rgba(33, 33, 33, 0.3);
    --c-glass-bg: var(--c-glass-dark-2);
    --c-shine: var(--shine-effect);
    --c-mix-15: var(--c-gray1);
    --c-mix-16: rgba(17, 17, 17, 0.5)
}

[data-theme=dark].tinted .container-small.edit-board {
    --c-gray1: hsl(var(--accent-h), 29%, 93%);
    --c-gray2: hsl(var(--accent-h), 29%, 80%);
    --c-gray3: hsl(var(--accent-h), 29%, 60%);
    --c-gray4: hsl(var(--accent-h), 29%, 40%);
    --c-gray5: hsl(var(--accent-h), 29%, 33%);
    --c-gray6: hsl(var(--accent-h), 29%, 13%);
    --c-dark: hsl(var(--accent-h), 29%, 7%);
    --background: var(--c-dark);
    --foreground: var(--c-light);
    --c-mix-1: var(--c-gray6);
    --c-mix-2: var(--c-gray5);
    --c-mix-3: var(--c-gray3);
    --c-mix-4: var(--c-overlay-dark);
    --c-mix-5: var(--c-nav-light);
    --c-mix-6: var(--c-glass-dark);
    --c-mix-7: var(--c-pulse-light);
    --c-mix-8: var(--c-shadow-dark);
    --c-mix-9: var(--c-gray3);
    --c-mix-10: var(--c-gray5);
    --c-mix-11: var(--c-shadow-dark-subtle);
    --c-mix-12: var(--c-glass-dark-subtle);
    --c-mix-13: rgba(255, 255, 255, 0.3);
    --c-mix-14: rgba(33, 33, 33, 0.3);
    --c-glass-bg: var(--c-glass-dark-2);
    --c-shine: var(--shine-effect);
    --c-mix-15: var(--c-gray1);
    --c-mix-16: rgba(17, 17, 17, 0.5)
}

[data-theme=light].tinted .container-small.edit-board {
    --background: var(--c-light);
    --foreground: var(--c-dark);
    --c-mix-1: var(--c-gray1);
    --c-mix-2: var(--c-gray3);
    --c-mix-3: var(--c-gray4);
    --c-mix-4: var(--c-overlay-light);
    --c-mix-5: var(--c-nav-dark);
    --c-mix-6: var(--c-glass-light);
    --c-mix-7: var(--c-pulse-dark);
    --c-mix-8: var(--c-shadow-light);
    --c-mix-9: var(--c-gray5);
    --c-mix-10: var(--c-gray2);
    --c-mix-11: var(--c-shadow-light-subtle);
    --c-mix-12: var(--c-glass-light-subtle);
    --c-mix-13: rgba(255, 255, 255, 1);
    --c-mix-14: rgba(237, 237, 237, 1);
    --c-glass-bg: var(--c-glass-light-2);
    --c-shine: var(--shine-effect-2);
    --c-mix-15: var(--c-gray6);
    --c-mix-16: rgba(255, 255, 255, 0.5)
}

@media screen and (max-width: 767px) {
    :root {
        --t-scale: var(--t-scale-mobile) !important
    }
}

* {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
    -webkit-box-sizing: border-box
}

::selection {
    background: rgba(0, 0, 0, 0)
}

html {
    transition: all var(--a-speed);
    -webkit-text-size-adjust: 100%;
    scroll-behavior: smooth
}

body {
    font-family: var(--f-base);
    background: var(--background);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

h1 {
    font-family: var(--f-base);
    font-size: var(--t-l);
    color: var(--foreground);
    line-height: var(--l-title);
    margin-bottom: var(--s-2);
    letter-spacing: -0.02em
}

h2 {
    font-family: var(--f-base);
    font-size: var(--t-xm);
    color: var(--foreground);
    line-height: var(--l-title);
    font-weight: normal
}

h3 {
    font-family: var(--f-base);
    font-size: var(--t-xm);
    color: var(--foreground);
    line-height: var(--l-title)
}

h4 {
    font-family: var(--f-base);
    font-size: var(--t-xm);
    color: var(--foreground);
    line-height: var(--l-title);
    font-weight: normal
}

p {
    font-family: var(--f-base);
    line-height: var(--l-body);
    color: var(--foreground)
}

.small-text {
    font-size: var(--t-s);
    font-weight: 400;
    color: var(--c-mix-2)
}

a {
    text-decoration: none;
    color: var(--foreground);
    cursor: pointer
}

a:focus {
    text-decoration: none;
    background: unset
}

svg {
    stroke-width: 1
}

.input-icon svg {
    width: 16px;
    height: 16px
}

.container {
    display: flex;
    flex-direction: column;
    padding: calc(var(--unit)*2);
    position: relative
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
textarea:-webkit-autofill:active,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus,
select:-webkit-autofill:active {
    border: none;
    -webkit-text-fill-color: var(--foreground);
    -webkit-box-shadow: 0 0 0px 1000px var(--c-mix-1) inset !important;
    box-shadow: 0 0 0px 1000px var(--c-mix-1) inset !important;
    transition: background-color 5s ease-in-out 0s
}

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

.mt--5 {
    margin-top: 5px !important
}

.mt-1 {
    margin-top: var(--s-1)
}

.mt-2 {
    margin-top: var(--s-2)
}

.mt-3 {
    margin-top: var(--s-3)
}

.mt-4 {
    margin-top: var(--s-4)
}

.mt-5 {
    margin-top: calc(var(--s-4) + var(--unit))
}

.mt-6 {
    margin-top: calc(var(--s-4) + var(--unit)*2)
}

.mt-7 {
    margin-top: calc(var(--s-4) + var(--unit)*3)
}

.mt-8 {
    margin-top: calc(var(--s-4) + var(--unit)*4)
}

.ml-0 {
    margin-left: 0 !important
}

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

.mb-1 {
    margin-bottom: var(--s-1)
}

.mb-2 {
    margin-bottom: var(--s-2)
}

.mb-3 {
    margin-bottom: var(--s-3)
}

.mb-4 {
    margin-bottom: var(--s-4)
}

.mb-5 {
    margin-bottom: calc(var(--s-4) + var(--unit))
}

.mb-6 {
    margin-bottom: calc(var(--s-4) + var(--unit)*2)
}

.mb-7 {
    margin-bottom: calc(var(--s-4) + var(--unit)*3)
}

.mb-8 {
    margin-bottom: calc(var(--s-4) + var(--unit)*4)
}

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

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

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

@media screen and (min-width: 768px) {
    h1 {
        font-size: var(--t-xl);
        letter-spacing: -0.03em
    }

    .small-text {
        font-size: var(--t-s)
    }
}

@media screen and (max-width: 767px) {
    .body-text {
        font-size: var(--t-m)
    }
}

.t-0 {
    font-size: var(--t-0)
}

.t-1 {
    font-size: var(--t-1)
}

.t-2 {
    font-size: var(--t-2)
}

.t-3 {
    font-size: var(--t-3)
}

.t-4 {
    font-size: var(--t-4)
}

.t-5 {
    font-size: var(--t-5)
}

.t-6 {
    font-size: var(--t-6)
}

.t-7 {
    font-size: var(--t-7)
}

.t-8 {
    font-size: var(--t-8)
}

.text-center {
    text-align: center
}

.w-boxed {
    margin-left: auto;
    margin-right: auto;
    padding: var(--s-2) 0
}

.w-full {
    width: 100%;
    padding: var(--s-2)
}

.r-none {
    border-radius: var(--r-none);
    overflow: hidden
}

.r-small {
    border-radius: var(--r-small);
    overflow: hidden
}

.r-full {
    border-radius: var(--r-full);
    overflow: hidden
}

.card-container,
.review-container {
    width: 100% !important;
    max-width: 100% !important
}

.card-container.col-1,
.review-container.col-1 {
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: var(--s-2)
}

@media screen and (max-width: 1200px) {

    .card-container.col-1,
    .review-container.col-1 {
        grid-gap: var(--s-1)
    }
}

@media screen and (max-width: 767px) {

    .card-container.col-1,
    .review-container.col-1 {
        grid-gap: 5px
    }
}

.card-container.col-2,
.review-container.col-2 {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: var(--s-2)
}

@media screen and (max-width: 1200px) {

    .card-container.col-2,
    .review-container.col-2 {
        grid-gap: var(--s-1)
    }
}

@media screen and (max-width: 767px) {

    .card-container.col-2,
    .review-container.col-2 {
        grid-template-columns: 1fr;
        grid-gap: 5px
    }
}

.card-container.col-3,
.review-container.col-3 {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: var(--s-2)
}

@media screen and (max-width: 1200px) {

    .card-container.col-3,
    .review-container.col-3 {
        grid-gap: var(--s-1)
    }
}

@media screen and (max-width: 1023px) {

    .card-container.col-3,
    .review-container.col-3 {
        grid-template-columns: repeat(2, 1fr)
    }
}

@media screen and (max-width: 767px) {

    .card-container.col-3,
    .review-container.col-3 {
        grid-template-columns: 1fr;
        grid-gap: 5px
    }
}

@media screen and (max-width: 950px)and (min-width: 764px) {

    .edit-blocks-container .card-container.col-3,
    .edit-blocks-container .review-container.col-3 {
        grid-template-columns: 1fr
    }
}

.align-items-start {
    align-items: flex-start
}

.align-items-center {
    align-items: center
}

.align-items-end {
    align-items: flex-end
}

:root[data-theme=dark] .vzy-item {
    transition: filter .3s
}

:root[data-theme=dark] .vzy-item:hover {
    filter: brightness(1.2)
}

:root[data-theme=light] .vzy-item,
:root:not([data-theme=dark]) .vzy-item {
    transition: filter .3s
}

:root[data-theme=light] .vzy-item:hover,
:root:not([data-theme=dark]) .vzy-item:hover {
    filter: brightness(0.95)
}

.btn {
    position: relative;
    font-family: var(--f-base);
    font-size: var(--t-m);
    background: var(--foreground);
    color: var(--background);
    display: block;
    border: none;
    border-radius: var(--r-small);
    height: calc(var(--unit)*5);
    padding: var(--unit);
    text-align: center;
    line-height: var(--l-title);
    -webkit-appearance: button;
    opacity: 1
}

.btn:focus {
    border: 2px solid var(--c-mix-1);
    box-shadow: none;
    outline: none
}

.btn:hover {
    cursor: pointer;
    opacity: .7
}

a.btn {
    display: flex;
    align-items: center;
    justify-content: center;
    pointer-events: auto;
    cursor: pointer
}

.btn-large {
    width: 100%
}

.btn-medium {
    width: 48%
}

.btn-small {
    width: 25%
}

.btn-outline {
    border: 1px solid var(--foreground);
    background: var(--background);
    color: var(--foreground)
}

.btn-outline:hover {
    cursor: pointer;
    border: 1px solid var(--foreground);
    background: var(--foreground);
    color: var(--background)
}

.input-box {
    position: relative;
    margin-bottom: var(--s-1)
}

.input-large {
    width: 100%;
    height: calc(var(--unit)*5);
    display: block;
    font-family: var(--f-base);
    font-size: var(--t-xm);
    padding: 14px;
    background: unset;
    color: var(--foreground);
    border: 1px solid;
    border-color: var(--c-mix-1);
    border-radius: var(--r-small);
    line-height: var(--l-body);
    position: relative;
    box-shadow: none;
    -webkit-appearance: none
}

.input-large:focus {
    box-shadow: none;
    outline: none;
    background: var(--c-mix-1);
    border-color: var(--c-mix-1)
}

.input-large::placeholder {
    font-family: var(--f-base);
    color: var(--c-mix-2)
}

.input-large[type=password]::placeholder {
    font-family: var(--f-base);
    color: var(--c-mix-2)
}

.top-border {
    border-top-left-radius: var(--r-small);
    border-top-right-radius: var(--r-small);
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px
}

.bottom-border {
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    border-bottom-left-radius: var(--r-small);
    border-bottom-right-radius: var(--r-small)
}

.no-border {
    border-radius: 0
}

.input-small {
    width: 100%;
    height: calc(var(--unit)*4);
    display: block;
    font-family: var(--f-base);
    font-size: var(--t-m) !important;
    padding: var(--unit);
    background: unset;
    color: var(--foreground);
    border: 1px solid;
    border-color: var(--c-mix-1);
    border-radius: var(--r-small);
    line-height: var(--l-body);
    position: relative;
    box-shadow: none;
    -webkit-appearance: none
}

.input-small:focus {
    box-shadow: none;
    outline: none;
    background: var(--c-mix-1);
    border-color: var(--c-mix-1)
}

.input-small::placeholder {
    font-family: var(--f-base);
    color: var(--c-mix-2);
    font-size: var(--t-m)
}

.input-small[type=password]::placeholder {
    font-family: var(--f-base);
    color: var(--c-mix-2)
}

select {
    width: 100%;
    display: block;
    padding: var(--unit);
    width: 100%;
    height: calc(var(--unit)*5);
    display: block;
    font-family: var(--f-base);
    font-size: var(--t-m);
    padding: calc(var(--unit)/2);
    background: unset;
    color: var(--foreground);
    border: 1px solid;
    border-color: var(--c-mix-1);
    border-radius: var(--r-small);
    line-height: var(--l-body);
    position: relative;
    box-shadow: none
}

input::selection,
textarea::selection {
    background: var(--c-mix-10)
}

.resizable-textarea {
    resize: none;
    overflow-y: hidden;
    max-height: 100px;
    font-family: var(--f-base) !important
}

.tel-input {
    display: flex;
    width: 100%;
    height: 30px;
    margin-top: var(--s-1);
    margin-bottom: var(--s-1);
    position: relative;
    z-index: 1
}

@media screen and (max-width: 767px) {
    .tel-input {
        margin-top: 5px
    }
}

.tel-input>* {
    padding-right: 14px;
    height: calc(var(--unit)*4);
    width: 100%;
    display: block;
    font-size: var(--t-xm);
    padding: 10px;
    background: var(--c-mix-1);
    color: var(--foreground);
    border: none;
    line-height: var(--l-body);
    position: relative;
    box-shadow: none;
    -webkit-appearance: none;
    outline: none
}

.tel-input .country-selector {
    flex: 1;
    border-radius: var(--shape) 0 0 var(--shape);
    border: 1px solid var(--background);
    display: flex;
    align-items: center;
    border-width: 0px;
    margin-right: 0px;
    justify-content: left;
    font-size: var(--t-xm)
}

.tel-input .number-input {
    display: flex;
    flex: 9;
    border-radius: 0 var(--shape) var(--shape) 0;
    border: 1px solid var(--c-mix-1);
    overflow: scroll;
    padding: var(--s-1);
    font-size: var(--t-xm)
}

.tel-input .number-input:focus {
    border-color: var(--accent)
}

.tel-input .number-input[data-valid=true] {
    border-color: var(--c-accent)
}

.tel-input .num-drop-down {
    display: none;
    position: absolute;
    top: calc(100% + var(--s-2));
    padding: 0px;
    max-height: 200px;
    width: 100%;
    background: var(--background);
    box-shadow: none;
    color: var(--foreground);
    z-index: -1
}

.tel-input .num-drop-down .screen {
    position: fixed;
    top: 0px;
    left: 0px;
    height: 100vh;
    width: 100vw
}

.tel-input .num-drop-down.active {
    display: block
}

.tel-input .num-drop-down>input.filter-input {
    border-radius: var(--shape) var(--shape) 0 0;
    border-width: 0px;
    display: flex;
    width: 100%;
    font-size: var(--t-xm);
    padding: var(--s-1);
    outline: none;
    background: var(--c-mix-1);
    color: var(--foreground)
}

.tel-input .num-drop-down ul {
    max-height: 120px;
    overflow-y: scroll;
    border-radius: 0 0 var(--shape) var(--shape);
    font-size: var(--t-0);
    padding-left: 5px;
    padding-right: 5px;
    padding-bottom: 5px;
    background: var(--c-mix-1)
}

.tel-input .num-drop-down ul li {
    list-style-type: none;
    background: var(--background);
    padding: 10px;
    align-items: center;
    border-radius: 3px;
    cursor: pointer;
    height: 30px;
    display: flex
}

.tel-input .num-drop-down ul li:hover {
    background: var(--background)
}

@font-face {
    font-family: mazius;
    src: url("assets/fonts/MAZIUS-Regular.html")
}

.loader-card {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: var(--background);
    z-index: 30;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    flex-direction: column
}

.loader-card>.preloader {
    width: 100px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

.loader-card>.preloader>span {
    width: 40px;
    height: 40px;
    display: flex
}

.loader-card>.preloader>span>svg {
    width: 40px;
    height: 40px;
    stroke-width: 2
}

.loader-card>.preloader>.progress-bar {
    width: 100%;
    height: 2px;
    background: var(--c-mix-1);
    display: none
}

.loader-card>.preloader>.progress-bar>.progress {
    width: 0;
    height: 2px;
    background: var(--foreground)
}

.loader-card>p {
    transition: var(--a-speed);
    color: var(--c-mix-3)
}

@media(max-width: 600px) {
    .loader-card>p {
        font-size: var(--t-m)
    }
}

.loader-card>.preloader>svg {
    width: 40px !important;
    height: 40px !important
}

.loader-card>.preloader>svg>g>g>g:nth-child(1)>path {
    fill: var(--background) !important
}

.loader-card>.preloader>svg>g>g>g:nth-child(2)>path {
    fill: var(--c-mix-1) !important
}

.loader-card>.preloader>svg>g>g>g:nth-child(3)>path {
    stroke-width: 1.5;
    stroke: var(--foreground)
}

body {
    height: 100%
}

html {
    height: 100%
}

.navbar-top {
    width: 100%;
    height: calc(var(--unit)*6);
    background: var(--background);
    position: fixed;
    top: 0;
    z-index: 6;
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid var(--c-mix-1)
}

.navbar-top.ai-generating-navbar .desktop-nav-tools {
    flex: 1
}

.navbar-top.ai-generating-navbar .desktop-nav-tools>ul>li:nth-child(2) {
    font-size: var(--t-m);
    color: var(--foreground);
    padding-left: var(--s-2)
}

@media screen and (max-width: 767px) {
    .navbar-top.ai-generating-navbar .desktop-nav-tools>ul>li:nth-child(2) {
        border-left: 1px solid var(--c-mix-1)
    }
}

.navbar-top.ai-generating-navbar .nav-preview>ul {
    display: flex;
    align-items: center;
    justify-content: space-between;
    list-style-type: none;
    height: 100%
}

.navbar-top.ai-generating-navbar .nav-preview>ul>li {
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--foreground);
    font-size: var(--t-xm);
    width: 60px;
    height: 60px;
    cursor: pointer;
    position: relative;
    border: none
}

.navbar-top.ai-generating-navbar .nav-preview>ul>li>a>svg {
    width: 32px;
    height: 32px
}

.navbar-top.ai-generating-navbar .nav-preview>ul>li>span {
    position: absolute;
    bottom: -22px;
    background: var(--foreground);
    color: var(--background);
    font-size: var(--t-xs);
    padding: 5px 8px;
    opacity: 0;
    transition: var(--a-speed);
    display: none;
    width: 60px;
    text-align: center
}

.navbar-top.ai-generating-navbar .nav-preview>ul>li.customize,
.navbar-top.ai-generating-navbar .nav-preview>ul>li.use-template {
    width: auto;
    height: 100%;
    background: unset
}

.navbar-top.ai-generating-navbar .nav-preview>ul>li.customize a,
.navbar-top.ai-generating-navbar .nav-preview>ul>li.use-template a {
    width: 100%;
    height: 32px;
    justify-content: center;
    background: var(--foreground);
    color: var(--background);
    font-size: var(--t-m);
    font-weight: 400;
    transition: none;
    padding: 0 10px;
    border-radius: var(--r-small)
}

.navbar-top.ai-generating-navbar .nav-preview>ul>li.customize a::selection,
.navbar-top.ai-generating-navbar .nav-preview>ul>li.use-template a::selection {
    background: rgba(0, 0, 0, 0);
    color: var(--background)
}

.navbar-top.ai-generating-navbar .nav-preview>ul>li.customize a:hover,
.navbar-top.ai-generating-navbar .nav-preview>ul>li.use-template a:hover {
    opacity: .7
}

.navbar-top.ai-generating-navbar .nav-preview>ul>li.customize {
    margin-right: var(--s-2)
}

.navbar-top.ai-generating-navbar .nav-preview>ul>li.customize a {
    background: var(--c-mix-1);
    color: var(--foreground)
}

.navbar-top.ai-generating-navbar .nav-preview>ul>li.use-template {
    margin-right: var(--s-2)
}

.navbar-top.ai-generating-navbar .nav-preview>ul>li.use-template a {
    background: var(--foreground);
    color: var(--background)
}

.navbar-top .desktop-nav-tools {
    display: flex;
    align-items: center;
    width: calc(var(--unit)*30)
}

@media screen and (max-width: 767px) {
    .navbar-top .desktop-nav-tools {
        border-right: none
    }
}

.navbar-top .desktop-nav-tools>ul {
    height: 100%;
    display: flex
}

.navbar-top .desktop-nav-tools>ul>li {
    height: 100%;
    display: flex;
    align-items: center
}

.navbar-top .desktop-nav-tools>ul>li:first-child:hover {
    background: unset
}

@media screen and (max-width: 767px) {
    .navbar-top .desktop-nav-tools>ul>li.vzy-desktop-nav-icon {
        display: none
    }
}

.navbar-top .desktop-nav-tools>ul>li.vzy-mobile-nav-icon {
    display: none
}

@media screen and (max-width: 767px) {
    .navbar-top .desktop-nav-tools>ul>li.vzy-mobile-nav-icon {
        display: flex;
        cursor: pointer;
        width: 60px;
        height: 60px
    }
}

.navbar-top .desktop-nav-tools>ul>li.vzy-desktop-site-plans>.site-name {
    color: var(--foreground);
    padding-left: var(--s-2);
    padding-right: var(--s-1);
    font-size: var(--t-m)
}

@media screen and (max-width: 767px) {
    .navbar-top .desktop-nav-tools>ul>li.vzy-desktop-site-plans>.site-name {
        padding-left: 0
    }
}

@media screen and (max-width: 300px) {
    .navbar-top .desktop-nav-tools>ul>li.vzy-desktop-site-plans>.site-name {
        display: none
    }
}

.navbar-top .desktop-nav-tools>ul>li.vzy-desktop-site-plans>.site-plan {
    background: var(--c-mix-1);
    color: var(--foreground);
    font-size: var(--t-xs);
    padding: 3px 5px;
    border-radius: 3px;
    cursor: pointer;
    white-space: nowrap;
    width: auto
}

@media screen and (max-width: 767px) {
    .navbar-top .desktop-nav-tools>ul>li.vzy-desktop-site-plans>.site-plan {
        display: none
    }
}

.navbar-top .desktop-nav-tools>ul>li:first-child {
    border-right: 1px solid var(--c-mix-1);
    cursor: pointer;
    width: 60px;
    height: 60px
}

.navbar-top .desktop-nav-tools>ul>li:first-child:hover {
    background: var(--c-mix-1)
}

.navbar-top .desktop-nav-tools>ul>li:first-child:hover>a>svg {
    opacity: .7
}

@media screen and (max-width: 767px) {
    .navbar-top .desktop-nav-tools>ul>li:first-child {
        border-right: none
    }

    .navbar-top .desktop-nav-tools>ul>li:first-child:hover {
        background: unset
    }
}

.navbar-top .desktop-nav-tools>ul>li:last-child {
    width: 240px;
    display: none
}

@media screen and (min-width: 768px) {
    .navbar-top .desktop-nav-tools>ul>li:last-child {
        display: none
    }
}

.navbar-top .desktop-nav-tools>ul>li:last-child>a {
    padding: 0 var(--s-2);
    display: flex;
    justify-content: space-between
}

@media screen and (max-width: 767px) {
    .navbar-top .desktop-nav-tools>ul>li:last-child {
        width: auto;
        border-right: none
    }
}

.navbar-top .desktop-nav-tools>ul>li>a {
    font-size: var(--t-xm);
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%
}

.navbar-top .desktop-nav-tools>ul>li>a svg {
    width: 16px;
    height: 16px
}

.navbar-top .desktop-nav-tools>ul>li>a svg.switch-pages {
    margin-left: 5px
}

.navbar-top .desktop-nav-tools>ul>li>a>span {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: var(--foreground)
}

.navbar-top .desktop-nav-tools>ul>li>a>span.site-type {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: 5px
}

.navbar-top .desktop-nav-tools .vzy-mobile-nav-modal {
    flex-direction: column;
    width: 130px;
    position: fixed;
    top: 50px;
    left: 10px;
    z-index: 15;
    filter: var(--c-mix-8);
    background: var(--background);
    border-radius: var(--r-small);
    display: none
}

@media screen and (max-width: 767px) {
    .navbar-top .desktop-nav-tools .vzy-mobile-nav-modal {
        display: block
    }
}

.navbar-top .desktop-nav-tools .vzy-mobile-nav-modal>.modal-card {
    border-radius: var(--r-small)
}

.navbar-top .desktop-nav-tools .vzy-mobile-nav-modal>.modal-card>ul {
    list-style-type: none;
    display: flex;
    flex-direction: column;
    border: 1px solid var(--c-mix-1);
    border-radius: 3px;
    padding: 5px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom: 0
}

.navbar-top .desktop-nav-tools .vzy-mobile-nav-modal>.modal-card>ul>li {
    height: calc(var(--unit)*3.2);
    display: flex;
    border-radius: 3px;
    font-size: var(--t-s);
    line-height: var(--l-body);
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: 0 5px;
    color: var(--foreground);
    cursor: pointer
}

.navbar-top .desktop-nav-tools .vzy-mobile-nav-modal>.modal-card>ul>li:hover {
    background: var(--c-mix-1)
}

.navbar-top .desktop-nav-tools .vzy-mobile-nav-modal>.modal-card>ul.vzy-theme-card {
    display: flex;
    flex-direction: row;
    border-top: none;
    border-radius: 0 0 3px 3px;
    border-bottom: 1px solid var(--c-mix-1);
    padding-top: 0
}

.navbar-top .desktop-nav-tools .vzy-mobile-nav-modal>.modal-card>ul.vzy-theme-card>li {
    flex: 0 0 1;
    display: flex;
    align-items: center;
    justify-content: center
}

.navbar-top .desktop-nav-tools .vzy-mobile-nav-modal>.modal-card>ul.vzy-theme-card>li.active svg path {
    fill: var(--foreground)
}

.navbar-top .desktop-nav-tools .vzy-mobile-nav-modal>.modal-card>ul.vzy-theme-card>li svg {
    width: 16px;
    height: 16px;
    fill: var(--c-mix-2)
}

.navbar-top .desktop-nav-tools .vzy-mobile-nav-modal>.modal-card>ul.vzy-theme-card>li svg path {
    fill: var(--c-mix-2)
}

.navbar-top .nav-preview {
    display: flex
}

.navbar-top .nav-preview .collaborators-icon {
    display: flex;
    align-items: center;
    width: 70px;
    cursor: pointer
}

@media screen and (max-width: 767px) {
    .navbar-top .nav-preview .collaborators-icon.hide {
        display: none
    }
}

.navbar-top .nav-preview .collaborators-icon>ul {
    position: relative;
    list-style: none;
    display: flex;
    align-items: center;
    width: 70px;
    height: 24px;
    justify-content: end;
    margin-right: 14px
}

.navbar-top .nav-preview .collaborators-icon>ul:has(li:nth-child(3)) li:nth-child(1) {
    margin-right: 36px !important
}

.navbar-top .nav-preview .collaborators-icon>ul:has(li:nth-child(3)) li:nth-child(2) {
    margin-right: 18px !important
}

.navbar-top .nav-preview .collaborators-icon>ul:has(li:nth-child(2)) li:nth-child(1) {
    margin-right: 18px
}

.navbar-top .nav-preview .collaborators-icon>ul>li {
    position: absolute;
    top: 0;
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: var(--r-full);
    font-size: var(--t-s)
}

.navbar-top .nav-preview .collaborators-icon>ul>li:last-child {
    background: var(--c-mix-1);
    position: relative;
    overflow: hidden
}

.navbar-top .nav-preview .collaborators-icon>ul>li:last-child::before {
    content: "";
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    background: var(--shine-effect);
    animation: shine 5s ease-in-out infinite
}

.navbar-top .nav-preview .collaborators-icon>ul>li svg {
    width: 10px;
    height: 10px
}

.navbar-top .nav-preview>ul {
    display: flex;
    align-items: center;
    justify-content: space-between;
    list-style-type: none;
    height: 100%
}

.navbar-top .nav-preview>ul .driver-preview-and-publish {
    display: flex;
    align-items: center
}

.navbar-top .nav-preview>ul li {
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--foreground);
    font-size: var(--t-xm);
    width: 60px;
    height: 60px;
    cursor: pointer;
    position: relative
}

.navbar-top .nav-preview>ul li>span {
    position: absolute;
    bottom: -22px;
    background: var(--foreground);
    color: var(--background);
    font-size: var(--t-xs);
    padding: 5px 8px;
    opacity: 0;
    transition: var(--a-speed);
    display: none;
    width: 60px;
    text-align: center
}

@media screen and (max-width: 767px) {
    .navbar-top .nav-preview>ul li:last-child:hover {
        background: unset
    }
}

.navbar-top .nav-preview>ul li:hover {
    background: var(--c-mix-1)
}

@media screen and (min-width: 1024px) {
    .navbar-top .nav-preview>ul li:hover>span {
        opacity: 1;
        display: block
    }
}

.navbar-top .nav-preview>ul li.undo-site,
.navbar-top .nav-preview>ul li.share-site,
.navbar-top .nav-preview>ul li.preview-site,
.navbar-top .nav-preview>ul li.site-ai {
    border-left: 1px solid var(--c-mix-1)
}

.navbar-top .nav-preview>ul li.site-ai {
    display: none
}

.navbar-top .nav-preview>ul li.site-ai>span {
    padding: 5px 0
}

@media screen and (max-width: 767px) {
    .navbar-top .nav-preview>ul li.site-ai {
        border-left: none;
        background: unset;
        display: none
    }

    .navbar-top .nav-preview>ul li.site-ai:hover {
        background: unset;
        opacity: .7
    }
}

.navbar-top .nav-preview>ul li.preview-site {
    border-right: 1px solid var(--c-mix-1)
}

@media screen and (max-width: 767px) {
    .navbar-top .nav-preview>ul li.preview-site {
        border-right: 0;
        border-left: 0
    }
}

@media screen and (max-width: 767px) {

    .navbar-top .nav-preview>ul li.undo-site,
    .navbar-top .nav-preview>ul li.redo-site,
    .navbar-top .nav-preview>ul li.preview-site {
        display: none !important
    }
}

.navbar-top .nav-preview>ul li.theme {
    display: flex;
    padding: 0;
    border-left: 1px solid var(--c-mix-1)
}

.navbar-top .nav-preview>ul li.theme>a {
    padding: 0
}

@media screen and (max-width: 767px) {
    .navbar-top .nav-preview>ul li.theme {
        border-left: none;
        margin-right: var(--s-1);
        width: auto;
        display: none
    }

    .navbar-top .nav-preview>ul li.theme:hover {
        background: unset
    }

    .navbar-top .nav-preview>ul li.theme>a {
        justify-content: flex-end
    }
}

.navbar-top .nav-preview>ul li.upgrade-site,
.navbar-top .nav-preview>ul li.publish-site {
    width: auto;
    height: 100%;
    margin: 0 14px;
    background: unset
}

.navbar-top .nav-preview>ul li.upgrade-site a,
.navbar-top .nav-preview>ul li.publish-site a {
    width: 100%;
    height: 32px;
    justify-content: center;
    background: var(--foreground);
    color: var(--background);
    font-size: var(--t-m);
    font-weight: 400;
    transition: none;
    padding: 0 10px;
    border-radius: var(--r-small)
}

.navbar-top .nav-preview>ul li.upgrade-site a::selection,
.navbar-top .nav-preview>ul li.publish-site a::selection {
    background: rgba(0, 0, 0, 0);
    color: var(--background)
}

.navbar-top .nav-preview>ul li.upgrade-site a:hover,
.navbar-top .nav-preview>ul li.publish-site a:hover {
    opacity: .7
}

.navbar-top .nav-preview>ul li.upgrade-site a.scheduled-post,
.navbar-top .nav-preview>ul li.publish-site a.scheduled-post {
    background: var(--foreground);
    color: var(--c-mix-2)
}

@media screen and (max-width: 767px) {

    .navbar-top .nav-preview>ul li.upgrade-site,
    .navbar-top .nav-preview>ul li.publish-site {
        width: auto;
        margin-left: 0;
        margin-right: var(--s-2);
        white-space: nowrap
    }

    .navbar-top .nav-preview>ul li.upgrade-site a,
    .navbar-top .nav-preview>ul li.publish-site a {
        height: 24px;
        padding: 0 10px;
        border-radius: var(--r-full);
        font-size: var(--t-s)
    }
}

.navbar-top .nav-preview>ul li.upgrade-site {
    margin-right: 0 !important;
    margin-left: 0 !important;
    padding-left: 14px
}

@media screen and (max-width: 767px) {
    .navbar-top .nav-preview>ul li.upgrade-site {
        margin-right: 10px !important;
        padding-left: 0;
        white-space: unset
    }

    .navbar-top .nav-preview>ul li.upgrade-site a {
        padding-left: 10px;
        padding-right: 10px;
        height: 24px
    }
}

.navbar-top .nav-preview>ul li.upgrade-site a {
    background: var(--c-mix-1);
    color: var(--foreground)
}

.navbar-top .nav-preview>ul li.upgrade-site a>span {
    background: unset
}

.navbar-top .nav-preview>ul li.upgrade-site.black-friday {
    width: 90px !important;
    height: 32px !important;
    padding: 0 !important;
    margin-left: 14px !important
}

.navbar-top .nav-preview>ul li.upgrade-site.black-friday a {
    display: flex;
    align-items: center;
    background-color: #000 !important
}

.navbar-top .nav-preview>ul li.upgrade-site.black-friday .black-friday-svgs {
    position: absolute;
    inset: 0;
    display: none;
    align-items: center;
    justify-content: center;
    background-color: rgba(0, 0, 0, 0) !important
}

.navbar-top .nav-preview>ul li.upgrade-site.black-friday .black-friday-svgs svg {
    position: absolute;
    width: 70px;
    height: 20px;
    --animation-duration: 20s
}

.navbar-top .nav-preview>ul li.upgrade-site.black-friday .black-friday-svgs svg:nth-child(1) {
    animation: numberOne var(--animation-duration) linear infinite
}

.navbar-top .nav-preview>ul li.upgrade-site.black-friday .black-friday-svgs svg:nth-child(2) {
    opacity: 0;
    animation: numberTwo var(--animation-duration) linear infinite
}

.navbar-top .nav-preview>ul li.upgrade-site.black-friday .black-friday-svgs svg:nth-child(3) {
    opacity: 0;
    animation: numberThree var(--animation-duration) linear infinite
}

.navbar-top .nav-preview>ul li.upgrade-site.black-friday .black-friday-svgs svg path[fill="var(--foreground)"] {
    fill: var(--c-light) !important
}

.navbar-top .nav-preview>ul li.upgrade-site.black-friday .black-friday-svgs svg path[fill="#FF1100"] {
    fill: #f10 !important
}

@keyframes numberOne {
    0% {
        opacity: 1
    }

    32% {
        opacity: 1
    }

    33% {
        opacity: 0
    }

    100% {
        opacity: 0
    }
}

@keyframes numberTwo {
    0% {
        opacity: 0
    }

    32% {
        opacity: 0
    }

    33% {
        opacity: 1
    }

    65% {
        opacity: 1
    }

    66% {
        opacity: 0
    }

    100% {
        opacity: 0
    }
}

@keyframes numberThree {
    0% {
        opacity: 0
    }

    65% {
        opacity: 0
    }

    66% {
        opacity: 1
    }

    100% {
        opacity: 1
    }
}

@media screen and (max-width: 1023px) {
    .navbar-top .nav-preview>ul li.upgrade-site.black-friday .black-friday-svgs {
        transform: scale(0.7);
        transform-origin: center
    }
}

.navbar-top .nav-preview>ul li.upgrade-site .upgrade-site-btn {
    border: 1px solid var(--c-mix-1);
    color: var(--foreground);
    background: var(--c-mix-1);
    position: relative;
    overflow: hidden
}

.navbar-top .nav-preview>ul li.upgrade-site .upgrade-site-btn::before {
    content: "";
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    background: var(--shine-effect);
    animation: shine 5s ease-in-out infinite
}

.navbar-top .nav-preview>ul li.edit-site-options {
    display: none
}

@media screen and (max-width: 767px) {
    .navbar-top .nav-preview>ul li.edit-site-options {
        display: none;
        border-left: none !important
    }
}

@media screen and (max-width: 1023px) {
    .navbar-top .nav-preview>ul li.edit-site-options {
        border-left: 1px solid var(--c-mix-1)
    }

    .navbar-top .nav-preview>ul li.edit-site-options>span {
        display: none;
        opacity: 0
    }
}

.navbar-top .nav-preview>ul li>.show-more-options {
    font-size: var(--t-m);
    font-weight: 400;
    width: 60px;
    height: 60px;
    display: flex;
    justify-content: center;
    align-items: center
}

.navbar-top .nav-preview>ul li>.show-more-options:hover,
.navbar-top .nav-preview>ul li>.show-more-options:focus {
    background: unset
}

.navbar-top .nav-preview>ul li>.show-more-options>.edit-options {
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    border-radius: var(--r-full);
    cursor: pointer
}

.navbar-top .nav-preview>ul li>.show-more-options>.edit-options>svg {
    width: 12px;
    height: 12px;
    transition: var(--a-speed)
}

.navbar-top .nav-preview>ul li>a {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: background-color .1s;
    color: inherit
}

.navbar-top .nav-preview>ul li>a svg {
    width: 16px;
    height: 16px
}

.navbar-top .nav-preview>ul li>a svg path {
    fill: var(--foreground)
}

.navbar-top .nav-preview>ul li>a>span {
    display: flex;
    background: var(--foreground)
}

.navbar-top .nav-preview>ul li>a>span>svg {
    width: calc(var(--unit)*1.6);
    height: calc(var(--unit)*1.6);
    stroke-width: 2
}

.navbar-top .nav-preview>ul li>.modal {
    width: 100%;
    height: 100vh;
    position: fixed;
    top: 0;
    right: 0;
    z-index: 5;
    background: var(--background)
}

.navbar-top .nav-preview>ul li>.modal>.modal-navbar {
    width: 100%;
    height: calc(var(--unit)*6);
    background: var(--background);
    border-bottom: 1px solid var(--c-mix-1)
}

.navbar-top .nav-preview>ul li>.modal>.modal-navbar>ul {
    display: flex;
    flex-grow: 1;
    align-items: center;
    justify-content: center;
    list-style-type: none;
    height: 100%
}

.navbar-top .nav-preview>ul li>.modal>.modal-navbar>ul>li {
    text-align: center;
    display: flex;
    align-items: center;
    align-self: center;
    justify-content: center;
    color: var(--foreground);
    font-size: var(--t-xm)
}

.navbar-top .nav-preview>ul li>.modal>.modal-navbar>ul>li:nth-child(1) a {
    cursor: pointer
}

.navbar-top .nav-preview>ul li>.modal>.modal-navbar>ul>li:nth-child(1) a:hover {
    opacity: .5
}

.navbar-top .nav-preview>ul li>.modal>.modal-navbar>ul>li>a {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: var(--a-speed);
    color: inherit
}

.navbar-top .nav-preview>ul li>.modal>.modal-navbar>ul>li>a>span {
    display: flex;
    align-items: center;
    justify-content: center
}

.navbar-top .nav-preview>ul li>.modal>.modal-navbar>ul>li>a>span>svg {
    width: calc(var(--unit)*1.6);
    height: calc(var(--unit)*1.6);
    stroke-width: 2
}

.navbar-top .nav-preview>ul li>.modal>.modal-navbar>ul>li:first-child {
    width: calc(var(--unit)*5);
    height: calc(var(--unit)*6)
}

.navbar-top .nav-preview>ul li>.modal>.modal-navbar>ul>li:nth-child(2) {
    flex-grow: 1;
    height: 100%;
    font-size: var(--t-xm);
    align-items: center;
    justify-content: flex-start
}

.navbar-top .nav-preview>ul li>.modal>.modal-navbar>ul>li:nth-child(2)>.site-name {
    color: var(--foreground);
    padding-right: var(--s-1);
    font-size: var(--t-m)
}

.navbar-top .nav-preview>ul li>.modal>.modal-navbar>ul>li:nth-child(2) .site-plan {
    background: var(--c-mix-1);
    color: var(--foreground);
    font-size: var(--t-xs);
    padding: 3px 5px;
    border-radius: 3px
}

.navbar-top .nav-preview>ul li>.modal>.modal-navbar>ul>li:last-child {
    width: calc(var(--unit)*8);
    height: calc(var(--unit)*6)
}

.navbar-top .nav-preview>ul li>.modal>.modal-navbar>ul>li:last-child>button {
    border-radius: 0;
    width: 50px;
    height: 24px;
    border-radius: var(--r-full);
    font-size: var(--t-s);
    display: flex;
    justify-content: center;
    align-items: center;
    border: none
}

.navbar-top .nav-preview>ul li>.modal>.modal-card>ul {
    list-style-type: none;
    padding: var(--s-2)
}

.navbar-top .nav-preview>ul li>.modal>.modal-card>ul>li {
    padding-left: var(--s-1);
    padding-right: var(--s-1);
    height: 40px;
    border: 1px solid var(--c-mix-1);
    margin-bottom: var(--s-1);
    border-radius: var(--r-small)
}

.navbar-top .nav-preview>ul li>.modal>.modal-card>ul>li:first-child {
    display: none
}

.navbar-top .nav-preview>ul li>.modal>.modal-card>ul>li:hover {
    background: var(--c-mix-1)
}

.navbar-top .nav-preview>ul li>.modal>.modal-card>ul>li>a {
    font-size: var(--t-m) !important;
    line-height: var(--l-body);
    display: flex;
    align-items: center;
    width: 100%;
    height: 100%;
    justify-content: space-between
}

.navbar-top .nav-preview>ul li>.modal>.modal-card>ul>li>a>span {
    display: flex;
    align-items: center
}

.navbar-top .nav-preview>ul li>.modal>.modal-card>ul>li>a>span:first-child>svg {
    width: calc(var(--unit)*1.6);
    height: calc(var(--unit)*1.6);
    margin-right: 10px
}

.navbar-top .nav-preview>ul li>.modal>.modal-card>ul>li>a>span:last-child {
    display: flex;
    align-items: center;
    justify-content: center
}

.navbar-top .nav-preview>ul li>.modal>.modal-card>ul>li>a>span:last-child>svg {
    width: calc(var(--unit)*1.6);
    height: calc(var(--unit)*1.6)
}

@media screen and (min-width: 768px) {
    .navbar-top .nav-preview>ul li>.modal>.modal-card>ul>li.mobile-options-list {
        display: none
    }
}

.navbar-top .nav-preview>ul li>.modal>.modal-card>ul>li.mobile-help-section:nth-last-child(2),
.navbar-top .nav-preview>ul li>.modal>.modal-card>ul>li.mobile-help-section:last-child {
    display: none
}

.navbar-top .nav-preview>ul li>.modal>.modal-card>ul>li.mobile-help-section.twitter {
    border-top: 1px solid var(--c-mix-1)
}

@media screen and (min-width: 768px) {
    .navbar-top .nav-preview>ul li>.modal>.modal-card>ul>li.mobile-help-section.twitter {
        border-top: 1px solid var(--c-mix-1)
    }
}

.navbar-top .nav-preview>ul li>.modal>.modal-card>ul>li.mobile-help-section.feedback,
.navbar-top .nav-preview>ul li>.modal>.modal-card>ul>li.mobile-help-section.legal,
.navbar-top .nav-preview>ul li>.modal>.modal-card>ul>li.mobile-help-section.community {
    display: none
}

.navbar-top .nav-preview>ul li>.modal>.modal-card>ul>li.mobile-help-section>a {
    padding: calc(var(--unit)*1.2) 0;
    color: var(--c-mix-3);
    font-size: var(--t-s) !important
}

.container {
    height: 100%;
    padding: calc(var(--unit)*6) 0 0 0
}

.container>*:not(.v_2-footer):not(.projects) {
    z-index: 2
}

.editor {
    display: flex;
    justify-content: space-between
}

.projects.post-board .edit-panel-wrapper {
    width: 60px
}

.projects.post-board .edit-panel-wrapper>.edit-panel {
    display: none
}

.projects.post-board .edit-board {
    width: calc(100% - 60px)
}

.edit-panel-wrapper {
    width: 460px;
    height: calc(100% - 60px);
    position: fixed;
    top: 60px;
    left: 0;
    display: flex;
    z-index: 5
}

@media screen and (max-width: 767px) {
    .edit-panel-wrapper {
        display: none;
        width: 100%;
        height: 100%;
        position: fixed;
        left: 0;
        top: 0;
        z-index: 15;
        background: var(--c-mix-4)
    }

    .edit-panel-wrapper.show {
        display: flex
    }

    .edit-panel-wrapper>.edit-panel {
        width: 100% !important;
        height: 100%;
        background: var(--background);
        position: absolute;
        bottom: 0;
        left: 0;
        overflow-y: scroll
    }
}

.edit-panel-wrapper>.editor-controls-section {
    width: 60px;
    height: calc(100vh - 60px);
    border-right: 1px solid var(--c-mix-1);
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

@media screen and (max-width: 767px) {
    .edit-panel-wrapper>.editor-controls-section {
        display: none
    }
}

.edit-panel-wrapper>.editor-controls-section>.top-controls>ul {
    display: flex;
    list-style-type: none;
    height: 100%;
    flex-direction: column
}

.edit-panel-wrapper>.editor-controls-section>.top-controls>ul li {
    color: var(--foreground);
    font-size: var(--t-xm);
    width: 60px;
    height: 60px;
    cursor: pointer;
    position: relative
}

.edit-panel-wrapper>.editor-controls-section>.top-controls>ul li>a {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column
}

.edit-panel-wrapper>.editor-controls-section>.top-controls>ul li>a>svg {
    width: 18px;
    height: 18px
}

.edit-panel-wrapper>.editor-controls-section>.top-controls>ul li>span {
    position: absolute;
    bottom: -22px;
    color: var(--background);
    background-color: var(--foreground);
    font-size: var(--s-1);
    display: none;
    text-align: center;
    justify-content: center;
    align-items: center;
    opacity: 0;
    text-align: center;
    padding: 5px 8px;
    transition: var(--a-speed);
    width: 60px;
    z-index: 1
}

.edit-panel-wrapper>.editor-controls-section>.top-controls>ul li:hover {
    background: var(--c-mix-1)
}

@media screen and (min-width: 1024px) {
    .edit-panel-wrapper>.editor-controls-section>.top-controls>ul li:hover>span {
        opacity: 1;
        display: flex
    }
}

.edit-panel-wrapper>.editor-controls-section>.top-controls>ul li.active {
    background-color: var(--c-mix-1)
}

.edit-panel-wrapper>.editor-controls-section>.top-controls>ul li.active>a>svg path {
    fill: var(--foreground)
}

.edit-panel-wrapper>.editor-controls-section>.top-controls>ul li.active>a>span {
    color: var(--foreground)
}

.edit-panel-wrapper>.editor-blocks {
    width: 100%;
    height: 100vh;
    overflow-y: auto;
    padding-bottom: 100px;
    background: var(--background)
}

.edit-panel-wrapper>.editor-blocks>.editor-blocks-navbar {
    width: 100%;
    height: calc(var(--unit)*6);
    background: var(--background);
    border-bottom: 1px solid var(--c-mix-1)
}

.edit-panel-wrapper>.editor-blocks>.editor-blocks-navbar>ul {
    display: flex;
    flex-grow: 1;
    align-items: center;
    justify-content: center;
    list-style-type: none;
    height: 100%
}

.edit-panel-wrapper>.editor-blocks>.editor-blocks-navbar>ul>li {
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--foreground);
    font-size: var(--t-xm)
}

.edit-panel-wrapper>.editor-blocks>.editor-blocks-navbar>ul>li>a {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: var(--a-speed);
    color: inherit
}

.edit-panel-wrapper>.editor-blocks>.editor-blocks-navbar>ul>li>a:hover,
.edit-panel-wrapper>.editor-blocks>.editor-blocks-navbar>ul>li>a:focus,
.edit-panel-wrapper>.editor-blocks>.editor-blocks-navbar>ul>li>a:active {
    text-decoration: none;
    transition: var(--a-speed)
}

.edit-panel-wrapper>.editor-blocks>.editor-blocks-navbar>ul>li>a>span {
    display: flex
}

.edit-panel-wrapper>.editor-blocks>.editor-blocks-navbar>ul>li>a>span>svg {
    width: calc(var(--unit)*1.6);
    height: calc(var(--unit)*1.6);
    stroke-width: 2
}

.edit-panel-wrapper>.editor-blocks>.editor-blocks-navbar>ul>li:first-child {
    width: calc(var(--unit)*6);
    height: calc(var(--unit)*6);
    display: flex
}

@media screen and (max-width: 767px) {
    .edit-panel-wrapper>.editor-blocks>.editor-blocks-navbar>ul>li:first-child {
        width: calc(var(--unit)*5)
    }
}

.edit-panel-wrapper>.editor-blocks>.editor-blocks-navbar>ul>li:nth-child(2) {
    flex-grow: 1;
    height: 100%;
    font-size: var(--t-xm);
    align-items: center;
    justify-content: flex-start;
    padding-left: 0
}

.edit-panel-wrapper>.editor-blocks>.editor-blocks-navbar>ul>li:last-child {
    width: calc(var(--unit)*8);
    height: calc(var(--unit)*6);
    display: none
}

@media screen and (max-width: 767px) {
    .edit-panel-wrapper>.editor-blocks>.editor-blocks-navbar>ul>li:last-child {
        display: flex
    }
}

.edit-panel-wrapper>.editor-blocks>.editor-blocks-navbar>ul>li:last-child>button {
    border-radius: 0;
    width: 50px;
    height: 24px;
    border-radius: var(--r-full);
    font-size: var(--t-s);
    display: flex;
    justify-content: center;
    align-items: center;
    border: none
}

@media screen and (min-width: 768px) {
    .edit-panel-wrapper>.editor-blocks>.editor-blocks-navbar>ul>li:last-child>button {
        display: none
    }
}

.edit-panel-wrapper>.editor-blocks>.editor-blocks-search {
    padding: var(--s-2)
}

.edit-panel-wrapper>.editor-blocks>.editor-blocks-search>form {
    display: flex;
    justify-content: space-between
}

.edit-panel-wrapper>.editor-blocks>.editor-blocks-search>form>.input-box {
    display: flex;
    align-items: center;
    margin-bottom: 0
}

.edit-panel-wrapper>.editor-blocks>.editor-blocks-search>form>.input-box.search-box {
    width: 100%
}

.edit-panel-wrapper>.editor-blocks>.editor-blocks-search>form>.input-box>.input-large {
    width: 100%;
    padding-left: calc(var(--unit)*3.5);
    font-size: var(--t-m);
    border: 1px solid var(--c-mix-1);
    border-radius: var(--r-small);
    position: relative;
    height: 40px
}

.edit-panel-wrapper>.editor-blocks>.editor-blocks-search>form>.input-box>.input-large:focus {
    box-shadow: none;
    outline: none;
    background: unset
}

.edit-panel-wrapper>.editor-blocks>.editor-blocks-search>form>.input-box>.input-icon {
    position: absolute;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center
}

.edit-panel-wrapper>.editor-blocks>.editor-blocks-search>form>.input-box>.zoom-icon {
    left: 0
}

.edit-panel-wrapper>.editor-blocks>.editor-blocks-search>form>.input-box>.close-icon {
    right: 0;
    display: none;
    cursor: pointer
}

.edit-panel-wrapper>.editor-blocks>.editor-blocks-search>form>.input-box>.close-icon>svg {
    width: 12px;
    height: 12px
}

.edit-panel-wrapper>.editor-blocks>.editor-block-lists {
    width: 100%;
    padding: 0 var(--s-2);
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    background: var(--background)
}

@media screen and (max-width: 767px) {
    .edit-panel-wrapper>.editor-blocks>.editor-block-lists {
        justify-content: flex-start !important;
        gap: 7px
    }
}

.edit-panel-wrapper>.editor-blocks>.editor-block-lists>.editor-block-item {
    width: 155px;
    margin-bottom: var(--s-1);
    padding: var(--s-1);
    border: 1px solid var(--c-mix-1);
    border-radius: var(--r-small);
    cursor: pointer
}

@media screen and (max-width: 767px) {
    .edit-panel-wrapper>.editor-blocks>.editor-block-lists>.editor-block-item {
        width: calc(33.3333333333% - 5px);
        margin-bottom: 0
    }
}

.edit-panel-wrapper>.editor-blocks>.editor-block-lists>.editor-block-item>p {
    font-size: var(--t-s);
    color: var(--foreground);
    margin-bottom: var(--s-1);
    text-transform: capitalize
}

.edit-panel-wrapper>.editor-blocks>.editor-block-lists>.editor-block-item>svg {
    width: 135px;
    height: 80px
}

@media screen and (max-width: 767px) {
    .edit-panel-wrapper>.editor-blocks>.editor-block-lists>.editor-block-item>svg {
        width: 100%;
        height: 40px
    }
}

.edit-panel-wrapper>.editor-blocks>.editor-block-lists>.editor-block-item:hover {
    background: var(--c-mix-1)
}

.edit-panel-wrapper>.editor-blocks>.editor-block-lists>.editor-block-item-media {
    width: 155px;
    margin-bottom: var(--s-1);
    padding: var(--s-1);
    border: 1px solid var(--c-mix-1);
    border-radius: var(--r-small);
    cursor: pointer
}

.edit-panel-wrapper>.editor-blocks>.editor-block-lists>.editor-block-item-media>p {
    font-size: var(--t-s);
    color: var(--foreground);
    margin-bottom: var(--s-1);
    text-transform: capitalize
}

.edit-panel-wrapper>.editor-blocks>.editor-block-lists>.editor-block-item-media>svg {
    width: 135px;
    height: 80px
}

.edit-panel-wrapper>.editor-blocks>.editor-block-lists>.editor-block-item-media:hover {
    background: var(--c-mix-1)
}

@media screen and (max-width: 767px) {
    .edit-panel-wrapper>.editor-blocks>.editor-block-lists>.editor-block-item-media {
        width: calc(33.3333333333% - 5px);
        margin-bottom: 0
    }

    .edit-panel-wrapper>.editor-blocks>.editor-block-lists>.editor-block-item-media>svg {
        width: 100%;
        height: 40px
    }
}

.edit-panel-wrapper>.edit-panel {
    height: 100%;
    width: calc(100% - 60px);
    border-right: 1px solid var(--c-mix-1);
    position: relative;
    z-index: 1
}

.edit-panel-wrapper>.edit-panel>.close-edit-modal {
    display: none;
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    padding: var(--s-2);
    -webkit-backdrop-filter: saturate(100%) blur(5px);
    backdrop-filter: saturate(100%) blur(5px)
}

@media screen and (max-width: 767px) {
    .edit-panel-wrapper>.edit-panel>.close-edit-modal {
        display: flex;
        justify-content: space-between
    }
}

.edit-panel-wrapper>.edit-panel>.close-edit-modal>button {
    height: 40px
}

.edit-panel-wrapper>.edit-panel>.close-edit-modal>.icon-box {
    width: 60px;
    height: 40px;
    background: var(--c-mix-1);
    border-radius: var(--r-small);
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: var(--s-2)
}

.edit-panel-wrapper>.edit-panel>.close-edit-modal>.icon-box:nth-child(2) {
    background: var(--c-red)
}

.edit-panel-wrapper>.edit-panel>.close-edit-modal>.icon-box>svg {
    width: 16px;
    height: 16px;
    stroke-width: 2
}

.container-small {
    height: 100%
}

.container-small.edit-board {
    width: calc(100% - 460px);
    position: absolute;
    right: 0;
    top: 60px;
    height: calc(var(--100vh) - var(--top-nav-size))
}

@media screen and (max-width: 767px) {
    .container-small.edit-board {
        width: 100%;
        height: calc(var(--100vh) - var(--top-nav-size) - var(--mobile-bottom-nav-size))
    }
}

.container-small.edit-board.edit-board-full {
    width: 100%
}

.container-small.edit-board.mobile-board {
    width: 375px
}

.container-small>.edit-blocks {
    display: flex;
    flex-direction: column;
    width: 100%;
    padding: 0;
    height: calc(var(--100vh) - var(--top-nav-size))
}

@media screen and (max-width: 764px) {
    .container-small>.edit-blocks {
        height: calc(var(--100vh) - var(--top-nav-size) - var(--mobile-bottom-nav-size))
    }
}

.container-small>.edit-blocks:hover {
    overflow: scroll
}

.container-small>.edit-blocks>.edit-blocks-container {
    height: 100%;
    border: 0;
    overflow: scroll
}

.container-small>.edit-blocks>.edit-blocks-container.post-blocks-container {
    height: calc(var(--vh, 1vh)*100 - 60px);
    overflow: auto
}

.container-small>.edit-blocks>.edit-blocks-container.post-blocks-container:has(.backdrop-overlay) {
    z-index: 10
}

@media screen and (max-width: 764px) {
    .container-small>.edit-blocks>.edit-blocks-container.post-blocks-container {
        height: calc(var(--vh, 1vh)*100 - 60px - 100px)
    }
}

@media screen and (max-width: 1023px) {
    .container-small>.edit-blocks>.edit-blocks-container.post-blocks-container {
        z-index: 10
    }
}

.container-small>.edit-blocks>.edit-blocks-container .add-block {
    width: 100%;
    display: none
}

.container-small>.edit-blocks>.edit-blocks-container .add-block>.accordion {
    width: 100%;
    position: relative
}

.container-small>.edit-blocks>.edit-blocks-container .add-block>.accordion>.accordion-item {
    margin-bottom: 0;
    border: none
}

.container-small>.edit-blocks>.edit-blocks-container .add-block>.accordion>.accordion-item>.accordion-header {
    display: flex;
    justify-content: center;
    align-items: center;
    background: var(--c-mix-1);
    width: 100%;
    height: 44px;
    padding: 0;
    border: none !important;
    outline: none;
    cursor: pointer;
    position: relative
}

.container-small>.edit-blocks>.edit-blocks-container .add-block>.accordion>.accordion-item>.accordion-header:hover>p>.chevron-icon.duplicate-icon>svg>path {
    stroke: var(--foreground)
}

.container-small>.edit-blocks>.edit-blocks-container .add-block>.accordion>.accordion-item>.accordion-header::before {
    content: "";
    position: absolute;
    border-top: 1px solid var(--c-mix-1);
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    width: 100%;
    z-index: 0
}

.container-small>.edit-blocks>.edit-blocks-container .add-block>.accordion>.accordion-item>.accordion-header.active>p>.chevron-icon {
    transform: rotate(0deg)
}

.container-small>.edit-blocks>.edit-blocks-container .add-block>.accordion>.accordion-item>.accordion-header.active>p>.chevron-icon>.plus {
    display: none
}

.container-small>.edit-blocks>.edit-blocks-container .add-block>.accordion>.accordion-item>.accordion-header.active>p>.chevron-icon>.minus {
    display: flex
}

.container-small>.edit-blocks>.edit-blocks-container .add-block>.accordion>.accordion-item>.accordion-header.active>p>.chevron-icon.delete-icon {
    display: flex
}

.container-small>.edit-blocks>.edit-blocks-container .add-block>.accordion>.accordion-item>.accordion-header.active>p>.chevron-icon.duplicate-icon {
    display: flex
}

.container-small>.edit-blocks>.edit-blocks-container .add-block>.accordion>.accordion-item>.accordion-header>p {
    display: flex;
    align-items: center;
    font-size: var(--t-m) !important;
    pointer-events: none
}

.container-small>.edit-blocks>.edit-blocks-container .add-block>.accordion>.accordion-item>.accordion-header>p>.chevron-icon {
    display: flex;
    pointer-events: none;
    align-items: center;
    justify-content: center;
    width: calc(var(--unit)*2.4);
    height: calc(var(--unit)*2.4);
    background: var(--foreground);
    border-radius: var(--r-full);
    position: relative
}

.container-small>.edit-blocks>.edit-blocks-container .add-block>.accordion>.accordion-item>.accordion-header>p>.chevron-icon>.minus {
    display: none
}

.container-small>.edit-blocks>.edit-blocks-container .add-block>.accordion>.accordion-item>.accordion-header>p>.chevron-icon.duplicate-icon {
    background: var(--background);
    margin: 0 calc(var(--unit)*4);
    display: none;
    pointer-events: auto
}

.container-small>.edit-blocks>.edit-blocks-container .add-block>.accordion>.accordion-item>.accordion-header>p>.chevron-icon.delete-icon {
    background: var(--c-error);
    display: none;
    margin: 0 calc(var(--unit)*4);
    pointer-events: auto
}

.container-small>.edit-blocks>.edit-blocks-container .add-block>.accordion>.accordion-item>.accordion-header>p>.chevron-icon>svg {
    width: calc(var(--unit)*1.6);
    height: calc(var(--unit)*1.6);
    stroke-width: 1.75
}

.container-small>.edit-blocks>.edit-blocks-container .add-block>.accordion>.accordion-item>.accordion-header>p>.chevron-icon.center-icon {
    margin-right: 0px
}

.container-small>.edit-blocks>.edit-blocks-container .add-block>.accordion>.accordion-item>.accordion-body {
    margin: 0px;
    padding: 0;
    max-height: 0;
    overflow: hidden;
    background: none;
    transition: none
}

.container-small>.edit-blocks>.edit-blocks-container .add-block>.accordion>.accordion-item>.accordion-body.active {
    max-height: 800px;
    padding: var(--s-1) 0;
    border-top: none;
    border-bottom: 1px solid var(--c-mix-1)
}

.container-small>.edit-blocks>.edit-blocks-container .add-block>.accordion>.accordion-item>.accordion-body>.block-card {
    width: 100%;
    display: flex;
    justify-content: center;
    overflow-x: auto
}

.container-small>.edit-blocks>.edit-blocks-container .add-block>.accordion>.accordion-item>.accordion-body>.block-card::-webkit-scrollbar {
    display: none
}

@media screen and (max-width: 767px) {
    .container-small>.edit-blocks>.edit-blocks-container .add-block>.accordion>.accordion-item>.accordion-body>.block-card {
        justify-content: flex-start
    }
}

.container-small>.edit-blocks>.edit-blocks-container .add-block>.accordion>.accordion-item>.accordion-body>.block-card>ul {
    display: flex;
    flex-wrap: nowrap;
    white-space: nowrap;
    align-items: center;
    list-style-type: none;
    justify-content: center;
    padding: 0 var(--s-2) var(--s-1) var(--s-2)
}

.container-small>.edit-blocks>.edit-blocks-container .add-block>.accordion>.accordion-item>.accordion-body>.block-card>ul>li {
    width: calc(var(--unit)*12);
    display: flex;
    margin-right: var(--unit);
    border-radius: var(--r-small);
    font-size: var(--t-s);
    cursor: pointer;
    background: var(--c-mix-1);
    padding: 5px 5px 10px 5px
}

.container-small>.edit-blocks>.edit-blocks-container .add-block>.accordion>.accordion-item>.accordion-body>.block-card>ul>li:hover {
    background: var(--c-mix-10)
}

.container-small>.edit-blocks>.edit-blocks-container .add-block>.accordion>.accordion-item>.accordion-body>.block-card>ul>li.active {
    background: var(--c-mix-1);
    color: var(--foreground)
}

.container-small>.edit-blocks>.edit-blocks-container .add-block>.accordion>.accordion-item>.accordion-body>.block-card>ul>li.active>svg>rect {
    fill: var(--c-mix-1)
}

.container-small>.edit-blocks>.edit-blocks-container .add-block>.accordion>.accordion-item>.accordion-body>.block-card>ul>li.active>svg>path {
    fill: var(--foreground)
}

.container-small>.edit-blocks>.edit-blocks-container .add-block>.accordion>.accordion-item>.accordion-body>.block-card>ul>li>a {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    color: var(--foreground)
}

.container-small>.edit-blocks>.edit-blocks-container .add-block>.accordion>.accordion-item>.accordion-body>.block-card>ul>li>a:hover {
    color: var(--foreground)
}

.container-small>.edit-blocks>.edit-blocks-container .add-block>.accordion>.accordion-item>.accordion-body>.block-card>ul>li>a:hover>svg>path {
    stroke: var(--foreground)
}

.container-small>.edit-blocks>.edit-blocks-container .add-block>.accordion>.accordion-item>.accordion-body>.block-card>ul>li>a>div {
    padding: var(--s-1);
    background: var(--background);
    margin-bottom: var(--s-1);
    border-radius: 3px
}

.container-small>.edit-blocks>.edit-blocks-container .add-block>.accordion>.accordion-item>.accordion-body>.block-card>ul>li>a>div>svg {
    stroke-width: 1.5;
    width: 16px;
    height: 16px;
    margin-bottom: var(--s-1)
}

.container-small>.edit-blocks>.edit-blocks-container .add-new-block-section {
    display: flex;
    align-items: start;
    justify-content: center;
    position: relative
}

.container-small>.edit-blocks>.edit-blocks-container .add-new-block-section::before {
    content: "";
    display: block;
    position: absolute;
    height: 1px;
    top: 0;
    background-color: var(--background);
    left: 0;
    right: 0
}

.container-small>.edit-blocks>.edit-blocks-container .add-new-block-section>div {
    position: absolute;
    z-index: 2;
    display: flex;
    justify-content: center;
    border-radius: var(--r-small)
}

.container-small>.edit-blocks>.edit-blocks-container .add-new-block-section>div>div>.btn {
    background: unset !important;
    border: none !important;
    width: calc(var(--unit)*3);
    height: calc(var(--unit)*3);
    border-radius: 3px 0 0 3px;
    padding: 0;
    opacity: 1;
    position: relative
}

.container-small>.edit-blocks>.edit-blocks-container .add-new-block-section>div>div>.btn:focus {
    border: none !important
}

.container-small>.edit-blocks>.edit-blocks-container .add-new-block-section>div>div>.btn:hover,
.container-small>.edit-blocks>.edit-blocks-container .add-new-block-section>div>div>.btn.active {
    opacity: 1 !important
}

.container-small>.edit-blocks>.edit-blocks-container .add-new-block-section>div>div>.btn::before {
    content: "";
    display: block;
    width: 10px;
    top: 0;
    bottom: 0;
    left: -10px;
    position: absolute
}

.container-small>.edit-blocks>.edit-blocks-container .add-new-block-section>div>div>.btn p {
    display: flex;
    align-items: center;
    justify-content: center
}

.container-small>.edit-blocks>.edit-blocks-container .add-new-block-section>div>div>.btn p span {
    display: flex;
    pointer-events: none;
    align-items: center;
    justify-content: center;
    width: calc(var(--unit)*4);
    height: calc(var(--unit)*3);
    position: relative
}

.container-small>.edit-blocks>.edit-blocks-container .add-new-block-section>div>div>.btn p span>svg {
    width: calc(var(--unit)*1.6);
    height: calc(var(--unit)*1.6);
    stroke-width: 1.75
}

.container-small>.edit-blocks>.edit-blocks-container .add-new-block-section>div>div>.btn p span .minus {
    display: none
}

.container-small>.edit-blocks>.edit-blocks-container .add-new-block-section .block-options {
    opacity: 1;
    display: flex;
    z-index: 1;
    position: relative
}

.container-small>.edit-blocks>.edit-blocks-container .add-new-block-section .block-options .options {
    transition: all .2s ease;
    display: flex;
    height: 30px
}

.container-small>.edit-blocks>.edit-blocks-container .add-new-block-section .block-options .options svg {
    width: 14px;
    height: 14px
}

.container-small>.edit-blocks>.edit-blocks-container .add-new-block-section .block-options .options>div {
    width: 40px;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    border-left: 1px solid var(--c-mix-1);
    border: none
}

.container-small>.edit-blocks>.edit-blocks-container .add-new-block-section .block-options .options>div:hover,
.container-small>.edit-blocks>.edit-blocks-container .add-new-block-section .block-options .options>div.active {
    background: rgba(0, 0, 0, 0)
}

.container-small>.edit-blocks>.edit-blocks-container .add-new-block-section .block-options .options>div:hover svg,
.container-small>.edit-blocks>.edit-blocks-container .add-new-block-section .block-options .options>div.active svg {
    opacity: 1 !important
}

.container-small>.edit-blocks>.edit-blocks-container .add-new-block-section .block-options .options>div:last-child {
    border-radius: 0 3px 3px 0
}

.container-small>.edit-blocks>.edit-blocks-container .add-new-block-section .block-options .options>div svg {
    stroke-width: 2
}

.container-small>.edit-blocks>.edit-blocks-container .add-new-block-section .block-options .options>.block-menu {
    width: 30px;
    position: relative
}

.container-small>.edit-blocks>.edit-blocks-container .add-new-block-section .block-options .options>.block-menu::after {
    display: block;
    content: "";
    width: 10px;
    position: absolute;
    right: -10px;
    top: 0;
    bottom: 0
}

.container-small>.edit-blocks>.edit-blocks-container .add-new-block-section .block-options .options>.block-menu:hover,
.container-small>.edit-blocks>.edit-blocks-container .add-new-block-section .block-options .options>.block-menu.active {
    background-color: rgba(0, 0, 0, 0)
}

.container-small>.edit-blocks>.edit-blocks-container .add-new-block-section .block-options .options>.block-menu:hover svg,
.container-small>.edit-blocks>.edit-blocks-container .add-new-block-section .block-options .options>.block-menu.active svg {
    opacity: 1 !important
}

.container-small>.edit-blocks>.edit-blocks-container .add-new-block-section .block-options .all-more-block-options {
    display: flex;
    position: absolute;
    top: 35px;
    left: -40px;
    z-index: 10
}

.container-small>.edit-blocks>.edit-blocks-container .add-new-block-section .block-options .all-more-block-options>.more-block-options {
    border-radius: var(--r-small);
    background: var(--background);
    border: 1px solid var(--c-mix-1);
    color: var(--foreground);
    font-size: var(--t-s);
    font-family: var(--f-base);
    width: 120px;
    max-width: 120px;
    margin-top: 2px
}

.container-small>.edit-blocks>.edit-blocks-container .add-new-block-section .block-options .all-more-block-options>.more-block-options>ul {
    list-style: none;
    padding: 5px
}

.container-small>.edit-blocks>.edit-blocks-container .add-new-block-section .block-options .all-more-block-options>.more-block-options>ul>li {
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-radius: 3px;
    padding: 0 5px;
    cursor: pointer
}

.container-small>.edit-blocks>.edit-blocks-container .add-new-block-section .block-options .all-more-block-options>.more-block-options>ul>li.copy-to {
    position: relative
}

.container-small>.edit-blocks>.edit-blocks-container .add-new-block-section .block-options .all-more-block-options>.more-block-options>ul>li.copy-to>.block-options-copy-to {
    border-radius: var(--r-small);
    background: var(--background);
    border: 1px solid var(--c-mix-1);
    color: var(--foreground);
    font-size: var(--t-s);
    font-family: var(--f-base);
    width: 150px;
    margin-top: 32px;
    display: none;
    position: absolute;
    right: 135px;
    top: -32px
}

.container-small>.edit-blocks>.edit-blocks-container .add-new-block-section .block-options .all-more-block-options>.more-block-options>ul>li.copy-to>.block-options-copy-to ul {
    list-style: none;
    padding: 5px
}

.container-small>.edit-blocks>.edit-blocks-container .add-new-block-section .block-options .all-more-block-options>.more-block-options>ul>li.copy-to>.block-options-copy-to ul li {
    height: 32px;
    border-radius: var(--r-small);
    padding: 0 5px;
    display: flex;
    align-items: center
}

.container-small>.edit-blocks>.edit-blocks-container .add-new-block-section .block-options .all-more-block-options>.more-block-options>ul>li.copy-to>.block-options-copy-to ul li svg {
    width: 12px;
    height: 12px;
    margin-right: 5px
}

.container-small>.edit-blocks>.edit-blocks-container .add-new-block-section .block-options .all-more-block-options>.more-block-options>ul>li.copy-to>.block-options-copy-to ul li:hover {
    background: var(--c-mix-1)
}

.container-small>.edit-blocks>.edit-blocks-container .add-new-block-section .block-options .all-more-block-options>.more-block-options>ul>li.copy-to:hover .block-options-copy-to {
    display: flex
}

.container-small>.edit-blocks>.edit-blocks-container .add-new-block-section .block-options .all-more-block-options>.more-block-options>ul>li.more-block-options-delete {
    color: var(--c-red)
}

.container-small>.edit-blocks>.edit-blocks-container .add-new-block-section .block-options .all-more-block-options>.more-block-options>ul>li svg {
    width: 16px;
    height: 16px
}

.container-small>.edit-blocks>.edit-blocks-container .add-new-block-section .block-options .all-more-block-options>.more-block-options>ul>li:hover {
    background: var(--c-mix-1)
}

.container-small>.edit-blocks>.edit-blocks-container .add-new-block-section .block-options .ai-block-option {
    display: flex;
    position: absolute;
    top: 35px;
    left: -40px;
    z-index: 10;
    border-radius: var(--r-small);
    background: var(--background);
    border: 1px solid var(--c-mix-1);
    color: var(--foreground);
    font-size: var(--t-s);
    font-family: var(--f-base);
    width: 120px;
    max-width: 120px;
    margin-top: 2px
}

.container-small>.edit-blocks>.edit-blocks-container .add-new-block-section .block-options .ai-block-option>ul {
    list-style: none;
    padding: 5px;
    width: 100%
}

.container-small>.edit-blocks>.edit-blocks-container .add-new-block-section .block-options .ai-block-option>ul>li {
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-radius: 3px;
    padding: 0 5px;
    cursor: pointer
}

.container-small>.edit-blocks>.edit-blocks-container .add-new-block-section .block-options .ai-block-option>ul>li:hover {
    background: var(--c-mix-1)
}

.container-small>.edit-blocks>.edit-blocks-container .add-new-block-section .options-background {
    position: absolute;
    z-index: 0
}

.container-small>.edit-blocks>.edit-blocks-container .add-new-block-section:hover .top-right-block-options .block-menu svg,
.container-small>.edit-blocks>.edit-blocks-container .add-new-block-section:hover .top-right-block-options .options div:not(#control) svg,
.container-small>.edit-blocks>.edit-blocks-container .add-new-block-section:hover>div>div>.btn {
    opacity: .6
}

.container-small .overlay {
    display: none;
    width: 100%;
    height: calc(var(--vh, 1vh)*100);
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    padding: var(--s-2);
    z-index: 15
}

.container-small .overlay>.overlay-card {
    position: absolute;
    width: calc(100% - var(--s-4));
    left: 50%;
    transform: translateX(-50%);
    bottom: calc(var(--unit)*2);
    z-index: 2
}

@media screen and (min-width: 768px) {
    .container-small .overlay {
        width: 100%;
        margin: 0 auto
    }

    .container-small .overlay>.overlay-card {
        width: calc(var(--unit)*40);
        top: 50%;
        left: 50%;
        bottom: auto;
        z-index: 2;
        transform: translate(-50%, -50%)
    }
}

.container-small .overlay .overlay-card {
    display: none;
    position: absolute;
    width: 100%;
    height: 100vh;
    overflow-y: scroll;
    left: 50%;
    transform: translateX(-50%);
    bottom: 0;
    z-index: 5
}

@media screen and (min-width: 768px) {
    .container-small .overlay .overlay-card {
        width: calc(var(--unit)*60);
        top: 50%;
        left: 50%;
        bottom: auto;
        z-index: 2;
        transform: translate(-50%, -50%)
    }
}

.container-small .overlay .overlay-card>.overlay-card-body {
    padding: 0 var(--s-2);
    background-color: var(--background)
}

.container-small .overlay .overlay-card>.overlay-card-body>.share-box>.container-small {
    background: var(--background)
}

.container-small .overlay .overlay-card>.overlay-card-body>.share-box>.container-small.sticky {
    position: sticky;
    top: calc(var(--unit)*0);
    z-index: 2;
    padding-top: var(--s-2)
}

.container-small .overlay .overlay-card>.overlay-card-body>.share-box>.container-small .tab-link {
    position: relative;
    background: unset
}

.container-small .overlay .overlay-card>.overlay-card-body>.share-box>.container-small .tab-link>h2 {
    background: var(--background) !important;
    text-align: center
}

.container-small .overlay .overlay-card>.overlay-card-body>.share-box>.container-small .tab-link>span {
    position: absolute;
    right: 0;
    top: 0px;
    display: flex;
    cursor: pointer
}

.container-small .overlay .overlay-card>.overlay-card-body>.share-box>.container-small .tab-link>span>svg {
    width: 16px;
    height: 16px
}

.container-small .overlay .overlay-card>.overlay-card-body>.share-box>.container-small .tab-link>.tabs {
    display: flex;
    list-style-type: none;
    margin: 0;
    padding: 0;
    box-shadow: inset 0 -1px 0 var(--c-mix-1);
    background: var(--background)
}

.container-small .overlay .overlay-card>.overlay-card-body>.share-box>.container-small .tab-link>.tabs>.tab {
    width: 100%;
    color: var(--c-mix-2);
    font-size: var(--t-m);
    line-height: var(--l-body);
    height: calc(var(--unit)*5);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer
}

@media screen and (min-width: 768px) {
    .container-small .overlay .overlay-card>.overlay-card-body>.share-box>.container-small .tab-link>.tabs>.tab {
        width: auto;
        margin-right: var(--s-4)
    }

    .container-small .overlay .overlay-card>.overlay-card-body>.share-box>.container-small .tab-link>.tabs>.tab:last-child {
        margin-right: 0
    }
}

.container-small .overlay .overlay-card>.overlay-card-body>.share-box>.container-small .tab-link>.tabs>.tab:hover {
    color: var(--foreground)
}

.container-small .overlay .overlay-card>.overlay-card-body>.share-box>.container-small .tab-link>.tabs>.tab.active {
    color: var(--foreground);
    box-shadow: inset 0 -1px 0 var(--foreground)
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

.container-small .overlay .overlay-card>.overlay-card-body>.share-box>.tab-content-box {
    position: relative;
    margin: 0;
    margin-bottom: calc(var(--unit)*9);
    padding: 0 var(--s-2);
    padding: 0
}

.container-small .overlay .overlay-card>.overlay-card-body>.share-box>.tab-content-box>.tab-content>[data-tab-content] {
    display: none
}

.container-small .overlay .overlay-card>.overlay-card-body>.share-box>.tab-content-box>.tab-content>.active[data-tab-content] {
    display: block
}

.container-small .overlay .overlay-card>.overlay-card-body>.share-box>.tab-content-box>.tab-content>[data-tab-content]>.elements {
    width: 100%;
    display: flex;
    flex-direction: column
}

.container-small .overlay .overlay-card>.overlay-card-body>.share-box>.tab-content-box>.tab-content>[data-tab-content]>.elements>.card {
    border-top: 1px solid var(--c-mix-1);
    border-left: 1px solid var(--c-mix-1);
    border-right: 1px solid var(--c-mix-1);
    border-bottom: none;
    display: flex;
    width: 100%;
    background: var(--background);
    transition: var(--a-speed);
    padding-left: var(--s-2)
}

.container-small .overlay .overlay-card>.overlay-card-body>.share-box>.tab-content-box>.tab-content>[data-tab-content]>.elements>.card:hover {
    background: var(--c-mix-1)
}

.container-small .overlay .overlay-card>.overlay-card-body>.share-box>.tab-content-box>.tab-content>[data-tab-content]>.elements>.card:hover>.card-body>a .card-image {
    background: var(--background)
}

.container-small .overlay .overlay-card>.overlay-card-body>.share-box>.tab-content-box>.tab-content>[data-tab-content]>.elements>.card:first-child {
    border-top-left-radius: var(--r-small);
    border-top-right-radius: var(--r-small)
}

.container-small .overlay .overlay-card>.overlay-card-body>.share-box>.tab-content-box>.tab-content>[data-tab-content]>.elements>.card:last-child {
    border-bottom-left-radius: var(--r-small);
    border-bottom-right-radius: var(--r-small);
    border-bottom: 1px solid var(--c-mix-1)
}

.container-small .overlay .overlay-card>.overlay-card-body>.share-box>.tab-content-box>.tab-content>[data-tab-content]>.elements>.card>.card-body {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column
}

.container-small .overlay .overlay-card>.overlay-card-body>.share-box>.tab-content-box>.tab-content>[data-tab-content]>.elements>.card>.card-body>a {
    display: flex;
    padding: var(--s-2) 0 0 0
}

.container-small .overlay .overlay-card>.overlay-card-body>.share-box>.tab-content-box>.tab-content>[data-tab-content]>.elements>.card>.card-body>a:focus {
    background: var(--c-mix-1) !important
}

.container-small .overlay .overlay-card>.overlay-card-body>.share-box>.tab-content-box>.tab-content>[data-tab-content]>.elements>.card>.card-body>a>.card-image {
    height: 40px;
    width: 40px;
    display: flex;
    border-radius: var(--r-small);
    justify-content: center;
    align-items: center;
    margin-right: var(--s-1);
    background: var(--c-mix-1)
}

.container-small .overlay .overlay-card>.overlay-card-body>.share-box>.tab-content-box>.tab-content>[data-tab-content]>.elements>.card>.card-body>a>.card-image>svg {
    width: 16px;
    height: 16px
}

.container-small .overlay .overlay-card>.overlay-card-body>.share-box>.tab-content-box>.tab-content>[data-tab-content]>.elements>.card>.card-body>a>.card-text {
    width: calc(100% - 50px);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding-bottom: var(--s-2)
}

.container-small .overlay .overlay-card>.overlay-card-body>.share-box>.tab-content-box>.tab-content>[data-tab-content]>.elements>.card>.card-body>a>.card-text>h2 {
    margin-bottom: 5px
}

.container-small .overlay .overlay-card>.overlay-card-body>.share-box>.tab-content-box>.tab-content>[data-tab-content]>.elements>.card>.card-body>a>.card-text>p {
    font-size: var(--t-xs) !important;
    color: var(--body);
    line-height: var(--l-body)
}

.container-small .overlay .overlay-card>.overlay-card-body>.share-box>.tab-content-box>.tab-content>[data-tab-content]>.sections {
    display: flex;
    flex-direction: column;
    background: var(--background) !important
}

.container-small .overlay .overlay-card>.overlay-card-body>.share-box>.tab-content-box>.tab-content>[data-tab-content]>.sections>.card {
    width: 100%;
    height: 200px;
    margin-bottom: var(--s-2);
    border-radius: var(--r-small)
}

.container-small .overlay .overlay-card>.overlay-card-body>.share-box>.tab-content-box>.tab-content>[data-tab-content]>.sections>.card>img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: var(--r-small)
}

.container-small .overlay>.alert {
    height: calc(var(--unit)*5);
    background: var(--c-light);
    position: fixed;
    top: calc(var(--unit)*2);
    left: calc(var(--unit)*2);
    right: calc(var(--unit)*2);
    display: none;
    align-items: center;
    border-radius: var(--r-small);
    width: 100%
}

.container-small .overlay>.alert>p {
    display: flex;
    padding-left: calc(var(--unit)*1.4);
    color: var(--c-dark);
    font-size: var(--t-m) !important
}

.container-small .overlay>.alert>p>span {
    margin-right: var(--s-1);
    display: flex;
    align-items: center
}

.container-small .overlay>.alert>p>span>svg {
    width: calc(var(--unit)*1.6);
    height: calc(var(--unit)*1.6)
}

@media screen and (min-width: 600px) {
    .container-small .overlay>.alert {
        width: calc(var(--unit)*56);
        margin: 0 auto
    }
}

@media screen and (min-width: 600px) {
    .container-small .overlay {
        width: calc(var(--unit)*60);
        margin: 0 auto
    }
}

.container-small .display-none {
    display: none !important
}

.page-overlay {
    display: none;
    width: 300px;
    position: fixed;
    top: 59px;
    left: 0;
    z-index: 5
}

@media screen and (max-width: 767px) {
    .page-overlay {
        width: 100%
    }
}

@media screen and (min-width: 768px) {
    .page-overlay>.backdrop {
        display: none
    }
}

.page-overlay>.overlay-project-site-card {
    background: var(--background)
}

@media screen and (max-width: 767px) {
    .page-overlay>.overlay-project-site-card {
        display: none
    }
}

.page-overlay>.overlay-project-site-card>form {
    padding: var(--s-2)
}

.page-overlay>.overlay-project-site-card>form>.input-box {
    display: flex;
    align-items: center;
    width: 100%
}

.page-overlay>.overlay-project-site-card>form>.input-box:last-child {
    margin-bottom: 0
}

.page-overlay>.overlay-project-site-card>form>.input-box>.input-label {
    flex: 25%;
    font-size: var(--t-m);
    color: var(--foreground)
}

.page-overlay>.overlay-project-site-card>form>.input-box>.input-group {
    flex: 75%
}

.page-overlay>.overlay-project-site-card>form>.input-box>.input-group>button {
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center
}

.page-overlay>.overlay-project-site-card>form>.input-box>.input-group>button svg {
    width: 16px;
    height: 16px;
    margin-right: 5px
}

.page-overlay>.overlay-project-site-card>form>a {
    width: 100%;
    display: inline-block;
    text-align: right;
    font-size: var(--t-s);
    color: var(--c-mix-3)
}

.page-overlay>.overlay-project-site-card>ul {
    list-style-type: none;
    width: 100%
}

.page-overlay>.overlay-project-site-card>ul>li {
    display: flex;
    font-size: var(--t-m);
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: calc(var(--unit)*1.4) var(--s-2);
    cursor: pointer;
    transition: var(--a-speed);
    color: var(--foreground)
}

.page-overlay>.overlay-project-site-card>ul>li:first-child,
.page-overlay>.overlay-project-site-card>ul>li:last-child {
    border-top: 1px solid var(--c-mix-1)
}

.page-overlay>.overlay-project-site-card>ul>li:nth-last-child(2) {
    color: var(--c-red)
}

.page-overlay>.overlay-project-site-card>ul>li:hover {
    background: var(--c-mix-1);
    color: var(--foreground)
}

.page-overlay>.overlay-project-site-card>ul>li:hover>span {
    display: flex
}

.page-overlay>.overlay-project-site-card>ul>li:hover:nth-last-child(2) {
    color: var(--c-red)
}

.page-overlay>.overlay-project-site-card>ul>li.delete {
    color: var(--c-red)
}

.page-overlay>.overlay-project-site-card>ul>li>span {
    display: flex
}

.page-overlay>.overlay-project-site-card>ul>li>span>svg {
    width: 16px;
    height: 16px
}

.page-overlay>.overlay-site-card {
    background: var(--background);
    height: calc(var(--unit)*30);
    overflow-y: auto;
    display: flex;
    flex-direction: column
}

@media screen and (min-width: 768px) {
    .page-overlay>.overlay-site-card {
        display: none
    }

    .page-overlay>.overlay-site-card>.backdrop {
        display: none
    }
}

.page-overlay>.overlay-site-card>.input-box {
    display: flex;
    align-items: center;
    padding: var(--s-2);
    border-bottom: 1px solid var(--c-mix-1);
    margin-bottom: 0
}

.page-overlay>.overlay-site-card>.input-box>.input-label {
    flex: 25%;
    color: var(--foreground);
    font-size: var(--t-m);
    line-height: var(--l-body)
}

.page-overlay>.overlay-site-card>.input-box>.input-group {
    flex: 75%;
    display: flex
}

.page-overlay>.overlay-site-card>ul {
    list-style-type: none;
    width: 100%;
    padding: var(--s-1) var(--s-2)
}

.page-overlay>.overlay-site-card>ul>li {
    display: flex;
    font-size: var(--t-m);
    text-transform: capitalize;
    height: calc(var(--unit)*4);
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: var(--s-1);
    cursor: pointer;
    transition: var(--a-speed);
    color: var(--foreground);
    border-radius: var(--r-small);
    padding-left: calc(var(--unit)*3.2)
}

.page-overlay>.overlay-site-card>ul>li.active {
    padding-left: var(--s-1)
}

.page-overlay>.overlay-site-card>ul>li:hover {
    background: var(--c-mix-1);
    color: var(--foreground)
}

.page-overlay>.overlay-site-card>ul>li:hover>span {
    display: flex
}

.page-overlay>.overlay-site-card>ul>li.active {
    color: var(--foreground);
    background: var(--c-mix-1)
}

.page-overlay>.overlay-site-card>ul>li.active>svg {
    display: block
}

.page-overlay>.overlay-site-card>ul>li>span {
    display: flex;
    align-items: center;
    justify-content: center
}

.page-overlay>.overlay-site-card>ul>li>span>svg {
    width: 16px;
    height: 16px;
    margin-right: var(--s-1)
}

.page-overlay>.overlay-site-card>ul>li>svg {
    width: 16px;
    height: 16px;
    display: none
}

.page-overlay>.overlay-site-card>.create-new-page {
    background: var(--background);
    padding: 0 var(--s-2)
}

.page-overlay>.overlay-site-card>.create-new-page>button {
    display: flex;
    font-size: var(--t-m);
    text-transform: capitalize;
    height: calc(var(--unit)*4);
    display: flex;
    align-items: center;
    border: 0;
    justify-content: space-between;
    background: var(--foreground);
    color: var(--background);
    padding-left: var(--s-1)
}

.page-overlay>.overlay-site-card>.create-new-page>button>span {
    display: flex;
    align-items: center;
    justify-content: center
}

.page-overlay>.overlay-site-card>.create-new-page>button>span>svg {
    width: 16px;
    height: 16px
}

.publish-overlay {
    display: none;
    width: 400px;
    height: 100vh;
    position: fixed;
    top: 0;
    right: 0;
    z-index: 50;
    overflow-y: auto
}

@media screen and (max-width: 767px) {
    .publish-overlay {
        width: 100%
    }
}

.publish-overlay>.publish-card {
    width: 100%;
    height: 100%;
    background-color: var(--background);
    display: flex;
    flex-direction: column;
    align-items: center;
    border: 1px solid var(--c-mix-1)
}

@media screen and (max-width: 767px) {
    .publish-overlay>.publish-card {
        border: none;
        border-bottom: 1px solid var(--c-mix-1)
    }
}

.publish-overlay>.publish-card>h2 {
    width: 100%;
    text-align: left;
    letter-spacing: 0;
    padding: var(--s-2);
    position: relative;
    letter-spacing: 0 !important;
    border-bottom: 1px solid var(--c-mix-1)
}

.publish-overlay>.publish-card>h2>span {
    position: absolute;
    left: 0;
    top: 0;
    width: 60px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    display: none
}

.publish-overlay>.publish-card>h2>span:hover>svg {
    opacity: .5
}

.publish-overlay>.publish-card>h2>span>svg {
    width: calc(var(--unit)*1.6);
    height: calc(var(--unit)*1.6);
    stroke-width: 2;
    transition: var(--a-speed)
}

.publish-overlay>.publish-card>div {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%
}

.publish-overlay>.publish-card>div>.preloader {
    width: 100px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

.publish-overlay>.publish-card>div>.preloader>span {
    width: 40px;
    height: 40px;
    margin-bottom: var(--s-4);
    display: flex
}

.publish-overlay>.publish-card>div>.preloader>span>svg {
    width: 40px;
    height: 40px;
    stroke-width: 2
}

.publish-overlay>.publish-card>div>.preloader>.progress-bar {
    width: 100%;
    height: 2px;
    background: var(--c-mix-1)
}

.publish-overlay>.publish-card>div>.preloader>.progress-bar>.publish-progress {
    width: 0;
    height: 2px;
    background: var(--foreground)
}

.publish-overlay>.publish-card>div>.preloader>svg {
    width: 40px !important;
    height: 40px !important
}

.publish-overlay>.publish-card>div>.preloader>svg>g>g>g:nth-child(1)>path {
    fill: var(--background) !important
}

.publish-overlay>.publish-card>div>.preloader>svg>g>g>g:nth-child(2)>path {
    fill: var(--c-mix-1) !important
}

.publish-overlay>.publish-card>div>.preloader>svg>g>g>g:nth-child(3)>path {
    stroke-width: 1.5;
    stroke: var(--foreground)
}

.publish-overlay>.publish-card>div>p {
    transition: var(--a-speed);
    color: var(--c-mix-3);
    font-size: var(--t-m)
}

.publish-overlay>.publish-card>.new-site-button {
    width: 100%;
    display: flex;
    justify-content: space-between;
    padding: var(--s-2)
}

.publish-overlay>.publish-card>.new-site-button>button {
    background: var(--c-mix-1);
    width: 100%;
    color: var(--foreground);
    height: calc(var(--unit)*4);
    display: none
}

.publish-overlay>.publish-card>.new-site-button>button:focus,
.publish-overlay>.publish-card>.new-site-button>button:hover {
    border: none
}

.published-overlay {
    display: none;
    width: 400px;
    height: 100vh;
    position: fixed;
    top: 0;
    right: 0;
    z-index: 50;
    overflow-y: auto
}

@media screen and (max-width: 767px) {
    .published-overlay {
        width: 100%
    }
}

.published-overlay>.publish-card {
    background-color: var(--background);
    height: 100%;
    border-left: 1px solid var(--c-mix-1)
}

@media screen and (max-width: 767px) {
    .published-overlay>.publish-card {
        border: none;
        border-bottom: 1px solid var(--c-mix-1)
    }
}

.published-overlay>.publish-card>h2 {
    text-align: left;
    letter-spacing: 0;
    padding: var(--s-2);
    position: relative;
    letter-spacing: 0 !important
}

.published-overlay>.publish-card>h2>span {
    position: absolute;
    right: 0;
    top: 0;
    width: 60px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    display: none
}

.published-overlay>.publish-card>h2>span:hover>svg {
    opacity: .5
}

.published-overlay>.publish-card>h2>span>svg {
    width: calc(var(--unit)*1.6);
    height: calc(var(--unit)*1.6)
}

@media screen and (max-width: 767px) {
    .published-overlay>.publish-card>h2>span {
        display: flex
    }
}

.published-overlay>.publish-card>p {
    text-align: center;
    padding: var(--s-2);
    border-bottom: 1px solid var(--c-mix-1)
}

.published-overlay>.publish-card>.publish-card-body {
    height: calc(100% - 60px);
    display: flex;
    flex-direction: column
}

.published-overlay>.publish-card>.publish-card-body>.new-site-box {
    display: flex;
    flex-direction: column;
    align-items: center;
    border-top: 1px solid var(--c-mix-1);
    padding: var(--s-2)
}

.published-overlay>.publish-card>.publish-card-body>.new-site-box>.publish-review-instruction {
    font-size: var(--t-s);
    color: var(--c-mix-3);
    text-align: left;
    width: 100%;
    display: none
}

.published-overlay>.publish-card>.publish-card-body>.new-site-box>.publish-review-instruction.publish-review-instruction-2 {
    margin-bottom: var(--s-2);
    display: block
}

.published-overlay>.publish-card>.publish-card-body>.new-site-box>a {
    font-size: var(--t-m);
    color: var(--c-mix-3);
    position: relative
}

.published-overlay>.publish-card>.publish-card-body>.new-site-box>a:hover:after {
    background: var(--foreground)
}

.published-overlay>.publish-card>.publish-card-body>.new-site-box>a:after {
    content: "";
    width: 100%;
    height: 1px;
    background: var(--c-mix-1);
    position: absolute;
    left: 0;
    bottom: -6px
}

.published-overlay>.publish-card>.publish-card-body>.new-site-box p {
    font-size: var(--t-m);
    color: var(--c-mix-3);
    position: relative;
    text-align: center
}

.published-overlay>.publish-card>.publish-card-body>.new-site-box p.site-name {
    text-align: left;
    font-size: var(--t-xs);
    line-height: var(--l-body);
    color: var(--foreground);
    margin-top: 10px
}

.published-overlay>.publish-card>.publish-card-body>.new-site-box p.site-description {
    font-size: var(--t-s)
}

.published-overlay>.publish-card>.publish-card-body>.new-site-box>.publish-icon {
    width: 100%
}

.published-overlay>.publish-card>.publish-card-body>.new-site-box>.publish-icon>form {
    display: flex;
    position: relative;
    width: 100%
}

.published-overlay>.publish-card>.publish-card-body>.new-site-box>.publish-icon>form>input {
    padding-right: 0;
    height: calc(var(--unit)*4);
    background: var(--c-mix-1);
    font-size: var(--t-m);
    cursor: pointer
}

.published-overlay>.publish-card>.publish-card-body>.new-site-box>.publish-icon>form>button {
    position: absolute;
    right: 0;
    width: auto;
    height: 40px;
    background: var(--c-mix-1);
    color: var(--background);
    border: none;
    pointer-events: none;
    cursor: pointer;
    border-top-right-radius: var(--r-small);
    border-bottom-right-radius: var(--r-small);
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding-right: 14px;
    padding-left: 14px;
    font-size: var(--t-m)
}

.published-overlay>.publish-card>.publish-card-body>.new-site-box>.publish-icon>form>button p {
    color: var(--foreground);
    font-size: var(--t-s)
}

.published-overlay>.publish-card>.publish-card-body>.new-site-box>.publish-icon>form>button svg {
    width: 16px;
    height: 16px
}

.published-overlay>.publish-card>.publish-card-body>.new-site-box>.publish-icon>form>button svg.checkmark-icon {
    display: none
}

.published-overlay>.publish-card>.publish-card-body>.new-site-box>.publish-icon>.error,
.published-overlay>.publish-card>.publish-card-body>.new-site-box>.publish-icon>.is-available {
    text-align: left !important
}

.published-overlay>.publish-card>.publish-card-body>.new-site-box>.publish-icon>p {
    color: var(--c-mix-3);
    font-size: var(--t-s);
    margin-bottom: var(--s-2)
}

.published-overlay>.publish-card>.publish-card-body>.new-site-box>.publish-icon>ul {
    list-style: none;
    display: flex;
    justify-content: space-between;
    width: 100%;
    padding: 0;
    gap: 10px
}

.published-overlay>.publish-card>.publish-card-body>.new-site-box>.publish-icon>ul>li {
    display: flex;
    flex-direction: column;
    align-items: center;
    font-size: var(--t-s);
    color: var(--c-mix-3);
    width: 25%
}

.published-overlay>.publish-card>.publish-card-body>.new-site-box>.publish-icon>ul>li:hover {
    color: var(--foreground)
}

.published-overlay>.publish-card>.publish-card-body>.new-site-box>.publish-icon>ul>li:hover>a {
    background: var(--c-mix-1)
}

.published-overlay>.publish-card>.publish-card-body>.new-site-box>.publish-icon>ul>li:hover>a>svg>path {
    fill: var(--foreground)
}

.published-overlay>.publish-card>.publish-card-body>.new-site-box>.publish-icon>ul>li>a {
    width: 100%;
    height: calc(var(--unit)*4);
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid var(--c-mix-1);
    border-radius: var(--r-small);
    background: var(--c-mix-1)
}

.published-overlay>.publish-card>.publish-card-body>.new-site-box>.publish-icon>ul>li>a>svg {
    width: 16px;
    height: 16px
}

.published-overlay>.publish-card>.publish-card-body>.new-site-box>.publish-icon>ul>li>a>svg>path {
    fill: var(--foreground);
    transition: var(--a-speed)
}

.published-overlay>.publish-card>.publish-card-body>.new-site-box>.publish-icon>.publish-actions {
    margin-top: var(--s-1)
}

.published-overlay>.publish-card>.publish-card-body>.new-site-box>.publish-icon>.publish-actions>.input-box {
    display: flex;
    align-items: center;
    width: 100%;
    border: 1px solid var(--c-mix-1);
    border-bottom: 0;
    margin-bottom: 0
}

.published-overlay>.publish-card>.publish-card-body>.new-site-box>.publish-icon>.publish-actions>.input-box.seo-social-link {
    justify-content: space-between;
    padding: 4px;
    font-size: var(--t-m);
    height: 40px;
    padding: 0 10px;
    color: var(--foreground);
    cursor: pointer
}

.published-overlay>.publish-card>.publish-card-body>.new-site-box>.publish-icon>.publish-actions>.input-box.seo-social-link>span svg {
    width: 16px;
    height: 16px
}

.published-overlay>.publish-card>.publish-card-body>.new-site-box>.publish-icon>.publish-actions>.input-box>.input-group {
    flex: 100%;
    display: flex;
    position: relative;
    cursor: pointer
}

.published-overlay>.publish-card>.publish-card-body>.new-site-box>.publish-icon>.publish-actions>.input-box>.input-group>.switchWrapper {
    width: 100%;
    position: relative;
    height: calc(var(--unit)*4);
    display: flex;
    align-items: center
}

.published-overlay>.publish-card>.publish-card-body>.new-site-box>.publish-icon>.publish-actions>.input-box>.input-group>.switchWrapper>.switchInput {
    position: absolute;
    opacity: 0;
    right: 0
}

.published-overlay>.publish-card>.publish-card-body>.new-site-box>.publish-icon>.publish-actions>.input-box>.input-group>.switchWrapper>.switchInput:checked~.switchLabel {
    color: var(--foreground)
}

.published-overlay>.publish-card>.publish-card-body>.new-site-box>.publish-icon>.publish-actions>.input-box>.input-group>.switchWrapper>.switchInput:checked~.switchLabel::before {
    background: var(--foreground);
    border: 1px solid var(--foreground)
}

.published-overlay>.publish-card>.publish-card-body>.new-site-box>.publish-icon>.publish-actions>.input-box>.input-group>.switchWrapper>.switchInput:checked~.slider {
    transform: translateX(14px);
    background: var(--background)
}

.published-overlay>.publish-card>.publish-card-body>.new-site-box>.publish-icon>.publish-actions>.input-box>.input-group>.switchWrapper>.switchInput:not(:disabled)~.switchLabel {
    cursor: pointer
}

.published-overlay>.publish-card>.publish-card-body>.new-site-box>.publish-icon>.publish-actions>.input-box>.input-group>.switchWrapper>.switchLabel {
    position: absolute;
    left: 0;
    width: 100%;
    height: calc(var(--unit)*4);
    display: flex;
    align-items: center;
    font-size: var(--t-m);
    color: var(--foreground);
    padding: 0 var(--s-1)
}

.published-overlay>.publish-card>.publish-card-body>.new-site-box>.publish-icon>.publish-actions>.input-box>.input-group>.switchWrapper>.switchLabel:before {
    content: "";
    position: absolute;
    right: 10px;
    display: inline-block;
    cursor: pointer;
    width: calc(var(--unit)*3.2);
    height: calc(var(--unit)*1.8);
    border-radius: 100px;
    border: 1px solid var(--c-mix-1);
    background: var(--c-mix-1)
}

.published-overlay>.publish-card>.publish-card-body>.new-site-box>.publish-icon>.publish-actions>.input-box>.input-group>.switchWrapper>.slider {
    width: calc(var(--unit)*1.2);
    height: calc(var(--unit)*1.2);
    background-color: var(--c-mix-2);
    position: absolute;
    right: calc(var(--unit)*2.8);
    border-radius: 50%;
    transition: transform .4s;
    pointer-events: none
}

.published-overlay>.publish-card>.publish-card-body>.new-site-box>.publish-icon>.publish-actions>.input-box:nth-child(1) {
    border-radius: var(--r-small) var(--r-small) 0 0
}

.published-overlay>.publish-card>.publish-card-body>.new-site-box>.publish-icon>.publish-actions>.input-box:nth-child(2),
.published-overlay>.publish-card>.publish-card-body>.new-site-box>.publish-icon>.publish-actions>.input-box:nth-child(3) {
    display: none
}

.published-overlay>.publish-card>.publish-card-body>.new-site-box>.publish-icon>.publish-actions>.input-box:last-child {
    border-bottom: 1px solid var(--c-mix-1);
    border-radius: 0 0 var(--r-small) var(--r-small)
}

.published-overlay>.publish-card>.publish-card-body p {
    font-size: var(--t-m);
    color: var(--c-mix-3);
    position: relative;
    text-align: center
}

.published-overlay>.publish-card>.publish-card-body>.new-site-button {
    display: flex;
    justify-content: space-between;
    padding: 0 var(--s-2) var(--s-2) var(--s-2)
}

.published-overlay>.publish-card>.publish-card-body>.new-site-button>button {
    background: var(--foreground);
    width: 100%;
    color: var(--background);
    height: calc(var(--unit)*4);
    border: none
}

.published-overlay>.publish-card>.publish-card-body>.new-site-button>button:focus,
.published-overlay>.publish-card>.publish-card-body>.new-site-button>button:hover {
    border: none
}

.published-overlay>.publish-card.prepublish>h2 {
    letter-spacing: 0 !important;
    text-align: left;
    letter-spacing: 0;
    padding: var(--s-2);
    position: relative
}

.published-overlay>.publish-card.prepublish>h2>span {
    position: absolute;
    right: 0;
    top: 0;
    width: 60px;
    height: 60px;
    display: none;
    align-items: center;
    justify-content: center;
    cursor: pointer
}

.published-overlay>.publish-card.prepublish>h2>span:hover>svg {
    opacity: .5
}

.published-overlay>.publish-card.prepublish>h2>span>svg {
    width: calc(var(--unit)*1.6);
    height: calc(var(--unit)*1.6)
}

@media screen and (max-width: 767px) {
    .published-overlay>.publish-card.prepublish>h2>span {
        display: flex
    }
}

.published-overlay>.publish-card.prepublish>.publish-card-body>.new-site-box>.publish-domain-instruction {
    font-size: var(--t-s);
    color: var(--c-mix-3);
    text-align: left;
    width: 100%
}

.published-overlay>.publish-card.prepublish>.publish-card-body>.new-site-box>.publish-domain-instruction.domain-instruction-2 {
    margin-bottom: var(--s-2)
}

.published-overlay>.publish-card.prepublish>.publish-card-body>.new-site-box p {
    font-size: var(--t-s);
    color: var(--foreground)
}

.published-overlay>.publish-card.prepublish>.publish-card-body>.new-site-box>.publish-icon>form>input {
    background: unset
}

.published-overlay>.publish-card.prepublish>.publish-card-body>.new-site-box>.publish-icon>form>button {
    background: unset;
    color: var(--foreground);
    padding: 10px
}

.published-overlay>.publish-card.prepublish>.publish-card-body>.new-site-box>.publish-icon>p {
    margin-bottom: 0
}

.published-overlay>.publish-card.prepublish .new-site-button {
    padding: 0 var(--s-2)
}

.published-overlay>.publish-card.prepublish .new-site-button>button {
    margin-bottom: 15px;
    height: 40px;
    border: none
}

.published-overlay>.publish-card.prepublish .new-site-button>button:first-child {
    background: var(--c-mix-1);
    color: var(--foreground);
    display: none
}

.published-overlay>.publish-card.prepublish .new-site-button>button:last-child {
    margin-bottom: 0
}

.published-overlay .post-seo {
    background: var(--c-mix-1);
    padding: var(--s-1);
    border-radius: var(--r-small);
    margin-bottom: var(--s-1);
    width: 100%
}

.published-overlay .post-seo .google-icon {
    display: flex;
    justify-content: flex-end
}

.published-overlay .post-seo .site-name {
    font-size: var(--t-xs);
    line-height: var(--l-body);
    color: var(--foreground);
    margin-top: 10px
}

.published-overlay .post-seo h4 {
    color: var(--foreground);
    font-size: var(--t-xm);
    margin-bottom: var(--s-1);
    line-height: var(--l-title);
    font-weight: 400
}

.published-overlay .post-seo .site-description {
    font-size: var(--t-s);
    line-height: var(--l-body);
    color: var(--c-mix-3);
    text-align: left !important
}

.published-overlay .post-seo.hide-seo .google-icon svg path {
    fill: var(--c-mix-10)
}

.published-overlay .post-seo.hide-seo .site-name,
.published-overlay .post-seo.hide-seo h4,
.published-overlay .post-seo.hide-seo .site-description {
    color: var(--c-mix-3)
}

.published-overlay .post-seo .image-picker {
    border: 0
}

.published-overlay .post-seo .image-picker .btn.btn-large {
    height: 165px;
    background: var(--background);
    padding: 0px
}

.published-overlay .post-seo .image-picker .btn.btn-large .image-picker {
    width: 100%;
    border: 0;
    border-radius: 3px;
    overflow: hidden
}

.published-overlay .post-seo .image-picker .btn.btn-large .image-picker .svg-box svg {
    width: 24px;
    height: 24px
}

.published-overlay .post-seo .image-picker .btn.btn-large .image-picker img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: 50% 50%
}

.published-overlay .post-seo .image-picker .btn.btn-large .remove-image {
    display: none !important
}

.delete-overlay {
    display: none;
    width: 100%;
    height: calc(var(--vh, 1vh)*100);
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    padding: var(--s-2);
    z-index: 15
}

.delete-overlay>.overlay-card {
    position: absolute;
    width: calc(100% - var(--s-4));
    left: 50%;
    transform: translateX(-50%);
    bottom: calc(var(--unit)*2);
    z-index: 2
}

@media screen and (min-width: 768px) {
    .delete-overlay {
        width: 100%;
        margin: 0 auto
    }

    .delete-overlay>.overlay-card {
        width: calc(var(--unit)*40);
        top: 50%;
        left: 50%;
        bottom: auto;
        z-index: 2;
        transform: translate(-50%, -50%)
    }
}

@media screen and (max-width: 767px) {
    .delete-overlay {
        display: none
    }
}

.delete-overlay>.delete-section-modal {
    display: block;
    position: absolute;
    width: calc(var(--unit)*25);
    height: calc(var(--unit)*16.5);
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 5;
    background-color: var(--background);
    border-radius: 5px
}

@media screen and (min-width: 768px) {
    .delete-overlay>.delete-section-modal {
        width: calc(var(--unit)*40);
        top: 50%;
        left: 50%;
        bottom: auto;
        z-index: 5;
        transform: translate(-50%, -50%)
    }
}

.delete-overlay>.delete-section-modal>p {
    font-size: var(--t-m);
    text-align: center;
    line-height: var(--l-body);
    color: var(--c-mix-3)
}

.delete-overlay>.delete-section-modal>.delete-section-button {
    display: flex
}

.delete-overlay>.delete-section-modal>.delete-section-button>button {
    width: 50%;
    border-top: 1px solid var(--c-mix-1);
    background: unset;
    border-radius: 0
}

.delete-overlay>.delete-section-modal>.delete-section-button>button:first-child {
    color: var(--foreground);
    border-right: 1px solid var(--c-mix-1)
}

.delete-overlay>.delete-section-modal>.delete-section-button>button:first-child:focus,
.delete-overlay>.delete-section-modal>.delete-section-button>button:first-child:hover {
    border: none
}

.delete-overlay>.delete-section-modal>.delete-section-button>button:last-child {
    color: var(--c-red)
}

.delete-overlay>.delete-section-modal>.delete-section-button>button:last-child:focus,
.delete-overlay>.delete-section-modal>.delete-section-button>button:last-child:hover {
    border: none
}

.delete-overlay>.alert {
    height: calc(var(--unit)*5);
    background: var(--c-light);
    position: fixed;
    top: 20px;
    left: 20px;
    right: 20px;
    display: none;
    align-items: center;
    border-radius: var(--r-small)
}

.delete-overlay>.alert>p {
    display: flex;
    padding: 0 14px;
    color: var(--c-dark);
    font-size: var(--t-m) !important
}

.delete-overlay>.alert>p>span {
    margin-right: var(--s-1);
    display: flex;
    align-items: center
}

.delete-overlay>.alert>p>span>svg {
    width: 16px;
    height: 16px
}

@media screen and (min-width: 768px) {
    .delete-overlay>.alert {
        top: unset;
        left: 50%;
        transform: translateX(-50%);
        bottom: var(--s-2);
        right: unset
    }
}

.tour-screen {
    width: 100%;
    height: 100vh;
    background: var(--c-mix-4);
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 10;
    display: none;
    align-items: center;
    justify-content: center;
    -webkit-backdrop-filter: saturate(100%) blur(5px);
    backdrop-filter: saturate(100%) blur(5px)
}

.tour-screen>.slide-section {
    background: var(--background);
    border-radius: var(--r-small);
    position: relative
}

@media screen and (max-width: 767px) {
    .tour-screen>.slide-section {
        width: 100%;
        position: fixed;
        top: 0;
        left: 0
    }
}

.tour-screen>.slide-section>.close-tour-screen {
    display: flex;
    justify-content: flex-end;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%
}

.tour-screen>.slide-section>.close-tour-screen>span {
    width: 60px;
    height: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: var(--a-speed);
    border-top-right-radius: var(--r-small)
}

.tour-screen>.slide-section>.close-tour-screen>span:hover {
    cursor: pointer;
    background: var(--c-mix-1)
}

.tour-screen>.slide-section>.close-tour-screen>span:hover>svg {
    stroke: var(--background)
}

.tour-screen>.slide-section>.close-tour-screen>span>svg {
    width: 16px;
    height: 16px
}

.tour-screen>.slide-section>.slide-box>.slider {
    display: none;
    flex-direction: column;
    align-items: center;
    padding: var(--s-2);
    width: 400px
}

@media screen and (max-width: 767px) {
    .tour-screen>.slide-section>.slide-box>.slider {
        width: 100%
    }
}

.tour-screen>.slide-section>.slide-box>.slider.slider-1>p {
    margin-bottom: calc(var(--unit)*7)
}

.tour-screen>.slide-section>.slide-box>.slider.slider-1>.slider-image>.theme-holder {
    width: 300px;
    height: 200px;
    border: 10px solid var(--c-mix-1);
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center
}

.tour-screen>.slide-section>.slide-box>.slider.slider-1>.slider-image>.theme-holder>.switchWrapper {
    width: 130px;
    position: relative;
    height: calc(var(--unit)*5);
    margin-left: -50px;
    display: flex;
    align-items: center
}

.tour-screen>.slide-section>.slide-box>.slider.slider-1>.slider-image>.theme-holder>.switchWrapper>.theme-switch {
    position: absolute;
    opacity: 0;
    right: 0
}

.tour-screen>.slide-section>.slide-box>.slider.slider-1>.slider-image>.theme-holder>.switchWrapper>.theme-switch:not(:checked)~.switchLabel {
    color: var(--foreground)
}

.tour-screen>.slide-section>.slide-box>.slider.slider-1>.slider-image>.theme-holder>.switchWrapper>.theme-switch:not(:checked)~.switchLabelDark {
    color: var(--c-mix-3)
}

.tour-screen>.slide-section>.slide-box>.slider.slider-1>.slider-image>.theme-holder>.switchWrapper>.theme-switch:checked~.switchLabel {
    color: var(--c-mix-3)
}

.tour-screen>.slide-section>.slide-box>.slider.slider-1>.slider-image>.theme-holder>.switchWrapper>.theme-switch:checked~.switchLabelDark {
    color: var(--foreground)
}

.tour-screen>.slide-section>.slide-box>.slider.slider-1>.slider-image>.theme-holder>.switchWrapper>.theme-switch:checked~.theme-slider {
    transform: translateX(25px);
    background: var(--foreground)
}

.tour-screen>.slide-section>.slide-box>.slider.slider-1>.slider-image>.theme-holder>.switchWrapper>.theme-switch:checked~.theme-slider svg:nth-child(2) {
    display: block
}

.tour-screen>.slide-section>.slide-box>.slider.slider-1>.slider-image>.theme-holder>.switchWrapper>.theme-switch:not(:checked)~.theme-slider svg:nth-child(1) {
    display: block
}

.tour-screen>.slide-section>.slide-box>.slider.slider-1>.slider-image>.theme-holder>.switchWrapper>.theme-switch:not(:disabled)~.switchLabel {
    cursor: pointer
}

.tour-screen>.slide-section>.slide-box>.slider.slider-1>.slider-image>.theme-holder>.switchWrapper>.switchLabel {
    position: absolute;
    left: 0;
    width: 100%;
    height: calc(var(--unit)*5);
    display: flex;
    align-items: center;
    font-size: var(--t-m);
    color: var(--foreground);
    transition: var(--a-speed)
}

.tour-screen>.slide-section>.slide-box>.slider.slider-1>.slider-image>.theme-holder>.switchWrapper>.switchLabel:before {
    content: "";
    position: absolute;
    right: 0;
    display: inline-block;
    cursor: pointer;
    width: calc(var(--unit)*7.5);
    height: calc(var(--unit)*5);
    border-radius: 100px;
    border: 1px solid var(--c-mix-1);
    background: var(--c-mix-1)
}

.tour-screen>.slide-section>.slide-box>.slider.slider-1>.slider-image>.theme-holder>.switchWrapper>.switchLabelDark {
    color: var(--c-mix-3);
    position: absolute;
    left: 150px;
    height: calc(var(--unit)*5);
    display: flex;
    align-items: center;
    font-size: var(--t-m);
    color: var(--foreground);
    transition: var(--a-speed);
    pointer-events: none
}

.tour-screen>.slide-section>.slide-box>.slider.slider-1>.slider-image>.theme-holder>.switchWrapper>.theme-slider {
    width: calc(var(--unit)*5);
    height: calc(var(--unit)*5);
    background-color: var(--foreground);
    position: absolute;
    top: 0px;
    right: calc(var(--unit)*2.6);
    border-radius: 50%;
    transition: transform .4s;
    pointer-events: none
}

.tour-screen>.slide-section>.slide-box>.slider.slider-1>.slider-image>.theme-holder>.switchWrapper>.theme-slider>svg {
    position: absolute;
    z-index: 10;
    width: calc(var(--unit)*2.4);
    height: calc(var(--unit)*2.4);
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: none
}

@media screen and (max-width: 1023px) {
    .tour-screen>.slide-section>.slide-box>.slider.slider-device-screen>.slider-content-desktop {
        display: none
    }
}

.tour-screen>.slide-section>.slide-box>.slider.slider-device-screen>.slider-content-desktop>p {
    width: 280px;
    font-size: var(--t-m);
    color: var(--c-mix-3);
    text-align: center;
    margin-top: 40px;
    margin-left: auto;
    margin-right: auto
}

.tour-screen>.slide-section>.slide-box>.slider.slider-device-screen>.slider-content-desktop>.slider-image {
    margin-bottom: calc(var(--unit)*13)
}

.tour-screen>.slide-section>.slide-box>.slider.slider-device-screen>.slider-content-desktop>.slider-image-2 {
    display: none
}

.tour-screen>.slide-section>.slide-box>.slider.slider-device-screen>.slider-content-desktop>.slider-image>svg {
    width: 300px;
    height: 200px
}

.tour-screen>.slide-section>.slide-box>.slider.slider-device-screen>.slider-content-mobile {
    display: block
}

@media screen and (min-width: 1024px) {
    .tour-screen>.slide-section>.slide-box>.slider.slider-device-screen>.slider-content-mobile {
        display: none
    }
}

.tour-screen>.slide-section>.slide-box>.slider.slider-device-screen>.slider-content-mobile>p {
    font-size: var(--t-m);
    color: var(--c-mix-3);
    text-align: center;
    margin-top: 40px
}

.tour-screen>.slide-section>.slide-box>.slider.slider-device-screen>.slider-content-mobile>.slider-image {
    margin-bottom: calc(var(--unit)*13)
}

.tour-screen>.slide-section>.slide-box>.slider.slider-device-screen>.slider-content-mobile>.slider-image>svg {
    width: 300px;
    height: 200px
}

.tour-screen>.slide-section>.slide-box>.slider>p {
    width: 280px;
    font-size: var(--t-m);
    color: var(--c-mix-3);
    text-align: center
}

.tour-screen>.slide-section>.slide-box>.slider>form {
    display: flex;
    position: relative;
    width: 100%
}

.tour-screen>.slide-section>.slide-box>.slider>form>input {
    padding-right: calc(var(--s-4)*3);
    height: 60px;
    font-size: 14px
}

.tour-screen>.slide-section>.slide-box>.slider>form>button {
    width: unset;
    height: 40px;
    position: absolute;
    top: var(--s-1);
    right: var(--s-1);
    background: var(--foreground);
    color: var(--background);
    padding: 0 var(--s-2);
    border: none
}

.tour-screen>.slide-section>.slide-box>.slider>a {
    font-size: var(--t-m);
    position: relative;
    color: var(--foreground)
}

.tour-screen>.slide-section>.slide-box>.slider>a:hover:after {
    background: var(--foreground)
}

.tour-screen>.slide-section>.slide-box>.slider>a:after {
    content: "";
    width: 100%;
    height: 1px;
    background: var(--c-mix-1);
    position: absolute;
    left: 0;
    bottom: -3px;
    transition: background var(--a-speed)
}

.tour-screen>.slide-section>.slide-box>.slider>.slide-counter {
    font-size: var(--t-s);
    color: var(--c-mix-3);
    text-align: center;
    height: var(--s-4);
    display: flex;
    justify-content: flex-start;
    align-items: center;
    position: absolute;
    bottom: var(--s-2)
}

.tour-screen>.slide-section>.slide-box>.slider.active {
    display: flex
}

.tour-screen>.slide-section>.left-slide-btn {
    position: absolute;
    bottom: var(--s-2);
    left: var(--s-2);
    height: 40px;
    width: 90px;
    background: var(--c-mix-1);
    color: var(--foreground);
    border: none;
    display: none
}

.tour-screen>.slide-section>.right-slide-btn {
    position: absolute;
    bottom: var(--s-2);
    right: var(--s-2);
    height: 40px;
    width: 90px;
    border: none;
    display: none
}

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

.truncate.p80 {
    width: 80%
}

.announcement-bar-box .input-label {
    flex: 75%
}

.announcement-bar-box .input-group {
    flex: 25%
}

.components-wrapper:has(.vzy-header.navbar-box),
.components-wrapper.header-component-wrapper {
    z-index: 5;
    position: relative
}

.components-wrapper:has(.banner-box.account-for-header) .add-new-block-section {
    transform: translateY(calc(var(--header-height)))
}

.header-component-wrapper:has(.vzy-header.float)~.components-wrapper:has(.banner-box.account-for-header) .add-new-block-section {
    transform: translateY(calc(var(--header-height) + 20px))
}

.header-component-wrapper:has(.vzy-header.float)~.components-wrapper:has(.banner-box.account-for-header) .add-new-block-section::before {
    display: none !important
}

.preview-page {
    position: fixed;
    left: 0px;
    top: 0px;
    height: 100vh;
    width: 100vw;
    z-index: 100
}

.preview-page #close-icon {
    position: fixed;
    color: var(--background);
    background-color: var(--foreground);
    height: 20px;
    right: 0px;
    top: 0px;
    display: flex;
    align-items: center;
    padding: 15px
}

.preview-page .box:hover {
    border: none;
    filter: initial !important
}

.preview-page .navbar-box {
    border: none
}

.fadeUp {
    animation: fadeUp var(--a-speed) linear 1
}

.fadeDown {
    animation: fadeDown var(--a-speed) linear 1
}

@keyframes fadeUp {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@keyframes fadeDown {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

form>.input-box {
    display: flex;
    align-items: center;
    width: 100%
}

form>.input-box.logo-text {
    display: none
}

form>.input-box>.input-label {
    flex: 35%;
    color: var(--foreground);
    font-size: var(--t-m);
    line-height: var(--l-body)
}

form>.input-box>.input-group {
    flex: 65%;
    display: flex
}

form>.input-box>.input-group.social-icon-box {
    border: 1px solid var(--c-mix-1);
    border-radius: 6px
}

form>.input-box>.input-group.social-icon-box>button {
    width: 50%;
    height: calc(var(--unit)*4);
    font-size: var(--t-m) !important;
    line-height: var(--l-title);
    font-weight: normal;
    background: unset;
    color: var(--c-mix-2);
    border: none !important;
    transition: var(--a-speed)
}

form>.input-box>.input-group.social-icon-box>button:hover {
    color: var(--foreground)
}

form>.input-box>.input-group.social-icon-box>button.active {
    background: var(--c-mix-1);
    border: 1px solid var(--c-mix-1);
    color: var(--foreground)
}

.accordion {
    width: 100%
}

.accordion .accordion-item {
    border: 1px solid var(--c-mix-1);
    margin-bottom: var(--s-1);
    border-radius: var(--r-small)
}

.accordion .accordion-item:last-child {
    border-bottom: 1px solid var(--c-mix-1)
}

.accordion .accordion-item>.accordion-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: calc(var(--unit)/2) var(--s-1);
    font-size: var(--t-m) !important;
    font-family: var(--f-base);
    width: 100%;
    height: calc(var(--unit)*4);
    background: unset !important;
    border: none;
    outline: none;
    color: var(--foreground);
    cursor: pointer
}

.accordion .accordion-item>.accordion-header.active {
    background: var(--c-mix-1)
}

.accordion .accordion-item>.accordion-header.active>p>.chevron-icon {
    transform: rotate(90deg)
}

.accordion .accordion-item>.accordion-header.active>.chevron-icon {
    display: none
}

.accordion .accordion-item>.accordion-header.active>.trash-icon {
    display: flex
}

.accordion .accordion-item>.accordion-header.active>.draggable-icon {
    display: none
}

.accordion .accordion-item>.accordion-header>p {
    display: flex;
    align-items: center;
    font-size: var(--t-m) !important;
    pointer-events: none
}

.accordion .accordion-item>.accordion-header>p>.chevron-icon {
    display: flex;
    pointer-events: none
}

.accordion .accordion-item>.accordion-header>p>.chevron-icon>svg {
    width: calc(var(--unit)*1.6);
    height: calc(var(--unit)*1.6);
    stroke-width: 1.75
}

.accordion .accordion-item>.accordion-header>.chevron-icon {
    display: flex;
    pointer-events: none
}

.accordion .accordion-item>.accordion-header>.chevron-icon>svg {
    width: calc(var(--unit)*1.6);
    height: calc(var(--unit)*1.6);
    stroke-width: 1.75
}

.accordion .accordion-item>.accordion-header>.plus-icon {
    display: flex;
    pointer-events: none
}

.accordion .accordion-item>.accordion-header>.plus-icon>svg {
    width: calc(var(--unit)*1.6);
    height: calc(var(--unit)*1.6);
    stroke-width: 1.75
}

.accordion .accordion-item>.accordion-header>.trash-icon {
    display: none;
    justify-content: center;
    align-items: center;
    transition: var(--a-speed);
    border-radius: 50%;
    width: 24px;
    margin-right: -5px
}

.accordion .accordion-item>.accordion-header>.trash-icon>svg {
    width: calc(var(--unit)*1.6);
    height: calc(var(--unit)*1.6);
    stroke-width: 1
}

.accordion .accordion-item>.accordion-header>.draggable-icon,
.accordion .accordion-item>.accordion-header p .draggable-icon {
    width: calc(var(--unit)*1.6);
    height: calc(var(--unit)*1.6);
    stroke-width: 1.75
}

.accordion .accordion-item>.accordion-header>.draggable-icon:hover,
.accordion .accordion-item>.accordion-header p .draggable-icon:hover {
    cursor: grab
}

.accordion .accordion-item>.accordion-header>.draggable-icon:active,
.accordion .accordion-item>.accordion-header p .draggable-icon:active {
    cursor: grabbing
}

.accordion .accordion-item.card.add-new-card {
    border-bottom: 1px solid var(--c-mix-1)
}

.accordion .accordion-item.card.add-new-card>button {
    color: var(--c-mix-3)
}

.accordion .accordion-item.card>.accordion-body {
    margin: 0;
    padding: 0;
    max-height: 0;
    overflow: hidden;
    transition: var(--a-speed)
}

.accordion .accordion-item.card>.accordion-body.active {
    max-height: 800px;
    padding: 0;
    margin-bottom: 0px
}

.accordion .accordion-item.card>.accordion-body.menu>form>.input-box {
    display: flex;
    align-items: center;
    width: 100%
}

.accordion .accordion-item.card>.accordion-body.menu>form>.input-box:last-child {
    margin-bottom: 0
}

.accordion .accordion-item.card>.accordion-body.menu>form>.input-box>.input-label {
    flex: 25%;
    color: var(--foreground);
    font-size: var(--t-m);
    line-height: var(--l-body)
}

.accordion .accordion-item.card>.accordion-body.menu>form>.input-box>.input-group {
    flex: 75%;
    display: flex
}

.accordion .accordion-item.card>.accordion-body.menu>form>.input-box>.input-group>input {
    text-overflow: ellipsis
}

.accordion .accordion-item.card>.accordion-body.menu>form>.input-box>.input-group.media-group {
    border: 1px solid var(--c-mix-1);
    border-radius: 6px
}

.accordion .accordion-item.card>.accordion-body.menu>form>.input-box>.input-group.media-group>button {
    width: 50%;
    height: calc(var(--unit)*4);
    font-size: var(--t-m);
    line-height: var(--l-body);
    font-weight: normal;
    background: unset;
    color: var(--c-mix-2);
    outline: none;
    border: none
}

.accordion .accordion-item.card>.accordion-body.menu>form>.input-box>.input-group.media-group>button:hover {
    color: var(--foreground)
}

.accordion .accordion-item.card>.accordion-body.menu>form>.input-box>.input-group.media-group>button.active {
    background: var(--c-mix-1);
    color: var(--foreground)
}

.accordion .accordion-item.card>.accordion-body.menu>form>.input-box>.input-group.media-group>button:focus {
    border: none
}

.accordion .accordion-item.card>.accordion-body.menu>form>.input-box>.input-group.media-group>button>svg>path {
    stroke: var(--foreground)
}

.accordion .accordion-item.card>.accordion-body.menu>form>.input-box>.input-group>button.card {
    width: 100% !important;
    height: calc(var(--unit)*8);
    font-family: var(--f-base);
    font-size: var(--t-m) !important;
    line-height: var(--l-body);
    font-weight: normal;
    background: unset;
    color: var(--c-mix-2) !important;
    border: 1px solid var(--c-mix-1);
    position: relative;
    display: flex;
    align-items: center;
    padding: 0;
    transition: none
}

.accordion .accordion-item.card>.accordion-body.menu>form>.input-box>.input-group>button.card>label {
    width: 100%;
    height: 100%;
    display: flex;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 3px;
    cursor: pointer;
    align-items: center;
    justify-content: center
}

.accordion .accordion-item.card>.accordion-body.menu>form>.input-box>.input-group>button.card>label>img {
    width: 100%;
    height: 100%;
    display: block;
    -o-object-fit: contain;
    object-fit: contain;
    border-radius: 3px
}

.accordion .accordion-item.card>.accordion-body.menu>form>.input-box>.input-group>button.card>label .svg-box {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center
}

.accordion .accordion-item.card>.accordion-body.menu>form>.input-box>.input-group>button.card>label .svg-box svg {
    width: 24px;
    height: 24px
}

.accordion .accordion-item.card>.accordion-body.menu>form>.input-box>.input-group>button.card>img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    border-radius: 3px
}

.accordion .accordion-item.card>.accordion-body.menu>form>.input-box>.input-group>button.card>span {
    display: flex;
    justify-content: center;
    align-items: center
}

.accordion .accordion-item.card>.accordion-body.menu>form>.input-box>.input-group>button.card>span.remove-image {
    width: calc(var(--unit)*2.4);
    height: calc(var(--unit)*2.4);
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 0;
    right: 10px;
    border-radius: var(--r-full);
    background: var(--c-mix-1)
}

.accordion .accordion-item.card>.accordion-body.menu>form>.input-box>.input-group>button.card>span.remove-image>svg {
    width: 12px;
    height: 12px;
    stroke-width: 2
}

.accordion .accordion-item.card>.accordion-body.menu>form>.input-box>.input-group>button.card:hover {
    color: var(--foreground)
}

.accordion .accordion-item.card>.accordion-body.menu>form>.input-box>.input-group>button.card.active {
    background: var(--c-mix-1);
    border: 1px solid var(--c-mix-1);
    color: var(--foreground)
}

.accordion .accordion-item.card>.accordion-body.menu>form>.input-box>.input-group>.switchWrapper {
    width: 100%;
    position: relative;
    height: calc(var(--unit)*4);
    display: flex;
    align-items: center
}

.accordion .accordion-item.card>.accordion-body.menu>form>.input-box>.input-group>.switchWrapper>.switchInput {
    position: absolute;
    opacity: 0;
    right: 0
}

.accordion .accordion-item.card>.accordion-body.menu>form>.input-box>.input-group>.switchWrapper>.switchInput:checked~.switchLabel {
    color: var(--foreground)
}

.accordion .accordion-item.card>.accordion-body.menu>form>.input-box>.input-group>.switchWrapper>.switchInput:checked~.switchLabel::before {
    background: var(--foreground);
    border: 1px solid var(--foreground)
}

.accordion .accordion-item.card>.accordion-body.menu>form>.input-box>.input-group>.switchWrapper>.switchInput:checked~.slider {
    transform: translateX(14px);
    background: var(--background)
}

.accordion .accordion-item.card>.accordion-body.menu>form>.input-box>.input-group>.switchWrapper>.switchInput:not(:disabled)~.switchLabel {
    cursor: pointer
}

.accordion .accordion-item.card>.accordion-body.menu>form>.input-box>.input-group>.switchWrapper>.switchLabel {
    position: absolute;
    left: 0;
    width: 100%;
    height: calc(var(--unit)*4);
    display: flex;
    align-items: center;
    font-size: var(--t-m);
    color: var(--foreground);
    padding: 0 var(--s-1)
}

.accordion .accordion-item.card>.accordion-body.menu>form>.input-box>.input-group>.switchWrapper>.switchLabel:before {
    content: "";
    position: absolute;
    right: 10px;
    display: inline-block;
    cursor: pointer;
    width: calc(var(--unit)*3.2);
    height: calc(var(--unit)*1.8);
    border-radius: 100px;
    border: 1px solid var(--c-mix-1);
    background: var(--c-mix-1)
}

.accordion .accordion-item.card>.accordion-body.menu>form>.input-box>.input-group>.switchWrapper>.slider {
    width: calc(var(--unit)*1.2);
    height: calc(var(--unit)*1.2);
    background-color: var(--c-mix-2);
    position: absolute;
    right: calc(var(--unit)*2.8);
    border-radius: 50%;
    transition: transform .4s;
    pointer-events: none
}

.accordion .accordion-item.card>.accordion-body.menu>form>.link-page>.input-box {
    display: flex;
    align-items: center;
    width: 100%
}

.accordion .accordion-item.card>.accordion-body.menu>form>.link-page>.input-box>.input-label {
    flex: 25%;
    color: var(--foreground);
    font-size: var(--t-m);
    line-height: var(--l-body)
}

.accordion .accordion-item.card>.accordion-body.menu>form>.link-page>.input-box>.input-group {
    flex: 75%;
    display: flex
}

.accordion .accordion-item.card>.accordion-body.menu>form>.link-page>.input-box>.input-group>ul {
    width: 100%;
    list-style: none;
    font-family: var(--f-base);
    font-size: var(--t-s);
    color: var(--c-mix-3);
    padding: var(--s-1) var(--s-1) 0 var(--s-1);
    border: 1px solid var(--c-mix-1);
    border-radius: var(--r-small)
}

.accordion .accordion-item.card>.accordion-body.menu>form>.link-page>.input-box>.input-group>ul>li {
    line-height: var(--l-body);
    margin-bottom: var(--s-1);
    display: flex;
    justify-content: space-between;
    cursor: pointer
}

.accordion .accordion-item.card>.accordion-body.menu>form>.link-page>.input-box>.input-group>ul>li:hover {
    color: var(--foreground);
    transition: var(--a-speed)
}

.accordion .accordion-item.card>.accordion-body.menu>form>.link-page>.input-box>.input-group>ul>li.active {
    color: var(--foreground)
}

.accordion .accordion-item.card>.accordion-body.menu>form>.link-page>.input-box>.input-group>.switchWrapper {
    width: 100%;
    position: relative;
    height: calc(var(--unit)*4);
    display: flex;
    align-items: center
}

.accordion .accordion-item.card>.accordion-body.menu>form>.link-page>.input-box>.input-group>.switchWrapper>.switchInput {
    position: absolute;
    opacity: 0;
    right: 0
}

.accordion .accordion-item.card>.accordion-body.menu>form>.link-page>.input-box>.input-group>.switchWrapper>.switchInput:checked~.switchLabel {
    color: var(--foreground)
}

.accordion .accordion-item.card>.accordion-body.menu>form>.link-page>.input-box>.input-group>.switchWrapper>.switchInput:checked~.switchLabel::before {
    background: var(--foreground);
    border: 1px solid var(--foreground)
}

.accordion .accordion-item.card>.accordion-body.menu>form>.link-page>.input-box>.input-group>.switchWrapper>.switchInput:checked~.slider {
    transform: translateX(14px);
    background: var(--background)
}

.accordion .accordion-item.card>.accordion-body.menu>form>.link-page>.input-box>.input-group>.switchWrapper>.switchInput:not(:disabled)~.switchLabel {
    cursor: pointer
}

.accordion .accordion-item.card>.accordion-body.menu>form>.link-page>.input-box>.input-group>.switchWrapper>.switchLabel {
    position: absolute;
    left: 0;
    width: 100%;
    height: calc(var(--unit)*4);
    display: flex;
    align-items: center;
    font-size: var(--t-m);
    color: var(--foreground);
    padding: 0 var(--s-1)
}

.accordion .accordion-item.card>.accordion-body.menu>form>.link-page>.input-box>.input-group>.switchWrapper>.switchLabel:before {
    content: "";
    position: absolute;
    right: 10px;
    display: inline-block;
    cursor: pointer;
    width: calc(var(--unit)*3.2);
    height: calc(var(--unit)*1.8);
    border-radius: 100px;
    border: 1px solid var(--c-mix-1);
    background: var(--c-mix-1)
}

.accordion .accordion-item.card>.accordion-body.menu>form>.link-page>.input-box>.input-group>.switchWrapper>.slider {
    width: calc(var(--unit)*1.2);
    height: calc(var(--unit)*1.2);
    background-color: var(--c-mix-2);
    position: absolute;
    right: calc(var(--unit)*2.8);
    border-radius: 50%;
    transition: transform .4s;
    pointer-events: none
}

.lightbox {
    background: var(--c-mix-4);
    position: fixed;
    display: none;
    z-index: 100;
    bottom: 0;
    right: 0;
    left: 0;
    top: 0
}

.lightbox>.lightbox-container {
    position: relative;
    display: block;
    height: auto;
    z-index: 10;
    width: 100vw;
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center
}

@media screen and (max-width: 768px) {
    .lightbox>.lightbox-container {
        margin-top: 10%
    }
}

@media screen and (max-width: 414px) {
    .lightbox>.lightbox-container {
        margin-top: 13%
    }
}

.lightbox>.lightbox-container>.lightbox-content {
    width: 100%;
    height: 100%;
    box-shadow: 0 1px 6px rgba(0, 0, 0, .9);
    display: flex;
    justify-content: center;
    align-items: center
}

.lightbox>.lightbox-container>.lightbox-content>.video-container {
    width: 100%;
    max-width: 960px;
    aspect-ratio: 267/150
}

.lightbox>.lightbox-close {
    text-transform: uppercase;
    background: rgba(0, 0, 0, 0);
    position: absolute;
    font-weight: 300;
    font-size: 12px;
    display: block;
    border: none;
    color: #fff;
    top: -22px;
    right: 3%
}

.video-container {
    padding-bottom: 40%;
    position: relative;
    padding-top: 30px;
    overflow: hidden;
    height: 0
}

@media screen and (max-width: 768px) {
    .video-container {
        padding-bottom: 60%
    }
}

.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    border: none
}

.close-video-icon {
    z-index: 11;
    position: absolute;
    right: 20px;
    top: 20px;
    cursor: pointer;
    width: 50px;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: var(--background);
    border-radius: var(--shape)
}

.close-video-icon:hover svg {
    opacity: .5
}

.close-video-icon svg {
    width: 16px;
    height: 16px
}

.toast-container {
    right: 0;
    bottom: 0;
    border-radius: 0
}

@media screen and (max-width: 767px) {
    .toast-container {
        right: 0;
        top: 0
    }
}

.toast {
    display: flex;
    width: calc(var(--unit)*30) !important;
    height: calc(var(--unit)*5);
    background: var(--background);
    position: fixed;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0;
    bottom: 20px;
    right: 20px;
    border-radius: var(--r-small);
    z-index: 100
}

@media screen and (max-width: 767px) {
    .toast {
        width: 100vw !important;
        bottom: 0;
        right: 0px;
        border: none
    }
}

.toast>p {
    display: flex;
    padding: 0 14px;
    color: var(--background);
    font-size: var(--t-m) !important
}

.toast>p>span {
    margin-right: var(--s-1);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    justify-content: center
}

.toast>p>span>svg {
    width: 16px;
    height: 16px
}

.toast>p>p {
    color: var(--background);
    font-size: var(--t-m) !important;
    text-transform: capitalize
}

.toast.visible {
    display: flex
}

.toast-inner {
    width: 100%;
    height: 100%;
    background-color: var(--foreground) !important;
    padding: 0 14px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-radius: var(--r-small)
}

.toast-inner .toast-text {
    color: var(--background);
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: var(--t-m) !important;
    text-transform: capitalize
}

.toast-inner button {
    background: var(--c-mix-1) !important;
    color: var(--foreground) !important;
    padding: 0 var(--s-1);
    font-size: var(--t-s) !important;
    border-radius: var(--r-full) !important;
    border: none;
    height: 20px;
    cursor: pointer
}

button.r-none {
    border-radius: var(--r-none) !important
}

button.r-small {
    border-radius: var(--r-small) !important
}

button.r-full {
    border-radius: var(--r-full) !important
}

.box {
    position: relative;
    border: none
}

@media screen and (max-width: 767px) {
    .box:hover {
        filter: none
    }
}

.box .block-options {
    position: absolute;
    z-index: 3;
    top: 10px;
    right: 10px;
    opacity: 1;
    width: auto;
    height: auto;
    display: none;
    flex-direction: column;
    align-items: flex-end
}

@media screen and (max-width: 767px) {
    .box .block-options {
        display: none
    }
}

.box .block-options .top-right-block-options {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: auto;
    border-radius: var(--r-small);
    background: var(--background);
    border: 1px solid var(--c-mix-1);
    opacity: 1
}

.box .block-options .options {
    transition: all .2s ease;
    display: flex
}

.box .block-options .options svg {
    width: 14px;
    height: 14px
}

.box .block-options .block-menu {
    width: 30px;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 3px
}

.box .block-options .block-menu:hover {
    background: var(--c-mix-1)
}

.box .block-options .block-menu svg {
    stroke-width: 2
}

.box .block-options .all-more-block-options {
    display: flex;
    flex-direction: row-reverse
}

.box .block-options .all-more-block-options>.more-block-options {
    border-radius: var(--r-small);
    background: var(--background);
    border: 1px solid var(--c-mix-1);
    color: var(--foreground);
    font-size: var(--t-s);
    font-family: var(--f-base);
    width: 130px;
    max-width: 130px;
    margin-top: 2px
}

.box .block-options .all-more-block-options>.more-block-options>ul {
    list-style: none;
    padding: 5px
}

.box .block-options .all-more-block-options>.more-block-options>ul>li {
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-radius: 3px;
    padding: 0 5px
}

.box .block-options .all-more-block-options>.more-block-options>ul>li.copy-to {
    position: relative
}

.box .block-options .all-more-block-options>.more-block-options>ul>li.copy-to>.block-options-copy-to {
    border-radius: var(--r-small);
    background: var(--background);
    border: 1px solid var(--c-mix-1);
    color: var(--foreground);
    font-size: var(--t-s);
    font-family: var(--f-base);
    width: 150px;
    margin-top: 32px;
    display: none;
    position: absolute;
    right: 135px;
    top: -32px
}

.box .block-options .all-more-block-options>.more-block-options>ul>li.copy-to>.block-options-copy-to ul {
    list-style: none;
    padding: 5px
}

.box .block-options .all-more-block-options>.more-block-options>ul>li.copy-to>.block-options-copy-to ul li {
    height: 32px;
    border-radius: var(--r-small);
    padding: 0 5px;
    display: flex;
    align-items: center
}

.box .block-options .all-more-block-options>.more-block-options>ul>li.copy-to>.block-options-copy-to ul li svg {
    width: 12px;
    height: 12px;
    margin-right: 5px
}

.box .block-options .all-more-block-options>.more-block-options>ul>li.copy-to>.block-options-copy-to ul li:hover {
    background: var(--c-mix-1)
}

.box .block-options .all-more-block-options>.more-block-options>ul>li.copy-to:hover .block-options-copy-to {
    display: flex
}

.box .block-options .all-more-block-options>.more-block-options>ul>li.more-block-options-delete {
    color: var(--c-red)
}

.box .block-options .all-more-block-options>.more-block-options>ul>li svg {
    width: 16px;
    height: 16px
}

.box .block-options .all-more-block-options>.more-block-options>ul>li:hover {
    background: var(--c-mix-1)
}

.box:hover {
    border: none;
    cursor: pointer
}

.box:hover .block-options {
    opacity: 1
}

.box .context-menu-options {
    position: fixed;
    z-index: 3;
    opacity: 1;
    width: auto;
    height: auto;
    display: flex;
    flex-direction: column;
    align-items: flex-end
}

@media screen and (max-width: 767px) {
    .box .context-menu-options {
        display: none
    }
}

.box .context-menu-options .top-right-block-options {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: auto;
    border-radius: var(--r-small);
    background: var(--background);
    border: 1px solid var(--c-mix-1);
    opacity: 1
}

.box .context-menu-options .options {
    transition: all .2s ease;
    display: flex
}

.box .context-menu-options .options svg {
    width: 14px;
    height: 14px
}

.box .context-menu-options .block-menu {
    width: 30px;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 3px
}

.box .context-menu-options .block-menu:hover {
    background: var(--c-mix-1)
}

.box .context-menu-options .block-menu svg {
    stroke-width: 2
}

.box .context-menu-options .all-more-block-options {
    display: flex;
    flex-direction: row-reverse
}

.box .context-menu-options .all-more-block-options>.more-block-options {
    border-radius: var(--r-small);
    background: var(--background);
    border: 1px solid var(--c-mix-1);
    color: var(--foreground);
    font-size: var(--t-s);
    font-family: var(--f-base);
    width: 130px;
    max-width: 130px;
    margin-top: 2px
}

.box .context-menu-options .all-more-block-options>.more-block-options>ul {
    list-style: none;
    padding: 5px
}

.box .context-menu-options .all-more-block-options>.more-block-options>ul>li {
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-radius: 3px;
    padding: 0 5px
}

.box .context-menu-options .all-more-block-options>.more-block-options>ul>li.copy-to {
    position: relative
}

.box .context-menu-options .all-more-block-options>.more-block-options>ul>li.copy-to>.block-options-copy-to {
    border-radius: var(--r-small);
    background: var(--background);
    border: 1px solid var(--c-mix-1);
    color: var(--foreground);
    font-size: var(--t-s);
    font-family: var(--f-base);
    width: 150px;
    margin-top: 32px;
    display: none;
    position: absolute;
    right: 135px;
    top: -32px
}

.box .context-menu-options .all-more-block-options>.more-block-options>ul>li.copy-to>.block-options-copy-to ul {
    list-style: none;
    padding: 5px
}

.box .context-menu-options .all-more-block-options>.more-block-options>ul>li.copy-to>.block-options-copy-to ul li {
    height: 32px;
    border-radius: var(--r-small);
    padding: 0 5px;
    display: flex;
    align-items: center
}

.box .context-menu-options .all-more-block-options>.more-block-options>ul>li.copy-to>.block-options-copy-to ul li svg {
    width: 12px;
    height: 12px;
    margin-right: 5px
}

.box .context-menu-options .all-more-block-options>.more-block-options>ul>li.copy-to>.block-options-copy-to ul li:hover {
    background: var(--c-mix-1)
}

.box .context-menu-options .all-more-block-options>.more-block-options>ul>li.copy-to:hover .block-options-copy-to {
    display: flex
}

.box .context-menu-options .all-more-block-options>.more-block-options>ul>li.more-block-options-delete {
    color: var(--c-red)
}

.box .context-menu-options .all-more-block-options>.more-block-options>ul>li svg {
    width: 16px;
    height: 16px
}

.box .context-menu-options .all-more-block-options>.more-block-options>ul>li:hover {
    background: var(--c-mix-1)
}

.box:hover {
    border: none;
    cursor: pointer
}

.box:hover .block-options {
    opacity: 1
}

@media screen and (max-width: 768px) {

    .box #delete,
    .box #duplicate {
        display: none
    }
}

.screen {
    position: absolute;
    height: 100%;
    width: 100%;
    z-index: 2;
    bottom: 0
}

.shape {
    border-radius: var(--shape)
}

.min-shape {
    border-radius: var(--min-shape);
    --context-radius: var(--min-shape)
}

.min-shape img,
.min-shape iframe {
    border-radius: var(--min-shape)
}

@media screen and (min-width: 1440px) {
    .w-boxed {
        max-width: 1200px !important
    }
}

@media screen and (max-width: 768px) {
    .w-boxed {
        width: 100%;
        max-width: 100%
    }
}

.vzy-ai-section {
    display: flex;
    justify-content: center;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1000;
    width: 100vw;
    height: 100vh;
    background: var(--c-mix-4);
    padding-top: 75px
}

@media screen and (max-width: 767px) {
    .vzy-ai-section {
        padding-top: 0
    }
}

.vzy-ai-section>.vzy-ai-new-site {
    width: 600px;
    height: 450px;
    background: var(--background);
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    box-shadow: 0px 10px 50px rgba(0, 0, 0, .1)
}

@media screen and (max-width: 767px) {
    .vzy-ai-section>.vzy-ai-new-site {
        width: 100%;
        border-radius: 0;
        height: 100vh
    }
}

.vzy-ai-section>.vzy-ai-new-site>.vzy-ai-new-site-header {
    border-bottom: 1px solid var(--c-mix-1)
}

.vzy-ai-section>.vzy-ai-new-site>.vzy-ai-new-site-header>ul {
    display: flex;
    list-style: none
}

.vzy-ai-section>.vzy-ai-new-site>.vzy-ai-new-site-header>ul>li {
    text-align: center;
    display: flex;
    align-items: center;
    align-self: center;
    justify-content: center;
    color: var(--foreground);
    font-size: var(--t-xm);
    cursor: pointer
}

.vzy-ai-section>.vzy-ai-new-site>.vzy-ai-new-site-header>ul>li>span {
    display: flex;
    align-items: center;
    justify-content: center
}

.vzy-ai-section>.vzy-ai-new-site>.vzy-ai-new-site-header>ul>li>span>svg {
    width: calc(var(--unit)*1.6);
    height: calc(var(--unit)*1.6);
    stroke-width: 2
}

.vzy-ai-section>.vzy-ai-new-site>.vzy-ai-new-site-header>ul>li:first-child {
    width: calc(var(--unit)*5);
    height: calc(var(--unit)*6)
}

@media screen and (min-width: 768px) {
    .vzy-ai-section>.vzy-ai-new-site>.vzy-ai-new-site-header>ul>li:first-child {
        width: 60px
    }
}

.vzy-ai-section>.vzy-ai-new-site>.vzy-ai-new-site-header>ul>li:nth-child(2) {
    flex-grow: 1;
    height: 100%;
    font-size: var(--t-xm);
    align-items: center;
    justify-content: flex-start
}

.vzy-ai-section>.vzy-ai-new-site>.vzy-ai-new-site-header>ul>li:last-child {
    width: calc(var(--unit)*6);
    height: calc(var(--unit)*6);
    display: flex;
    justify-content: center;
    align-items: center
}

.vzy-ai-section>.vzy-ai-new-site>.new-site-chat-section {
    padding: var(--s-2) var(--s-2) var(--s-1) var(--s-2);
    height: 330px;
    overflow-y: hidden;
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

@media screen and (max-width: 767px) {
    .vzy-ai-section>.vzy-ai-new-site>.new-site-chat-section {
        height: calc(100% - 120px)
    }
}

.vzy-ai-section>.vzy-ai-new-site>.new-site-chat-section>.new-site-chat-block>.vzy-ai-chat {
    display: flex;
    margin-bottom: 5px
}

.vzy-ai-section>.vzy-ai-new-site>.new-site-chat-section>.new-site-chat-block>.vzy-ai-chat>span {
    background: var(--c-mix-1);
    border-radius: 20px 10px 10px 0px;
    color: var(--foreground);
    padding: var(--s-1);
    font-size: var(--t-m)
}

.vzy-ai-section>.vzy-ai-new-site>.new-site-chat-section>.new-site-chat-block>.vzy-user-chat {
    display: flex;
    justify-content: flex-end;
    margin-bottom: 5px
}

.vzy-ai-section>.vzy-ai-new-site>.new-site-chat-section>.new-site-chat-block>.vzy-user-chat>span {
    background: var(--foreground);
    border-radius: 10px 20px 0px 10px;
    color: var(--background);
    padding: var(--s-1);
    font-size: var(--t-m)
}

.vzy-ai-section>.vzy-ai-new-site>.new-site-chat-section>.all-site-options {
    display: flex;
    width: 100%
}

.vzy-ai-section>.vzy-ai-new-site>.new-site-chat-section>.all-site-options ul {
    display: flex;
    flex-wrap: nowrap;
    overflow-x: auto;
    list-style: none
}

.vzy-ai-section>.vzy-ai-new-site>.new-site-chat-section>.all-site-options ul::-webkit-scrollbar {
    display: none
}

.vzy-ai-section>.vzy-ai-new-site>.new-site-chat-section>.all-site-options ul li {
    background: var(--c-mix-1);
    color: var(--foreground);
    padding: 6px 10px;
    border-radius: var(--r-full);
    font-size: var(--t-s);
    margin-right: var(--s-1);
    white-space: nowrap;
    cursor: pointer
}

.vzy-ai-section>.vzy-ai-new-site>.vzy-form {
    display: flex;
    height: 60px
}

.vzy-ai-section>.vzy-ai-new-site>.vzy-form>.input-box {
    display: flex;
    align-items: center;
    margin-bottom: 0;
    position: relative;
    width: 100%;
    height: 100%;
    border-top: 1px solid var(--c-mix-1)
}

.vzy-ai-section>.vzy-ai-new-site>.vzy-form>.input-box input {
    font-size: var(--t-xm);
    width: calc(100% - 75px);
    height: 60px;
    border: none
}

.vzy-ai-section>.vzy-ai-new-site>.vzy-form>.input-box input:focus {
    background: unset
}

.vzy-ai-section>.vzy-ai-new-site>.vzy-form>.input-box button {
    width: 60px;
    height: 30px;
    border-radius: 3px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 15px
}

.vzy-ai-section>.vzy-ai-new-site>.vzy-form>.input-box button svg {
    width: 16px;
    height: 16px
}

.ai-toast {
    display: flex;
    align-items: center;
    position: absolute;
    bottom: 60px;
    left: 50%;
    transform: translateX(-50%)
}

@media screen and (max-width: 767px) {
    .ai-toast {
        bottom: 20px;
        right: 10px;
        left: 10px;
        width: calc(100% - 20px);
        border: none
    }
}

.ai-toast svg {
    width: 16px;
    height: 16px
}

.toast {
    height: 50px !important
}

.nav-bottom {
    width: 100%;
    margin: 0 auto;
    background: var(--background);
    position: fixed;
    bottom: 0;
    display: flex;
    padding-top: var(--s-2);
    padding-bottom: var(--s-3);
    z-index: 10;
    border-top: 1px solid var(--c-mix-1)
}

.nav-bottom>.nav-list {
    display: flex;
    width: 100%
}

.nav-bottom>.nav-list>ul {
    display: flex;
    align-items: center;
    list-style-type: none;
    overflow-x: auto;
    flex-wrap: nowrap;
    width: auto
}

.nav-bottom>.nav-list>ul::-webkit-scrollbar {
    display: none
}

.nav-bottom>.nav-list>ul .nav-bottom-item {
    display: flex
}

.nav-bottom>.nav-list>ul li {
    width: 90px;
    flex: 0 0 auto;
    height: 100%;
    display: flex;
    align-items: center
}

.nav-bottom>.nav-list>ul li.theme>a {
    padding: 0 !important
}

.nav-bottom>.nav-list>ul li>span {
    margin-bottom: 5px;
    justify-content: center;
    align-self: center;
    align-items: center
}

.nav-bottom>.nav-list>ul li>a {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    font-size: var(--t-xs) !important;
    text-transform: capitalize;
    font-weight: 400;
    color: var(--foreground);
    transition: var(--a-speed)
}

.nav-bottom>.nav-list>ul li>a>span {
    margin-bottom: 2px
}

.nav-bottom>.nav-list>ul li>a>span>svg {
    stroke-width: 1;
    width: 20px;
    height: 20px
}

.nav-bottom>.nav-list>ul li>a>span>svg>path {
    transition: var(--a-speed)
}

.nav-bottom>.nav-list>ul li>a:hover {
    color: var(--foreground)
}

.nav-bottom>.nav-list>ul li>.nav-bottom-modal {
    width: 100%;
    height: 100vh;
    position: fixed;
    top: 0;
    right: 0;
    z-index: 10;
    background: var(--background)
}

.nav-bottom>.nav-list>ul li>.nav-bottom-modal>.modal-navbar {
    width: 100%;
    height: calc(var(--unit)*6);
    background: var(--background);
    border-bottom: 1px solid var(--c-mix-1)
}

.nav-bottom>.nav-list>ul li>.nav-bottom-modal>.modal-navbar>ul {
    display: flex;
    flex-grow: 1;
    align-items: center;
    justify-content: center;
    list-style-type: none;
    height: 100%
}

.nav-bottom>.nav-list>ul li>.nav-bottom-modal>.modal-navbar>ul>li {
    text-align: center;
    display: flex;
    align-items: center;
    align-self: center;
    justify-content: center;
    color: var(--foreground);
    font-size: var(--t-xm)
}

.nav-bottom>.nav-list>ul li>.nav-bottom-modal>.modal-navbar>ul>li:nth-child(1) a {
    cursor: pointer
}

.nav-bottom>.nav-list>ul li>.nav-bottom-modal>.modal-navbar>ul>li:nth-child(1) a:hover {
    opacity: .5
}

.nav-bottom>.nav-list>ul li>.nav-bottom-modal>.modal-navbar>ul>li>a {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: var(--a-speed);
    color: inherit
}

.nav-bottom>.nav-list>ul li>.nav-bottom-modal>.modal-navbar>ul>li>a>span {
    display: flex;
    align-items: center;
    justify-content: center
}

.nav-bottom>.nav-list>ul li>.nav-bottom-modal>.modal-navbar>ul>li>a>span>svg {
    width: calc(var(--unit)*1.6);
    height: calc(var(--unit)*1.6);
    stroke-width: 2
}

.nav-bottom>.nav-list>ul li>.nav-bottom-modal>.modal-navbar>ul>li:first-child {
    width: calc(var(--unit)*5);
    height: calc(var(--unit)*6)
}

.nav-bottom>.nav-list>ul li>.nav-bottom-modal>.modal-navbar>ul>li:nth-child(2) {
    flex-grow: 1;
    height: 100%;
    font-size: var(--t-xm);
    align-items: center;
    justify-content: flex-start
}

.nav-bottom>.nav-list>ul li>.nav-bottom-modal>.modal-navbar>ul>li:nth-child(2)>.site-name {
    color: var(--foreground);
    padding-right: var(--s-1);
    font-size: var(--t-m)
}

.nav-bottom>.nav-list>ul li>.nav-bottom-modal>.modal-navbar>ul>li:nth-child(2) .site-plan {
    background: var(--c-mix-1);
    color: var(--foreground);
    font-size: var(--t-xs);
    padding: 3px 5px;
    border-radius: 3px
}

.nav-bottom>.nav-list>ul li>.nav-bottom-modal>.modal-navbar>ul>li:last-child {
    width: calc(var(--unit)*7);
    height: calc(var(--unit)*6);
    justify-content: flex-start
}

.nav-bottom>.nav-list>ul li>.nav-bottom-modal>.modal-navbar>ul>li:last-child>button {
    border-radius: 0;
    width: 50px;
    height: 24px;
    border-radius: var(--r-full);
    font-size: var(--t-s);
    display: flex;
    justify-content: center;
    align-items: center;
    border: none
}

.nav-bottom>.nav-list>ul li>.nav-bottom-modal>.modal-card>ul {
    list-style-type: none;
    padding: var(--s-2)
}

.nav-bottom>.nav-list>ul li>.nav-bottom-modal>.modal-card>ul>li {
    padding-left: var(--s-1);
    padding-right: var(--s-1);
    height: 40px;
    border: 1px solid var(--c-mix-1);
    margin-bottom: var(--s-1);
    border-radius: var(--r-small)
}

.nav-bottom>.nav-list>ul li>.nav-bottom-modal>.modal-card>ul>li:first-child {
    display: none
}

.nav-bottom>.nav-list>ul li>.nav-bottom-modal>.modal-card>ul>li:hover {
    background: var(--c-mix-1)
}

.nav-bottom>.nav-list>ul li>.nav-bottom-modal>.modal-card>ul>li>a {
    font-size: var(--t-m) !important;
    line-height: var(--l-body);
    display: flex;
    align-items: center;
    width: 100%;
    height: 100%;
    justify-content: space-between
}

.nav-bottom>.nav-list>ul li>.nav-bottom-modal>.modal-card>ul>li>a>span {
    display: flex;
    align-items: center
}

.nav-bottom>.nav-list>ul li>.nav-bottom-modal>.modal-card>ul>li>a>span:first-child>svg {
    width: calc(var(--unit)*1.6);
    height: calc(var(--unit)*1.6);
    margin-right: 10px
}

.nav-bottom>.nav-list>ul li>.nav-bottom-modal>.modal-card>ul>li>a>span:last-child {
    display: flex;
    align-items: center;
    justify-content: center
}

.nav-bottom>.nav-list>ul li>.nav-bottom-modal>.modal-card>ul>li>a>span:last-child>svg {
    width: calc(var(--unit)*1.6);
    height: calc(var(--unit)*1.6)
}

@media screen and (min-width: 768px) {
    .nav-bottom>.nav-list>ul li>.nav-bottom-modal>.modal-card>ul>li.mobile-options-list {
        display: none
    }
}

.nav-bottom>.nav-list>ul li>.nav-bottom-modal>.modal-card>ul>li.mobile-help-section:nth-last-child(2),
.nav-bottom>.nav-list>ul li>.nav-bottom-modal>.modal-card>ul>li.mobile-help-section:last-child {
    display: none
}

.nav-bottom>.nav-list>ul li>.nav-bottom-modal>.modal-card>ul>li.mobile-help-section.twitter {
    border-top: 1px solid var(--c-mix-1)
}

@media screen and (min-width: 768px) {
    .nav-bottom>.nav-list>ul li>.nav-bottom-modal>.modal-card>ul>li.mobile-help-section.twitter {
        border-top: 1px solid var(--c-mix-1)
    }
}

.nav-bottom>.nav-list>ul li>.nav-bottom-modal>.modal-card>ul>li.mobile-help-section.feedback,
.nav-bottom>.nav-list>ul li>.nav-bottom-modal>.modal-card>ul>li.mobile-help-section.legal,
.nav-bottom>.nav-list>ul li>.nav-bottom-modal>.modal-card>ul>li.mobile-help-section.community {
    display: none
}

.nav-bottom>.nav-list>ul li>.nav-bottom-modal>.modal-card>ul>li.mobile-help-section>a {
    padding: calc(var(--unit)*1.2) 0;
    color: var(--c-mix-3);
    font-size: var(--t-s) !important
}

@media screen and (min-width: 768px) {
    .nav-bottom {
        display: none
    }
}

.loader-animation-container>svg {
    width: 40px !important;
    height: 40px !important
}

.loader-animation-container>svg>g>g>g:nth-child(1)>path {
    fill: var(--background) !important
}

.loader-animation-container>svg>g>g>g:nth-child(2)>path {
    fill: var(--c-mix-1) !important
}

.loader-animation-container>svg>g>g>g:nth-child(3)>path {
    stroke-width: 1.5;
    stroke: var(--foreground)
}

.vzy-onboarding-screen {
    width: 100vw;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
    background: var(--c-mix-6);
    display: flex;
    align-items: center;
    justify-content: center
}

@media screen and (max-width: 767px) {
    .vzy-onboarding-screen {
        align-items: flex-start
    }

    .vzy-onboarding-screen .onboarding-card {
        width: 100%;
        border-radius: 0
    }
}

.vzy-onboarding-screen .onboarding-card {
    width: 400px;
    height: 420px;
    display: block;
    text-align: center;
    background: var(--background);
    border-radius: var(--r-small);
    border: 1px solid var(--c-mix-1)
}

@media screen and (max-width: 767px) {
    .vzy-onboarding-screen .onboarding-card {
        width: 100%;
        border-radius: 0;
        border: none
    }
}

.vzy-onboarding-screen .onboarding-card h2 {
    text-align: center;
    padding: var(--s-2) 0;
    border-bottom: 1px solid var(--c-mix-1);
    letter-spacing: 0 !important
}

.vzy-onboarding-screen .onboarding-card p {
    color: var(--c-mix-3);
    font-size: var(--t-m);
    text-align: center;
    padding: var(--s-2) var(--s-2) var(--s-1) var(--s-2)
}

.vzy-onboarding-screen .onboarding-card .onboarding-card-image {
    background: var(--c-mix-1);
    border-radius: var(--r-small);
    height: 200px;
    width: calc(100% - 40px);
    margin: 0 auto
}

.vzy-onboarding-screen .onboarding-card .onboarding-card-image video {
    width: 100%;
    height: 100%
}

.vzy-onboarding-screen .onboarding-card .onboarding-card-button {
    padding: var(--s-2);
    display: flex;
    justify-content: space-between;
    align-items: center
}

.vzy-onboarding-screen .onboarding-card .onboarding-card-button button {
    height: calc(var(--unit)*4);
    background: var(--c-mix-1);
    width: 100px;
    color: var(--foreground);
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: normal;
    border: none
}

.vzy-onboarding-screen .onboarding-card .onboarding-card-button button:last-child {
    background: var(--foreground);
    color: var(--background)
}

.vzy-onboarding-screen .onboarding-card .onboarding-card-button>p {
    color: var(--c-mix-3);
    font-size: var(--t-m);
    text-align: center;
    padding: 0
}

.empty-post,
.empty-products {
    width: 100%;
    height: calc(100vh - 200px);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center
}

.empty-post.empty-state,
.empty-products.empty-state {
    height: auto;
    margin-top: 40px
}

.empty-post.empty-state #new-post-btn,
.empty-products.empty-state #new-post-btn {
    height: 40px;
    margin-top: 20px
}

.empty-post svg,
.empty-products svg {
    width: 60px;
    height: 60px;
    stroke-width: .5
}

.empty-post p,
.empty-products p {
    color: var(--c-mix-3);
    text-align: center;
    font-size: var(--t-m) !important;
    margin-top: var(--s-2);
    font-family: var(--f-base) !important
}

.empty-post>button,
.empty-products>button {
    width: 300px;
    border: none !important;
    height: 40px;
    font-family: var(--f-base) !important;
    background-color: var(--foreground) !important;
    color: var(--background) !important;
    margin-top: var(--s-2)
}

@keyframes shine {
    0% {
        left: -100%;
        transition-property: left
    }

    11% {
        left: 100%;
        transition-property: left
    }

    100% {
        left: 100%;
        transition-property: left
    }
}

.help-footer {
    position: fixed;
    bottom: var(--s-2);
    right: var(--s-2);
    width: calc(var(--unit)*4);
    height: calc(var(--unit)*4);
    z-index: 10
}

@media screen and (max-width: 767px) {
    .help-footer {
        display: none
    }
}

.help-footer:hover>a {
    background: var(--c-mix-1)
}

.help-footer>a {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--c-mix-1);
    border-radius: var(--r-full);
    font-size: var(--t-m)
}

.help-footer>.help-modal {
    position: absolute;
    bottom: 50px;
    right: 0;
    width: calc(var(--unit)*13);
    z-index: 5;
    border-radius: var(--r-small);
    display: block
}

.help-footer>.help-modal>ul {
    background: var(--background);
    border-radius: var(--r-small);
    list-style-type: none;
    border: 1px solid var(--c-mix-1);
    padding: 5px
}

.help-footer>.help-modal>ul>li {
    height: calc(var(--unit)*3.2);
    display: flex;
    align-items: center;
    justify-content: flex-start;
    border-radius: 3px;
    padding: 5px
}

.help-footer>.help-modal>ul>li:hover {
    background: var(--c-mix-1)
}

.help-footer>.help-modal>ul>li>a {
    font-size: var(--t-s) !important;
    line-height: var(--l-body);
    display: flex;
    align-items: center;
    width: 100%;
    justify-content: space-between
}

.help-footer>.help-modal>ul>li>a.light-mode {
    display: none
}

.help-footer>.help-modal>ul>li>a>span {
    display: flex
}

.help-footer>.help-modal>ul>li>a>span>svg {
    width: calc(var(--unit)*1.6);
    height: calc(var(--unit)*1.6)
}

.help-footer [name=help] {
    background-color: var(--background)
}

#made-in-vzy-button {
    width: 250px
}

@media screen and (max-width: 767px) {
    #made-in-vzy-button {
        width: calc(100% - 20px)
    }
}

.vzy-animated-button {
    background: var(--foreground);
    position: relative;
    overflow: hidden;
    height: 40px;
    padding: 8px 12px;
    width: 100%;
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: space-between
}

@media screen and (max-width: 767px) {
    .vzy-animated-button {
        width: 100%
    }
}

.vzy-animated-button::before {
    content: "";
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    background: var(--shine-effect-2);
    animation: shine 5s ease-in-out infinite
}

.vzy-animated-button>div {
    display: flex;
    align-items: center
}

.vzy-animated-button>div>span {
    display: flex;
    align-items: center
}

.vzy-animated-button>div>span:first-child {
    color: var(--background);
    font-size: var(--t-m)
}

.driver-popover {
    background: var(--foreground);
    width: 200px;
    min-width: 200px;
    max-width: 200px;
    padding: 10px
}

.driver-popover-title {
    font-weight: 400;
    font-family: var(--f-base);
    font-size: var(--t-xm);
    color: var(--foreground)
}

.driver-popover-description {
    color: var(--background);
    font-size: var(--t-s);
    line-height: var(--l-body);
    font-family: var(--f-base) !important;
    width: 95%
}

.driver-popover-prev-btn {
    font-family: var(--f-base) !important;
    font-size: var(--t-s) !important;
    color: var(--background) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    border: none !important;
    border-radius: var(--r-small) !important;
    height: calc(var(--unit)*3) !important;
    padding: 0 var(--unit) !important;
    text-align: center !important;
    line-height: var(--l-title) !important;
    text-shadow: none !important;
    width: 85px !important;
    background-color: var(--c-mix-15) !important
}

.driver-popover-btn-disabled {
    opacity: 1 !important
}

.driver-popover-next-btn {
    font-family: var(--f-base) !important;
    font-size: var(--t-s) !important;
    background: var(--background) !important;
    color: var(--foreground) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    border: none !important;
    border-radius: var(--r-small) !important;
    height: calc(var(--unit)*3) !important;
    padding: 0 var(--unit) !important;
    text-align: center !important;
    line-height: var(--l-title) !important;
    text-shadow: none !important;
    width: 85px !important
}

.driver-popover-navigation-btns {
    display: flex;
    justify-content: space-between
}

.driver-popover-close-btn {
    color: var(--background) !important
}

.driver-popover-arrow-side-right {
    border-right-color: var(--foreground) !important
}

.driver-popover-arrow-side-bottom {
    border-bottom-color: var(--foreground) !important
}

.driver-popover-arrow-side-top {
    border-top-color: var(--foreground) !important
}

.preloader-section {
    height: 100vh;
    overflow-y: auto
}

.preloader-section .vue-skeletor {
    background: var(--c-mix-1);
    border-radius: 3px
}

.preloader-section .vue-skeletor::after {
    background-image: linear-gradient(90deg, var(--c-mix-1), var(--c-mix-6), var(--c-mix-1))
}

.preloader-section .preloader-header-section {
    height: 60px;
    border-bottom: 1px solid var(--c-mix-1);
    display: flex;
    align-items: center
}

.preloader-section .preloader-header-section span:first-child {
    width: 60px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center
}

@media screen and (max-width: 767px) {
    .preloader-section .preloader-header-section span:first-child {
        width: 50px
    }
}

.preloader-section .preloader-header-section span:first-child>svg {
    width: 16px;
    height: 16px
}

.preloader-section .preloader-tab-section {
    width: 100%;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-bottom: 1px solid var(--c-mix-1)
}

.preloader-section .preloader-tab-section>div {
    width: 50%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center
}

.preloader-section .preloader-content-section {
    padding: var(--s-2)
}

.preloader-section .preloader-content-section>div {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: var(--s-2)
}

.preloader-section .preloader-content-section>div .vue-skeletor:last-child {
    border-radius: 5px
}

.vzy-header.navbar-box {
    width: 100%;
    position: absolute;
    z-index: 5 !important;
    border: none;
    background-color: var(--background);
    transition: opacity var(--a-speed)
}

.vzy-header.navbar-box .default-image>svg {
    height: 24px
}

.vzy-header.navbar-box>.navbar {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: normal;
    padding-top: 0rem;
    padding-bottom: 0rem
}

.vzy-header.navbar-box>.navbar.announcement-below {
    flex-direction: column-reverse
}

.vzy-header.navbar-box>.navbar.announcement-below>.mobile-nav>.mobile-nav-overlay {
    top: calc(44px + var(--logo-height)) !important
}

.vzy-header.navbar-box>.navbar a>span {
    margin-bottom: 0
}

.vzy-header.navbar-box>.navbar .button-holder {
    display: flex;
    justify-content: flex-end;
    position: relative;
    gap: var(--s-1)
}

.vzy-header.navbar-box>.navbar .button-holder .site-btn {
    min-width: calc(var(--unit)*10);
    height: calc(var(--unit)*3.5);
    position: relative;
    font-family: var(--f-base);
    background: var(--foreground);
    color: var(--background);
    display: flex;
    justify-content: center;
    align-items: center;
    border: none;
    font-weight: normal;
    padding: var(--s-1);
    text-align: center;
    line-height: var(--l-body);
    -webkit-appearance: button
}

.vzy-header.navbar-box>.navbar .button-holder .site-btn:focus {
    border: 1px solid var(--c-mix-1);
    box-shadow: none;
    outline: none
}

.vzy-header.navbar-box>.navbar .button-holder .site-btn:hover {
    cursor: pointer;
    opacity: 70%;
    color: var(--background)
}

.vzy-header.navbar-box>.navbar .button-holder .btn-1>button {
    background: var(--c-mix-1) !important;
    color: var(--foreground) !important
}

.vzy-header.navbar-box>.navbar .button-holder .btn-2>button {
    background: var(--accent) !important
}

.vzy-header.navbar-box>.navbar .announcement-bar-block {
    position: relative
}

.vzy-header.navbar-box>.navbar .announcement-bar-block .announcement-bar {
    width: 100%;
    height: var(--s-3);
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--accent);
    opacity: .1
}

@media screen and (max-width: 1101px) {
    .vzy-header.navbar-box>.navbar .announcement-bar-block .announcement-bar {
        order: 1
    }
}

.vzy-header.navbar-box>.navbar .announcement-bar-block a {
    font-size: var(--t-s);
    color: var(--foreground);
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    text-align: center;
    top: 50%;
    font-size: var(--t-s);
    color: var(--foreground);
    transform: translateY(-50%);
    display: flex;
    align-items: center;
    justify-content: center
}

.vzy-header.navbar-box>.navbar .announcement-bar-block a:hover {
    opacity: .7
}

.vzy-header.navbar-box>.navbar .announcement-bar-block a>svg {
    width: 12px;
    height: 12px;
    margin-left: 5px;
    stroke-width: 2
}

.vzy-header.navbar-box>.navbar .announcement-bar-block>span {
    position: absolute;
    right: var(--s-1);
    top: 0;
    width: 30px;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center
}

.vzy-header.navbar-box>.navbar .announcement-bar-block>span:hover {
    cursor: pointer
}

.vzy-header.navbar-box>.navbar .announcement-bar-block>span:hover svg {
    opacity: .5
}

.vzy-header.navbar-box>.navbar .announcement-bar-block>span svg {
    width: 12px;
    height: 12px;
    stroke-width: 2.25
}

.vzy-header.navbar-box>.navbar [class^=header-] .nav__list__link,
.vzy-header.navbar-box>.navbar .mobile-nav .nav__list__link {
    position: relative
}

.vzy-header.navbar-box>.navbar [class^=header-] .link__a,
.vzy-header.navbar-box>.navbar .mobile-nav .link__a {
    display: flex;
    flex-direction: row !important;
    align-items: center;
    position: relative
}

.vzy-header.navbar-box>.navbar [class^=header-] .link__a.chevron::after,
.vzy-header.navbar-box>.navbar .mobile-nav .link__a.chevron::after {
    content: "";
    position: absolute;
    right: 4px;
    transform: rotate(135deg);
    pointer-events: none;
    border-style: solid;
    border-width: 1.5px 1.5px 0 0;
    border-color: var(--foreground);
    display: inline-block;
    padding: 2px;
    vertical-align: middle;
    transition: transform calc(var(--a-speed)/2)
}

.vzy-header.navbar-box>.navbar [class^=header-] .nav__list__sub-links.modal.page-modal,
.vzy-header.navbar-box>.navbar .mobile-nav .nav__list__sub-links.modal.page-modal {
    display: none;
    z-index: 10;
    pointer-events: all;
    min-width: 150px;
    width: max-content;
    background: none;
    filter: none
}

.vzy-header.navbar-box>.navbar [class^=header-] .nav__list__sub-links.modal.page-modal .modal-card ul,
.vzy-header.navbar-box>.navbar .mobile-nav .nav__list__sub-links.modal.page-modal .modal-card ul {
    background: var(--background);
    border-radius: var(--sublinks-shape) !important;
    border: solid 1px var(--c-mix-1) !important
}

.vzy-header.navbar-box>.navbar [class^=header-] .nav__list__sub-links.modal.page-modal .modal-card ul li,
.vzy-header.navbar-box>.navbar .mobile-nav .nav__list__sub-links.modal.page-modal .modal-card ul li {
    border-radius: calc(var(--sublinks-shape) - 5px) !important;
    padding: 0 8px
}

.vzy-header.navbar-box>.navbar [class^=header-] .nav__list__link:last-child .nav__list__sub-links.modal.page-modal,
.vzy-header.navbar-box>.navbar .mobile-nav .nav__list__link:last-child .nav__list__sub-links.modal.page-modal {
    right: 0;
    left: unset
}

.vzy-header.navbar-box>.navbar [class^=header-].header-1 .nav__list__link .nav__list__sub-links.modal.page-modal,
.vzy-header.navbar-box>.navbar .mobile-nav.header-1 .nav__list__link .nav__list__sub-links.modal.page-modal {
    right: unset;
    left: unset
}

.vzy-header.navbar-box>.navbar [class^=header-].header-1 .nav__list__link:first-child .nav__list__sub-links.modal.page-modal,
.vzy-header.navbar-box>.navbar .mobile-nav.header-1 .nav__list__link:first-child .nav__list__sub-links.modal.page-modal {
    left: 0
}

.vzy-header.navbar-box>.navbar [class^=header-].header-2 .nav__list__link .nav__list__sub-links.modal.page-modal,
.vzy-header.navbar-box>.navbar .mobile-nav.header-2 .nav__list__link .nav__list__sub-links.modal.page-modal {
    right: unset;
    left: unset
}

.vzy-header.navbar-box>.navbar [class^=header-].header-3 .nav__list:not(:last-child) .nav__list__link:last-child .nav__list__sub-links.modal.page-modal,
.vzy-header.navbar-box>.navbar .mobile-nav.header-3 .nav__list:not(:last-child) .nav__list__link:last-child .nav__list__sub-links.modal.page-modal {
    right: unset;
    left: unset
}

.vzy-header.navbar-box>.navbar [class^=header-] .nav__list__link:hover .nav__list__sub-links.modal.page-modal,
.vzy-header.navbar-box>.navbar .mobile-nav .nav__list__link:hover .nav__list__sub-links.modal.page-modal {
    display: flex
}

.vzy-header.navbar-box>.navbar [class^=header-] .nav__list__link:hover .link__a.chevron::after,
.vzy-header.navbar-box>.navbar .mobile-nav .nav__list__link:hover .link__a.chevron::after {
    transform: rotate(315deg)
}

.vzy-header.navbar-box>.navbar [class^=header-] .nav__list__link.mobile,
.vzy-header.navbar-box>.navbar .mobile-nav .nav__list__link.mobile {
    display: grid;
    overflow: hidden;
    height: auto !important
}

.vzy-header.navbar-box>.navbar [class^=header-] .nav__list__link.mobile .link__a,
.vzy-header.navbar-box>.navbar .mobile-nav .nav__list__link.mobile .link__a {
    font-size: var(--t-2);
    line-height: var(--l-title);
    margin: 0;
    padding: var(--s-1) var(--s-2)
}

.vzy-header.navbar-box>.navbar [class^=header-] .nav__list__link.mobile:hover,
.vzy-header.navbar-box>.navbar .mobile-nav .nav__list__link.mobile:hover {
    background: none !important
}

.vzy-header.navbar-box>.navbar [class^=header-] .nav__list__link.mobile .link__a.chevron::after,
.vzy-header.navbar-box>.navbar .mobile-nav .nav__list__link.mobile .link__a.chevron::after {
    display: none
}

.vzy-header.navbar-box>.navbar [class^=header-] .sub-links,
.vzy-header.navbar-box>.navbar .mobile-nav .sub-links {
    list-style: none;
    padding-top: 0;
    display: flex;
    flex-direction: column
}

.vzy-header.navbar-box>.navbar [class^=header-].mobile-nav .sub-link,
.vzy-header.navbar-box>.navbar .mobile-nav.mobile-nav .sub-link {
    color: var(--foreground);
    line-height: var(--l-title);
    font-size: var(--t-1)
}

.vzy-header.navbar-box>.navbar [class^=header-].mobile-nav .sub-link a,
.vzy-header.navbar-box>.navbar .mobile-nav.mobile-nav .sub-link a {
    width: 100%;
    display: inline-block;
    padding: var(--s-1) var(--s-4)
}

.vzy-header.navbar-box>.navbar [class^=header-] .mobile-nav-overlay.bordered .nav__list__link.mobile:first-child,
.vzy-header.navbar-box>.navbar .mobile-nav .mobile-nav-overlay.bordered .nav__list__link.mobile:first-child {
    name: bode
}

.vzy-header.navbar-box>.navbar [class^=header-] .mobile-nav-overlay.bordered .nav__list__link.mobile:first-child .link__a,
.vzy-header.navbar-box>.navbar .mobile-nav .mobile-nav-overlay.bordered .nav__list__link.mobile:first-child .link__a {
    border-top: solid var(--c-mix-1) 1px
}

.vzy-header.navbar-box>.navbar [class^=header-] .mobile-nav-overlay.bordered .nav__list__link.mobile .link__a,
.vzy-header.navbar-box>.navbar .mobile-nav .mobile-nav-overlay.bordered .nav__list__link.mobile .link__a {
    border-bottom: solid var(--c-mix-1) 1px;
    padding: var(--s-2) var(--s-2)
}

.vzy-header.navbar-box>.navbar [class^=header-] .mobile-nav-overlay.bordered .nav__list__link.mobile .link__a:hover,
.vzy-header.navbar-box>.navbar .mobile-nav .mobile-nav-overlay.bordered .nav__list__link.mobile .link__a:hover {
    background-color: var(--c-mix-1)
}

.vzy-header.navbar-box>.navbar [class^=header-] .mobile-nav-overlay.bordered .nav__list__link.mobile .sub-link a,
.vzy-header.navbar-box>.navbar .mobile-nav .mobile-nav-overlay.bordered .nav__list__link.mobile .sub-link a {
    border-bottom: solid var(--c-mix-1) 1px;
    padding: var(--s-2) var(--s-4)
}

.vzy-header.navbar-box>.navbar [class^=header-] .mobile-nav-overlay.bordered .nav__list__link.mobile .sub-link a:hover,
.vzy-header.navbar-box>.navbar .mobile-nav .mobile-nav-overlay.bordered .nav__list__link.mobile .sub-link a:hover {
    background-color: var(--c-mix-1)
}

.vzy-header.navbar-box>.navbar>.header-1 {
    display: none
}

@media screen and (min-width: 1024px) {
    .vzy-header.navbar-box>.navbar>.header-1 {
        display: flex;
        align-items: center;
        padding-left: var(--s-2);
        padding-right: var(--s-2);
        width: 100%
    }

    .vzy-header.navbar-box>.navbar>.header-1>.desktop-nav {
        display: flex;
        width: 100%
    }

    .vzy-header.navbar-box>.navbar>.header-1>.desktop-nav>header {
        width: 100%;
        display: flex;
        justify-content: space-between;
        align-items: center;
        gap: calc(var(--s-1) - 5px)
    }

    .vzy-header.navbar-box>.navbar>.header-1>.desktop-nav>header>nav {
        display: flex;
        align-items: center;
        gap: calc(var(--s-1) - 5px)
    }

    .vzy-header.navbar-box>.navbar>.header-1>.desktop-nav>header>nav .logo {
        display: flex;
        align-items: center;
        font-family: var(--f-headings);
        height: 100%
    }

    .vzy-header.navbar-box>.navbar>.header-1>.desktop-nav>header>nav .logo>img {
        height: 20px
    }

    .vzy-header.navbar-box>.navbar>.header-1>.desktop-nav>header>nav .logo>svg {
        height: calc(var(--unit)*2)
    }

    .vzy-header.navbar-box>.navbar>.header-1>.desktop-nav>header>nav .logo:hover>img,
    .vzy-header.navbar-box>.navbar>.header-1>.desktop-nav>header>nav .logo:hover>svg,
    .vzy-header.navbar-box>.navbar>.header-1>.desktop-nav>header>nav .logo:hover>span {
        opacity: .7
    }

    .vzy-header.navbar-box>.navbar>.header-1>.desktop-nav>header>nav>ul {
        list-style-type: none;
        height: 35px;
        display: flex;
        align-items: center
    }

    .vzy-header.navbar-box>.navbar>.header-1>.desktop-nav>header>nav>ul>li {
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center
    }

    .vzy-header.navbar-box>.navbar>.header-1>.desktop-nav>header>nav>ul>li>a {
        height: 100%;
        display: flex;
        line-height: var(--l-body);
        text-decoration: none;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        padding: 0 var(--s-2);
        font-weight: 400
    }

    .vzy-header.navbar-box>.navbar>.header-1>.desktop-nav>header .theme-button {
        list-style: none;
        display: flex;
        align-items: center
    }

    .vzy-header.navbar-box>.navbar>.header-1>.desktop-nav>header .theme-button>li {
        width: 35px;
        height: 35px;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-left: var(--s-1)
    }

    .vzy-header.navbar-box>.navbar>.header-1>.desktop-nav>header .theme-button>li>a {
        height: 100%;
        display: flex;
        line-height: var(--l-body);
        text-decoration: none;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        padding: 1px var(--s-1);
        font-weight: 400
    }

    .vzy-header.navbar-box>.navbar>.header-1>.desktop-nav>header .theme-button>li>a svg {
        width: 16px
    }
}

.vzy-header.navbar-box>.navbar>.header-2,
.vzy-header.navbar-box>.navbar>.header-4 {
    display: none
}

@media screen and (min-width: 1024px) {

    .vzy-header.navbar-box>.navbar>.header-2,
    .vzy-header.navbar-box>.navbar>.header-4 {
        display: flex;
        align-items: center;
        justify-content: center;
        padding-left: var(--s-2);
        padding-right: var(--s-2);
        width: 100%
    }

    .vzy-header.navbar-box>.navbar>.header-2>.desktop-nav,
    .vzy-header.navbar-box>.navbar>.header-4>.desktop-nav {
        display: flex;
        width: 100%
    }

    .vzy-header.navbar-box>.navbar>.header-2>.desktop-nav>header,
    .vzy-header.navbar-box>.navbar>.header-4>.desktop-nav>header {
        width: 100%;
        display: flex;
        justify-content: space-between;
        align-items: center
    }

    .vzy-header.navbar-box>.navbar>.header-2>.desktop-nav>header>.icon-link .logo,
    .vzy-header.navbar-box>.navbar>.header-4>.desktop-nav>header>.icon-link .logo {
        width: fit-content
    }

    .vzy-header.navbar-box>.navbar>.header-2>.desktop-nav>header .logo,
    .vzy-header.navbar-box>.navbar>.header-4>.desktop-nav>header .logo {
        display: flex;
        align-items: center;
        width: 100%
    }

    .vzy-header.navbar-box>.navbar>.header-2>.desktop-nav>header .logo>img,
    .vzy-header.navbar-box>.navbar>.header-4>.desktop-nav>header .logo>img {
        height: 20px
    }

    .vzy-header.navbar-box>.navbar>.header-2>.desktop-nav>header .logo>svg,
    .vzy-header.navbar-box>.navbar>.header-4>.desktop-nav>header .logo>svg {
        height: calc(var(--unit)*2)
    }

    .vzy-header.navbar-box>.navbar>.header-2>.desktop-nav>header .logo:hover>img,
    .vzy-header.navbar-box>.navbar>.header-2>.desktop-nav>header .logo:hover>svg,
    .vzy-header.navbar-box>.navbar>.header-2>.desktop-nav>header .logo:hover>span,
    .vzy-header.navbar-box>.navbar>.header-4>.desktop-nav>header .logo:hover>img,
    .vzy-header.navbar-box>.navbar>.header-4>.desktop-nav>header .logo:hover>svg,
    .vzy-header.navbar-box>.navbar>.header-4>.desktop-nav>header .logo:hover>span {
        opacity: .7
    }

    .vzy-header.navbar-box>.navbar>.header-2>.desktop-nav>header>nav,
    .vzy-header.navbar-box>.navbar>.header-4>.desktop-nav>header>nav {
        display: flex;
        width: fit-content;
        justify-self: center
    }

    .vzy-header.navbar-box>.navbar>.header-2>.desktop-nav>header>nav::-webkit-scrollbar,
    .vzy-header.navbar-box>.navbar>.header-4>.desktop-nav>header>nav::-webkit-scrollbar {
        display: none
    }

    .vzy-header.navbar-box>.navbar>.header-2>.desktop-nav>header>nav>ul,
    .vzy-header.navbar-box>.navbar>.header-4>.desktop-nav>header>nav>ul {
        list-style-type: none;
        height: calc(var(--unit)*3.5);
        display: flex;
        align-items: center;
        justify-content: center;
        width: fit-content
    }

    .vzy-header.navbar-box>.navbar>.header-2>.desktop-nav>header>nav>ul>li,
    .vzy-header.navbar-box>.navbar>.header-4>.desktop-nav>header>nav>ul>li {
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        width: fit-content
    }

    .vzy-header.navbar-box>.navbar>.header-2>.desktop-nav>header>nav>ul>li>a,
    .vzy-header.navbar-box>.navbar>.header-4>.desktop-nav>header>nav>ul>li>a {
        height: 100%;
        display: flex;
        line-height: var(--l-body);
        text-decoration: none;
        align-items: center;
        justify-content: center;
        font-weight: normal;
        width: fit-content;
        white-space: nowrap;
        padding: 0 var(--s-2)
    }

    .vzy-header.navbar-box>.navbar>.header-2>.desktop-nav>header>.button-holder,
    .vzy-header.navbar-box>.navbar>.header-4>.desktop-nav>header>.button-holder {
        width: 25%;
        display: flex;
        justify-self: right
    }

    .vzy-header.navbar-box>.navbar>.header-2>.desktop-nav>header>.button-holder .site-btn,
    .vzy-header.navbar-box>.navbar>.header-4>.desktop-nav>header>.button-holder .site-btn {
        white-space: nowrap
    }

    .vzy-header.navbar-box>.navbar>.header-2>.desktop-nav>header .theme-button,
    .vzy-header.navbar-box>.navbar>.header-4>.desktop-nav>header .theme-button {
        list-style: none;
        display: flex;
        align-items: center
    }

    .vzy-header.navbar-box>.navbar>.header-2>.desktop-nav>header .theme-button>li,
    .vzy-header.navbar-box>.navbar>.header-4>.desktop-nav>header .theme-button>li {
        width: 35px;
        height: 35px;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-left: var(--s-1)
    }

    .vzy-header.navbar-box>.navbar>.header-2>.desktop-nav>header .theme-button>li>a,
    .vzy-header.navbar-box>.navbar>.header-4>.desktop-nav>header .theme-button>li>a {
        height: 100%;
        display: flex;
        line-height: var(--l-body);
        text-decoration: none;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        padding: 1px var(--s-1);
        font-weight: 400
    }

    .vzy-header.navbar-box>.navbar>.header-2>.desktop-nav>header .theme-button>li>a svg,
    .vzy-header.navbar-box>.navbar>.header-4>.desktop-nav>header .theme-button>li>a svg {
        width: 16px
    }
}

.vzy-header.navbar-box>.navbar .header-2>.desktop-nav header {
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    grid-template-areas: "logo links buttons"
}

.vzy-header.navbar-box>.navbar .header-2>.desktop-nav header nav {
    grid-area: links
}

.vzy-header.navbar-box>.navbar .header-2>.desktop-nav header>.icon-link {
    grid-area: logo
}

.vzy-header.navbar-box>.navbar .header-2>.desktop-nav header .button-holder {
    grid-area: buttons
}

.vzy-header.navbar-box>.navbar>.header-3 {
    display: none
}

@media screen and (min-width: 1024px) {
    .vzy-header.navbar-box>.navbar>.header-3 {
        display: flex;
        align-items: center;
        padding-left: var(--s-2);
        padding-right: var(--s-2);
        width: 100%
    }

    .vzy-header.navbar-box>.navbar>.header-3>.desktop-nav {
        display: flex;
        width: 100%
    }

    .vzy-header.navbar-box>.navbar>.header-3>.desktop-nav>header {
        width: 100%;
        display: flex;
        justify-content: space-between;
        align-items: center
    }

    .vzy-header.navbar-box>.navbar>.header-3>.desktop-nav>header>.icon-link {
        width: fit-content
    }

    .vzy-header.navbar-box>.navbar>.header-3>.desktop-nav>header>.icon-link .logo {
        width: fit-content
    }

    .vzy-header.navbar-box>.navbar>.header-3>.desktop-nav>header .logo {
        display: flex;
        align-items: center;
        width: 100%
    }

    .vzy-header.navbar-box>.navbar>.header-3>.desktop-nav>header .logo>svg {
        height: calc(var(--unit)*2)
    }

    .vzy-header.navbar-box>.navbar>.header-3>.desktop-nav>header .logo>img {
        height: calc(var(--unit)*2)
    }

    .vzy-header.navbar-box>.navbar>.header-3>.desktop-nav>header .logo:hover>img,
    .vzy-header.navbar-box>.navbar>.header-3>.desktop-nav>header .logo:hover>svg,
    .vzy-header.navbar-box>.navbar>.header-3>.desktop-nav>header .logo:hover>span {
        opacity: .7
    }

    .vzy-header.navbar-box>.navbar>.header-3>.desktop-nav>header>nav {
        display: flex;
        align-items: center;
        justify-content: flex-end;
        justify-self: flex-end
    }

    .vzy-header.navbar-box>.navbar>.header-3>.desktop-nav>header>nav>ul {
        list-style-type: none;
        height: 35px;
        display: flex;
        align-items: center;
        justify-content: flex-end
    }

    .vzy-header.navbar-box>.navbar>.header-3>.desktop-nav>header>nav>ul>li {
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center
    }

    .vzy-header.navbar-box>.navbar>.header-3>.desktop-nav>header>nav>ul>li>a {
        height: 100%;
        display: flex;
        line-height: var(--l-body);
        text-decoration: none;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        font-weight: 400;
        padding: var(--s-2)
    }

    .vzy-header.navbar-box>.navbar>.header-3>.desktop-nav>header>nav>.button-holder {
        width: auto;
        display: flex;
        margin-left: var(--s-1)
    }

    .vzy-header.navbar-box>.navbar>.header-3>.desktop-nav>header .theme-button {
        list-style: none;
        display: flex;
        align-items: center
    }

    .vzy-header.navbar-box>.navbar>.header-3>.desktop-nav>header .theme-button>li {
        width: 35px;
        height: 35px;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-left: var(--s-1)
    }

    .vzy-header.navbar-box>.navbar>.header-3>.desktop-nav>header .theme-button>li>a {
        height: 100%;
        display: flex;
        line-height: var(--l-body);
        text-decoration: none;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        padding: 1px var(--s-1);
        font-weight: 400
    }

    .vzy-header.navbar-box>.navbar>.header-3>.desktop-nav>header .theme-button>li>a svg {
        width: 16px
    }
}

.vzy-header.navbar-box>.navbar>.header-4>.desktop-nav header {
    position: relative;
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    grid-template-areas: "links logo buttons"
}

.vzy-header.navbar-box>.navbar>.header-4>.desktop-nav header nav {
    width: auto;
    justify-self: left;
    grid-area: links
}

.vzy-header.navbar-box>.navbar>.header-4>.desktop-nav header nav>ul>li:first-child>a {
    padding-left: var(--s-1)
}

.vzy-header.navbar-box>.navbar>.header-4>.desktop-nav header>.icon-link {
    width: auto;
    justify-self: center;
    grid-area: logo
}

.vzy-header.navbar-box>.navbar>.header-4>.desktop-nav header .button-holder {
    justify-self: right;
    grid-area: buttons
}

.vzy-header.navbar-box>.navbar .mobile-nav {
    width: 100%;
    height: calc(44px + var(--logo-height)) !important;
    display: none;
    background-color: var(--background)
}

.vzy-header.navbar-box>.navbar .mobile-nav>header {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    z-index: 10
}

.vzy-header.navbar-box>.navbar .mobile-nav>header>.icon-link {
    position: relative
}

.vzy-header.navbar-box>.navbar .mobile-nav>header>.icon-link>.logo {
    height: var(--logo-height) !important;
    width: fit-content;
    margin-left: var(--s-2);
    display: flex;
    align-items: center
}

.vzy-header.navbar-box>.navbar .mobile-nav>header>.icon-link>.logo:hover {
    cursor: pointer
}

.vzy-header.navbar-box>.navbar .mobile-nav>header>.icon-link>.logo>img {
    height: var(--logo-height) !important
}

.vzy-header.navbar-box>.navbar .mobile-nav>header>.icon-link>.logo>svg {
    display: flex;
    align-items: center;
    height: 16px
}

.vzy-header.navbar-box>.navbar .mobile-nav>header>.menu-icon {
    width: calc(var(--s-3)*2);
    height: calc(var(--s-3)*2);
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: var(--t-m);
    color: var(--foreground);
    position: relative
}

.vzy-header.navbar-box>.navbar .mobile-nav>header>.menu-icon.show-theme-btn {
    width: calc(var(--s-3)*3.5)
}

.vzy-header.navbar-box>.navbar .mobile-nav>header>.menu-icon:hover {
    cursor: pointer
}

.vzy-header.navbar-box>.navbar .mobile-nav>header>.menu-icon>svg {
    width: 24px;
    height: 24px
}

.vzy-header.navbar-box>.navbar .mobile-nav>header>.menu-icon>.site-menu-icon-container {
    height: 50px;
    display: flex;
    align-items: center;
    width: 50px;
    margin-left: auto;
    padding-right: var(--s-2)
}

.vzy-header.navbar-box>.navbar .mobile-nav>header>.menu-icon>.site-menu-icon-container .site-menu-icon {
    width: 16px;
    background-color: var(--foreground);
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: auto
}

.vzy-header.navbar-box>.navbar .mobile-nav>header .theme-button {
    list-style: none;
    list-style: none;
    margin-right: none;
    margin-left: 15px
}

.vzy-header.navbar-box>.navbar .mobile-nav>header .theme-button>li {
    display: flex;
    align-items: center;
    justify-content: center
}

.vzy-header.navbar-box>.navbar .mobile-nav>header .theme-button>li>a {
    display: flex;
    line-height: var(--l-body);
    text-decoration: none;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 0 var(--s-1);
    font-weight: 400
}

.vzy-header.navbar-box>.navbar .mobile-nav>header .theme-button>li>a svg {
    width: 16px
}

.vzy-header.navbar-box>.navbar .mobile-nav:has(.mobile-nav-overlay.open)>header {
    background-color: var(--background) !important
}

.vzy-header.navbar-box>.navbar .mobile-nav>.mobile-nav-overlay {
    flex-direction: column;
    justify-content: space-between;
    position: fixed;
    top: calc(44px + var(--logo-height) + 30px);
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    z-index: 6;
    transition: var(--a-speed);
    overflow: hidden;
    pointer-events: none;
    height: calc(100vh - 44px - var(--logo-height) - 30px)
}

.vzy-header.navbar-box>.navbar .mobile-nav>.mobile-nav-overlay.open {
    display: flex;
    pointer-events: all;
    background: rgba(0, 0, 0, .2)
}

.vzy-header.navbar-box>.navbar .mobile-nav>.mobile-nav-overlay.open>.header-nav {
    transform: translateY(0%)
}

.vzy-header.navbar-box>.navbar .mobile-nav>.mobile-nav-overlay .btn-1~.btn-2 {
    padding-left: var(--s-2)
}

.vzy-header.navbar-box>.navbar .mobile-nav>.mobile-nav-overlay>.header-nav {
    width: 100%;
    height: 100% !important;
    transform: translateY(-100%);
    transition: transform calc(var(--a-speed)*2) cubic-bezier(0.16, 1, 0.3, 1);
    background-color: var(--background);
    padding-top: 10px;
    overflow: scroll
}

.vzy-header.navbar-box>.navbar .mobile-nav>.mobile-nav-overlay>.header-nav>header {
    width: 100%;
    display: none;
    align-items: center;
    justify-content: space-between;
    height: 60px
}

.vzy-header.navbar-box>.navbar .mobile-nav>.mobile-nav-overlay>.header-nav>header>.logo {
    display: flex;
    margin-left: var(--s-2)
}

.vzy-header.navbar-box>.navbar .mobile-nav>.mobile-nav-overlay>.header-nav>header>.logo>img {
    height: 16px !important
}

.vzy-header.navbar-box>.navbar .mobile-nav>.mobile-nav-overlay>.header-nav>header>.logo>svg {
    height: 16px
}

.vzy-header.navbar-box>.navbar .mobile-nav>.mobile-nav-overlay>.header-nav>header>.close-icon {
    width: calc(var(--s-3)*2);
    height: calc(var(--s-3)*2);
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer
}

.vzy-header.navbar-box>.navbar .mobile-nav>.mobile-nav-overlay>.header-nav>header>.close-icon>p {
    font-size: var(--t-m);
    color: var(--foreground)
}

.vzy-header.navbar-box>.navbar .mobile-nav>.mobile-nav-overlay>.header-nav>header>.close-icon>svg {
    width: 24px;
    height: 24px
}

.vzy-header.navbar-box>.navbar .mobile-nav>.mobile-nav-overlay>.header-nav>header>.close-icon.close-icon-text {
    width: auto
}

.vzy-header.navbar-box>.navbar .mobile-nav>.mobile-nav-overlay>.header-nav>nav {
    display: flex;
    width: 100%
}

.vzy-header.navbar-box>.navbar .mobile-nav>.mobile-nav-overlay>.header-nav>nav>ul {
    list-style-type: none;
    width: 100%
}

.vzy-header.navbar-box>.navbar .mobile-nav>.mobile-nav-overlay>.header-nav>nav>ul>li {
    width: 100%;
    height: 50px
}

.vzy-header.navbar-box>.navbar .mobile-nav>.mobile-nav-overlay>.header-nav>nav>ul>li:hover {
    background: var(--c-mix-1);
    color: var(--foreground)
}

.vzy-header.navbar-box>.navbar .mobile-nav>.mobile-nav-overlay>.header-nav>nav>ul>li>a {
    height: 100%;
    color: var(--foreground);
    line-height: var(--l-body);
    display: flex;
    align-items: center;
    margin: 0 var(--s-2);
    border-bottom: 1px solid var(--c-mix-1);
    text-transform: capitalize
}

.vzy-header.navbar-box>.navbar .mobile-nav>.mobile-nav-overlay>.header-nav>.button-holder {
    display: flex;
    width: 100%;
    padding: var(--s-2);
    flex-wrap: wrap;
    justify-content: center
}

.vzy-header.navbar-box>.navbar .mobile-nav>.mobile-nav-overlay>.header-nav>.button-holder>a {
    width: 100%;
    min-width: fit-content;
    flex-basis: 50%;
    flex-grow: 1
}

.vzy-header.navbar-box>.navbar .mobile-nav>.mobile-nav-overlay>.header-nav>.button-holder>a>button {
    width: 100%;
    height: 35px
}

.vzy-header.navbar-box>.navbar .mobile-nav:nth-child(2) .mobile-nav-overlay {
    height: calc(100vh - 44px - var(--logo-height));
    top: calc(44px + var(--logo-height)) !important
}

@media screen and (max-width: 1023px) {
    .vzy-header.navbar-box>.navbar .mobile-nav {
        display: flex
    }
}

.vzy-header.navbar-box.fixed {
    position: fixed !important;
    right: 0px;
    left: 0px;
    z-index: 3
}

.vzy-header.navbar-box.fixed.auto-hide {
    transition: transform var(--a-speed), opacity var(--a-speed)
}

.vzy-header.navbar-box.glass {
    background-color: var(--c-mix-6);
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: saturate(150%) blur(20px)
}

.vzy-header.navbar-box.glass [class^=header-],
.vzy-header.navbar-box.glass .mobile-nav {
    background-color: rgba(0, 0, 0, 0)
}

.vzy-header.navbar-box.shadow {
    filter: var(--c-mix-8) !important
}

.vzy-header.navbar-box.shadow>.navbar {
    border-radius: var(--min-shape)
}

.vzy-header.navbar-box.shadow>.navbar>[class^=header-] .nav__list__sub-links.modal.page-modal {
    filter: var(--c-mix-8)
}

.vzy-header.navbar-box.shadow>.navbar>[class^=header-] .nav__list__sub-links.modal.page-modal ul {
    border: none !important;
    filter: var(--c-mix-8)
}

.vzy-header.navbar-box.float {
    right: 20px;
    left: 20px;
    margin-top: 20px;
    border-radius: var(--min-shape);
    width: auto !important
}

@media screen and (max-width: 1023px) {
    .vzy-header.navbar-box.float {
        overflow: hidden
    }
}

.vzy-header.navbar-box.float .announcement-below .announcement-bar-block {
    border-radius: 0 0 var(--min-shape) var(--min-shape);
    border-width: 0px 1px 1px 1px;
    border-width: 0px
}

.vzy-header.navbar-box.float .announcement-below .announcement-bar-block .announcement-bar {
    border-radius: 0 0 var(--min-shape) var(--min-shape)
}

.vzy-header.navbar-box.float .announcement-below [class^=header-] {
    border-radius: var(--min-shape) var(--min-shape) 0 0;
    border-width: 1px 1px 0px 1px;
    border-width: 0px
}

.vzy-header.navbar-box.float .announcement-below .mobile-nav {
    border-radius: var(--min-shape) var(--min-shape) 0 0;
    border-width: 1px 1px 0px 1px;
    border-width: 0px
}

.vzy-header.navbar-box.float .announcement-below .mobile-nav>header {
    border-radius: var(--min-shape) var(--min-shape) 0 0
}

.vzy-header.navbar-box.float .announcement-bar-block {
    border-radius: var(--min-shape) var(--min-shape) 0 0;
    border: solid 1px var(--c-mix-1);
    border-width: 1px 1px 0px 1px;
    border-width: 0px
}

.vzy-header.navbar-box.float .announcement-bar-block .announcement-bar {
    border-radius: var(--min-shape) var(--min-shape) 0 0
}

.vzy-header.navbar-box.float [class^=header-] {
    border-radius: 0 0 var(--min-shape) var(--min-shape);
    border: solid 1px var(--c-mix-1);
    border-width: 0px 1px 1px 1px;
    border-width: 0px;
    padding: var(--s-1) !important
}

.vzy-header.navbar-box.float [class^=header-]:first-child {
    border-radius: var(--min-shape)
}

.vzy-header.navbar-box.float .mobile-nav {
    border-radius: 0 0 var(--min-shape) var(--min-shape);
    border: solid 1px var(--c-mix-1);
    border-width: 0px 1px 1px 1px;
    border-width: 0px;
    grid-template-rows: calc(44px + var(--logo-height)) 1fr;
    transition: height calc(var(--a-speed)*2) cubic-bezier(0.16, 1, 0.3, 1)
}

@media screen and (max-width: 1023px) {
    .vzy-header.navbar-box.float .mobile-nav {
        display: grid
    }
}

.vzy-header.navbar-box.float .mobile-nav:nth-child(2) {
    border-radius: var(--min-shape)
}

.vzy-header.navbar-box.float .mobile-nav:has(.open) {
    grid-template-rows: calc(44px + var(--logo-height)) 1fr;
    height: calc(100vh - 80px) !important
}

.vzy-header.navbar-box.float .mobile-nav .mobile-nav-overlay {
    width: auto;
    position: static;
    background: none !important;
    height: 100% !important
}

.vzy-header.navbar-box.float .mobile-nav .header-nav {
    border-radius: 0 !important;
    transform: translate(0) !important;
    border-width: 1px 0 0 0;
    border-width: 0px;
    padding: 0 !important
}

.vzy-header.navbar-box.float .mobile-nav .icon-link .logo {
    margin-left: var(--s-1) !important
}

.vzy-header.navbar-box.float .desktop-nav {
    padding-left: 0 !important;
    padding-right: 0 !important
}

@media screen and (max-width: 1023px) {
    .vzy-header.navbar-box.float {
        width: auto !important
    }
}

@media screen and (min-width: 1200px) {
    .vzy-header.navbar-box.float.w-fit {
        max-width: calc(var(--site-width) - var(--s-4));
        margin-left: auto;
        margin-right: auto
    }
}

.vzy-header.navbar-box.float.fully-rounded.no-announcement {
    --r-shape: 999px;
    --min-shape: 999px
}

.vzy-header.navbar-box.float.fully-rounded.no-announcement.mobile-open {
    --r-shape: var(--r-full);
    --min-shape: var(--min-r-full)
}

.vzy-header.navbar-box.float.fully-rounded.no-buttons:not(.no-announcement) {
    --r-shape: 999px;
    --min-shape: 999px;
    overflow: hidden
}

.vzy-header.navbar-box.float.fully-rounded.no-buttons:not(.no-announcement).mobile-open {
    --r-shape: var(--r-full);
    --min-shape: var(--min-r-full)
}

.vzy-header.navbar-box.float.fully-rounded.no-buttons:not(.no-announcement)>[class^=header-] {
    padding-left: var(--s-2) !important
}

.vzy-header.navbar-box.float.fully-rounded:not(.no-announcement):has(.announcement-below) .mobile-nav header {
    padding-top: var(--s-1)
}

.vzy-header.navbar-box.float.fully-rounded:not(.no-announcement):not(:has(.announcement-below)) .mobile-nav header {
    padding-bottom: var(--s-1)
}

.vzy-header.navbar-box.float.fully-rounded .mobile-nav header {
    padding-right: var(--s-1)
}

.vzy-header.navbar-box.float.fully-rounded .mobile-nav .mobile-nav-overlay.open {
    --r-shape: var(--r-full);
    --r-min-shape: var(--r-full)
}

.vzy-header.navbar-box.float.fully-rounded.mobile-open {
    --r-shape: var(--r-full);
    --min-shape: var(--r-full)
}

.vzy-header.navbar-box.header-border {
    border-bottom: solid 1px var(--c-mix-1) !important
}

.vzy-header.navbar-box.header-border.float {
    border: solid 1px var(--c-mix-1) !important
}

.vzy-header.navbar-box.header-border [class^=header-] .nav__list__sub-links.modal.page-modal {
    filter: none
}

.vzy-header.navbar-box.header-border [class^=header-] .nav__list__sub-links.modal.page-modal .modal-card ul {
    border: solid 1px var(--c-mix-1) !important
}

.vzy-header.navbar-box.header-mini.navbar-box.float {
    margin-left: auto;
    margin-right: auto;
    width: fit-content !important;
    min-width: 300px
}

.vzy-header.navbar-box.header-mini.navbar-box.float header {
    grid-template-columns: auto auto auto !important;
    gap: calc(var(--s-1) - 5px)
}

.vzy-header.navbar-box.header-mini.navbar-box.float .navbar {
    width: fit-content !important;
    min-width: 100%
}

.vzy-header.navbar-box.header-mini.navbar-box.float.no-links header {
    justify-content: space-between
}

.vzy-header.navbar-box.header-mini.navbar-box.float.no-links header nav {
    justify-content: space-between
}

.vzy-header.navbar-box.header-mini.navbar-box.float.no-links.no-buttons header {
    grid-template-columns: 1fr;
    justify-content: center
}

.vzy-header.navbar-box.header-mini.navbar-box.float.no-buttons header {
    justify-content: space-between;
    display: flex
}

.vzy-header.navbar-box.header-mini.navbar-box.float.no-buttons header nav {
    justify-content: space-between;
    width: 100%
}

@media screen and (max-width: 1024px) {
    .vzy-header.navbar-box.header-mini.navbar-box.float {
        width: auto !important
    }

    .vzy-header.navbar-box.header-mini.navbar-box.float .navbar {
        width: auto !important
    }
}

.vzy-header.navbar-box.header-mini .navbar>.header-3 nav {
    justify-content: flex-end !important
}

.vzy-header.navbar-box.header-mini .navbar>.header-2 nav {
    justify-content: flex-end !important
}

.vzy-header.navbar-box.no-buttons:not(.no-links) .navbar>.header-4>.desktop-nav header {
    grid-template-columns: 1fr auto
}

.vzy-header.navbar-box.no-buttons:not(.no-links) .navbar>.header-2>.desktop-nav header {
    grid-template-columns: 1fr auto
}

.preview-page .scroll-indicator {
    top: 60px
}

.preview-page .fixed {
    left: 0px;
    right: 0px;
    z-index: 3;
    max-width: none
}

.preview-page .float {
    right: 20px;
    left: 20px;
    max-width: calc(100vw - 40px)
}

.preview-page .float .mobile-nav {
    border-radius: var(--min-shape)
}

.spacer {
    display: none
}

.spacer+div.new .section-content .banner-box .inner-content {
    width: 100%;
    padding-top: calc(50px + var(--logo-height-mobile))
}

@media screen and (min-width: 1024px) {
    .spacer+div.new .section-content .banner-box .inner-content {
        padding-top: calc(75px + var(--logo-height))
    }
}

.spacer+div.new .block-options {
    transform: translateY(calc(120px + var(--logo-height)))
}

@media screen and (min-width: 1024px) {
    .spacer+div.new .block-options {
        transform: translateY(calc(75px + var(--logo-height)))
    }
}

.screen {
    left: 0
}

.desktop-nav .btns {
    border: none
}

.desktop-nav>header>nav>.nav__list {
    margin-bottom: 0px
}

.desktop-nav>header>nav>.nav__list>li {
    position: relative
}

.desktop-nav>header>nav>.nav__list>li .link__a {
    transition: opacity var(--a-speed)
}

.desktop-nav>header>nav>.nav__list>li:hover .link__a {
    opacity: 1 !important
}

.desktop-nav>header>nav>.nav__list:hover>li .link__a {
    opacity: .4
}

.desktop-nav>header .icon-link {
    position: relative
}

.desktop-nav>header .icon-link .logo {
    width: fit-content
}

a {
    text-decoration: none !important
}

.text-accent {
    color: var(--accent)
}

.slideUp {
    -webkit-transform: translateY(-100px);
    transform: translateY(-100px);
    transition: transform .5s ease-out
}

.slideDown {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    transition: transform .5s ease-out
}

#password-modal {
    position: fixed;
    z-index: 11;
    top: 0px;
    left: 0px;
    height: 100vh;
    width: 100vw;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    background: var(--background);
    padding: var(--s-2)
}

#password-modal .form {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    width: 100%
}

#password-modal .form input {
    padding-right: calc(var(--s-4)*3);
    height: calc(var(--unit)*6);
    background: var(--c-mix-1);
    width: 100%;
    display: block;
    font-family: var(--f-base);
    font-size: var(--t-xm);
    padding: 14px;
    color: var(--foreground);
    border: 1px solid;
    border-color: var(--c-mix-1);
    line-height: var(--l-body);
    position: relative;
    box-shadow: none;
    margin-bottom: var(--s-1)
}

#password-modal .form button {
    width: unset;
    width: 100%;
    height: 50px;
    background: var(--foreground);
    color: var(--background);
    padding: 0 var(--s-2);
    border: none;
    cursor: pointer
}

@media screen and (min-width: 767px) {
    #password-modal .form {
        width: 375px
    }
}

.modal {
    display: flex;
    flex-direction: column;
    width: 160px;
    position: absolute;
    top: 60px;
    right: 10px;
    z-index: 5;
    border-radius: var(--r-small);
    opacity: 0;
    pointer-events: none;
    filter: var(--c-mix-8);
    background: var(--background);
    top: 30px;
    width: 150px;
    left: 0;
    opacity: 1
}

.modal.show {
    opacity: 1;
    pointer-events: visible
}

.modal>.modal-card>ul {
    list-style-type: none;
    display: flex;
    flex-direction: column;
    border: 1px solid var(--c-mix-1);
    border-radius: 5px;
    padding: 5px
}

.modal>.modal-card>ul>li {
    height: calc(var(--unit)*3.2);
    display: flex;
    border-radius: 3px
}

.modal>.modal-card>ul>li:hover {
    background: var(--c-mix-1)
}

.modal>.modal-card>ul>li>a {
    font-size: var(--t-s);
    line-height: var(--l-body);
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    height: 100%;
    padding: 0 10px
}

.modal>.modal-card>ul>li>a>span {
    display: flex
}

.modal>.modal-card>ul>li>a>span>svg {
    width: calc(var(--unit)*1.6);
    height: calc(var(--unit)*1.6)
}

.modal>.modal-card>ul>li {
    padding: 0 5px
}

.modal>.modal-card>ul>li>a {
    padding: 0
}

.modal>.modal-card>ul>li>a.delete-link {
    color: var(--c-error)
}

.edit-blocks-container .scroll-indicator {
    top: var(--top-nav-size)
}

@media screen and (min-width: 767px) {
    .edit-blocks-container .scroll-indicator {
        left: calc(var(--panel-size) + var(--left-nav-size))
    }
}

.edit-blocks-container .navbar-box {
    z-index: 2
}

@media screen and (max-width: 764px) {
    .edit-blocks-container .navbar-box {
        transform: translateY(0) !important
    }
}

@media screen and (min-width: 767px) {
    .edit-blocks-container .navbar-box.fixed {
        left: calc(var(--panel-size) + var(--left-nav-size));
        max-width: calc(100vw - (var(--panel-size) + var(--left-nav-size)))
    }
}

@media screen and (max-width: 764px) {
    .edit-blocks-container .navbar-box.fixed {
        position: absolute !important
    }
}

.edit-blocks-container .navbar-box:hover {
    cursor: pointer
}

@media screen and (min-width: 767px) {
    .edit-blocks-container .navbar-box.float {
        right: 20px;
        left: calc(var(--panel-size) + var(--left-nav-size) + 20px);
        max-width: calc(100vw - (var(--panel-size) + var(--left-nav-size)) + 40px)
    }
}

@media screen and (min-width: 1200px) {
    .edit-blocks-container .navbar-box.float.w-fit {
        max-width: calc(var(--site-width) - var(--s-4));
        margin-left: auto;
        margin-right: auto
    }
}

.edit-blocks-container .navbar-box .theme-button>li>a:hover {
    background-color: var(--c-mix-1);
    border-radius: var(--shape);
    transition: background-color 125ms ease 0s
}

.edit-blocks-container .navbar-box .theme-button svg {
    width: 16px
}

.edit-blocks-container .navbar-box .spacer+.spacer {
    display: none
}

.edit-blocks-container .navbar-box+.spacer+*+.new .section-content .banner-box .inner-content {
    padding-top: calc(120px + var(--logo-height-mobile))
}

@media screen and (min-width: 1024px) {
    .edit-blocks-container .navbar-box+.spacer+*+.new .section-content .banner-box .inner-content {
        padding-top: calc(75px + var(--logo-height))
    }
}

.edit-blocks-container .navbar-box+.spacer+*+.new .block-options {
    transform: translateY(calc(75px + var(--logo-height) + 20px))
}

@media screen and (max-width: 1023px) {
    #preloader {
        --logo-height: var(--logo-height-mobile)
    }
}

#preloader span {
    color: var(--foreground);
    line-height: var(--l-title);
    margin-bottom: var(--s-2)
}

.scroll-indicator {
    position: fixed;
    left: 0;
    right: 0;
    height: 3px;
    top: 0px;
    z-index: 10 !important
}

.scroll-indicator .scroll-indicator__inner {
    height: 100%;
    background-color: var(--accent);
    width: 0%
}

.side-navigation-wrapper {
    position: relative;
    z-index: 1000000 !important;
    pointer-events: none
}

.side-navigation-wrapper .side-navigation-backdrop {
    position: fixed;
    top: 0;
    z-index: 1000;
    transform: translate3d(0, 0, 0);
    height: 100vh;
    width: 100vw;
    background-color: var(--c-mix-6);
    -webkit-backdrop-filter: saturate(150%) blur(10px);
    backdrop-filter: saturate(150%) blur(10px);
    visibility: hidden;
    transition: opacity .2s ease;
    opacity: 0
}

.side-navigation-wrapper .side-navigation {
    display: grid;
    grid-template-rows: 1fr;
    position: fixed;
    right: 0;
    bottom: 0;
    height: calc(var(--100vh));
    top: 0;
    width: var(--panel-size);
    --max: calc(100vw - 80px);
    max-width: var(--max);
    z-index: 100000000;
    transform: translate3d(0, 0, 0);
    padding-top: var(--top-nav-size);
    transition: transform .2s cubic-bezier(0.2, 0.4, 0.2, 1);
    transform: translateX(100%);
    visibility: hidden
}

.side-navigation-wrapper .side-navigation::before {
    content: "";
    display: block;
    background: var(--background);
    position: absolute;
    right: 0;
    width: var(--panel-size);
    max-width: var(--max);
    top: 0;
    bottom: 0;
    z-index: -1;
    border-left: solid 1px var(--c-mix-1)
}

.side-navigation-wrapper .side-navigation .side-navigation-top {
    position: absolute;
    top: 0px;
    right: 0px;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 60px;
    padding: 0 20px
}

.side-navigation-wrapper .side-navigation .side-navigation-top .theme-switcher {
    height: 40px;
    width: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(0, 0, 0, 0) !important;
    border: none;
    transform: translateX(-10px);
    cursor: pointer;
    grid-area: theme
}

.side-navigation-wrapper .side-navigation .side-navigation-top .theme-switcher svg {
    width: 16px;
    height: 16px
}

.side-navigation-wrapper .side-navigation .side-navigation-top .close-button {
    border: none;
    height: 40px !important;
    width: 40px !important;
    background: rgba(0, 0, 0, 0) !important;
    cursor: pointer;
    font-size: var(--t-1);
    font-family: var(--design-bodyFont) !important;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: auto
}

.side-navigation-wrapper .side-navigation .side-navigation-top .close-button svg {
    width: 18px;
    height: 18px
}

.side-navigation-wrapper .side-navigation .side-navigation-top .close-button.icon {
    transform: translateX(10px)
}

.side-navigation-wrapper .side-navigation .side-navigation-top .close-button.text {
    min-height: unset;
    min-width: fit-content;
    justify-content: end
}

.side-navigation-wrapper .side-navigation .side-navigation-top .close-button.text .close {
    margin-top: 0
}

.side-navigation-wrapper .side-navigation .button-holder {
    width: 100%;
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap;
    padding: 0 20px;
    margin-top: 20px
}

.side-navigation-wrapper .side-navigation .button-holder>a {
    width: 100%;
    flex-basis: 100% !important
}

.side-navigation-wrapper .side-navigation .button-holder>a .site-btn {
    width: 100%
}

.side-navigation-wrapper .side-navigation .report-button {
    height: 40px;
    min-width: 40px;
    padding: 0 10px;
    font-size: var(--t-0);
    line-height: var(--l-body);
    font-family: var(--design-bodyFont) !important;
    display: flex;
    justify-content: center;
    gap: 11px;
    align-items: center;
    cursor: pointer;
    grid-area: report;
    text-align: center;
    margin: 10px 20px
}

.side-navigation-wrapper .side-navigation .header-nav {
    height: 100%;
    overflow: scroll
}

.side-navigation-wrapper .side-navigation .side-navigation-bottom {
    border-top: 1px solid var(--c-mix-1);
    height: 200px;
    display: grid;
    justify-content: space-between;
    grid-template-columns: auto auto;
    grid-template-areas: "theme report";
    align-items: start;
    padding: 15px 20px;
    font-family: var(--design-bodyFont)
}

.side-navigation-wrapper .side-navigation .nav__list__link.mobile .link__a {
    padding: 12px 24px !important;
    line-height: 2 !important;
    font-size: var(--t-1) !important;
    font-family: var(--design-headFont) !important;
    font-weight: var(--design-headWeight) !important
}

.side-navigation-wrapper .side-navigation .nav__list__link.mobile .sub-links .sub-link {
    line-height: 2 !important;
    font-size: var(--t-1) !important;
    font-family: var(--design-bodyFont);
    display: flex
}

.side-navigation-wrapper .side-navigation .nav__list__link.mobile .sub-links .sub-link>a {
    padding: 8px 48px !important;
    width: 100% !important
}

.side-navigation-wrapper .side-navigation .nav__list__link.mobile:first-child {
    name: bode
}

.side-navigation-wrapper .side-navigation .nav__list__link.mobile:first-child .link__a {
    border-top: solid var(--c-mix-1) 1px
}

.side-navigation-wrapper .side-navigation .nav__list__link.mobile .link__a {
    border-bottom: solid var(--c-mix-1) 1px;
    padding: var(--s-2) var(--s-2)
}

.side-navigation-wrapper .side-navigation .nav__list__link.mobile .link__a:hover {
    background-color: var(--c-mix-1)
}

.side-navigation-wrapper .side-navigation .nav__list__link.mobile .sub-link a {
    border-bottom: solid var(--c-mix-1) 1px;
    padding: var(--s-2) var(--s-4)
}

.side-navigation-wrapper .side-navigation .nav__list__link.mobile .sub-link a:hover {
    background-color: var(--c-mix-1)
}

.side-navigation-wrapper .side-navigation .nav__list__link.mobile:first-child .link__a {
    border-top: solid var(--c-mix-1) 1px
}

.side-navigation-wrapper .side-navigation .nav__list__link.mobile .link__a {
    border-bottom: solid var(--c-mix-1) 1px;
    padding: var(--s-2) var(--s-2);
    width: 100%;
    display: block
}

.side-navigation-wrapper .side-navigation .nav__list__link.mobile .link__a:hover {
    background-color: var(--c-mix-1)
}

.side-navigation-wrapper .side-navigation .nav__list__link.mobile .sub-link a {
    border-bottom: solid var(--c-mix-1) 1px;
    padding: var(--s-2) var(--s-4);
    display: block
}

.side-navigation-wrapper .side-navigation .nav__list__link.mobile .sub-link a:hover {
    background-color: var(--c-mix-1)
}

.side-navigation-wrapper .side-navigation .button-holder {
    display: flex;
    justify-content: flex-end;
    position: relative;
    gap: var(--s-1)
}

.side-navigation-wrapper .side-navigation .site-btn {
    min-width: calc(var(--unit)*10);
    height: calc(var(--unit)*3.5);
    position: relative;
    font-family: var(--f-base);
    background: var(--foreground);
    color: var(--background);
    display: flex;
    justify-content: center;
    align-items: center;
    border: none;
    font-weight: normal;
    padding: var(--s-1);
    text-align: center;
    line-height: var(--l-body);
    -webkit-appearance: button
}

.side-navigation-wrapper .side-navigation .site-btn:focus {
    border: 1px solid var(--c-mix-1);
    box-shadow: none;
    outline: none
}

.side-navigation-wrapper .side-navigation .site-btn:hover {
    cursor: pointer;
    opacity: 70%;
    color: var(--background)
}

.side-navigation-wrapper .side-navigation .btn-1>button {
    background: var(--c-mix-1) !important;
    color: var(--foreground) !important
}

.side-navigation-wrapper .side-navigation .btn-2>button {
    background: var(--accent) !important
}

.side-navigation-wrapper.announcement .side-navigation {
    padding-top: calc(30px + var(--s-3))
}

.side-navigation-wrapper.open {
    display: block;
    pointer-events: all
}

.side-navigation-wrapper.open .side-navigation {
    transform: translateX(0%);
    visibility: visible;
    pointer-events: all
}

.side-navigation-wrapper.open .side-navigation-backdrop {
    visibility: visible;
    opacity: 1;
    pointer-events: all
}

.new-menu-icon {
    width: var(--s-5);
    height: 35px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: var(--t-m);
    color: var(--foreground);
    position: relative
}

.new-menu-icon.show-theme-btn {
    width: calc(var(--s-3)*3.5)
}

.new-menu-icon:hover {
    cursor: pointer
}

.new-menu-icon>svg {
    width: 24px;
    height: 24px
}

.new-menu-icon>.site-menu-icon-container {
    height: 50px;
    display: flex;
    align-items: center;
    width: 50px;
    margin-left: auto;
    padding-right: var(--s-2)
}

.new-menu-icon>.site-menu-icon-container .site-menu-icon {
    width: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: auto
}

.new-menu-icon>.site-menu-icon-container.menu-type-text {
    padding-right: var(--s-2) !important
}

.new-button-holder,
.mobile-nav {
    display: flex;
    align-items: center
}

.new-button-holder .new-menu-icon,
.mobile-nav .new-menu-icon {
    position: relative;
    z-index: 10
}

.new-button-holder .new-menu-icon .close,
.mobile-nav .new-menu-icon .close {
    display: none
}

.new-button-holder .new-menu-icon .close,
.new-button-holder .new-menu-icon .open,
.mobile-nav .new-menu-icon .close,
.mobile-nav .new-menu-icon .open {
    font-family: var(--design-bodyFont) !important;
    font-size: var(--t-1) !important;
    white-space: nowrap
}

.new-button-holder .new-menu-icon.text-mode,
.mobile-nav .new-menu-icon.text-mode {
    min-width: fit-content
}

.new-button-holder .new-menu-icon.text-mode .site-menu-icon-container,
.mobile-nav .new-menu-icon.text-mode .site-menu-icon-container {
    padding: 0;
    width: fit-content;
    min-width: 60px;
    text-align: center;
    display: flex;
    justify-content: center
}

.new-button-holder .new-menu-icon.text-mode .site-menu-icon-container p,
.mobile-nav .new-menu-icon.text-mode .site-menu-icon-container p {
    text-align: center
}

.new-button-holder .btns,
.mobile-nav .btns {
    display: flex;
    justify-content: flex-end;
    position: relative;
    gap: var(--s-1)
}

.new-button-holder .btns .site-btn,
.mobile-nav .btns .site-btn {
    min-width: calc(var(--unit)*10);
    height: calc(var(--unit)*3.5);
    position: relative;
    font-family: var(--f-base);
    background: var(--foreground);
    color: var(--background);
    display: flex;
    justify-content: center;
    align-items: center;
    border: none;
    font-weight: normal;
    padding: var(--s-1);
    text-align: center;
    line-height: var(--l-body);
    -webkit-appearance: button
}

.new-button-holder .btns .site-btn:focus,
.mobile-nav .btns .site-btn:focus {
    border: 1px solid var(--c-mix-1);
    box-shadow: none;
    outline: none
}

.new-button-holder .btns .site-btn:hover,
.mobile-nav .btns .site-btn:hover {
    cursor: pointer;
    opacity: 70%;
    color: var(--background)
}

.new-button-holder .btns .btn-1>button,
.mobile-nav .btns .btn-1>button {
    background: var(--c-mix-1) !important;
    color: var(--foreground) !important
}

.new-button-holder .btns .btn-2>button,
.mobile-nav .btns .btn-2>button {
    background: var(--accent) !important
}

.edit-blocks-container .side-navigation {
    top: var(--top-nav-size) !important;
    height: calc(var(--100vh) - var(--top-nav-size));
    cursor: not-allowed;
    --max: calc((100vw - (var(--panel-size) + var(--left-nav-size))) - 80px) !important
}

.edit-blocks-container .side-navigation::after {
    content: "";
    display: block;
    position: absolute;
    inset: 0;
    pointer-events: all;
    cursor: not-allowed
}

.edit-blocks-container .side-navigation-backdrop {
    cursor: zoom-out
}

[data-theme=light] .theme-switcher svg.light-theme-svg {
    display: none
}

[data-theme=dark] .theme-switcher svg.dark-theme-svg,
[data-theme=none] .theme-switcher svg.dark-theme-svg {
    display: none
}

.footer {
    width: 100%;
    background: var(--background);
    display: flex;
    height: auto;
    border: 1px solid var(--c-mix-10)
}

.footer:hover {
    border: 1px solid var(--c-mix-10)
}

@media screen and (max-width: 1023px) {
    [class^=footer] {
        --logo-height: var(--logo-height-mobile)
    }
}

.footer-1 {
    width: 100%;
    position: relative;
    background: var(--background)
}

.footer-1>.footer-card {
    padding: var(--s-2)
}

.footer-1>.footer-card>.footer-logo {
    display: flex;
    flex-direction: column;
    align-items: flex-start
}

.footer-1>.footer-card>.footer-logo.center {
    align-items: center
}

.footer-1>.footer-card>.footer-logo>.site-logo {
    margin-bottom: var(--s-4)
}

.footer-1>.footer-card>.footer-logo>.site-logo>a {
    transition: var(--a-speed)
}

.footer-1>.footer-card>.footer-logo>.site-logo>a:hover>img,
.footer-1>.footer-card>.footer-logo>.site-logo>a:hover>svg,
.footer-1>.footer-card>.footer-logo>.site-logo>a:hover>span {
    opacity: .7
}

.footer-1>.footer-card>.footer-logo>.site-logo>a>img {
    height: 16px
}

.footer-1>.footer-card>.footer-logo>.site-logo>a>svg {
    width: 32px;
    height: 32px
}

.footer-1>.footer-card>.footer-logo>.social-media-link>ul {
    list-style: none;
    display: flex
}

.footer-1>.footer-card>.footer-logo>.social-media-link>ul>li {
    margin-right: var(--s-1)
}

.footer-1>.footer-card>.footer-logo>.social-media-link>ul>li:last-child {
    margin-right: 0
}

.footer-1>.footer-card>.footer-logo>.social-media-link>ul>li>a {
    width: calc(var(--unit)*4);
    height: calc(var(--unit)*4);
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid var(--c-mix-1);
    background: var(--c-mix-1)
}

.footer-1>.footer-card>.footer-logo>.social-media-link>ul>li>a:hover {
    opacity: .7
}

.footer-1>.footer-card>.footer-logo>.social-media-link>ul>li>a:hover>svg>path {
    fill: var(--foreground)
}

.footer-1>.footer-card>.footer-logo>.social-media-link>ul>li>a>svg {
    width: 16px;
    height: 16px
}

.footer-1>.footer-card>.footer-logo>.social-media-link>ul>li>a>svg>path {
    transition: var(--a-speed);
    fill: var(--foreground)
}

.footer-1>.footer-card>.footer-text {
    width: 100%
}

.footer-1>.footer-card>.footer-text>p {
    color: var(--c-mix-3);
    text-align: left
}

.footer-1>.footer-card>.footer-text>p.center {
    text-align: center
}

.footer-1>.footer-card>.footer-nav ul {
    display: flex;
    justify-content: flex-start;
    flex-wrap: nowrap;
    overflow-x: auto;
    list-style: none;
    border-top: 1px solid var(--c-mix-1);
    border-bottom: 1px solid var(--c-mix-1);
    transition: none;
    padding: var(--s-3) 0
}

.footer-1>.footer-card>.footer-nav ul.center {
    justify-content: center
}

.footer-1>.footer-card>.footer-nav ul::-webkit-scrollbar {
    display: none
}

.footer-1>.footer-card>.footer-nav ul>li {
    margin-right: 40px;
    white-space: nowrap
}

.footer-1>.footer-card>.footer-nav ul>li:last-child {
    margin-right: 0
}

.footer-1>.footer-card>.footer-nav ul>li>a {
    color: var(--c-mix-3);
    text-transform: capitalize
}

.footer-1>.footer-card>.footer-bottom {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    margin-bottom: var(--s-4)
}

.footer-1>.footer-card>.footer-bottom.center {
    align-items: center
}

.footer-1>.footer-card>.footer-bottom>.footer-bottom-left>p {
    color: var(--c-mix-3)
}

.footer-1>.footer-card>.footer-bottom>.footer-bottom-right {
    display: none;
    margin-top: var(--s-2)
}

.footer-1>.footer-card>.footer-bottom>.footer-bottom-right>a {
    color: var(--c-mix-3);
    text-align: center
}

.footer-1>.footer-card>.footer-bottom>.footer-bottom-right>a:last-child {
    margin-left: var(--s-2)
}

@media screen and (min-width: 1024px) {
    .footer-1>.footer-card {
        margin-left: auto;
        margin-right: auto;
        padding: var(--s-5) var(--s-2)
    }

    .footer-1>.footer-card>.footer-logo {
        display: flex;
        flex-direction: row;
        align-items: flex-start !important;
        justify-content: space-between
    }

    .footer-1>.footer-card>.footer-logo>.site-logo {
        margin-bottom: 0
    }

    .footer-1>.footer-card>.footer-logo>.site-logo>a>img {
        height: 20px
    }

    .footer-1>.footer-card>.footer-logo>.site-logo>a>svg {
        width: 32px;
        height: 32px
    }

    .footer-1>.footer-card>.footer-text {
        width: 350px
    }

    .footer-1>.footer-card>.footer-text>p {
        color: var(--c-mix-3);
        text-align: left !important
    }

    .footer-1>.footer-card>.footer-nav ul {
        display: flex;
        justify-content: flex-start !important;
        list-style: none;
        border-top: 1px solid var(--c-mix-1);
        border-bottom: 1px solid var(--c-mix-1);
        padding: var(--s-3) 0
    }

    .footer-1>.footer-card>.footer-nav ul>li {
        margin-right: 60px;
        display: flex
    }

    .footer-1>.footer-card>.footer-nav ul>li:last-child {
        margin-right: 0
    }

    .footer-1>.footer-card>.footer-nav ul>li>a {
        color: var(--c-mix-3);
        text-transform: capitalize
    }

    .footer-1>.footer-card>.footer-bottom {
        display: flex;
        flex-direction: row;
        align-items: flex-start !important;
        justify-content: space-between;
        margin-bottom: var(--s-4)
    }

    .footer-1>.footer-card>.footer-bottom>.footer-bottom-left>p {
        color: var(--c-mix-3)
    }

    .footer-1>.footer-card>.footer-bottom>.footer-bottom-right {
        display: none;
        margin-top: 0
    }

    .footer-1>.footer-card>.footer-bottom>.footer-bottom-right>a {
        color: var(--c-mix-3);
        text-align: center
    }

    .footer-1>.footer-card>.footer-bottom>.footer-bottom-right>a:last-child {
        margin-left: var(--s-2)
    }
}

.footer-2 {
    width: 100%;
    position: relative;
    background: var(--background)
}

.footer-2>.footer-card {
    padding: var(--s-2)
}

.footer-2>.footer-card>.footer-logo {
    display: flex;
    flex-direction: column;
    align-items: flex-start
}

.footer-2>.footer-card>.footer-logo.center {
    align-items: center
}

.footer-2>.footer-card>.footer-logo>.site-logo {
    margin-bottom: var(--s-4)
}

.footer-2>.footer-card>.footer-logo>.site-logo>a {
    transition: var(--a-speed)
}

.footer-2>.footer-card>.footer-logo>.site-logo>a:hover>img,
.footer-2>.footer-card>.footer-logo>.site-logo>a:hover>svg,
.footer-2>.footer-card>.footer-logo>.site-logo>a:hover>span {
    opacity: .7
}

.footer-2>.footer-card>.footer-logo>.site-logo>a>img {
    height: 16px
}

.footer-2>.footer-card>.footer-logo>.site-logo>a>svg {
    width: 32px;
    height: 32px
}

.footer-2>.footer-card>.footer-logo>.social-media-link>ul {
    list-style: none;
    display: flex
}

.footer-2>.footer-card>.footer-logo>.social-media-link>ul>li {
    margin-right: var(--s-1)
}

.footer-2>.footer-card>.footer-logo>.social-media-link>ul>li:last-child {
    margin-right: 0
}

.footer-2>.footer-card>.footer-logo>.social-media-link>ul>li>a {
    width: calc(var(--unit)*4);
    height: calc(var(--unit)*4);
    display: flex;
    justify-content: center;
    align-items: center;
    background: var(--c-mix-1)
}

.footer-2>.footer-card>.footer-logo>.social-media-link>ul>li>a:hover {
    opacity: .7
}

.footer-2>.footer-card>.footer-logo>.social-media-link>ul>li>a:hover>svg>path {
    fill: var(--foreground)
}

.footer-2>.footer-card>.footer-logo>.social-media-link>ul>li>a>svg {
    width: 16px;
    height: 16px
}

.footer-2>.footer-card>.footer-logo>.social-media-link>ul>li>a>svg>path {
    transition: var(--a-speed);
    fill: var(--foreground)
}

.footer-2>.footer-card>.footer-text {
    width: 100%
}

.footer-2>.footer-card>.footer-text>p {
    color: var(--c-mix-3);
    text-align: left
}

.footer-2>.footer-card>.footer-text>p.center {
    text-align: center
}

.footer-2>.footer-card>.footer-nav ul {
    display: flex;
    justify-content: flex-start;
    flex-wrap: nowrap;
    overflow-x: auto;
    list-style: none;
    border-top: 1px solid var(--c-mix-1);
    border-bottom: 1px solid var(--c-mix-1);
    transition: none;
    padding: var(--s-3) 0
}

.footer-2>.footer-card>.footer-nav ul.center {
    justify-content: center
}

.footer-2>.footer-card>.footer-nav ul::-webkit-scrollbar {
    display: none
}

.footer-2>.footer-card>.footer-nav ul>li {
    margin-right: 40px;
    white-space: nowrap
}

.footer-2>.footer-card>.footer-nav ul>li:last-child {
    margin-right: 0
}

.footer-2>.footer-card>.footer-nav ul>li>a {
    color: var(--c-mix-3);
    text-transform: capitalize
}

.footer-2>.footer-card>.footer-bottom {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    margin-bottom: var(--s-4)
}

.footer-2>.footer-card>.footer-bottom.center {
    align-items: center
}

.footer-2>.footer-card>.footer-bottom>.footer-bottom-left>p {
    color: var(--c-mix-3)
}

.footer-2>.footer-card>.footer-bottom>.footer-bottom-right {
    display: none;
    margin-top: var(--s-2)
}

.footer-2>.footer-card>.footer-bottom>.footer-bottom-right>a {
    color: var(--c-mix-3);
    text-align: center
}

.footer-2>.footer-card>.footer-bottom>.footer-bottom-right>a:last-child {
    margin-left: var(--s-2)
}

@media screen and (min-width: 1024px) {
    .footer-2>.footer-card {
        margin-left: auto;
        margin-right: auto;
        padding: var(--s-5) var(--s-2)
    }

    .footer-2>.footer-card>.footer-logo {
        display: flex;
        flex-direction: row-reverse;
        align-items: flex-start !important;
        justify-content: space-between
    }

    .footer-2>.footer-card>.footer-logo>.site-logo {
        margin-bottom: 0
    }

    .footer-2>.footer-card>.footer-logo>.site-logo>a>svg {
        width: 32px;
        height: 32px
    }

    .footer-2>.footer-card>.footer-logo>.site-logo>a>img {
        height: 20px
    }

    .footer-2>.footer-card>.footer-logo>.social-media-link>ul {
        list-style: none;
        display: flex
    }

    .footer-2>.footer-card>.footer-logo>.social-media-link>ul>li {
        margin-right: var(--s-1)
    }

    .footer-2>.footer-card>.footer-logo>.social-media-link>ul>li:last-child {
        margin-right: 0
    }

    .footer-2>.footer-card>.footer-logo>.social-media-link>ul>li>a {
        width: calc(var(--unit)*4);
        height: calc(var(--unit)*4);
        display: flex;
        justify-content: center;
        align-items: center;
        border: 1px solid var(--c-mix-1)
    }

    .footer-2>.footer-card>.footer-logo>.social-media-link>ul>li>a:hover {
        border-color: var(--accent)
    }

    .footer-2>.footer-card>.footer-logo>.social-media-link>ul>li>a:hover>svg>path {
        fill: var(--foreground)
    }

    .footer-2>.footer-card>.footer-logo>.social-media-link>ul>li>a>svg {
        width: 16px;
        height: 16px
    }

    .footer-2>.footer-card>.footer-logo>.social-media-link>ul>li>a>svg>path {
        transition: var(--a-speed)
    }

    .footer-2>.footer-card>.footer-text {
        width: 350px
    }

    .footer-2>.footer-card>.footer-text>p {
        color: var(--c-mix-3);
        text-align: left !important
    }

    .footer-2>.footer-card>.footer-nav ul {
        display: flex;
        justify-content: flex-start !important;
        list-style: none;
        border-top: 1px solid var(--c-mix-1);
        border-bottom: 1px solid var(--c-mix-1);
        padding: var(--s-3) 0
    }

    .footer-2>.footer-card>.footer-nav ul>li {
        margin-right: 60px;
        display: flex
    }

    .footer-2>.footer-card>.footer-nav ul>li:last-child {
        margin-right: 0
    }

    .footer-2>.footer-card>.footer-nav ul>li>a {
        color: var(--c-mix-3);
        text-transform: capitalize
    }

    .footer-2>.footer-card>.footer-bottom {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        margin-bottom: var(--s-4)
    }

    .footer-2>.footer-card>.footer-bottom>.footer-bottom-left>p {
        color: var(--c-mix-3)
    }

    .footer-2>.footer-card>.footer-bottom>.footer-bottom-right {
        display: none;
        margin-top: 0
    }

    .footer-2>.footer-card>.footer-bottom>.footer-bottom-right>a {
        text-align: right
    }
}

.footer-2>.footer-options {
    width: 60px;
    height: 60px;
    position: absolute;
    left: 0px;
    bottom: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    background: var(--c-mix-6)
}

.footer-3 {
    width: 100%;
    position: relative;
    background: var(--background)
}

.footer-3>.footer-card {
    padding: var(--s-2)
}

.footer-3>.footer-card>.footer-logo {
    display: flex;
    flex-direction: column;
    align-items: center
}

.footer-3>.footer-card>.footer-logo>.site-logo>a {
    transition: var(--a-speed)
}

.footer-3>.footer-card>.footer-logo>.site-logo>a:hover>img,
.footer-3>.footer-card>.footer-logo>.site-logo>a:hover>svg,
.footer-3>.footer-card>.footer-logo>.site-logo>a:hover>span {
    opacity: .7
}

.footer-3>.footer-card>.footer-logo>.site-logo>a>img {
    height: 16px
}

.footer-3>.footer-card>.footer-logo>.site-logo>a>svg {
    width: 32px;
    height: 32px
}

.footer-3>.footer-card>.footer-text {
    width: 100%
}

.footer-3>.footer-card>.footer-text>p {
    color: var(--c-mix-3);
    text-align: center
}

.footer-3>.footer-card>.footer-nav {
    justify-content: center
}

.footer-3>.footer-card>.footer-nav ul {
    display: flex;
    justify-content: center;
    flex-wrap: nowrap;
    overflow-x: auto;
    list-style: none;
    border-top: 1px solid var(--c-mix-1);
    border-bottom: 1px solid var(--c-mix-1);
    transition: none;
    padding: var(--s-3) 0
}

.footer-3>.footer-card>.footer-nav ul::-webkit-scrollbar {
    display: none
}

.footer-3>.footer-card>.footer-nav ul>li {
    margin-right: 40px;
    white-space: nowrap
}

.footer-3>.footer-card>.footer-nav ul>li:last-child {
    margin-right: 0
}

.footer-3>.footer-card>.footer-nav ul>li>a {
    color: var(--c-mix-3);
    text-transform: capitalize
}

.footer-3>.footer-card>.footer-bottom {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    align-items: center;
    margin-bottom: var(--s-4)
}

.footer-3>.footer-card>.footer-bottom>.footer-bottom-left {
    margin-bottom: var(--s-2)
}

.footer-3>.footer-card>.footer-bottom>.footer-bottom-left>p {
    color: var(--c-mix-3)
}

.footer-3>.footer-card>.footer-bottom>.social-media-link>ul {
    list-style: none;
    display: flex;
    justify-content: center
}

.footer-3>.footer-card>.footer-bottom>.social-media-link>ul>li {
    margin-right: var(--s-1)
}

.footer-3>.footer-card>.footer-bottom>.social-media-link>ul>li:last-child {
    margin-right: 0
}

.footer-3>.footer-card>.footer-bottom>.social-media-link>ul>li>a {
    width: calc(var(--unit)*4);
    height: calc(var(--unit)*4);
    display: flex;
    justify-content: center;
    align-items: center;
    background: var(--c-mix-1)
}

.footer-3>.footer-card>.footer-bottom>.social-media-link>ul>li>a:hover {
    opacity: .7
}

.footer-3>.footer-card>.footer-bottom>.social-media-link>ul>li>a:hover>svg>path {
    fill: var(--foreground)
}

.footer-3>.footer-card>.footer-bottom>.social-media-link>ul>li>a>svg {
    width: 16px;
    height: 16px
}

.footer-3>.footer-card>.footer-bottom>.social-media-link>ul>li>a>svg>path {
    transition: var(--a-speed);
    fill: var(--foreground)
}

.footer-3>.footer-card>.footer-bottom>.footer-bottom-right {
    display: none;
    margin-top: var(--s-2)
}

.footer-3>.footer-card>.footer-bottom>.footer-bottom-right>a {
    color: var(--c-mix-3);
    text-align: center
}

.footer-3>.footer-card>.footer-bottom>.footer-bottom-right>a:last-child {
    display: none
}

@media screen and (min-width: 1024px) {
    .footer-3>.footer-card {
        margin-left: auto;
        margin-right: auto;
        padding: var(--s-5) var(--s-2)
    }

    .footer-3>.footer-card>.footer-logo {
        display: flex;
        flex-direction: row;
        justify-content: center
    }

    .footer-3>.footer-card>.footer-logo>.site-logo>a>svg {
        width: 32px;
        height: 32px
    }

    .footer-3>.footer-card>.footer-logo>.site-logo>a>img {
        height: 20px
    }

    .footer-3>.footer-card>.footer-text {
        width: 100%;
        display: flex;
        justify-content: center
    }

    .footer-3>.footer-card>.footer-text>p {
        width: 350px;
        color: var(--c-mix-3);
        text-align: center
    }

    .footer-3>.footer-card>.footer-nav {
        display: flex;
        justify-content: center
    }

    .footer-3>.footer-card>.footer-nav ul {
        width: 100%;
        display: flex;
        justify-content: center;
        list-style: none;
        border-top: 1px solid var(--c-mix-1);
        border-bottom: 1px solid var(--c-mix-1);
        padding: var(--s-3) 0;
        transition: none
    }

    .footer-3>.footer-card>.footer-nav ul>li {
        margin-right: 60px;
        display: flex
    }

    .footer-3>.footer-card>.footer-nav ul>li:last-child {
        margin-right: 0
    }

    .footer-3>.footer-card>.footer-nav ul>li>a {
        color: var(--c-mix-3);
        text-transform: capitalize
    }

    .footer-3>.footer-card>.footer-bottom {
        display: flex;
        justify-content: space-between;
        align-items: center;
        flex-direction: row
    }

    .footer-3>.footer-card>.footer-bottom>.footer-bottom-left {
        margin-bottom: 0;
        width: 30%
    }

    .footer-3>.footer-card>.footer-bottom>.footer-bottom-left>p {
        color: var(--c-mix-3)
    }

    .footer-3>.footer-card>.footer-bottom>.footer-bottom-right {
        display: none;
        justify-content: flex-end;
        margin-top: 0;
        width: 30%
    }

    .footer-3>.footer-card>.footer-bottom>.footer-bottom-right>a {
        color: var(--c-mix-3);
        text-align: right
    }

    .footer-3>.footer-card>.footer-bottom>.footer-bottom-right>a:last-child {
        display: none
    }
}

.footer-4 {
    width: 100%;
    position: relative;
    background: var(--background)
}

.footer-4>.footer-card {
    padding: var(--s-2)
}

.footer-4>.footer-card>.footer-logo {
    display: flex;
    flex-direction: column;
    align-items: center
}

.footer-4>.footer-card>.footer-logo>.social-media-link>ul {
    list-style: none;
    display: flex
}

.footer-4>.footer-card>.footer-logo>.social-media-link>ul>li {
    margin-right: var(--s-1)
}

.footer-4>.footer-card>.footer-logo>.social-media-link>ul>li:last-child {
    margin-right: 0
}

.footer-4>.footer-card>.footer-logo>.social-media-link>ul>li>a {
    width: calc(var(--unit)*4);
    height: calc(var(--unit)*4);
    display: flex;
    justify-content: center;
    align-items: center;
    background: var(--c-mix-1)
}

.footer-4>.footer-card>.footer-logo>.social-media-link>ul>li>a:hover {
    opacity: .7
}

.footer-4>.footer-card>.footer-logo>.social-media-link>ul>li>a:hover>svg>path {
    fill: var(--foreground)
}

.footer-4>.footer-card>.footer-logo>.social-media-link>ul>li>a>svg {
    width: 16px;
    height: 16px
}

.footer-4>.footer-card>.footer-logo>.social-media-link>ul>li>a>svg>path {
    transition: var(--a-speed);
    fill: var(--foreground)
}

.footer-4>.footer-card>.footer-text {
    display: flex;
    justify-content: center
}

.footer-4>.footer-card>.footer-text>p {
    width: 350px;
    color: var(--c-mix-3);
    text-align: center
}

.footer-4>.footer-card>.footer-nav {
    justify-content: center
}

.footer-4>.footer-card>.footer-nav ul {
    display: flex;
    justify-content: center;
    flex-wrap: nowrap;
    overflow-x: auto;
    list-style: none;
    border-top: 1px solid var(--c-mix-1);
    border-bottom: 1px solid var(--c-mix-1);
    transition: none;
    padding: var(--s-3) 0
}

.footer-4>.footer-card>.footer-nav ul::-webkit-scrollbar {
    display: none
}

.footer-4>.footer-card>.footer-nav ul>li {
    margin-right: 40px;
    white-space: nowrap
}

.footer-4>.footer-card>.footer-nav ul>li:last-child {
    margin-right: 0
}

.footer-4>.footer-card>.footer-nav ul>li>a {
    color: var(--c-mix-3);
    text-transform: capitalize
}

.footer-4>.footer-card>.footer-bottom {
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    margin-bottom: var(--s-4)
}

.footer-4>.footer-card>.footer-bottom>.footer-bottom-left {
    margin-bottom: var(--s-2)
}

.footer-4>.footer-card>.footer-bottom>.footer-bottom-left>p {
    color: var(--c-mix-3)
}

.footer-4>.footer-card>.footer-bottom>.site-logo {
    transition: var(--a-speed)
}

.footer-4>.footer-card>.footer-bottom>.site-logo:hover>img,
.footer-4>.footer-card>.footer-bottom>.site-logo:hover>svg,
.footer-4>.footer-card>.footer-bottom>.site-logo:hover>span {
    opacity: .7
}

.footer-4>.footer-card>.footer-bottom>.site-logo>a>img {
    height: 16px
}

.footer-4>.footer-card>.footer-bottom>.site-logo>a>svg {
    width: 32px;
    height: 32px
}

.footer-4>.footer-card>.footer-bottom>.footer-bottom-right {
    display: none;
    margin-top: var(--s-2)
}

.footer-4>.footer-card>.footer-bottom>.footer-bottom-right>a {
    color: var(--c-mix-3);
    text-align: center
}

.footer-4>.footer-card>.footer-bottom>.footer-bottom-right>a:last-child {
    display: none
}

@media screen and (min-width: 1024px) {
    .footer-4>.footer-card {
        margin-left: auto;
        margin-right: auto;
        padding: var(--s-5) var(--s-2)
    }

    .footer-4>.footer-card>.footer-logo {
        display: flex;
        flex-direction: row;
        justify-content: center
    }

    .footer-4>.footer-card>.footer-logo>.site-logo>a>svg {
        width: 32px;
        height: 32px
    }

    .footer-4>.footer-card>.footer-logo>.site-logo>a>img {
        height: 20px
    }

    .footer-4>.footer-card>.footer-text {
        width: 100%;
        display: flex;
        justify-content: center
    }

    .footer-4>.footer-card>.footer-text>p {
        width: 350px;
        color: var(--c-mix-3);
        text-align: center
    }

    .footer-4>.footer-card>.footer-nav {
        display: flex;
        justify-content: center;
        width: 100%
    }

    .footer-4>.footer-card>.footer-nav ul {
        width: 100%;
        display: flex;
        justify-content: center;
        list-style: none;
        border-top: 1px solid var(--c-mix-1);
        border-bottom: 1px solid var(--c-mix-1);
        padding: var(--s-3) 0;
        transition: none !important
    }

    .footer-4>.footer-card>.footer-nav ul>li {
        margin-right: 60px;
        display: flex
    }

    .footer-4>.footer-card>.footer-nav ul>li:last-child {
        margin-right: 0
    }

    .footer-4>.footer-card>.footer-nav ul>li>a {
        color: var(--c-mix-3);
        text-transform: capitalize
    }

    .footer-4>.footer-card>.footer-bottom {
        display: flex;
        justify-content: space-between;
        align-items: center;
        flex-direction: row
    }

    .footer-4>.footer-card>.footer-bottom>.footer-bottom-left,
    .footer-4>.footer-card>.footer-bottom .footer-bottom-right {
        width: 30%;
        margin-bottom: 0
    }

    .footer-4>.footer-card>.footer-bottom>.footer-bottom-left>p,
    .footer-4>.footer-card>.footer-bottom .footer-bottom-right>p {
        color: var(--c-mix-3)
    }

    .footer-4>.footer-card>.footer-bottom>.site-logo>a>svg {
        width: 32px;
        height: 32px
    }

    .footer-4>.footer-card>.footer-bottom>.footer-bottom-right {
        display: none;
        justify-content: flex-end;
        margin-top: 0;
        width: 30%
    }

    .footer-4>.footer-card>.footer-bottom>.footer-bottom-right>a {
        color: var(--c-mix-3);
        text-align: right
    }

    .footer-4>.footer-card>.footer-bottom>.footer-bottom-right>a:last-child {
        display: none
    }
}

.site-logo {
    width: auto;
    height: 20px
}

@media screen and (max-width: 786px) {
    .site-logo img {
        height: 16px !important
    }
}

@media screen and (max-width: 786px) {
    .footer-logo a img {
        height: 16px !important
    }
}

.text-accent {
    color: var(--accent)
}

.footer-nav ul li {
    position: relative
}

div.box.v_2-footer .footer-card .footer-top {
    display: grid;
    padding-bottom: 20px
}

div.box.v_2-footer .footer-card .footer-top .footer-top__nav-container div.footer-nav.v_2-footer {
    color: var(--foreground);
    margin-top: 0 !important
}

div.box.v_2-footer .footer-card .footer-top .footer-top__nav-container div.footer-nav.v_2-footer .links {
    display: grid !important;
    grid-template-columns: 1fr;
    padding: 0 !important;
    border-bottom: 0
}

div.box.v_2-footer .footer-card .footer-top .footer-top__nav-container div.footer-nav.v_2-footer .links .link-group {
    margin: 0 !important;
    border-bottom: solid 1px var(--c-mix-1);
    display: grid;
    grid-template-rows: auto 0;
    transition: grid-template-rows var(--a-speed);
    overflow: hidden
}

div.box.v_2-footer .footer-card .footer-top .footer-top__nav-container div.footer-nav.v_2-footer .links .link-group .group__heading {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 20px 10px;
    font-size: var(--t-m)
}

div.box.v_2-footer .footer-card .footer-top .footer-top__nav-container div.footer-nav.v_2-footer .links .link-group .group__heading .heading__icon {
    width: 16px;
    height: 16px;
    transition: transform calc(var(--a-speed))
}

div.box.v_2-footer .footer-card .footer-top .footer-top__nav-container div.footer-nav.v_2-footer .links .link-group .group__heading:hover {
    background-color: var(--c-mix-1) !important
}

div.box.v_2-footer .footer-card .footer-top .footer-top__nav-container div.footer-nav.v_2-footer .links .link-group.empty-group .group__heading .heading__icon {
    display: none
}

div.box.v_2-footer .footer-card .footer-top .footer-top__nav-container div.footer-nav.v_2-footer .links .link-group .group__sub-links {
    padding: 0;
    border: none;
    list-style: none;
    display: none
}

div.box.v_2-footer .footer-card .footer-top .footer-top__nav-container div.footer-nav.v_2-footer .links .link-group .group__sub-links .group__sub-link {
    font-size: var(--t-s);
    margin: 0
}

div.box.v_2-footer .footer-card .footer-top .footer-top__nav-container div.footer-nav.v_2-footer .links .link-group .group__sub-links .group__sub-link a {
    font-family: var(--f-base);
    padding: 20px 24px;
    display: inline-block;
    width: 100%
}

div.box.v_2-footer .footer-card .footer-top .footer-top__nav-container div.footer-nav.v_2-footer .links .link-group .group__sub-links .group__sub-link:hover {
    background-color: var(--c-mix-1) !important
}

div.box.v_2-footer .footer-card .footer-top .footer-top__nav-container div.footer-nav.v_2-footer .links .link-group.open {
    grid-template-rows: auto calc(var(--content-count)*56.5px)
}

div.box.v_2-footer .footer-card .footer-top .footer-top__nav-container div.footer-nav.v_2-footer .links .link-group.open .group__heading svg {
    transform: rotate(45deg)
}

div.box.v_2-footer .footer-card .footer-top .footer-top__nav-container div.footer-nav.v_2-footer .links .link-group.open .group__sub-links {
    display: block
}

@media screen and (min-width: 1024px) {
    div.box.v_2-footer .footer-card .footer-top .footer-top__nav-container div.footer-nav.v_2-footer {
        justify-content: start
    }

    div.box.v_2-footer .footer-card .footer-top .footer-top__nav-container div.footer-nav.v_2-footer:hover .group__sub-link {
        opacity: .3
    }

    div.box.v_2-footer .footer-card .footer-top .footer-top__nav-container div.footer-nav.v_2-footer .links {
        display: flex !important;
        flex-direction: row;
        flex-wrap: wrap !important;
        gap: 40px
    }

    div.box.v_2-footer .footer-card .footer-top .footer-top__nav-container div.footer-nav.v_2-footer .links .link-group {
        border: none;
        display: flex;
        flex-direction: column;
        grid-template-rows: auto auto !important;
        max-width: fit-content
    }

    div.box.v_2-footer .footer-card .footer-top .footer-top__nav-container div.footer-nav.v_2-footer .links .link-group .group__heading {
        display: block;
        padding: 15px 0;
        font-size: var(--t-1);
        padding-bottom: 5px;
        font-family: var(--design-bodyFont);
        color: var(--c-mix-9)
    }

    div.box.v_2-footer .footer-card .footer-top .footer-top__nav-container div.footer-nav.v_2-footer .links .link-group .group__heading .heading__icon {
        display: none
    }

    div.box.v_2-footer .footer-card .footer-top .footer-top__nav-container div.footer-nav.v_2-footer .links .link-group .group__heading:hover {
        background: none !important
    }

    div.box.v_2-footer .footer-card .footer-top .footer-top__nav-container div.footer-nav.v_2-footer .links .link-group .group__sub-links {
        display: block
    }

    div.box.v_2-footer .footer-card .footer-top .footer-top__nav-container div.footer-nav.v_2-footer .links .link-group .group__sub-links .group__sub-link {
        padding-left: 0;
        padding-right: 0;
        padding: 0;
        font-size: var(--t-1);
        transition: opacity var(--a-speed)
    }

    div.box.v_2-footer .footer-card .footer-top .footer-top__nav-container div.footer-nav.v_2-footer .links .link-group .group__sub-links .group__sub-link:hover {
        background: none !important;
        opacity: 1 !important
    }

    div.box.v_2-footer .footer-card .footer-top .footer-top__nav-container div.footer-nav.v_2-footer .links .link-group .group__sub-links .group__sub-link a {
        font-family: var(--f-heading);
        padding: 8px 0
    }
}

div.box.v_2-footer .footer-card .footer-top .footer-top__nav-container div.footer-nav.v_2-footer.single .links {
    grid-template-columns: 1fr !important
}

div.box.v_2-footer .footer-card .footer-top .footer-top__nav-container div.footer-nav.v_2-footer.single .links .link-group {
    border-bottom: 0
}

div.box.v_2-footer .footer-card .footer-top .footer-top__nav-container div.footer-nav.v_2-footer.single .links .link-group .group__heading {
    display: none
}

div.box.v_2-footer .footer-card .footer-top .footer-top__nav-container div.footer-nav.v_2-footer.single .links .link-group .group__sub-links {
    display: block
}

div.box.v_2-footer .footer-card .footer-top .footer-top__nav-container div.footer-nav.v_2-footer.single .links .link-group .group__sub-links .group__sub-link {
    border-bottom: 1px solid var(--c-mix-1);
    font-size: var(--t-m)
}

@media screen and (min-width: 1023px) {
    div.box.v_2-footer .footer-card .footer-top .footer-top__nav-container div.footer-nav.v_2-footer.single .links .link-group .group__sub-links {
        display: flex;
        column-gap: 40px;
        flex-wrap: wrap
    }

    div.box.v_2-footer .footer-card .footer-top .footer-top__nav-container div.footer-nav.v_2-footer.single .links .link-group .group__sub-links .group__sub-link {
        border-bottom: 0;
        font-size: var(--t-1)
    }
}

div.box.v_2-footer .footer-card .footer-top .footer-top__nav-container .social-media-link {
    display: flex
}

div.box.v_2-footer .footer-card .footer-top .footer-top__nav-container .social-media-link>ul {
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    gap: var(--s-1)
}

div.box.v_2-footer .footer-card .footer-top .footer-top__nav-container .social-media-link>ul>li>a {
    width: calc(var(--unit)*4);
    height: calc(var(--unit)*4);
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid var(--c-mix-1);
    background: var(--c-mix-1)
}

div.box.v_2-footer .footer-card .footer-top .footer-top__nav-container .social-media-link>ul>li>a:hover {
    opacity: .7
}

div.box.v_2-footer .footer-card .footer-top .footer-top__nav-container .social-media-link>ul>li>a:hover>svg>path {
    fill: var(--foreground)
}

div.box.v_2-footer .footer-card .footer-top .footer-top__nav-container .social-media-link>ul>li>a>svg {
    width: 16px;
    height: 16px
}

div.box.v_2-footer .footer-card .footer-top .footer-top__nav-container .social-media-link>ul>li>a>svg>path {
    transition: var(--a-speed);
    fill: var(--foreground)
}

div.box.v_2-footer .footer-card .footer-top .footer-top__content-container .footer-buttons__holder.v_2-footer {
    display: flex;
    justify-content: start
}

div.box.v_2-footer .footer-card .footer-top .footer-top__content-container .footer-text.v_2-footer :deep(p) {
    color: var(--c-mix-3)
}

div.box.v_2-footer .footer-card .footer-top .footer-top__content-container .footer-text.v_2-footer p>p {
    display: none
}

div.box.v_2-footer .footer-card .footer-top .footer-top__content-container .footer-logo .site-logo {
    max-width: max-content
}

div.box.v_2-footer .footer-card .footer-bottom {
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    gap: 50px;
    padding-top: 20px;
    margin-bottom: 40px;
    border-top: 1px solid var(--c-mix-1)
}

div.box.v_2-footer .footer-card .footer-bottom .footer-bottom-right,
div.box.v_2-footer .footer-card .footer-bottom .footer-bottom-left {
    display: flex;
    align-items: flex-start;
    flex-grow: 1
}

div.box.v_2-footer .footer-card .footer-bottom .footer-bottom-right>a,
div.box.v_2-footer .footer-card .footer-bottom .footer-bottom-left>a {
    color: var(--c-mix-3);
    text-align: center
}

div.box.v_2-footer .footer-card .footer-bottom .footer-bottom-right>a:last-child,
div.box.v_2-footer .footer-card .footer-bottom .footer-bottom-left>a:last-child {
    margin-left: var(--s-2)
}

div.box.v_2-footer .footer-card .footer-bottom .footer-bottom-right p.footer-bottom-left__content :deep(p),
div.box.v_2-footer .footer-card .footer-bottom .footer-bottom-right p.footer-bottom-right__content :deep(p),
div.box.v_2-footer .footer-card .footer-bottom .footer-bottom-left p.footer-bottom-left__content :deep(p),
div.box.v_2-footer .footer-card .footer-bottom .footer-bottom-left p.footer-bottom-right__content :deep(p) {
    color: var(--c-mix-3);
    font-size: var(--t-0)
}

div.box.v_2-footer .footer-card .footer-bottom .footer-bottom-right p.footer-bottom-left__content p,
div.box.v_2-footer .footer-card .footer-bottom .footer-bottom-right p.footer-bottom-right__content p,
div.box.v_2-footer .footer-card .footer-bottom .footer-bottom-left p.footer-bottom-left__content p,
div.box.v_2-footer .footer-card .footer-bottom .footer-bottom-left p.footer-bottom-right__content p {
    color: var(--c-mix-3);
    font-size: var(--t-0)
}

div.box.v_2-footer .footer-card .footer-bottom .footer-bottom-right {
    text-align: right;
    display: flex;
    justify-content: end
}

div.box.v_2-footer .footer-card .footer-bottom .footer-bottom-right .footer-bottom-right__content {
    font-size: var(--t-0)
}

div.box.v_2-footer .footer-card .footer-bottom .footer-bottom-right .footer-bottom-right__content :deep(p) {
    color: var(--c-mix-3)
}

div.box.v_2-footer .footer-card .footer-bottom .report-button {
    min-width: 40px;
    padding: 0 10px;
    font-size: var(--t-0);
    line-height: var(--l-body);
    display: flex;
    gap: 11px;
    align-items: center;
    cursor: pointer
}

div.box.v_2-footer .footer-card .footer-bottom .report-button svg {
    width: 12px;
    height: 12px
}

div.box.v_2-footer.footer-1 .footer-card .footer-top {
    grid-template-columns: 3.5fr 8fr;
    gap: 40px
}

div.box.v_2-footer.footer-1 .footer-card .footer-top .footer-top__nav-container {
    order: 1;
    display: flex;
    flex-direction: column
}

div.box.v_2-footer.footer-1 .footer-card .footer-top .footer-top__nav-container div.footer-nav.v_2-footer {
    justify-content: end
}

div.box.v_2-footer.footer-1 .footer-card .footer-top .footer-top__nav-container div.footer-nav.v_2-footer .links {
    justify-content: end !important
}

div.box.v_2-footer.footer-1 .footer-card .footer-top .footer-top__nav-container .social-media-link {
    justify-content: end
}

div.box.v_2-footer.footer-1 .footer-card .footer-top .footer-top__content-container {
    order: 0
}

div.box.v_2-footer.footer-1 .footer-card .footer-top .footer-top__content-container .footer-buttons__holder.v_2-footer {
    gap: var(--s-1)
}

@media screen and (max-width: 1023px) {
    div.box.v_2-footer.footer-1 .footer-card .footer-top {
        grid-template-columns: 1fr;
        gap: 0;
        border-bottom: 0
    }

    div.box.v_2-footer.footer-1 .footer-card .footer-top .footer-top__content-container .footer-text.v_2-footer {
        max-width: 450px;
        width: 70%
    }

    div.box.v_2-footer.footer-1 .footer-card .footer-top .footer-top__nav-container .footer-nav.v_2-footer {
        border-top: solid 1px var(--c-mix-1)
    }

    div.box.v_2-footer.footer-1 .footer-card .footer-bottom {
        padding: 0;
        padding-top: 20px;
        flex-direction: row
    }

    div.box.v_2-footer.footer-1 .footer-card .footer-bottom .footer-bottom-right {
        margin: 0
    }
}

div.box.v_2-footer.footer-2 .footer-card .footer-top {
    grid-template-columns: 8fr 4fr;
    gap: 40px
}

div.box.v_2-footer.footer-2 .footer-card .footer-top .footer-top__nav-container {
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

div.box.v_2-footer.footer-2 .footer-card .footer-top .footer-top__nav-container div.footer-nav.v_2-footer {
    justify-content: start
}

div.box.v_2-footer.footer-2 .footer-card .footer-top .footer-top__nav-container .social-media-link {
    justify-content: start
}

div.box.v_2-footer.footer-2 .footer-card .footer-top .footer-top__content-container .footer-logo {
    text-align: right
}

div.box.v_2-footer.footer-2 .footer-card .footer-top .footer-top__content-container .footer-logo .site-logo {
    margin-left: auto
}

div.box.v_2-footer.footer-2 .footer-card .footer-top .footer-top__content-container .footer-text.v_2-footer {
    text-align: right
}

div.box.v_2-footer.footer-2 .footer-card .footer-top .footer-top__content-container .footer-buttons__holder.v_2-footer {
    justify-content: end;
    gap: var(--s-1)
}

div.box.v_2-footer.footer-2 .footer-card .footer-top .footer-top__content-container .footer-buttons__holder.v_2-footer #footer-btn-2 {
    order: -1
}

@media screen and (max-width: 1023px) {
    div.box.v_2-footer.footer-2 .footer-card .footer-top {
        grid-template-columns: 1fr;
        gap: 0;
        border-bottom: 0
    }

    div.box.v_2-footer.footer-2 .footer-card .footer-top .footer-top__content-container {
        margin-top: 20px
    }

    div.box.v_2-footer.footer-2 .footer-card .footer-top .footer-top__content-container .footer-text.v_2-footer {
        margin-left: auto;
        max-width: 450px;
        width: 70%
    }

    div.box.v_2-footer.footer-2 .footer-card .footer-top .footer-top__nav-container .footer-nav.v_2-footer {
        border-top: solid 1px var(--c-mix-1)
    }

    div.box.v_2-footer.footer-2 .footer-card .footer-bottom {
        padding: 0;
        flex-direction: row;
        padding-top: 20px
    }

    div.box.v_2-footer.footer-2 .footer-card .footer-bottom .footer-bottom-right {
        margin: 0
    }
}

div.box.v_2-footer.footer-3 .footer-card .footer-top,
div.box.v_2-footer.footer-4 .footer-card .footer-top {
    grid-template-columns: 1fr
}

div.box.v_2-footer.footer-3 .footer-card .footer-top .footer-top__nav-container,
div.box.v_2-footer.footer-4 .footer-card .footer-top .footer-top__nav-container {
    order: 1;
    margin-top: var(--s-4)
}

div.box.v_2-footer.footer-3 .footer-card .footer-top .footer-top__nav-container .footer-nav.v_2-footer .links,
div.box.v_2-footer.footer-4 .footer-card .footer-top .footer-top__nav-container .footer-nav.v_2-footer .links {
    justify-content: center !important;
    gap: 40px
}

div.box.v_2-footer.footer-3 .footer-card .footer-top .footer-top__nav-container .footer-nav.v_2-footer .links .group__heading,
div.box.v_2-footer.footer-4 .footer-card .footer-top .footer-top__nav-container .footer-nav.v_2-footer .links .group__heading {
    text-align: center
}

div.box.v_2-footer.footer-3 .footer-card .footer-top .footer-top__nav-container .social-media-link,
div.box.v_2-footer.footer-4 .footer-card .footer-top .footer-top__nav-container .social-media-link {
    justify-content: center
}

div.box.v_2-footer.footer-3 .footer-card .footer-top .footer-top__content-container,
div.box.v_2-footer.footer-4 .footer-card .footer-top .footer-top__content-container {
    text-align: center
}

div.box.v_2-footer.footer-3 .footer-card .footer-top .footer-top__content-container .footer-logo,
div.box.v_2-footer.footer-4 .footer-card .footer-top .footer-top__content-container .footer-logo {
    justify-content: center;
    text-align: center
}

div.box.v_2-footer.footer-3 .footer-card .footer-top .footer-top__content-container .footer-logo .site-logo,
div.box.v_2-footer.footer-4 .footer-card .footer-top .footer-top__content-container .footer-logo .site-logo {
    margin-right: auto;
    margin-left: auto
}

div.box.v_2-footer.footer-3 .footer-card .footer-top .footer-top__content-container .footer-text.v_2-footer,
div.box.v_2-footer.footer-4 .footer-card .footer-top .footer-top__content-container .footer-text.v_2-footer {
    text-align: center;
    max-width: 50%;
    margin-right: auto;
    margin-left: auto
}

div.box.v_2-footer.footer-3 .footer-card .footer-top .footer-top__content-container .footer-buttons__holder.v_2-footer,
div.box.v_2-footer.footer-4 .footer-card .footer-top .footer-top__content-container .footer-buttons__holder.v_2-footer {
    justify-content: center;
    gap: var(--s-1)
}

div.box.v_2-footer.footer-3 .footer-card .footer-top .footer-top__content-container .social-media-link,
div.box.v_2-footer.footer-4 .footer-card .footer-top .footer-top__content-container .social-media-link {
    display: flex !important
}

@media screen and (max-width: 1023px) {

    div.box.v_2-footer.footer-3 .footer-card .footer-top,
    div.box.v_2-footer.footer-4 .footer-card .footer-top {
        padding-bottom: 0;
        border-bottom: 0
    }

    div.box.v_2-footer.footer-3 .footer-card .footer-top .footer-top__nav-container .footer-nav.v_2-footer,
    div.box.v_2-footer.footer-4 .footer-card .footer-top .footer-top__nav-container .footer-nav.v_2-footer {
        margin-bottom: 0 !important
    }

    div.box.v_2-footer.footer-3 .footer-card .footer-top .footer-top__nav-container .footer-nav.v_2-footer .links,
    div.box.v_2-footer.footer-4 .footer-card .footer-top .footer-top__nav-container .footer-nav.v_2-footer .links {
        border-top: 1px solid var(--c-mix-1);
        gap: 0
    }

    div.box.v_2-footer.footer-3 .footer-card .footer-top .footer-top__nav-container .social-media-link,
    div.box.v_2-footer.footer-4 .footer-card .footer-top .footer-top__nav-container .social-media-link {
        margin-top: var(--s-2);
        border-bottom: 1px solid var(--c-mix-1);
        padding-bottom: var(--s-2)
    }

    div.box.v_2-footer.footer-3 .footer-card .footer-bottom,
    div.box.v_2-footer.footer-4 .footer-card .footer-bottom {
        flex-direction: row;
        border-top: 0
    }

    div.box.v_2-footer.footer-3 .footer-card .footer-bottom .footer-bottom-left,
    div.box.v_2-footer.footer-4 .footer-card .footer-bottom .footer-bottom-left {
        margin: 0
    }

    div.box.v_2-footer.footer-3 .footer-card .footer-bottom .footer-bottom-right,
    div.box.v_2-footer.footer-4 .footer-card .footer-bottom .footer-bottom-right {
        margin: 0
    }
}

div.box.v_2-footer.footer-4 .footer-card .footer-top__nav-container .footer-nav.v_2-footer {
    margin-bottom: var(--s-4)
}

div.box.v_2-footer.footer-4 .footer-card .footer-top__content-container {
    margin-top: var(--s-6);
    order: 1;
    display: flex;
    flex-direction: column
}

div.box.v_2-footer.footer-4 .footer-card .footer-top__content-container .footer-logo {
    order: 1
}

@media screen and (max-width: 1023px) {
    div.box.v_2-footer.footer-4 .footer-card .footer-top .footer-top__content-container {
        margin-top: var(--s-4);
        margin-bottom: var(--s-4)
    }

    div.box.v_2-footer.footer-4 .footer-card .footer-bottom {
        border-top: 1px solid var(--c-mix-1)
    }
}

div.box.v_2-footer.footer-4.massive .footer-card .footer-top__content-container .footer-logo .site-logo span {
    font-size: calc(8vw*var(--text-count) - 144px);
    font-size: 33vw
}

div.box.v_2-footer.parallax {
    position: fixed;
    bottom: 0
}

@media screen and (max-width: 1024px) {
    div.box.v_2-footer.parallax {
        position: relative;
        bottom: unset;
        z-index: 1
    }
}

div.footer-text.v_2-footer {
    margin-bottom: 20px
}

div.footer-buttons__holder.v_2-footer {
    display: flex;
    justify-content: flex-end;
    position: relative;
    margin-bottom: 20px;
    flex-wrap: wrap;
    row-gap: var(--s-1)
}

div.footer-buttons__holder.v_2-footer .site-btn {
    min-width: calc(var(--unit)*10);
    height: calc(var(--unit)*3.5);
    position: relative;
    font-family: var(--f-base);
    background: var(--foreground);
    color: var(--background);
    display: flex;
    justify-content: center;
    align-items: center;
    border: none;
    font-weight: normal;
    padding: var(--s-1);
    text-align: center;
    line-height: var(--l-body);
    -webkit-appearance: button;
    white-space: nowrap
}

div.footer-buttons__holder.v_2-footer .site-btn:focus {
    border: 1px solid var(--c-mix-1);
    box-shadow: none;
    outline: none
}

div.footer-buttons__holder.v_2-footer .site-btn:hover {
    cursor: pointer;
    opacity: 70%;
    color: var(--background)
}

div.footer-buttons__holder.v_2-footer #footer-btn-1>button {
    background: var(--accent) !important
}

div.footer-buttons__holder.v_2-footer #footer-btn-2>button {
    background: var(--c-mix-1) !important;
    color: var(--foreground) !important
}

.cookies__backdrop {
    position: fixed;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0;
    display: flex;
    padding: 20px;
    align-items: flex-end;
    z-index: 1000000000;
    display: none;
    pointer-events: none
}

.cookies__backdrop .cookies__container {
    padding: 20px;
    border-radius: var(--min-shape);
    border: 1px solid var(--c-mix-1);
    background: var(--background);
    color: var(--c-mix-3);
    width: 100%;
    animation: slideUp calc(var(--a-speed)*2);
    pointer-events: all
}

.cookies__backdrop .cookies__container .cookies__button {
    margin-top: 20px;
    background-color: var(--accent);
    color: var(--c-light);
    border: none;
    height: 40px;
    width: 100%;
    border-radius: var(--min-shape);
    font-size: 14px;
    cursor: pointer;
    position: relative;
    font-family: var(--f-base);
    font-weight: normal;
    text-align: center;
    line-height: var(--l-body);
    -webkit-appearance: button
}

.cookies__backdrop .cookies__container .cookies__button:hover {
    cursor: pointer;
    opacity: 70%;
    color: var(--background)
}

@keyframes slideUp {
    0% {
        transform: translateY(200%)
    }

    100% {
        transform: translateY(0%)
    }
}

@media screen and (min-width: 768px) {
    .cookies__backdrop .cookies__container {
        width: 370px
    }
}

.footer-spacer {
    pointer-events: none
}

@media screen and (max-width: 1024px) {
    .footer-spacer {
        display: none
    }
}

.edit-blocks-container div.box.v_2-footer.parallax {
    position: static;
    bottom: unset
}

.edit-blocks-container div.box.v_2-footer .footer-card .footer-top .footer-top__nav-container div.footer-nav.v_2-footer:hover .group__sub-link {
    opacity: 1 !important
}

.edit-blocks-container .cookies__backdrop {
    left: 450px !important
}

.preview-page div.box.v_2-footer.parallax {
    position: static !important;
    bottom: unset
}

.banner-box {
    width: 100%;
    position: relative;
    border: none;
    background: var(--background)
}

.banner-box .inner-content>.w-boxed {
    padding: 0
}

.banner-box .play-video-icon {
    z-index: 3;
    transition: opacity .5s ease-in-out
}

.banner-box.left .banner-layout-1>.banner>.banner-text section,
.banner-box.left .banner-layout-2>.banner>.banner-text section,
.banner-box.left .banner-layout-2>.banner>.avatar-image,
.banner-box.left .banner-layout-3>.banner>.banner-text,
.banner-box.left .banner-layout-4>.banner>.banner-text,
.banner-box.left .banner-layout-5>.banner .banner-text-subtitle.alignment,
.banner-box.left .banner-layout-6>.banner .banner-text-subtitle.alignment,
.banner-box.left>.banner-layout-7>.banner>.banner-text {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    text-align: left
}

.banner-box.center .banner-layout-1>.banner>.banner-text section,
.banner-box.center .banner-layout-2>.banner>.banner-text section,
.banner-box.center .banner-layout-2>.banner>.avatar-image,
.banner-box.center .banner-layout-3>.banner>.banner-text,
.banner-box.center .banner-layout-4>.banner>.banner-text,
.banner-box.center .banner-layout-5>.banner .banner-text.alignment,
.banner-box.center .banner-layout-6>.banner .banner-text.alignment,
.banner-box.center .banner-layout-5>.banner .banner-text-subtitle.alignment,
.banner-box.center .banner-layout-6>.banner .banner-text-subtitle.alignment,
.banner-box.center .banner-layout-7>.banner>.banner-text {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center
}

.banner-box.center .banner-layout-1 .play-video-icon,
.banner-box.center .banner-layout-2 .play-video-icon,
.banner-box.center .banner-layout-3 .play-video-icon,
.banner-box.center .banner-layout-4 .play-video-icon,
.banner-box.center .banner-layout-5 .play-video-icon,
.banner-box.center .banner-layout-6 .play-video-icon {
    position: absolute;
    bottom: auto;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.banner-box.center .banner-layout-1 .play-video-icon:hover,
.banner-box.center .banner-layout-2 .play-video-icon:hover,
.banner-box.center .banner-layout-3 .play-video-icon:hover,
.banner-box.center .banner-layout-4 .play-video-icon:hover,
.banner-box.center .banner-layout-5 .play-video-icon:hover,
.banner-box.center .banner-layout-6 .play-video-icon:hover {
    transform: translate(-50%, -50%) scale(1.1)
}

.banner-box.right .banner-layout-1>.banner>.banner-text section,
.banner-box.right .banner-layout-2>.banner>.banner-text section,
.banner-box.right .banner-layout-2>.banner>.avatar-image,
.banner-box.right .banner-layout-3>.banner>.banner-text,
.banner-box.right .banner-layout-4>.banner>.banner-text,
.banner-box.right .banner-layout-5>.banner .banner-text.alignment,
.banner-box.right .banner-layout-6>.banner .banner-text.alignment,
.banner-box.right .banner-layout-5>.banner .banner-text-subtitle.alignment,
.banner-box.right .banner-layout-6>.banner .banner-text-subtitle.alignment,
.banner-box.right .banner-layout-7>.banner>.banner-text {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    text-align: right
}

.banner-box.right .banner-layout-1 .play-video-icon,
.banner-box.right .banner-layout-2 .play-video-icon,
.banner-box.right .banner-layout-3 .play-video-icon,
.banner-box.right .banner-layout-4 .play-video-icon,
.banner-box.right .banner-layout-5 .play-video-icon,
.banner-box.right .banner-layout-6 .play-video-icon {
    position: absolute;
    bottom: 20px;
    right: 20px;
    left: auto
}

.banner-box.right .banner-layout-1 .play-video-icon:hover,
.banner-box.right .banner-layout-2 .play-video-icon:hover,
.banner-box.right .banner-layout-3 .play-video-icon:hover,
.banner-box.right .banner-layout-4 .play-video-icon:hover,
.banner-box.right .banner-layout-5 .play-video-icon:hover,
.banner-box.right .banner-layout-6 .play-video-icon:hover {
    transform: scale(1.1)
}

.banner-box form.email {
    display: flex;
    position: relative;
    width: 100%
}

.banner-box form.email>input {
    padding-right: calc(var(--s-4)*3);
    height: calc(var(--unit)*6);
    background: var(--c-mix-1);
    width: 100%;
    display: block;
    font-family: var(--f-base);
    font-size: var(--t-1);
    padding: 14px;
    color: var(--foreground);
    border: 1px solid;
    border-color: var(--c-mix-1);
    line-height: var(--l-body);
    position: relative;
    box-shadow: none;
    -webkit-appearance: none;
    outline: none
}

.banner-box form.email>input.r-none {
    border-radius: 0px
}

.banner-box form.email>input.r-small {
    border-radius: 10px
}

.banner-box form.email>input.r-full {
    border-radius: var(--r-full)
}

.banner-box form.email>input:focus {
    border-color: var(--accent)
}

.banner-box form.email>button {
    position: absolute;
    top: var(--s-1);
    right: var(--s-1);
    max-width: 200px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 40px;
    font-size: var(--t-1)
}

.banner-box form.email>button:hover {
    opacity: .7
}

.banner-box form.email.name {
    display: block;
    width: 100%
}

.banner-box form.email.name>input,
.banner-box form.email.name .names-input input,
.banner-box form.email.name>textarea {
    padding-right: 14px;
    height: calc(var(--unit)*5);
    width: 100%;
    height: calc(var(--unit)*5);
    display: block;
    font-family: var(--f-base);
    font-size: var(--t-1);
    padding: 14px;
    background: var(--c-mix-1);
    color: var(--foreground);
    border: 1px solid;
    border-color: var(--c-mix-1);
    line-height: var(--l-body);
    position: relative;
    box-shadow: none;
    -webkit-appearance: none;
    outline: none;
    margin-top: 10px
}

@media screen and (max-width: 1200px) {

    .banner-box form.email.name>input,
    .banner-box form.email.name .names-input input,
    .banner-box form.email.name>textarea {
        margin-top: 5px !important
    }
}

.banner-box form.email.name>input.r-none,
.banner-box form.email.name .names-input input.r-none,
.banner-box form.email.name>textarea.r-none {
    border-radius: 0px
}

.banner-box form.email.name>input.r-small,
.banner-box form.email.name .names-input input.r-small,
.banner-box form.email.name>textarea.r-small {
    border-radius: 10px
}

.banner-box form.email.name>input.r-full,
.banner-box form.email.name .names-input input.r-full,
.banner-box form.email.name>textarea.r-full {
    border-radius: var(--r-full)
}

.banner-box form.email.name>input:focus,
.banner-box form.email.name .names-input input:focus,
.banner-box form.email.name>textarea:focus {
    border-color: var(--accent)
}

.banner-box form.email.name>input:first-child,
.banner-box form.email.name .names-input input:first-child,
.banner-box form.email.name>textarea:first-child {
    margin-top: 0
}

.banner-box form.email.name>textarea {
    height: 200px;
    resize: none
}

@media screen and (max-width: 767px) {
    .banner-box form.email.name>textarea {
        height: 160px
    }
}

.banner-box form.email.name>button {
    cursor: pointer;
    position: unset;
    margin-top: 10px;
    max-width: 100%;
    height: 50px;
    font-size: var(--t-1)
}

@media screen and (max-width: 1200px) {
    .banner-box form.email.name>button {
        margin-top: 5px
    }
}

.banner-box form.email.name>button.r-none {
    border-radius: 0px
}

.banner-box form.email.name>button.r-small {
    border-radius: 10px
}

.banner-box form.email.name>button.r-full {
    border-radius: 20px
}

.banner-box form.email .email-only-form {
    border-radius: var(--min-shape)
}

.banner-box form.email .email-only-form.fully-rounded {
    border-radius: var(--shape)
}

.banner-box .frame-container {
    aspect-ratio: 16/9
}

.banner-box .frame-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.banner-box .banner-video {
    object-fit: cover
}

.banner-box .banner div.banner-image.banner-video-container {
    height: auto !important
}

@media screen and (max-width: 767px) {
    .banner-box .banner div.banner-image.banner-video-container {
        height: auto !important
    }
}

.banner-box .wrapper {
    overflow: hidden;
    max-width: 100%
}

.banner-box .banner-label {
    color: var(--foreground);
    background: var(--c-mix-1);
    padding: 3px 9px;
    margin-bottom: var(--s-1);
    border-radius: var(--shape);
    display: inline-block
}

.banner-box button {
    width: unset;
    height: 50px;
    background: var(--foreground);
    color: var(--background);
    padding: 0 var(--s-2);
    border: none;
    cursor: pointer
}

.banner-box button:hover {
    opacity: .8
}

.banner-box .banner-image {
    position: relative;
    height: var(--height) !important
}

@media screen and (max-width: 1024px) {
    .banner-box .banner-image {
        height: var(--mobile-height) !important
    }
}

.banner-box .banner-image>.unmute-btn {
    position: absolute;
    bottom: 20px;
    right: 20px;
    background-color: var(--c-mix-6) !important;
    transition: none;
    border: none;
    border-radius: calc(var(--min-shape)/2) !important;
    width: 40px !important;
    height: 40px !important;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0
}

.banner-box .banner-image>.unmute-btn svg {
    vertical-align: bottom;
    width: 20px
}

.banner-box .banner-image.r-none {
    border-radius: 0px
}

.banner-box .banner-image.r-none>img {
    border-radius: 0px
}

.banner-box .banner-image.r-none>.play-video-icon {
    border-radius: var(--r-none)
}

.banner-box .banner-image.r-small {
    border-radius: 10px
}

.banner-box .banner-image.r-small>img {
    border-radius: 10px
}

.banner-box .banner-image.r-small>.play-video-icon {
    border-radius: var(--r-small)
}

.banner-box .banner-image.r-full {
    border-radius: 20px
}

.banner-box .banner-image.r-full>img {
    border-radius: 20px
}

.banner-box .banner-image.r-full>.play-video-icon {
    border-radius: var(--r-full)
}

.banner-box .banner-image.default {
    background-color: var(--c-mix-1);
    display: flex;
    justify-content: center;
    align-items: center
}

.banner-box .banner-image.default>svg {
    width: 60px;
    height: 60px
}

.banner-box .banner-image>.play-video-icon {
    width: calc(var(--unit)*6);
    height: calc(var(--unit)*6);
    position: absolute;
    bottom: 20px;
    left: 20px;
    background: var(--background);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    filter: var(--c-mix-8)
}

.banner-box .banner-image>.play-video-icon:hover {
    transform: scale(1.1)
}

.banner-box .banner-image>.play-video-icon>svg {
    width: 12px;
    height: 12px
}

.banner-box .button-holder {
    display: flex;
    position: relative
}

.banner-box .button-holder button {
    display: flex;
    justify-content: center;
    align-items: center
}

.banner-box .button-holder .btn-2 {
    margin-left: var(--s-1)
}

.banner-box .button-holder .btn-2 button {
    background-color: var(--c-mix-1) !important;
    color: var(--foreground) !important
}

.banner-box .subtext {
    margin-top: var(--s-1) !important
}

.banner-box .banner-avatar {
    margin-top: var(--s-3);
    padding: var(--s-1) 10px;
    display: flex;
    justify-content: space-between;
    position: relative;
    flex-wrap: wrap;
    gap: var(--s-1);
    background-color: var(--background);
    border-radius: var(--min-shape);
    border: solid 1px rgba(0, 0, 0, 0)
}

.banner-box .banner-avatar .social-media-share-container {
    display: none !important
}

.banner-box .banner-avatar .social-media-share-container .social-media-share {
    background-color: var(--background) !important
}

.banner-box .banner-avatar .social-media-share-container .social-media-share:hover {
    opacity: .8
}

.banner-box .banner-avatar .social-media-share-container .social-media-share a {
    line-height: 1
}

.banner-box .banner-avatar .social-media-share-container svg path #twitter {
    stroke: var(--foreground)
}

.banner-box .banner-avatar .social-media-share-container svg path #facebook,
.banner-box .banner-avatar .social-media-share-container svg path #link {
    fill: var(--foreground)
}

.banner-box .banner-avatar .social-media-share-container .mobile-share {
    display: flex !important
}

.banner-box .banner-avatar .social-media-share-container .mobile-share svg {
    width: 16px;
    height: 16px
}

.banner-box .banner-avatar .social-media-share-container .mobile-share .copy-svg {
    display: none
}

@media screen and (min-width: 1025px) {
    .banner-box .banner-avatar .social-media-share-container .mobile-share svg {
        display: none
    }

    .banner-box .banner-avatar .social-media-share-container .mobile-share .copy-svg {
        display: unset
    }

    .banner-box .banner-avatar .social-media-share-container .mobile-share.copied::before {
        content: "Copied";
        width: fit-content;
        position: absolute;
        left: -50px;
        font-size: var(--t-0)
    }
}

.banner-box .banner-avatar.box-background {
    background-color: var(--background)
}

.banner-box .banner-avatar.box-background .social-media-share-container .social-media-share {
    background-color: var(--background) !important
}

.banner-box .banner-avatar.box-border {
    border-color: var(--c-mix-1);
    background-color: rgba(0, 0, 0, 0) !important
}

.banner-box .banner-avatar.box-border .social-media-share-container .social-media-share {
    background-color: var(--c-mix-1) !important
}

.banner-box .banner-avatar.box-none {
    background-color: rgba(0, 0, 0, 0) !important;
    border: none;
    padding: 0
}

.banner-box .banner-avatar.box-none .social-media-share-container .social-media-share {
    background-color: var(--c-mix-1) !important
}

.banner-box .banner-avatar.glass {
    background-color: var(--c-mix-6) !important;
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: saturate(150%) blur(20px)
}

.banner-box .banner-avatar.fully-rounded {
    border-radius: 30px
}

.banner-box .banner-avatar .prices {
    display: flex;
    position: relative
}

.banner-box .banner-avatar .prices.mandate-fair-price .fair-price-container {
    border-color: var(--foreground)
}

.banner-box .banner-avatar .prices.mandate-fair-price .fair-price-text {
    color: var(--foreground)
}

.banner-box .banner-avatar .prices .fair-price-container {
    height: calc(var(--unit)*4);
    font-family: var(--design-headFont) !important;
    font-size: var(--t-xm);
    background: var(--c-mix-1);
    color: var(--foreground);
    line-height: var(--t-xm);
    font-family: var(--design-bodyFont);
    border: solid 1px var(--c-mix-1);
    cursor: text;
    display: grid;
    grid-template-columns: auto 1fr;
    align-items: center;
    padding: 0 14px;
    gap: 10px
}

.banner-box .banner-avatar .prices .fair-price-container .currency {
    grid-column: 1/2;
    width: fit-content;
    font-size: var(--t-xm) !important;
    font-weight: 400;
    font-family: var(--design-bodyFont)
}

.banner-box .banner-avatar .prices .fair-price-container .filler {
    visibility: hidden;
    grid-column: 2/3;
    grid-row: 1/2;
    font-size: var(--t-xm) !important;
    width: fit-content;
    position: relative;
    font-family: var(--design-bodyFont);
    min-width: 35px
}

.banner-box .banner-avatar .prices .fair-price-container .filler>input {
    height: 100%;
    background-color: rgba(0, 0, 0, 0);
    border: none;
    padding: 0;
    font-size: var(--t-1) !important;
    color: var(--foreground);
    -webkit-appearance: none;
    -moz-appearance: textfield;
    outline: none;
    box-shadow: none;
    position: absolute;
    left: 0;
    right: 0;
    visibility: visible;
    font-family: var(--design-bodyFont)
}

.banner-box .banner-avatar .prices .fair-price-container .filler>input::-webkit-outer-spin-button,
.banner-box .banner-avatar .prices .fair-price-container .filler>input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0
}

.banner-box .banner-avatar .prices .fair-price-container .filler>input:focus {
    outline: none
}

@media screen and (max-width: 767px) {
    .banner-box .banner-avatar .prices .fair-price-container {
        font-size: var(--t-base)
    }
}

.banner-box .banner-avatar .prices .fair-price-text {
    font-family: var(--f-base);
    font-size: var(--t-0);
    line-height: var(--l-body);
    margin-left: var(--s-1);
    color: var(--c-mix-3);
    height: 100%;
    display: flex;
    align-items: center
}

.banner-box .banner-avatar .prices .fair-price-text.discounted {
    font-size: var(--t-0)
}

.banner-box .banner-avatar .prices .line-through.btn.details__purchase-cta {
    color: var(--c-mix-3) !important
}

.banner-box .banner-avatar .products-bar-btn {
    width: initial;
    padding: 0px !important;
    height: 40px;
    color: #fff;
    padding: 10px !important;
    border-radius: var(--shape);
    font-size: var(--t-1)
}

@media screen and (max-width: 767px) {
    .banner-box .banner-avatar .products-bar-btn {
        font-size: 1rem
    }
}

.banner-box .banner-avatar .products-bar-btn:first-child:not(.only-child) {
    color: var(--foreground) !important;
    background-color: var(--c-mix-1) !important
}

.banner-box .banner-avatar .products-bar-btn:first-child:not(.only-child).details__purchase-cta {
    margin-right: 10px
}

.banner-box .banner-avatar .products-bar-btn:first-child.only-child {
    background-color: var(--accent) !important
}

.banner-box .banner-avatar .avatar-details {
    display: flex;
    justify-content: space-between
}

.banner-box .banner-avatar .avatar-details>.avatar-image {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--c-mix-1);
    margin-right: 10px;
    border-radius: calc(var(--min-shape)/2)
}

.banner-box .banner-avatar .avatar-details>.avatar-image.circle {
    border-radius: 100%;
    object-fit: cover
}

.banner-box .banner-avatar .avatar-details>.avatar-image.circle>img {
    border-radius: 100%
}

.banner-box .banner-avatar .avatar-details>.avatar-image.r-none {
    border-radius: var(--min-shape)
}

.banner-box .banner-avatar .avatar-details>.avatar-image .default-image {
    display: flex
}

.banner-box .banner-avatar .avatar-details>.avatar-image .default-image svg {
    width: 16px;
    height: 16px
}

.banner-box .banner-avatar .avatar-details>.avatar-image>img {
    border-radius: calc(var(--min-shape)/2);
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: var(--a-speed)
}

.banner-box .banner-avatar .avatar-details .avatar-description p {
    margin-bottom: none
}

.banner-box .banner-avatar .avatar-details .avatar-description p.author-name {
    text-align: left
}

.banner-box .banner-avatar .avatar-details .avatar-description p.timestamp {
    color: var(--c-mix-3)
}

.banner-box .banner-avatar .share {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    gap: 10px
}

.banner-box .banner-avatar .share p {
    margin-right: var(--s-1)
}

.banner-box .banner-avatar .share.circle .btn {
    border-radius: 100%;
    object-fit: cover
}

.banner-box .banner-avatar .share.circle .btn>img {
    border-radius: 100%
}

.banner-box .banner-avatar .share .social-media-share-container {
    display: flex;
    gap: 10px
}

.banner-box .banner-avatar .share .social-media-share {
    height: 40px;
    width: 40px;
    border-radius: var(--shape);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0px
}

.banner-box .banner-avatar .share .btn {
    width: 40px;
    height: 40px;
    padding: 10px;
    border-radius: var(--shape)
}

.banner-box .banner-avatar .share .btn .buy-btn {
    font-size: var(--t-1);
    width: fit-content;
    white-space: nowrap
}

@media screen and (max-width: 1023px) {
    .banner-box .banner-avatar .share .btn .buy-btn {
        font-size: var(--t-xm)
    }
}

.banner-box .banner-avatar .share .btn svg {
    vertical-align: text-top;
    width: 16px
}

.banner-box .banner-avatar .share .btn:focus {
    border: none !important
}

.banner-box .banner-avatar .share .btn:last-child {
    margin-right: 0px
}

.banner-box .banner-avatar .share .btn.products-bar-btn {
    width: initial;
    padding: 0px !important
}

.banner-box .banner-avatar .share .btn.products-bar-btn button {
    border-radius: var(--shape);
    padding: 10px !important;
    height: inherit !important
}

.banner-box .banner-avatar .share #share-post-button {
    background-color: var(--c-mix-1) !important
}

@media screen and (max-width: 1024px) {
    .banner-box .banner-avatar.product-avatar .share {
        width: 100%;
        flex-basis: 100%;
        display: grid;
        grid-template-columns: 1fr;
        gap: 10px
    }

    .banner-box .banner-avatar.product-avatar .share .btn.products-bar-btn {
        width: 100%
    }

    .banner-box .banner-avatar.product-avatar .share .btn.products-bar-btn .buy-btn {
        width: 100%
    }
}

.banner-box .banner-avatar.product-avatar .share.full-width {
    width: 100%;
    flex-basis: 100%
}

.banner-box .banner-avatar.product-avatar .share.full-width .btn {
    width: 100%
}

@media screen and (max-width: 1024px) {
    .banner-box .banner-avatar.product-avatar {
        display: flex;
        flex-direction: row
    }

    .banner-box .banner-avatar.product-avatar .share {
        flex-basis: auto;
        width: auto
    }
}

.banner-box #backdrop {
    position: fixed;
    top: 0px;
    left: 0px;
    height: 100vh;
    width: 100vw;
    z-index: -1
}

.banner-box .banner-layout-1 {
    width: 100%;
    padding: var(--s-2)
}

.banner-box .banner-layout-1>.banner {
    width: 100%;
    display: flex;
    flex-direction: column
}

.banner-box .banner-layout-1>.banner>.banner-text {
    min-width: auto;
    justify-content: center
}

.banner-box .banner-layout-1>.banner>.banner-text>h1 {
    margin-bottom: 0
}

.banner-box .banner-layout-1>.banner>.banner-text>p {
    color: var(--c-mix-3)
}

.banner-box .banner-layout-1>.banner>.banner-text>section p {
    color: var(--c-mix-3)
}

.banner-box .banner-layout-1>.banner>.banner-text>.button-holder,
.banner-box .banner-layout-1>.banner>.banner-text>.email,
.banner-box .banner-layout-1>.banner>.banner-text>.email.name {
    margin-top: var(--s-2)
}

.banner-box .banner-layout-1>.banner>.banner-text .button-holder {
    height: calc(var(--unit)*5);
    display: flex;
    justify-content: flex-start
}

.banner-box .banner-layout-1>.banner>.banner-text .button-holder.subtitle-width-size {
    align-self: flex-start
}

.banner-box .banner-layout-1>.banner>.banner-text .button-holder>button {
    width: max-content
}

.banner-box .banner-layout-1>.banner>.banner-image {
    width: 100%;
    height: 400px;
    margin-top: var(--spacing-gap)
}

@media screen and (max-width: 767px) {
    .banner-box .banner-layout-1>.banner>.banner-image {
        height: calc(var(--height)/2) !important;
        margin-top: var(--spacing-gap-mobile)
    }
}

.banner-box .banner-layout-1>.banner>.banner-image>img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover
}

.banner-box .banner-layout-1>.banner>.banner-image>img.Fill {
    object-fit: cover
}

.banner-box .banner-layout-1>.banner>.banner-image>img.Fit {
    object-fit: contain
}

.banner-box .banner-layout-1>.banner>.banner-image>img.transparent {
    background: rgba(0, 0, 0, 0)
}

.banner-box .banner-layout-1>.banner>.banner-image>img.grey {
    background: var(--c-mix-1)
}

.banner-box .banner-layout-1>.banner>.banner-image>img.accent {
    background: var(--accent)
}

@media screen and (max-width: 767px) {
    .banner-box .banner-layout-1>.banner>.banner-image>img {
        height: calc(var(--height)/2) !important
    }
}

@media screen and (max-width: 767px) {
    .banner-box .banner-layout-1>.banner>.banner-image.default {
        height: calc(var(--height)/2) !important
    }
}

.banner-box .banner-layout-1>.banner .details__benefits {
    flex-direction: row;
    flex-wrap: wrap
}

@media screen and (min-width: 1024px) {
    .banner-box .banner-layout-1 {
        padding: var(--s-5) var(--s-2)
    }

    .banner-box .banner-layout-1>.banner {
        width: 100%;
        display: flex;
        flex-direction: column
    }

    .banner-box .banner-layout-1>.banner>.banner-text {
        width: 100%;
        display: flex;
        flex-direction: column
    }

    .banner-box .banner-layout-1>.banner>.banner-text.left-title {
        flex-direction: row;
        justify-content: space-between
    }

    .banner-box .banner-layout-1>.banner>.banner-text.left-title section {
        width: calc(50% - 50px)
    }

    .banner-box .banner-layout-1>.banner>.banner-text.left-title section:last-child {
        display: flex;
        flex-direction: column
    }

    .banner-box .banner-layout-1>.banner>.banner-text.left-title section:last-child.subtitle-width-size {
        width: 50%
    }

    .banner-box .banner-layout-1>.banner>.banner-text>h1 {
        line-height: var(--l-title);
        margin-bottom: 0
    }

    .banner-box .banner-layout-1>.banner>.banner-text>p,
    .banner-box .banner-layout-1>.banner>.banner-text>.email,
    .banner-box .banner-layout-1>.banner>.banner-text>.email.name {
        width: 100%
    }

    .banner-box .banner-layout-1>.banner>.banner-text>.button-holder,
    .banner-box .banner-layout-1>.banner>.banner-text>.email,
    .banner-box .banner-layout-1>.banner>.banner-text>.email.name {
        margin-top: var(--s-2)
    }

    .banner-box .banner-layout-1>.banner>.banner-text .button-holder {
        height: calc(var(--unit)*5);
        display: flex
    }

    .banner-box .banner-layout-1>.banner>.banner-text .button-holder>button {
        width: max-content
    }

    .banner-box .banner-layout-1>.banner>.banner-image {
        width: 100%;
        height: 280px
    }
}

.banner-box .banner-layout-2 {
    width: 100%;
    padding: var(--s-2)
}

.banner-box .banner-layout-2>.banner {
    width: 100%;
    display: flex;
    flex-direction: column-reverse
}

.banner-box .banner-layout-2>.banner>.banner-text {
    min-width: auto;
    justify-content: center
}

.banner-box .banner-layout-2>.banner>.banner-text>h1 {
    margin-bottom: 0
}

.banner-box .banner-layout-2>.banner>.banner-text>p {
    color: var(--c-mix-3)
}

.banner-box .banner-layout-2>.banner>.banner-text>section p {
    color: var(--c-mix-3)
}

.banner-box .banner-layout-2>.banner>.banner-text .button-holder {
    height: calc(var(--unit)*5);
    display: flex;
    justify-content: flex-start
}

.banner-box .banner-layout-2>.banner>.banner-text .button-holder.subtitle-width-size {
    align-self: flex-start
}

.banner-box .banner-layout-2>.banner>.banner-text .button-holder>button {
    width: max-content
}

.banner-box .banner-layout-2>.banner>.banner-text>.button-holder,
.banner-box .banner-layout-2>.banner>.banner-text>.email,
.banner-box .banner-layout-2>.banner>.banner-text>.email.name {
    margin-top: var(--s-2)
}

.banner-box .banner-layout-2>.banner>.banner-image {
    width: 100%;
    height: 400px;
    margin-bottom: var(--spacing-gap)
}

@media screen and (max-width: 767px) {
    .banner-box .banner-layout-2>.banner>.banner-image {
        height: calc(var(--height)/2) !important;
        margin-bottom: var(--spacing-gap-mobile)
    }
}

.banner-box .banner-layout-2>.banner>.banner-image>img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover
}

.banner-box .banner-layout-2>.banner>.banner-image>img.Fill {
    object-fit: cover
}

.banner-box .banner-layout-2>.banner>.banner-image>img.Fit {
    object-fit: contain
}

.banner-box .banner-layout-2>.banner>.banner-image>img.transparent {
    background: rgba(0, 0, 0, 0)
}

.banner-box .banner-layout-2>.banner>.banner-image>img.grey {
    background: var(--c-mix-1)
}

.banner-box .banner-layout-2>.banner>.banner-image>img.accent {
    background: var(--accent)
}

@media screen and (max-width: 767px) {
    .banner-box .banner-layout-2>.banner>.banner-image>img {
        height: calc(var(--height)/2) !important
    }
}

@media screen and (max-width: 767px) {
    .banner-box .banner-layout-2>.banner>.banner-image.default {
        height: calc(var(--height)/2) !important
    }
}

.banner-box .banner-layout-2>.banner .avatar-image .banner-image {
    border-radius: 100%;
    margin-bottom: var(--s-2);
    object-fit: cover
}

.banner-box .banner-layout-2>.banner .avatar-image .banner-image.default>svg {
    width: 30px;
    height: 30px
}

@media screen and (max-width: 767px) {
    .banner-box .banner-layout-2>.banner .avatar-image .banner-image {
        width: 100px !important;
        height: 100px !important
    }
}

.banner-box .banner-layout-2>.banner .details__benefits {
    flex-direction: row;
    flex-wrap: wrap;
    order: -1
}

@media screen and (min-width: 1024px) {
    .banner-box .banner-layout-2 {
        padding: var(--s-5) var(--s-2)
    }

    .banner-box .banner-layout-2>.banner {
        width: 100%;
        display: flex;
        flex-direction: column-reverse
    }

    .banner-box .banner-layout-2>.banner>.banner-text {
        width: 100%;
        display: flex;
        flex-direction: column
    }

    .banner-box .banner-layout-2>.banner>.banner-text.left-title {
        flex-direction: row;
        justify-content: space-between
    }

    .banner-box .banner-layout-2>.banner>.banner-text.left-title section {
        width: calc(50% - 50px)
    }

    .banner-box .banner-layout-2>.banner>.banner-text.left-title section:last-child {
        display: flex;
        flex-direction: column
    }

    .banner-box .banner-layout-2>.banner>.banner-text.left-title section:last-child.subtitle-width-size {
        width: 50%
    }

    .banner-box .banner-layout-2>.banner>.banner-text>h1 {
        line-height: var(--l-title);
        margin-bottom: 0
    }

    .banner-box .banner-layout-2>.banner>.banner-text>p,
    .banner-box .banner-layout-2>.banner>.banner-text>.email,
    .banner-box .banner-layout-2>.banner>.banner-text>.email.name {
        width: 100%
    }

    .banner-box .banner-layout-2>.banner>.banner-text .button-holder {
        height: calc(var(--unit)*5);
        display: flex
    }

    .banner-box .banner-layout-2>.banner>.banner-text .button-holder>button {
        width: max-content
    }

    .banner-box .banner-layout-2>.banner>.banner-image {
        width: 100%;
        height: 280px
    }
}

.banner-box .banner-layout-3 {
    width: 100%;
    padding: var(--s-2)
}

.banner-box .banner-layout-3>.banner {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center
}

.banner-box .banner-layout-3>.banner .banner-avatar {
    width: 100%
}

.banner-box .banner-layout-3>.banner>.banner-text {
    width: 100%
}

.banner-box .banner-layout-3>.banner>.banner-text>h1 {
    margin-bottom: 0
}

.banner-box .banner-layout-3>.banner>.banner-text>p {
    color: var(--c-mix-3)
}

.banner-box .banner-layout-3>.banner>.banner-text>.button-holder,
.banner-box .banner-layout-3>.banner>.banner-text>.email,
.banner-box .banner-layout-3>.banner>.banner-text>.email.name {
    margin-top: var(--s-2)
}

.banner-box .banner-layout-3>.banner>.banner-image {
    width: 100%;
    height: 400px;
    margin-top: var(--spacing-gap-mobile)
}

@media screen and (max-width: 767px) {
    .banner-box .banner-layout-3>.banner>.banner-image {
        height: calc(var(--height)/2) !important
    }
}

.banner-box .banner-layout-3>.banner>.banner-image>img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: contain
}

.banner-box .banner-layout-3>.banner>.banner-image>img.Fit {
    object-fit: contain
}

.banner-box .banner-layout-3>.banner>.banner-image>img.transparent {
    background: rgba(0, 0, 0, 0)
}

.banner-box .banner-layout-3>.banner>.banner-image>img.grey {
    background: var(--c-mix-1)
}

.banner-box .banner-layout-3>.banner>.banner-image>img.accent {
    background: var(--accent)
}

@media screen and (max-width: 767px) {
    .banner-box .banner-layout-3>.banner>.banner-image>img {
        height: calc(var(--height)/2) !important
    }
}

@media screen and (max-width: 767px) {
    .banner-box .banner-layout-3>.banner>.banner-image.default {
        height: calc(var(--height)/2) !important
    }
}

@media screen and (min-width: 1024px) {
    .banner-box .banner-layout-3 {
        padding: var(--s-5) var(--s-2)
    }

    .banner-box .banner-layout-3>.banner {
        width: 100%;
        display: flex;
        flex-direction: row;
        justify-content: space-between
    }

    .banner-box .banner-layout-3>.banner>.banner-text {
        width: calc(50% - var(--spacing-gap)/2);
        align-self: center;
        margin-bottom: 0
    }

    .banner-box .banner-layout-3>.banner>.banner-text>h1 {
        line-height: var(--l-title);
        margin-bottom: 0
    }

    .banner-box .banner-layout-3>.banner>.banner-text>.button-holder,
    .banner-box .banner-layout-3>.banner>.banner-text>.email,
    .banner-box .banner-layout-3>.banner>.banner-text>.email.name {
        margin-top: var(--s-2)
    }

    .banner-box .banner-layout-3>.banner>.banner-image {
        width: calc(50% - var(--spacing-gap)/2);
        height: 600px;
        margin-top: 0
    }
}

@media screen and (min-width: 1025px)and (max-width: 1200px) {
    .banner-box .banner-layout-3>.banner .banner-text {
        width: calc(50% - var(--spacing-gap-mobile)/2)
    }

    .banner-box .banner-layout-3>.banner>.banner-image {
        width: calc(50% - var(--spacing-gap-mobile)/2)
    }
}

@media screen and (max-width: 1023px)and (min-width: 768px) {
    .banner-box .banner-layout-3>.banner {
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: space-between
    }

    .banner-box .banner-layout-3>.banner>.banner-text {
        width: 100%;
        align-self: center
    }

    .banner-box .banner-layout-3>.banner>.banner-text>h1 {
        line-height: var(--l-title);
        margin-bottom: 0
    }

    .banner-box .banner-layout-3>.banner>.banner-image {
        width: 100%;
        height: 500px
    }
}

.banner-box .banner-layout-4 {
    width: 100%;
    padding: var(--s-2)
}

.banner-box .banner-layout-4>.banner {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center
}

.banner-box .banner-layout-4>.banner .banner-avatar {
    width: 100%
}

.banner-box .banner-layout-4>.banner>.banner-text {
    width: 100%
}

.banner-box .banner-layout-4>.banner>.banner-text>h1 {
    margin-bottom: 0
}

.banner-box .banner-layout-4>.banner>.banner-text>p {
    color: var(--c-mix-3)
}

.banner-box .banner-layout-4>.banner>.banner-text>.button-holder,
.banner-box .banner-layout-4>.banner>.banner-text>.email,
.banner-box .banner-layout-4>.banner>.banner-text>.email.name {
    margin-top: var(--s-2)
}

.banner-box .banner-layout-4>.banner>.banner-image {
    width: 100%;
    height: 400px;
    margin-bottom: var(--spacing-gap-mobile)
}

@media screen and (max-width: 767px) {
    .banner-box .banner-layout-4>.banner>.banner-image {
        height: calc(var(--height)/2) !important
    }
}

.banner-box .banner-layout-4>.banner>.banner-image>img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover
}

.banner-box .banner-layout-4>.banner>.banner-image>img.Fill {
    object-fit: cover
}

.banner-box .banner-layout-4>.banner>.banner-image>img.Fit {
    object-fit: contain
}

.banner-box .banner-layout-4>.banner>.banner-image>img.transparent {
    background: rgba(0, 0, 0, 0)
}

.banner-box .banner-layout-4>.banner>.banner-image>img.grey {
    background: var(--c-mix-1)
}

.banner-box .banner-layout-4>.banner>.banner-image>img.accent {
    background: var(--accent)
}

@media screen and (max-width: 767px) {
    .banner-box .banner-layout-4>.banner>.banner-image>img {
        height: calc(var(--height)/2) !important
    }
}

@media screen and (max-width: 767px) {
    .banner-box .banner-layout-4>.banner>.banner-image.default {
        height: calc(var(--height)/2) !important
    }
}

@media screen and (min-width: 1024px) {
    .banner-box .banner-layout-4 {
        padding: var(--s-5) var(--s-2)
    }

    .banner-box .banner-layout-4>.banner {
        width: 100%;
        display: flex;
        flex-direction: row;
        justify-content: space-between
    }

    .banner-box .banner-layout-4>.banner>.banner-text {
        width: calc(50% - var(--spacing-gap)/2);
        align-self: center
    }

    .banner-box .banner-layout-4>.banner>.banner-text>h1 {
        line-height: var(--l-title);
        margin-bottom: 0
    }

    .banner-box .banner-layout-4>.banner>.banner-image {
        width: calc(50% - var(--spacing-gap)/2);
        height: 600px;
        margin-bottom: 0
    }
}

@media screen and (min-width: 1025px)and (max-width: 1200px) {
    .banner-box .banner-layout-4>.banner .banner-text {
        width: calc(50% - var(--spacing-gap-mobile)/2)
    }

    .banner-box .banner-layout-4>.banner>.banner-image {
        width: calc(50% - var(--spacing-gap-mobile)/2)
    }
}

@media screen and (max-width: 1023px)and (min-width: 768px) {
    .banner-box .banner-layout-4>.banner {
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: space-between
    }

    .banner-box .banner-layout-4>.banner>.banner-text {
        width: 100%;
        align-self: center
    }

    .banner-box .banner-layout-4>.banner>.banner-text>h1 {
        line-height: var(--l-title);
        margin-bottom: 0
    }

    .banner-box .banner-layout-4>.banner>.banner-image {
        width: 100%;
        height: 500px
    }
}

.banner-box .banner-layout-5 {
    width: 100%;
    padding: var(--s-2)
}

.banner-box .banner-layout-5>.banner {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center
}

.banner-box .banner-layout-5>.banner .banner-avatar {
    width: 100%
}

.banner-box .banner-layout-5>.banner>.banner-text {
    width: 100%;
    margin-bottom: var(--s-2)
}

.banner-box .banner-layout-5>.banner>.banner-text>h1 {
    margin-bottom: 0
}

.banner-box .banner-layout-5>.banner>.banner-description {
    width: 100%
}

.banner-box .banner-layout-5>.banner>.banner-description>.banner-image {
    width: 100%;
    height: 400px;
    margin-bottom: var(--spacing-gap-mobile)
}

@media screen and (max-width: 767px) {
    .banner-box .banner-layout-5>.banner>.banner-description>.banner-image {
        height: calc(var(--height)/2) !important
    }
}

.banner-box .banner-layout-5>.banner>.banner-description>.banner-image>img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover
}

.banner-box .banner-layout-5>.banner>.banner-description>.banner-image>img.Fill {
    object-fit: cover
}

.banner-box .banner-layout-5>.banner>.banner-description>.banner-image>img.Fit {
    object-fit: contain
}

.banner-box .banner-layout-5>.banner>.banner-description>.banner-image>img.transparent {
    background: rgba(0, 0, 0, 0)
}

.banner-box .banner-layout-5>.banner>.banner-description>.banner-image>img.grey {
    background: var(--c-mix-1)
}

.banner-box .banner-layout-5>.banner>.banner-description>.banner-image>img.accent {
    background: var(--accent)
}

@media screen and (max-width: 767px) {
    .banner-box .banner-layout-5>.banner>.banner-description>.banner-image>img {
        height: calc(var(--height)/2) !important
    }
}

@media screen and (max-width: 767px) {
    .banner-box .banner-layout-5>.banner>.banner-description>.banner-image.default {
        height: calc(var(--height)/2) !important
    }
}

.banner-box .banner-layout-5>.banner>.banner-description>.banner-text-subtitle {
    width: 100%
}

.banner-box .banner-layout-5>.banner>.banner-description>.banner-text-subtitle>p {
    color: var(--c-mix-3);
    margin-bottom: var(--s-2)
}

@media screen and (min-width: 1024px) {
    .banner-box .banner-layout-5 {
        padding: var(--s-5) var(--s-2)
    }

    .banner-box .banner-layout-5>.banner {
        width: 100%;
        display: flex;
        flex-direction: column
    }

    .banner-box .banner-layout-5>.banner>.banner-text {
        width: 100%;
        margin-bottom: var(--s-2)
    }

    .banner-box .banner-layout-5>.banner>.banner-text>h1 {
        line-height: var(--l-title);
        margin-bottom: 0
    }

    .banner-box .banner-layout-5>.banner>.banner-description {
        width: 100%;
        display: flex;
        justify-content: space-between
    }

    .banner-box .banner-layout-5>.banner>.banner-description>.banner-image {
        width: 50%;
        height: 600px;
        margin-bottom: 0;
        width: calc(50% - var(--spacing-gap)/2)
    }

    .banner-box .banner-layout-5>.banner>.banner-description>.banner-text-subtitle {
        width: calc(50% - var(--spacing-gap)/2)
    }
}

@media screen and (min-width: 1025px)and (max-width: 1200px) {
    .banner-box .banner-layout-5>.banner .banner-description>.banner-text-subtitle {
        width: calc(50% - var(--spacing-gap-mobile)/2)
    }

    .banner-box .banner-layout-5>.banner .banner-description>.banner-image {
        width: calc(50% - var(--spacing-gap-mobile)/2)
    }
}

.banner-box .banner-layout-6 {
    width: 100%;
    padding: var(--s-2)
}

.banner-box .banner-layout-6>.banner {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center
}

.banner-box .banner-layout-6>.banner .banner-avatar {
    width: 100%
}

.banner-box .banner-layout-6>.banner>.banner-text {
    width: 100%;
    margin-bottom: var(--s-2)
}

.banner-box .banner-layout-6>.banner>.banner-text>h1 {
    margin-bottom: 0
}

.banner-box .banner-layout-6>.banner>.banner-description {
    width: 100%
}

.banner-box .banner-layout-6>.banner>.banner-description>.banner-image {
    width: 100%;
    height: 400px;
    margin-bottom: var(--spacing-gap-mobile)
}

@media screen and (max-width: 767px) {
    .banner-box .banner-layout-6>.banner>.banner-description>.banner-image {
        height: calc(var(--height)/2) !important
    }
}

.banner-box .banner-layout-6>.banner>.banner-description>.banner-image>img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover
}

.banner-box .banner-layout-6>.banner>.banner-description>.banner-image>img.Fill {
    object-fit: cover
}

.banner-box .banner-layout-6>.banner>.banner-description>.banner-image>img.Fit {
    object-fit: contain
}

.banner-box .banner-layout-6>.banner>.banner-description>.banner-image>img.transparent {
    background: rgba(0, 0, 0, 0)
}

.banner-box .banner-layout-6>.banner>.banner-description>.banner-image>img.grey {
    background: var(--c-mix-1)
}

.banner-box .banner-layout-6>.banner>.banner-description>.banner-image>img.accent {
    background: var(--accent)
}

@media screen and (max-width: 767px) {
    .banner-box .banner-layout-6>.banner>.banner-description>.banner-image>img {
        height: calc(var(--height)/2) !important
    }
}

@media screen and (max-width: 767px) {
    .banner-box .banner-layout-6>.banner>.banner-description>.banner-image.default {
        height: calc(var(--height)/2) !important
    }
}

.banner-box .banner-layout-6>.banner>.banner-description>.banner-text-subtitle {
    width: 100%
}

.banner-box .banner-layout-6>.banner>.banner-description>.banner-text-subtitle>p {
    color: var(--c-mix-3);
    margin-bottom: var(--s-2)
}

@media screen and (min-width: 1024px) {
    .banner-box .banner-layout-6 {
        padding: var(--s-5) var(--s-2)
    }

    .banner-box .banner-layout-6>.banner {
        width: 100%;
        display: flex;
        flex-direction: column
    }

    .banner-box .banner-layout-6>.banner>.banner-text {
        width: 100%;
        margin-bottom: var(--s-2)
    }

    .banner-box .banner-layout-6>.banner>.banner-text>h1 {
        line-height: var(--l-title);
        margin-bottom: 0
    }

    .banner-box .banner-layout-6>.banner>.banner-description {
        width: 100%;
        display: flex;
        justify-content: space-between;
        flex-direction: row-reverse
    }

    .banner-box .banner-layout-6>.banner>.banner-description>.banner-image {
        width: calc(50% - var(--spacing-gap)/2);
        height: 600px;
        margin-bottom: 0
    }

    .banner-box .banner-layout-6>.banner>.banner-description>.banner-text-subtitle {
        width: calc(50% - var(--spacing-gap)/2)
    }
}

@media screen and (min-width: 1025px)and (max-width: 1200px) {
    .banner-box .banner-layout-6>.banner .banner-description>.banner-text-subtitle {
        width: calc(50% - var(--spacing-gap-mobile)/2)
    }

    .banner-box .banner-layout-6>.banner .banner-description>.banner-image {
        width: calc(50% - var(--spacing-gap-mobile)/2)
    }
}

.banner-box .banner-layout-7 {
    width: 100%;
    padding: var(--s-2);
    position: relative;
    z-index: 1
}

.banner-box .banner-layout-7 .drop {
    position: absolute;
    background: var(--c-mix-6);
    z-index: -1;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    -webkit-backdrop-filter: saturate(100%) blur(5px);
    backdrop-filter: saturate(100%) blur(5px)
}

.banner-box .banner-layout-7>.banner {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center
}

.banner-box .banner-layout-7>.banner>.banner-text {
    min-width: auto;
    justify-content: center
}

.banner-box .banner-layout-7>.banner>.banner-text>h1 {
    margin-bottom: 0;
    color: var(--c-light) !important
}

.banner-box .banner-layout-7>.banner>.banner-text>p {
    color: var(--c-light) !important
}

.banner-box .banner-layout-7>.banner>.banner-text>.button-holder,
.banner-box .banner-layout-7>.banner>.banner-text>.email,
.banner-box .banner-layout-7>.banner>.banner-text>.email.name {
    margin-top: var(--s-2)
}

.banner-box .banner-layout-7>.banner>.banner-text .button-holder {
    height: calc(var(--unit)*5);
    display: flex;
    justify-content: flex-start
}

.banner-box .banner-layout-7>.banner>.banner-text .button-holder>button {
    width: max-content
}

.banner-box .banner-layout-7>.banner>.banner-image {
    width: 100%;
    height: 400px
}

.banner-box .banner-layout-7>.banner>.banner-image>img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover
}

.banner-box .banner-layout-7>.banner>.banner-image>img.Fill {
    object-fit: cover
}

.banner-box .banner-layout-7>.banner>.banner-image>img.Fit {
    object-fit: contain
}

.banner-box .banner-layout-7>.banner>.banner-image>img.transparent {
    background: rgba(0, 0, 0, 0)
}

.banner-box .banner-layout-7>.banner>.banner-image>img.grey {
    background: var(--c-mix-1)
}

.banner-box .banner-layout-7>.banner>.banner-image>img.accent {
    background: var(--accent)
}

@media screen and (min-width: 1024px) {
    .banner-box .banner-layout-7 {
        padding: var(--s-5) var(--s-2)
    }

    .banner-box .banner-layout-7>.banner {
        width: 100%;
        display: flex;
        flex-direction: column
    }

    .banner-box .banner-layout-7>.banner>.banner-text {
        width: 100%;
        display: flex;
        flex-direction: column;
        align-self: center;
        align-items: center
    }

    .banner-box .banner-layout-7>.banner>.banner-text>h1 {
        line-height: var(--l-title);
        margin-bottom: 0
    }

    .banner-box .banner-layout-7>.banner>.banner-text>p,
    .banner-box .banner-layout-7>.banner>.banner-text>.email,
    .banner-box .banner-layout-7>.banner>.banner-text>.email.name {
        width: 100%
    }

    .banner-box .banner-layout-7>.banner>.banner-text>.button-holder,
    .banner-box .banner-layout-7>.banner>.banner-text>.email,
    .banner-box .banner-layout-7>.banner>.banner-text>.email.name {
        margin-top: var(--s-2)
    }

    .banner-box .banner-layout-7>.banner>.banner-text .button-holder {
        height: calc(var(--unit)*5);
        display: flex;
        justify-content: center
    }

    .banner-box .banner-layout-7>.banner>.banner-text .button-holder>button {
        width: max-content
    }

    .banner-box .banner-layout-7>.banner>.banner-image {
        width: 100%;
        height: 280px
    }
}

.banner-box .video-bg {
    object-fit: cover
}

.banner-box.new.account-for-header {
    --announcement-height: 0px;
    --normailzed-logo-height: clamp(35px, var(--logo-height), 1000px);
    --normailzed-logo-height-mobile: clamp(10px, var(--logo-height-mobile), 1000px)
}

.banner-box.new.account-for-header.text-logo {
    --normailzed-logo-height: clamp(35px, 0px, 1000px);
    --normailzed-logo-height-mobile: clamp(10px, 0px, 1000px)
}

.banner-box.new.account-for-header .section-content .banner-box .inner-content {
    width: 100%;
    padding-top: calc(50px + var(--normailzed-logo-height-mobile) + var(--announcement-height))
}

@media screen and (min-width: 1024px) {
    .banner-box.new.account-for-header .section-content .banner-box .inner-content {
        padding-top: calc(45px + var(--normailzed-logo-height) + var(--announcement-height))
    }
}

.banner-box.new.account-for-header.header-in-float .section-content .banner-box .inner-content {
    width: 100%;
    padding-top: calc(55px + var(--logo-height-mobile) + var(--announcement-height))
}

@media screen and (min-width: 1024px) {
    .banner-box.new.account-for-header.header-in-float .section-content .banner-box .inner-content {
        padding-top: calc(50px + var(--logo-height) + var(--announcement-height))
    }
}

.banner-box.new.account-for-header.account-for-announcement {
    --announcement-height: 30px
}

.banner-box .section-content .banner-box .inner-content>[class*=banner-layout] {
    padding-top: var(--spacing-top-mobile, 10px);
    padding-bottom: var(--spacing-bottom-mobile, 10px);
    padding-left: var(--spacing-left-mobile, 10px);
    padding-right: var(--spacing-right-mobile, 10px)
}

@media screen and (min-width: 1024px) {
    .banner-box .section-content .banner-box .inner-content>[class*=banner-layout] {
        padding-top: var(--spacing-top, 10px);
        padding-bottom: var(--spacing-bottom, 10px);
        padding-left: var(--spacing-left, 10px);
        padding-right: var(--spacing-right, 10px)
    }
}

.banner-text h1 {
    margin-bottom: 0px !important
}

@media screen and (max-width: 768px) {

    .banner-text h1.title.t-8,
    .banner-text h1.t-8 {
        display: block
    }
}

@media screen and (min-width: 768px) {
    .banner-text h1 {
        display: block
    }
}

.tel-input {
    margin-top: 10px;
    margin-bottom: 0px;
    height: inherit
}

.tel-input .number-input,
.tel-input .country-selector {
    height: 50px !important
}

@media screen and (max-width: 1200px) {
    .tel-input {
        margin-top: 5px;
        margin-bottom: 15px
    }
}

.banner-box .banner>.banner-text.full {
    width: 100%
}

.banner-box .banner.full .banner-description .banner-text-subtitle {
    width: 100%
}

#error,
#feedback {
    background: var(--c-mix-1);
    padding: 10px;
    border-radius: var(--shape);
    margin-top: var(--s-4);
    color: var(--foreground) !important
}

.feedback {
    margin-top: var(--s-1);
    color: var(--foreground) !important
}

.pre-line {
    white-space: pre-line !important
}

.banner-box.new .section-bg-wrapper .section-component {
    padding: 0 var(--s-2) !important
}

.banner-box.new .section-bg-wrapper.section-height-fill {
    height: auto;
    display: grid;
    grid-template-rows: 1fr;
    grid-template-columns: 1fr;
    min-height: 100vh
}

@media screen and (min-width: 1024px) {
    .banner-box.new .section-bg-wrapper.section-height-fill {
        min-height: 100vh
    }
}

.banner-box.new .section-bg-wrapper .inner-content {
    height: 100%
}

.banner-box.new .section-bg-wrapper .inner-content::before {
    display: none !important
}

.banner-box.new .section-bg-wrapper.bg-video::before {
    display: none !important
}

.banner-box.new .section-bg-wrapper.grey .banner-avatar {
    background-color: var(--background)
}

.banner-box.new .section-bg-wrapper.grey .banner-avatar .social-media-share {
    background-color: var(--c-mix-1) !important
}

.banner-box.new .section-bg-wrapper.grey .banner-avatar.box-border {
    border-color: var(--background);
    background-color: rgba(0, 0, 0, 0) !important
}

.banner-box.new .section-bg-wrapper.grey .banner-avatar.box-border #share-post-button[aria-label],
.banner-box.new .section-bg-wrapper.grey .banner-avatar.box-none #share-post-button[aria-label] {
    background-color: var(--background) !important
}

.banner-box.new .section-bg-wrapper.grey .banner-avatar.box-border .prices .details__purchase-cta.products-bar-btn:first-child:not(.only-child),
.banner-box.new .section-bg-wrapper.grey .banner-avatar.box-none .prices .details__purchase-cta.products-bar-btn:first-child:not(.only-child) {
    background-color: var(--background) !important
}

.banner-box.new .section-bg-wrapper.grey .banner-avatar.box-border .prices .fair-price-container,
.banner-box.new .section-bg-wrapper.grey .banner-avatar.box-none .prices .fair-price-container {
    border-color: var(--background) !important;
    background-color: var(--background) !important
}

.banner-box.new .section-bg-wrapper.grey .banner-avatar.box-border .social-media-share-container .social-media-share,
.banner-box.new .section-bg-wrapper.grey .banner-avatar.box-none .social-media-share-container .social-media-share {
    background-color: var(--background) !important
}

.banner-box.new .section-bg-wrapper.grey .banner-avatar.box-background {
    background-color: var(--background)
}

.banner-box.new .section-bg-wrapper.grey .banner-avatar.box-background .social-media-share-container .social-media-share {
    background-color: var(--c-mix-1) !important
}

.banner-box.new .section-bg-wrapper.grey .banner-avatar .share #share-post-button {
    background: var(--c-mix-1) !important
}

.banner-box.new .section-bg-wrapper.grey .banner-avatar .prices .fair-price-container {
    background: var(--c-mix-1) !important
}

.banner-box.new .section-bg-wrapper.accent .banner-avatar .social-media-share {
    background-color: var(--c-mix-1) !important
}

.banner-box.new .section-bg-wrapper.accent .banner-avatar.box-border {
    background-color: rgba(0, 0, 0, 0) !important
}

.banner-box.new .section-bg-wrapper.accent .banner-avatar.box-border #share-post-button {
    background-color: var(--background) !important
}

.banner-box.new .section-bg-wrapper.accent .banner-avatar.box-none .prices .products-bar-btn:first-child.only-child,
.banner-box.new .section-bg-wrapper.accent .banner-avatar.box-border .prices .products-bar-btn:first-child.only-child {
    background-color: var(--background) !important
}

.banner-box.new .section-bg-wrapper.accent .banner-avatar.box-none .prices .products-bar-btn.salePrice-amount,
.banner-box.new .section-bg-wrapper.accent .banner-avatar.box-border .prices .products-bar-btn.salePrice-amount {
    background-color: var(--background) !important;
    color: var(--foreground) !important
}

.banner-box.new .section-bg-wrapper.accent .banner-avatar.box-none .prices .fair-price-text,
.banner-box.new .section-bg-wrapper.accent .banner-avatar.box-border .prices .fair-price-text {
    color: var(--r-color)
}

.banner-box.new .section-bg-wrapper.accent .banner-avatar.box-none .prices .fair-price-container,
.banner-box.new .section-bg-wrapper.accent .banner-avatar.box-border .prices .fair-price-container {
    background-color: var(--c-mix-1);
    border-color: var(--c-mix-1)
}

.banner-box.new .section-bg-wrapper.accent .banner-avatar.box-none .share .products-bar-btn .buy-btn,
.banner-box.new .section-bg-wrapper.accent .banner-avatar.box-border .share .products-bar-btn .buy-btn {
    background-color: var(--background) !important;
    color: var(--foreground) !important
}

.banner-box.new .section-bg-wrapper.accent .banner-avatar.box-none .social-media-share-container .social-media-share,
.banner-box.new .section-bg-wrapper.accent .banner-avatar.box-border .social-media-share-container .social-media-share {
    background-color: var(--background) !important
}

.banner-box.new .section-bg-wrapper.accent .banner-avatar.box-none #share-post-button[aria-label],
.banner-box.new .section-bg-wrapper.accent .banner-avatar.box-border #share-post-button[aria-label] {
    background-color: var(--c-mix-1) !important
}

.banner-box.new .section-bg-wrapper.accent .banner-avatar.box-background .social-media-share-container .social-media-share {
    background-color: var(--c-mix-1) !important
}

.banner-box.new .section-bg-wrapper.accent .details__benefits {
    --accent: var(--r-color);
    color: var(--r-color) !important
}

.banner-box.new .section-bg-wrapper.accent .details__benefits .details__benefit span {
    color: var(--r-color) !important
}

.banner-box.new .section-bg-wrapper.accent.media .details__benefits {
    --accent: var(--r-color)
}

.banner-box.new .section-bg-wrapper.accent.media .details__benefits .details__benefit span {
    color: inherit !important
}

.banner-box.new .section-bg-wrapper:not(.grey, .accent) .banner-avatar.box-background {
    background-color: var(--c-mix-1)
}

.banner-box.new .section-bg-wrapper:not(.grey, .accent) .banner-avatar.box-background .share #share-post-button {
    background: var(--background) !important
}

.banner-box.new .section-bg-wrapper:not(.grey, .accent) .banner-avatar.box-background .prices .details__purchase-cta.products-bar-btn:first-child:not(.only-child) {
    background-color: var(--background) !important
}

.banner-box.new .section-bg-wrapper:not(.grey, .accent) .banner-avatar.box-background .fair-price-container {
    border-color: var(--background) !important;
    background-color: var(--background) !important
}

.banner-box.new .section-bg-wrapper {
    position: relative;
    overflow: hidden
}

.banner-box.new .section-bg-wrapper::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    min-width: 100%;
    min-height: 100%;
    background-position: var(--background-upper);
    background-image: var(--bg-image);
    background-repeat: no-repeat;
    background-size: cover;
    opacity: var(--bg-opacity);
    filter: grayscale(var(--bg-grayscale)) blur(var(--bg-blur));
    transform: scale(var(--bg-blurscale))
}

.banner-box.new .section-bg-wrapper.parallax::before {
    transform: none;
    background-attachment: fixed
}

.banner-box.new.section-width-fit .section-bg-wrapper {
    background-color: unset
}

.banner-box.new.section-width-fit .section-bg-wrapper::before {
    display: none
}

.banner-box.new.section-width-fit .section-bg-wrapper.grey>.inner-content>.w-boxed {
    background-color: var(--c-mix-1);
    border-radius: var(--min-shape)
}

.banner-box.new.section-width-fit .section-bg-wrapper.accent>.inner-content>.w-boxed {
    background-color: var(--accent);
    border-radius: var(--min-shape)
}

.banner-box.new.section-width-fit .section-bg-wrapper.media>.inner-content>.w-boxed {
    overflow: hidden;
    position: relative;
    border-radius: var(--min-shape);
    z-index: 1
}

.banner-box.new.section-width-fit .section-bg-wrapper.media>.inner-content>.w-boxed::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    min-width: 100%;
    min-height: 100%;
    background-position: var(--background-upper);
    background-image: var(--bg-image);
    background-repeat: no-repeat;
    background-size: cover;
    opacity: var(--bg-opacity);
    filter: grayscale(var(--bg-grayscale)) blur(var(--bg-blur));
    transform: scale(var(--bg-blurscale))
}

.banner-box.new .banner-box.media .light-color~.details__benefits .details__benefit,
.banner-box.new .banner-box.media .light-color .details__benefits .details__benefit {
    --accent: var(--c-light)
}

.banner-box.new .banner-box.media .light-color .details__benefits .details__benefit span,
.banner-box.new .banner-box.media .light-color~.details__benefits .details__benefit span {
    color: var(--c-light) !important
}

.banner-box.new .banner-box.media .dark-color~.details__benefits .details__benefit,
.banner-box.new .banner-box.media .dark-color .details__benefits .details__benefit {
    --accent: var(--c-dark)
}

.banner-box.new .banner-box.media .dark-color .details__benefits .details__benefit span,
.banner-box.new .banner-box.media .dark-color~.details__benefits .details__benefit span {
    color: var(--c-dark) !important
}

.share-dropdown {
    position: absolute;
    justify-content: flex-start;
    align-items: flex-start;
    display: block !important;
    background: var(--background);
    z-index: 2;
    top: -127px;
    right: 0
}

.share-dropdown.dropdown-glass {
    backdrop-filter: saturate(150%) blur(20px);
    background-color: var(--c-mix-6);
    -webkit-backdrop-filter: blur(20px)
}

.share-dropdown.dropdown-glass ul {
    background-color: rgba(0, 0, 0, 0) !important
}

.share-dropdown.dropdown-shadow {
    filter: var(--c-mix-8) !important
}

.share-dropdown.side-layout {
    top: -190px
}

@media screen and (max-width: 767px) {
    .share-dropdown {
        top: -127px
    }
}

.share-dropdown ul {
    list-style-type: none;
    padding: 5px;
    border: 1px solid var(--c-mix-1);
    border-radius: var(--r-small);
    box-shadow: 0px 0px 20px rgba(0, 0, 0, .05);
    width: 130px !important;
    display: flex;
    flex-direction: row;
    margin-left: 0;
    flex-wrap: wrap;
    height: auto;
    background: var(--background)
}

.share-dropdown ul li {
    width: 100%
}

.share-dropdown ul li a {
    color: var(--foreground);
    height: 32px;
    border-radius: 3px;
    font-size: var(--t-0);
    padding: 0 5px;
    display: flex;
    align-items: center;
    width: 100% !important;
    justify-content: start
}

.share-dropdown ul li a#copy-link-text-for-post {
    cursor: pointer
}

.share-dropdown ul li a span {
    margin-right: 10px;
    display: flex;
    align-items: center
}

.share-dropdown ul li a span svg {
    width: 16px;
    height: 16px
}

.share-dropdown ul li a:hover,
.share-dropdown ul li a.is-active {
    background: var(--c-mix-1)
}

.details__benefits {
    list-style: none;
    padding: 0;
    margin-top: 20px;
    display: flex;
    flex-direction: column;
    gap: 10px
}

.details__benefit {
    display: flex;
    gap: 10px;
    align-items: center
}

.details__benefit svg {
    width: 12px;
    height: 12px
}

.details__benefit span {
    color: var(--foreground);
    font-size: var(--t-0);
    font-family: var(--design-bodyFont);
    line-height: 19.2px;
    font-weight: 400
}

.products-checkout__container,
.products-success__container {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: grid;
    grid-template-columns: 1fr var(--panel-size);
    grid-template-areas: "___ panel";
    z-index: 1000000000 !important;
    display: none
}

.products-checkout__container.open,
.products-checkout__container.show-for-settings,
.products-success__container.open,
.products-success__container.show-for-settings {
    background-color: var(--c-mix-6);
    -webkit-backdrop-filter: saturate(150%) blur(10px);
    backdrop-filter: saturate(150%) blur(10px)
}

.products-checkout__container.show-for-settings,
.products-success__container.show-for-settings {
    display: grid;
    z-index: 1000000000
}

.products-checkout__container.show-for-settings .products-checkout__sidepanel,
.products-checkout__container.show-for-settings .products-success__sidepanel,
.products-success__container.show-for-settings .products-checkout__sidepanel,
.products-success__container.show-for-settings .products-success__sidepanel {
    transform: translateX(0%);
    height: calc(var(--vh, 1vh)*100 - var(--top-nav-size))
}

.products-checkout__container.show-for-settings .products-checkout__sidepanel::before,
.products-checkout__container.show-for-settings .products-success__sidepanel::before,
.products-success__container.show-for-settings .products-checkout__sidepanel::before,
.products-success__container.show-for-settings .products-success__sidepanel::before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    z-index: 1;
    cursor: not-allowed
}

.products-checkout__container.show-for-settings .products-checkout__sidepanel .header__button,
.products-checkout__container.show-for-settings .products-success__sidepanel .header__button,
.products-success__container.show-for-settings .products-checkout__sidepanel .header__button,
.products-success__container.show-for-settings .products-success__sidepanel .header__button {
    visibility: hidden
}

@media screen and (max-width: 767px) {

    .products-checkout__container.show-for-settings,
    .products-success__container.show-for-settings {
        display: none
    }
}

@media screen and (max-width: 1024px) {

    .products-checkout__container,
    .products-success__container {
        grid-template-columns: 1fr;
        grid-template-areas: "panel"
    }

    .products-checkout__container .products-checkout__sidepanel,
    .products-checkout__container .products-success__sidepanel,
    .products-success__container .products-checkout__sidepanel,
    .products-success__container .products-success__sidepanel {
        border-left-width: 0
    }
}

.products-checkout__sidepanel,
.products-success__sidepanel {
    background-color: var(--background);
    height: calc(var(--vh, 1vh)*100);
    color: var(--foreground);
    width: 100%;
    font-family: var(--design-bodyFont);
    grid-area: panel;
    border-left: solid 1px var(--c-mix-1);
    transform: translateX(100%);
    transition: transform .2s cubic-bezier(0.2, 0.4, 0.2, 1);
    overflow: scroll;
    display: grid;
    grid-template-rows: auto 1fr
}

.products-checkout__sidepanel .products-checkout__header,
.products-checkout__sidepanel .products-success__header,
.products-success__sidepanel .products-checkout__header,
.products-success__sidepanel .products-success__header {
    border-bottom: 1px solid var(--c-mix-1);
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-left: var(--s-2);
    height: 60px
}

.products-checkout__sidepanel .products-checkout__header .header__title,
.products-checkout__sidepanel .products-success__header .header__title,
.products-success__sidepanel .products-checkout__header .header__title,
.products-success__sidepanel .products-success__header .header__title {
    font-size: var(--t-1)
}

@media screen and (max-width: 767px) {

    .products-checkout__sidepanel .products-checkout__header .header__title,
    .products-checkout__sidepanel .products-success__header .header__title,
    .products-success__sidepanel .products-checkout__header .header__title,
    .products-success__sidepanel .products-success__header .header__title {
        font-size: 1rem
    }
}

.products-checkout__sidepanel .products-checkout__header .header__button,
.products-checkout__sidepanel .products-success__header .header__button,
.products-success__sidepanel .products-checkout__header .header__button,
.products-success__sidepanel .products-success__header .header__button {
    width: 60px;
    height: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    background: none !important;
    border: none;
    cursor: pointer;
    transition: opacity var(--a-speed)
}

.products-checkout__sidepanel .products-checkout__header .header__button svg,
.products-checkout__sidepanel .products-success__header .header__button svg,
.products-success__sidepanel .products-checkout__header .header__button svg,
.products-success__sidepanel .products-success__header .header__button svg {
    width: 16px;
    height: 16px
}

.products-checkout__sidepanel .products-checkout__header .header__button:hover,
.products-checkout__sidepanel .products-success__header .header__button:hover,
.products-success__sidepanel .products-checkout__header .header__button:hover,
.products-success__sidepanel .products-success__header .header__button:hover {
    opacity: .6
}

.products-checkout__sidepanel .products-checkout__content,
.products-checkout__sidepanel .products-success__content,
.products-success__sidepanel .products-checkout__content,
.products-success__sidepanel .products-success__content {
    padding: 20px;
    overflow: scroll
}

.products-checkout__sidepanel .products-checkout__content .products-checkout__product-details,
.products-checkout__sidepanel .products-success__content .products-checkout__product-details,
.products-success__sidepanel .products-checkout__content .products-checkout__product-details,
.products-success__sidepanel .products-success__content .products-checkout__product-details {
    background-color: var(--c-mix-1);
    height: calc(8*var(--s-1));
    border-radius: var(--min-shape);
    margin-bottom: var(--s-2);
    display: flex;
    padding: var(--s-1);
    gap: var(--s-1);
    align-items: center
}

.products-checkout__sidepanel .products-checkout__content .products-checkout__product-details .product-details__thumbnail,
.products-checkout__sidepanel .products-success__content .products-checkout__product-details .product-details__thumbnail,
.products-success__sidepanel .products-checkout__content .products-checkout__product-details .product-details__thumbnail,
.products-success__sidepanel .products-success__content .products-checkout__product-details .product-details__thumbnail {
    aspect-ratio: 1/.6;
    width: 100px;
    height: 60px;
    background-color: var(--background);
    border-radius: calc(var(--shape) + 2px);
    overflow: hidden
}

.products-checkout__sidepanel .products-checkout__content .products-checkout__product-details .product-details__thumbnail .thumbnail__image,
.products-checkout__sidepanel .products-success__content .products-checkout__product-details .product-details__thumbnail .thumbnail__image,
.products-success__sidepanel .products-checkout__content .products-checkout__product-details .product-details__thumbnail .thumbnail__image,
.products-success__sidepanel .products-success__content .products-checkout__product-details .product-details__thumbnail .thumbnail__image {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.products-checkout__sidepanel .products-checkout__content .products-checkout__product-details .product-details__thumbnail>img,
.products-checkout__sidepanel .products-success__content .products-checkout__product-details .product-details__thumbnail>img,
.products-success__sidepanel .products-checkout__content .products-checkout__product-details .product-details__thumbnail>img,
.products-success__sidepanel .products-success__content .products-checkout__product-details .product-details__thumbnail>img {
    height: 100%;
    width: 100%;
    object-fit: cover
}

.products-checkout__sidepanel .products-checkout__content .products-checkout__product-details .product-details__thumbnail .default-image,
.products-checkout__sidepanel .products-success__content .products-checkout__product-details .product-details__thumbnail .default-image,
.products-success__sidepanel .products-checkout__content .products-checkout__product-details .product-details__thumbnail .default-image,
.products-success__sidepanel .products-success__content .products-checkout__product-details .product-details__thumbnail .default-image {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center
}

.products-checkout__sidepanel .products-checkout__content .products-checkout__product-details .product-details__thumbnail .default-image svg,
.products-checkout__sidepanel .products-success__content .products-checkout__product-details .product-details__thumbnail .default-image svg,
.products-success__sidepanel .products-checkout__content .products-checkout__product-details .product-details__thumbnail .default-image svg,
.products-success__sidepanel .products-success__content .products-checkout__product-details .product-details__thumbnail .default-image svg {
    width: 16px;
    height: 16px
}

.products-checkout__sidepanel .products-checkout__content .products-checkout__product-details .product-details__description,
.products-checkout__sidepanel .products-success__content .products-checkout__product-details .product-details__description,
.products-success__sidepanel .products-checkout__content .products-checkout__product-details .product-details__description,
.products-success__sidepanel .products-success__content .products-checkout__product-details .product-details__description {
    display: flex;
    flex-direction: column
}

.products-checkout__sidepanel .products-checkout__content .products-checkout__product-details .product-details__description .description__name,
.products-checkout__sidepanel .products-success__content .products-checkout__product-details .product-details__description .description__name,
.products-success__sidepanel .products-checkout__content .products-checkout__product-details .product-details__description .description__name,
.products-success__sidepanel .products-success__content .products-checkout__product-details .product-details__description .description__name {
    font-family: var(--design-bodyFont);
    font-size: var(--t-1)
}

@media screen and (max-width: 767px) {

    .products-checkout__sidepanel .products-checkout__content .products-checkout__product-details .product-details__description .description__name,
    .products-checkout__sidepanel .products-success__content .products-checkout__product-details .product-details__description .description__name,
    .products-success__sidepanel .products-checkout__content .products-checkout__product-details .product-details__description .description__name,
    .products-success__sidepanel .products-success__content .products-checkout__product-details .product-details__description .description__name {
        font-size: 1rem
    }
}

.products-checkout__sidepanel .products-checkout__content .products-checkout__product-details .product-details__description .description__price,
.products-checkout__sidepanel .products-success__content .products-checkout__product-details .product-details__description .description__price,
.products-success__sidepanel .products-checkout__content .products-checkout__product-details .product-details__description .description__price,
.products-success__sidepanel .products-success__content .products-checkout__product-details .product-details__description .description__price {
    font-family: var(--design-bodyFont);
    font-size: var(--t-0);
    font-weight: 400
}

.products-checkout__sidepanel .products-checkout__content .products-checkout__product-details .product-details__description .description__price .price__discount,
.products-checkout__sidepanel .products-success__content .products-checkout__product-details .product-details__description .description__price .price__discount,
.products-success__sidepanel .products-checkout__content .products-checkout__product-details .product-details__description .description__price .price__discount,
.products-success__sidepanel .products-success__content .products-checkout__product-details .product-details__description .description__price .price__discount {
    text-decoration: line-through;
    color: var(--c-mix-2)
}

.products-checkout__sidepanel .products-checkout__content .products-checkout__form,
.products-checkout__sidepanel .products-success__content .products-checkout__form,
.products-success__sidepanel .products-checkout__content .products-checkout__form,
.products-success__sidepanel .products-success__content .products-checkout__form {
    display: flex;
    flex-direction: column;
    gap: var(--s-1)
}

.products-checkout__sidepanel .products-checkout__content .products-checkout__form .form__text-input,
.products-checkout__sidepanel .products-success__content .products-checkout__form .form__text-input,
.products-success__sidepanel .products-checkout__content .products-checkout__form .form__text-input,
.products-success__sidepanel .products-success__content .products-checkout__form .form__text-input {
    background-color: var(--c-mix-1);
    border: none;
    height: var(--s-4);
    padding: 12px 10px;
    border-radius: var(--min-shape);
    border: solid 1px var(--c-mix-1);
    color: var(--foreground);
    font-size: var(--t-1)
}

@media screen and (max-width: 767px) {

    .products-checkout__sidepanel .products-checkout__content .products-checkout__form .form__text-input,
    .products-checkout__sidepanel .products-success__content .products-checkout__form .form__text-input,
    .products-success__sidepanel .products-checkout__content .products-checkout__form .form__text-input,
    .products-success__sidepanel .products-success__content .products-checkout__form .form__text-input {
        font-size: 1rem
    }
}

.products-checkout__sidepanel .products-checkout__content .products-checkout__form .form__text-input:focus,
.products-checkout__sidepanel .products-success__content .products-checkout__form .form__text-input:focus,
.products-success__sidepanel .products-checkout__content .products-checkout__form .form__text-input:focus,
.products-success__sidepanel .products-success__content .products-checkout__form .form__text-input:focus {
    outline: none;
    border-color: var(--accent)
}

.products-checkout__sidepanel .products-checkout__content .products-checkout__form .form__text-input#product_firstName,
.products-checkout__sidepanel .products-success__content .products-checkout__form .form__text-input#product_firstName,
.products-success__sidepanel .products-checkout__content .products-checkout__form .form__text-input#product_firstName,
.products-success__sidepanel .products-success__content .products-checkout__form .form__text-input#product_firstName {
    order: 1
}

.products-checkout__sidepanel .products-checkout__content .products-checkout__form .form__text-input#product_lastName,
.products-checkout__sidepanel .products-success__content .products-checkout__form .form__text-input#product_lastName,
.products-success__sidepanel .products-checkout__content .products-checkout__form .form__text-input#product_lastName,
.products-success__sidepanel .products-success__content .products-checkout__form .form__text-input#product_lastName {
    order: 2
}

.products-checkout__sidepanel .products-checkout__content .products-checkout__form .form__text-input#product_email,
.products-checkout__sidepanel .products-success__content .products-checkout__form .form__text-input#product_email,
.products-success__sidepanel .products-checkout__content .products-checkout__form .form__text-input#product_email,
.products-success__sidepanel .products-success__content .products-checkout__form .form__text-input#product_email {
    order: 3
}

.products-checkout__sidepanel .products-checkout__content .products-checkout__form .form__text-input#product_phone,
.products-checkout__sidepanel .products-success__content .products-checkout__form .form__text-input#product_phone,
.products-success__sidepanel .products-checkout__content .products-checkout__form .form__text-input#product_phone,
.products-success__sidepanel .products-success__content .products-checkout__form .form__text-input#product_phone {
    order: 4
}

.products-checkout__sidepanel .products-checkout__content .products-checkout__form .form__text-input#product_country,
.products-checkout__sidepanel .products-success__content .products-checkout__form .form__text-input#product_country,
.products-success__sidepanel .products-checkout__content .products-checkout__form .form__text-input#product_country,
.products-success__sidepanel .products-success__content .products-checkout__form .form__text-input#product_country {
    order: 5
}

.products-checkout__sidepanel .products-checkout__content .products-checkout__form .form__phone-code,
.products-checkout__sidepanel .products-success__content .products-checkout__form .form__phone-code,
.products-success__sidepanel .products-checkout__content .products-checkout__form .form__phone-code,
.products-success__sidepanel .products-success__content .products-checkout__form .form__phone-code {
    order: 4
}

.products-checkout__sidepanel .products-checkout__content .products-checkout__form .form__phone-code .country-search,
.products-checkout__sidepanel .products-success__content .products-checkout__form .form__phone-code .country-search,
.products-success__sidepanel .products-checkout__content .products-checkout__form .form__phone-code .country-search,
.products-success__sidepanel .products-success__content .products-checkout__form .form__phone-code .country-search {
    margin: 0 !important
}

.products-checkout__sidepanel .products-checkout__content .products-checkout__form .form__phone-code .country-selector,
.products-checkout__sidepanel .products-success__content .products-checkout__form .form__phone-code .country-selector,
.products-success__sidepanel .products-checkout__content .products-checkout__form .form__phone-code .country-selector,
.products-success__sidepanel .products-success__content .products-checkout__form .form__phone-code .country-selector {
    border-radius: solid var(--c-mix-1) 1px
}

.products-checkout__sidepanel .products-checkout__content .products-checkout__form .form__phone-code .country-selector>.btn,
.products-checkout__sidepanel .products-success__content .products-checkout__form .form__phone-code .country-selector>.btn,
.products-success__sidepanel .products-checkout__content .products-checkout__form .form__phone-code .country-selector>.btn,
.products-success__sidepanel .products-success__content .products-checkout__form .form__phone-code .country-selector>.btn {
    height: var(--s-4) !important;
    padding: var(--s-1) !important;
    border-radius: var(--min-shape) 0 0 var(--min-shape) !important
}

.products-checkout__sidepanel .products-checkout__content .products-checkout__form .form__phone-code .country-selector>.phone-input,
.products-checkout__sidepanel .products-success__content .products-checkout__form .form__phone-code .country-selector>.phone-input,
.products-success__sidepanel .products-checkout__content .products-checkout__form .form__phone-code .country-selector>.phone-input,
.products-success__sidepanel .products-success__content .products-checkout__form .form__phone-code .country-selector>.phone-input {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    padding-left: 0 !important
}

.products-checkout__sidepanel .products-checkout__content .products-checkout__form .form__phone-code .country-selector>.phone-input:focus,
.products-checkout__sidepanel .products-success__content .products-checkout__form .form__phone-code .country-selector>.phone-input:focus,
.products-success__sidepanel .products-checkout__content .products-checkout__form .form__phone-code .country-selector>.phone-input:focus,
.products-success__sidepanel .products-success__content .products-checkout__form .form__phone-code .country-selector>.phone-input:focus {
    border-color: var(--c-mix-1) !important
}

.products-checkout__sidepanel .products-checkout__content .products-checkout__form .form__phone-code .country-selector:focus-within,
.products-checkout__sidepanel .products-success__content .products-checkout__form .form__phone-code .country-selector:focus-within,
.products-success__sidepanel .products-checkout__content .products-checkout__form .form__phone-code .country-selector:focus-within,
.products-success__sidepanel .products-success__content .products-checkout__form .form__phone-code .country-selector:focus-within {
    border-color: var(--accent)
}

.products-checkout__sidepanel .products-checkout__content .products-checkout__form .form__checkbox-label,
.products-checkout__sidepanel .products-success__content .products-checkout__form .form__checkbox-label,
.products-success__sidepanel .products-checkout__content .products-checkout__form .form__checkbox-label,
.products-success__sidepanel .products-success__content .products-checkout__form .form__checkbox-label {
    display: flex;
    gap: var(--s-1);
    align-items: center;
    cursor: pointer;
    background-color: var(--c-mix-1);
    height: var(--s-4);
    border-radius: var(--min-shape);
    padding: 10px;
    justify-content: space-between;
    border: solid 1px var(--c-mix-1);
    order: 7
}

.products-checkout__sidepanel .products-checkout__content .products-checkout__form .form__checkbox-label .label__box,
.products-checkout__sidepanel .products-success__content .products-checkout__form .form__checkbox-label .label__box,
.products-success__sidepanel .products-checkout__content .products-checkout__form .form__checkbox-label .label__box,
.products-success__sidepanel .products-success__content .products-checkout__form .form__checkbox-label .label__box {
    display: flex;
    justify-content: center;
    align-items: center;
    height: var(--s-2);
    width: var(--s-2);
    aspect-ratio: 1/1;
    border-radius: calc(var(--min-shape) - 5px);
    pointer-events: none;
    order: 1;
    background-color: var(--background)
}

.products-checkout__sidepanel .products-checkout__content .products-checkout__form .form__checkbox-label .label__box .box__check,
.products-checkout__sidepanel .products-success__content .products-checkout__form .form__checkbox-label .label__box .box__check,
.products-success__sidepanel .products-checkout__content .products-checkout__form .form__checkbox-label .label__box .box__check,
.products-success__sidepanel .products-success__content .products-checkout__form .form__checkbox-label .label__box .box__check {
    visibility: hidden;
    width: 12px;
    height: 12px
}

.products-checkout__sidepanel .products-checkout__content .products-checkout__form .form__checkbox-label .label__box .box__check path,
.products-checkout__sidepanel .products-success__content .products-checkout__form .form__checkbox-label .label__box .box__check path,
.products-success__sidepanel .products-checkout__content .products-checkout__form .form__checkbox-label .label__box .box__check path,
.products-success__sidepanel .products-success__content .products-checkout__form .form__checkbox-label .label__box .box__check path {
    fill: var(--theme-text-color) !important
}

.products-checkout__sidepanel .products-checkout__content .products-checkout__form .form__checkbox-label .label__text,
.products-checkout__sidepanel .products-success__content .products-checkout__form .form__checkbox-label .label__text,
.products-success__sidepanel .products-checkout__content .products-checkout__form .form__checkbox-label .label__text,
.products-success__sidepanel .products-success__content .products-checkout__form .form__checkbox-label .label__text {
    font-size: var(--t-1)
}

@media screen and (max-width: 767px) {

    .products-checkout__sidepanel .products-checkout__content .products-checkout__form .form__checkbox-label .label__text,
    .products-checkout__sidepanel .products-success__content .products-checkout__form .form__checkbox-label .label__text,
    .products-success__sidepanel .products-checkout__content .products-checkout__form .form__checkbox-label .label__text,
    .products-success__sidepanel .products-success__content .products-checkout__form .form__checkbox-label .label__text {
        font-size: 1rem
    }
}

.products-checkout__sidepanel .products-checkout__content .products-checkout__form .form__checkbox-label #cart-checkbox,
.products-checkout__sidepanel .products-success__content .products-checkout__form .form__checkbox-label #cart-checkbox,
.products-success__sidepanel .products-checkout__content .products-checkout__form .form__checkbox-label #cart-checkbox,
.products-success__sidepanel .products-success__content .products-checkout__form .form__checkbox-label #cart-checkbox {
    height: 0;
    width: 0;
    visibility: hidden;
    position: absolute
}

.products-checkout__sidepanel .products-checkout__content .products-checkout__form .form__checkbox-label #cart-checkbox:checked+.label__box,
.products-checkout__sidepanel .products-success__content .products-checkout__form .form__checkbox-label #cart-checkbox:checked+.label__box,
.products-success__sidepanel .products-checkout__content .products-checkout__form .form__checkbox-label #cart-checkbox:checked+.label__box,
.products-success__sidepanel .products-success__content .products-checkout__form .form__checkbox-label #cart-checkbox:checked+.label__box {
    background-color: var(--accent);
    border-color: var(--accent)
}

.products-checkout__sidepanel .products-checkout__content .products-checkout__form .form__checkbox-label #cart-checkbox:checked+.label__box .box__check,
.products-checkout__sidepanel .products-success__content .products-checkout__form .form__checkbox-label #cart-checkbox:checked+.label__box .box__check,
.products-success__sidepanel .products-checkout__content .products-checkout__form .form__checkbox-label #cart-checkbox:checked+.label__box .box__check,
.products-success__sidepanel .products-success__content .products-checkout__form .form__checkbox-label #cart-checkbox:checked+.label__box .box__check {
    visibility: visible
}

.products-checkout__sidepanel .products-checkout__content .products-checkout__form .form__checkbox-label:hover,
.products-checkout__sidepanel .products-success__content .products-checkout__form .form__checkbox-label:hover,
.products-success__sidepanel .products-checkout__content .products-checkout__form .form__checkbox-label:hover,
.products-success__sidepanel .products-success__content .products-checkout__form .form__checkbox-label:hover {
    border-color: var(--accent)
}

.products-checkout__sidepanel .products-checkout__content .products-checkout__form .products-checkout-total,
.products-checkout__sidepanel .products-success__content .products-checkout__form .products-checkout-total,
.products-success__sidepanel .products-checkout__content .products-checkout__form .products-checkout-total,
.products-success__sidepanel .products-success__content .products-checkout__form .products-checkout-total {
    font-size: var(--t-1);
    display: flex;
    justify-content: space-between;
    margin-top: var(--s-3);
    order: 8
}

.products-checkout__sidepanel .products-checkout__content .products-checkout__form .form__button,
.products-checkout__sidepanel .products-success__content .products-checkout__form .form__button,
.products-success__sidepanel .products-checkout__content .products-checkout__form .form__button,
.products-success__sidepanel .products-success__content .products-checkout__form .form__button {
    margin-top: var(--s-1);
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-radius: var(--min-shape);
    border: none;
    padding: 0 var(--s-1);
    font-family: Noto Serif SC;
    font-size: var(--t-1);
    font-weight: 400;
    line-height: 14px;
    text-align: center;
    cursor: pointer;
    order: 9
}

@media screen and (max-width: 767px) {

    .products-checkout__sidepanel .products-checkout__content .products-checkout__form .form__button,
    .products-checkout__sidepanel .products-success__content .products-checkout__form .form__button,
    .products-success__sidepanel .products-checkout__content .products-checkout__form .form__button,
    .products-success__sidepanel .products-success__content .products-checkout__form .form__button {
        font-size: 1rem
    }
}

.products-checkout__sidepanel .products-checkout__content .products-checkout__form .form__button .button__price,
.products-checkout__sidepanel .products-success__content .products-checkout__form .form__button .button__price,
.products-success__sidepanel .products-checkout__content .products-checkout__form .form__button .button__price,
.products-success__sidepanel .products-success__content .products-checkout__form .form__button .button__price {
    display: flex;
    align-items: center;
    gap: 5px;
    margin-left: 5px
}

.products-checkout__sidepanel .products-checkout__content .products-checkout__form .form__button .button__price::before,
.products-checkout__sidepanel .products-success__content .products-checkout__form .form__button .button__price::before,
.products-success__sidepanel .products-checkout__content .products-checkout__form .form__button .button__price::before,
.products-success__sidepanel .products-success__content .products-checkout__form .form__button .button__price::before {
    content: "";
    height: 4px;
    width: 4px;
    background-color: var(--theme-text-color);
    display: none;
    border-radius: 999px
}

.products-checkout__sidepanel .products-checkout__content .products-checkout__form .form__button:hover,
.products-checkout__sidepanel .products-success__content .products-checkout__form .form__button:hover,
.products-success__sidepanel .products-checkout__content .products-checkout__form .form__button:hover,
.products-success__sidepanel .products-success__content .products-checkout__form .form__button:hover {
    opacity: 70%
}

.products-checkout__sidepanel .products-checkout__content .products-checkout__form .form__bottom-text,
.products-checkout__sidepanel .products-success__content .products-checkout__form .form__bottom-text,
.products-success__sidepanel .products-checkout__content .products-checkout__form .form__bottom-text,
.products-success__sidepanel .products-success__content .products-checkout__form .form__bottom-text {
    color: var(--c-mix-3);
    font-size: var(--t-0);
    order: 10;
    text-align: center
}

.products-checkout__sidepanel .products-checkout__content .products-checkout__form .form__bottom-text .bottom-text__link,
.products-checkout__sidepanel .products-success__content .products-checkout__form .form__bottom-text .bottom-text__link,
.products-success__sidepanel .products-checkout__content .products-checkout__form .form__bottom-text .bottom-text__link,
.products-success__sidepanel .products-success__content .products-checkout__form .form__bottom-text .bottom-text__link {
    text-decoration: underline !important;
    text-decoration-color: var(--foreground) !important;
    color: var(--foreground)
}

.products-checkout__container.fully-rounded .products-checkout__product-details,
.products-success__container.fully-rounded .products-checkout__product-details {
    border-radius: var(--min-shape)
}

.products-checkout__container.fully-rounded .products-checkout__product-details .product-details__thumbnail,
.products-success__container.fully-rounded .products-checkout__product-details .product-details__thumbnail {
    border-radius: calc(var(--min-shape) - 8px)
}

.subscription-notification {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    background-color: var(--c-mix-6);
    -webkit-backdrop-filter: saturate(150%) blur(10px);
    backdrop-filter: saturate(150%) blur(10px);
    z-index: 100000000010;
    display: flex;
    align-items: start;
    justify-content: center;
    padding: 20px
}

.subscription-notification .subscription-notification__content {
    background-color: var(--background);
    color: var(--c-mix-3);
    height: var(--s-4);
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 0 0 10px;
    border-radius: var(--min-shape);
    gap: 10px;
    width: 100%;
    max-width: 375px;
    border: 1px solid var(--c-mix-1);
    animation: slideDown calc(var(--a-speed)*2)
}

.subscription-notification .subscription-notification__content .subscription-notification__dismiss-button {
    background-color: none !important;
    background: none !important;
    border: none;
    height: 100%;
    aspect-ratio: 1/1;
    padding-right: 10px;
    text-align: right;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: end
}

.subscription-notification .subscription-notification__content .subscription-notification__dismiss-button:hover {
    opacity: .7
}

@keyframes slideDown {
    0% {
        transform: translateY(-200%)
    }

    100% {
        transform: translateY(0%)
    }
}

.edit-blocks-container .products-checkout__container,
.edit-blocks-container .products-success__container {
    left: var(--panel-nav-offset);
    top: var(--top-nav-size)
}

.products-success__container .products-success__sidepanel .products-success__content {
    display: flex;
    flex-direction: column;
    align-items: center
}

.products-success__container .products-success__sidepanel .products-success__content .content__check {
    width: 55px;
    height: 55px;
    min-height: 55px;
    aspect-ratio: 1/1
}

.products-success__container .products-success__sidepanel .products-success__content .content__text {
    margin-top: var(--s-2);
    text-align: center;
    max-width: 350px;
    font-family: var(--design-bodyFont)
}

.products-success__container .products-success__sidepanel .products-success__content .content__share {
    width: 100%;
    margin-top: var(--s-2)
}

.products-success__container .products-success__sidepanel .products-success__content .content__share .share__details {
    width: 100%;
    border-radius: var(--min-shape);
    background-color: var(--c-mix-1);
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: var(--s-4);
    max-height: var(--s-4);
    padding: 10px
}

.products-success__container .products-success__sidepanel .products-success__content .content__share .share__details .details__text .text__product-name {
    font-size: var(--t-1);
    line-height: var(--t-1);
    font-family: var(--design-bodyFont)
}

.products-success__container .products-success__sidepanel .products-success__content .content__share .share__options {
    list-style: none;
    padding: 0;
    display: flex;
    gap: 10px
}

.products-success__container .products-success__sidepanel .products-success__content .content__share .share__options .options__option {
    width: 100%;
    flex-basis: 100%;
    border-radius: var(--min-shape);
    overflow: hidden;
    height: var(--s-4)
}

.products-success__container .products-success__sidepanel .products-success__content .content__share .share__options .options__option .option__button {
    border: none;
    background-color: var(--c-mix-1) !important;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center
}

.products-success__container .products-success__sidepanel .products-success__content .content__view-button {
    margin-top: var(--s-2);
    height: var(--s-4);
    min-height: var(--s-4);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: var(--min-shape);
    border: none;
    padding: 0 var(--s-1);
    font-family: Noto Serif SC;
    font-size: var(--t-1);
    font-weight: 400;
    line-height: 14px;
    text-align: center;
    cursor: pointer;
    width: 100%;
    text-align: center
}

.hero-box {
    width: 100%;
    position: relative;
    background: var(--background)
}

.hero-box>.section-content>.section-bg-wrapper .inner-content {
    padding-top: var(--spacing-top-mobile, 10px) !important;
    padding-bottom: var(--spacing-bottom-mobile, 10px) !important;
    padding-left: var(--spacing-left-mobile, 10px);
    padding-right: var(--spacing-right-mobile, 10px)
}

@media screen and (min-width: 1025px) {
    .hero-box>.section-content>.section-bg-wrapper .inner-content {
        padding-top: var(--spacing-top, 10px) !important;
        padding-bottom: var(--spacing-bottom, 10px) !important;
        padding-left: var(--spacing-left, 10px);
        padding-right: var(--spacing-right, 10px)
    }
}

.hero-box>.section-content>.section-bg-wrapper .section-component {
    padding-top: 0 !important;
    padding-bottom: 0 !important
}

.hero-box .play-video-icon {
    z-index: 3;
    transition: opacity .5s ease-in-out
}

.hero-box .inner-content>.w-boxed {
    padding: 0
}

.hero-box.left .hero-layout-1>.hero>.hero-text section,
.hero-box.left .hero-layout-2>.hero>.hero-text section,
.hero-box.left .hero-layout-3>.hero>.hero-text,
.hero-box.left .hero-layout-4>.hero>.hero-text,
.hero-box.left .hero-layout-5>.hero .hero-text-subtitle.alignment,
.hero-box.left .hero-layout-6>.hero .hero-text-subtitle.alignment {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    text-align: left
}

.hero-box.center .hero-layout-1>.hero>.hero-text section,
.hero-box.center .hero-layout-2>.hero>.hero-text section,
.hero-box.center .hero-layout-3>.hero>.hero-text,
.hero-box.center .hero-layout-4>.hero>.hero-text,
.hero-box.center .hero-layout-5>.hero .hero-text-subtitle.alignment,
.hero-box.center .hero-layout-6>.hero .hero-text-subtitle.alignment {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center
}

.hero-box.center .hero-layout-1 .play-video-icon,
.hero-box.center .hero-layout-2 .play-video-icon,
.hero-box.center .hero-layout-3 .play-video-icon,
.hero-box.center .hero-layout-4 .play-video-icon,
.hero-box.center .hero-layout-5 .play-video-icon,
.hero-box.center .hero-layout-6 .play-video-icon {
    position: absolute;
    bottom: auto;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.hero-box.center .hero-layout-1 .play-video-icon:hover,
.hero-box.center .hero-layout-2 .play-video-icon:hover,
.hero-box.center .hero-layout-3 .play-video-icon:hover,
.hero-box.center .hero-layout-4 .play-video-icon:hover,
.hero-box.center .hero-layout-5 .play-video-icon:hover,
.hero-box.center .hero-layout-6 .play-video-icon:hover {
    transform: translate(-50%, -50%) scale(1.1)
}

.hero-box.right .hero-layout-1>.hero>.hero-text section,
.hero-box.right .hero-layout-2>.hero>.hero-text section,
.hero-box.right .hero-layout-3>.hero>.hero-text,
.hero-box.right .hero-layout-4>.hero>.hero-text,
.hero-box.right .hero-layout-5>.hero .hero-text-subtitle.alignment,
.hero-box.right .hero-layout-6>.hero .hero-text-subtitle.alignment {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    text-align: right
}

.hero-box.right .hero-layout-1 .play-video-icon,
.hero-box.right .hero-layout-2 .play-video-icon,
.hero-box.right .hero-layout-3 .play-video-icon,
.hero-box.right .hero-layout-4 .play-video-icon,
.hero-box.right .hero-layout-5 .play-video-icon,
.hero-box.right .hero-layout-6 .play-video-icon {
    position: absolute;
    bottom: 20px;
    right: 20px;
    left: auto
}

.hero-box.right .hero-layout-1 .play-video-icon:hover,
.hero-box.right .hero-layout-2 .play-video-icon:hover,
.hero-box.right .hero-layout-3 .play-video-icon:hover,
.hero-box.right .hero-layout-4 .play-video-icon:hover,
.hero-box.right .hero-layout-5 .play-video-icon:hover,
.hero-box.right .hero-layout-6 .play-video-icon:hover {
    transform: scale(1.1)
}

.hero-box form.email {
    display: flex;
    position: relative;
    width: 100%
}

.hero-box form.email>input {
    padding-right: calc(var(--s-4)*3);
    height: calc(var(--unit)*6);
    background: var(--c-mix-1);
    width: 100%;
    display: block;
    font-family: var(--f-base);
    font-size: var(--t-xm);
    padding: 14px;
    color: var(--foreground);
    border: 1px solid;
    border-color: var(--c-mix-1);
    line-height: var(--l-body);
    position: relative;
    box-shadow: none;
    -webkit-appearance: none;
    outline: none
}

.hero-box form.email>input.r-none {
    border-radius: 0px
}

.hero-box form.email>input.r-small {
    border-radius: 10px
}

.hero-box form.email>input.r-full {
    border-radius: var(--r-full)
}

.hero-box form.email>input:focus {
    border-color: var(--accent)
}

.hero-box form.email>button {
    position: absolute;
    top: var(--s-1);
    right: var(--s-1);
    max-width: 200px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 40px;
    font-size: var(--t-xm)
}

.hero-box form.email>button:hover {
    opacity: .7
}

.hero-box form.email.name {
    display: block;
    width: 100%
}

.hero-box form.email.name>input,
.hero-box form.email.name>textarea {
    padding-right: 14px;
    height: calc(var(--unit)*4);
    width: 100%;
    display: block;
    font-size: var(--t-xm);
    padding: 10px;
    background: var(--c-mix-1);
    color: var(--foreground);
    border: 1px solid;
    border-color: var(--c-mix-1);
    line-height: var(--l-body);
    position: relative;
    box-shadow: none;
    -webkit-appearance: none;
    outline: none;
    margin-top: 10px
}

@media screen and (max-width: 1200px) {

    .hero-box form.email.name>input,
    .hero-box form.email.name>textarea {
        margin-top: 5px !important
    }
}

.hero-box form.email.name>input.r-none,
.hero-box form.email.name>textarea.r-none {
    border-radius: 0px
}

.hero-box form.email.name>input.r-small,
.hero-box form.email.name>textarea.r-small {
    border-radius: 10px
}

.hero-box form.email.name>input.r-full,
.hero-box form.email.name>textarea.r-full {
    border-radius: var(--r-full)
}

.hero-box form.email.name>input:focus,
.hero-box form.email.name>textarea:focus {
    border-color: var(--accent)
}

.hero-box form.email.name>input:first-child,
.hero-box form.email.name>textarea:first-child {
    margin-top: 0
}

.hero-box form.email.name>textarea {
    height: 120px;
    margin-top: 10px;
    resize: none
}

@media screen and (max-width: 767px) {
    .hero-box form.email.name>textarea {
        height: 100px
    }
}

.hero-box form.email.name>button {
    cursor: pointer;
    position: unset;
    margin-top: 10px;
    max-width: 100%;
    height: 40px;
    font-size: var(--t-xm)
}

@media screen and (max-width: 1200px) {
    .hero-box form.email.name>button {
        margin-top: 5px
    }
}

.hero-box form.email.name>button.r-none {
    border-radius: 0px
}

.hero-box form.email.name>button.r-small {
    border-radius: 10px
}

.hero-box form.email.name>button.r-full {
    border-radius: 20px
}

.hero-box .frame-container {
    aspect-ratio: 16/9
}

.hero-box .frame-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.hero-box .hero-video {
    object-fit: cover
}

.hero-box .hero div.hero-image.hero-video-container {
    height: auto !important
}

@media screen and (max-width: 767px) {
    .hero-box .hero div.hero-image.hero-video-container {
        height: auto !important
    }
}

.hero-box .wrapper {
    overflow: hidden;
    max-width: 100%
}

.hero-box .hero-label {
    color: var(--foreground);
    background: var(--c-mix-1);
    padding: 3px 9px;
    margin-bottom: var(--s-1);
    border-radius: var(--shape);
    display: inline-block
}

.hero-box button {
    width: unset;
    height: 40px;
    background: var(--foreground);
    color: var(--background);
    padding: 0 var(--s-2);
    border: none;
    cursor: pointer
}

.hero-box button:hover {
    opacity: .7
}

.hero-box .hero-image {
    position: relative
}

.hero-box .hero-image>.unmute-btn {
    position: absolute;
    bottom: 20px;
    right: 20px;
    background-color: var(--c-mix-6) !important;
    transition: none;
    border: none;
    border-radius: calc(var(--min-shape)/2) !important;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0
}

.hero-box .hero-image>.unmute-btn svg {
    vertical-align: bottom;
    width: 20px
}

.hero-box .hero-image.r-none {
    border-radius: 0px
}

.hero-box .hero-image.r-none>img {
    border-radius: 0px
}

.hero-box .hero-image.r-none>.play-video-icon {
    border-radius: var(--r-none)
}

.hero-box .hero-image.r-small {
    border-radius: 10px
}

.hero-box .hero-image.r-small>img {
    border-radius: 10px
}

.hero-box .hero-image.r-small>.play-video-icon {
    border-radius: var(--r-small)
}

.hero-box .hero-image.r-full {
    border-radius: 20px
}

.hero-box .hero-image.r-full>img {
    border-radius: 20px
}

.hero-box .hero-image.r-full>.play-video-icon {
    border-radius: var(--r-full)
}

.hero-box .hero-image.default {
    background-color: var(--c-mix-1);
    display: flex;
    justify-content: center;
    align-items: center
}

.hero-box .hero-image.default>svg {
    width: 60px;
    height: 60px
}

.hero-box .hero-image>.play-video-icon {
    width: calc(var(--unit)*6);
    height: calc(var(--unit)*6);
    position: absolute;
    bottom: 20px;
    left: 20px;
    background: var(--background);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    filter: var(--c-mix-8)
}

.hero-box .hero-image>.play-video-icon:hover {
    transform: scale(1.1)
}

.hero-box .hero-image>.play-video-icon>svg {
    width: 12px;
    height: 12px
}

.hero-box .button-holder {
    display: flex;
    position: relative
}

.hero-box .button-holder .btn-2 {
    margin-left: var(--s-1)
}

.hero-box .button-holder .btn-2 button {
    background-color: var(--c-mix-1) !important;
    color: var(--foreground) !important
}

.hero-box .hero-layout-1 {
    width: 100%;
    padding: var(--s-2)
}

.hero-box .hero-layout-1>.hero {
    width: 100%;
    display: flex;
    flex-direction: column
}

.hero-box .hero-layout-1>.hero>.hero-text {
    min-width: auto;
    justify-content: center
}

.hero-box .hero-layout-1>.hero>.hero-text>h2 {
    margin-bottom: 0
}

.hero-box .hero-layout-1>.hero>.hero-text>p {
    color: var(--c-mix-3)
}

.hero-box .hero-layout-1>.hero>.hero-text>section p {
    color: var(--c-mix-3)
}

.hero-box .hero-layout-1>.hero>.hero-text>.button-holder,
.hero-box .hero-layout-1>.hero>.hero-text>.email,
.hero-box .hero-layout-1>.hero>.hero-text>.email.name {
    margin-top: var(--s-2)
}

.hero-box .hero-layout-1>.hero>.hero-text .button-holder {
    height: calc(var(--unit)*5);
    display: flex;
    justify-content: flex-start
}

.hero-box .hero-layout-1>.hero>.hero-text .button-holder.subtitle-width-size {
    align-self: flex-start
}

.hero-box .hero-layout-1>.hero>.hero-text .button-holder>button {
    width: max-content
}

.hero-box .hero-layout-1>.hero>.hero-image {
    width: 100%;
    height: 400px;
    margin-top: var(--spacing-gap)
}

@media screen and (max-width: 767px) {
    .hero-box .hero-layout-1>.hero>.hero-image {
        height: calc(var(--height)/2) !important;
        margin-top: var(--spacing-gap-mobile)
    }
}

.hero-box .hero-layout-1>.hero>.hero-image>img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover
}

.hero-box .hero-layout-1>.hero>.hero-image>img.Fill {
    object-fit: cover
}

.hero-box .hero-layout-1>.hero>.hero-image>img.Fit {
    object-fit: contain
}

.hero-box .hero-layout-1>.hero>.hero-image>img.transparent {
    background: rgba(0, 0, 0, 0)
}

.hero-box .hero-layout-1>.hero>.hero-image>img.grey {
    background: var(--c-mix-1)
}

.hero-box .hero-layout-1>.hero>.hero-image>img.accent {
    background: var(--accent)
}

@media screen and (max-width: 767px) {
    .hero-box .hero-layout-1>.hero>.hero-image>img {
        height: calc(var(--height)/2) !important
    }
}

@media screen and (max-width: 767px) {
    .hero-box .hero-layout-1>.hero>.hero-image.default {
        height: calc(var(--height)/2) !important
    }
}

@media screen and (max-width: 1023px) {
    .hero-box .hero-layout-1>.hero>.hero-image.flip-layout {
        order: -1;
        margin-bottom: var(--s-4);
        margin-top: 0
    }
}

@media screen and (min-width: 1024px) {
    .hero-box .hero-layout-1 {
        padding: var(--s-5) var(--s-2)
    }

    .hero-box .hero-layout-1>.hero {
        width: 100%;
        display: flex;
        flex-direction: column
    }

    .hero-box .hero-layout-1>.hero>.hero-text {
        width: 100%;
        display: flex;
        flex-direction: column
    }

    .hero-box .hero-layout-1>.hero>.hero-text.left-title {
        flex-direction: row;
        justify-content: space-between
    }

    .hero-box .hero-layout-1>.hero>.hero-text.left-title section {
        width: calc(50% - 50px)
    }

    .hero-box .hero-layout-1>.hero>.hero-text.left-title section:last-child {
        display: flex;
        flex-direction: column
    }

    .hero-box .hero-layout-1>.hero>.hero-text.left-title section:last-child.subtitle-width-size {
        width: 50%
    }

    .hero-box .hero-layout-1>.hero>.hero-text>h2 {
        line-height: var(--l-title);
        margin-bottom: 0
    }

    .hero-box .hero-layout-1>.hero>.hero-text>p,
    .hero-box .hero-layout-1>.hero>.hero-text>.email,
    .hero-box .hero-layout-1>.hero>.hero-text>.email.name {
        width: 100%
    }

    .hero-box .hero-layout-1>.hero>.hero-text .button-holder,
    .hero-box .hero-layout-1>.hero>.hero-text .email,
    .hero-box .hero-layout-1>.hero>.hero-text .email.name {
        margin-top: var(--s-2)
    }

    .hero-box .hero-layout-1>.hero>.hero-text .button-holder {
        height: calc(var(--unit)*5);
        display: flex
    }

    .hero-box .hero-layout-1>.hero>.hero-text .button-holder>button {
        width: max-content
    }

    .hero-box .hero-layout-1>.hero>.hero-image {
        width: 100%;
        height: 280px
    }
}

.hero-box .hero-layout-2 {
    width: 100%;
    padding: var(--s-2)
}

.hero-box .hero-layout-2>.hero {
    width: 100%;
    display: flex;
    flex-direction: column-reverse
}

.hero-box .hero-layout-2>.hero>.hero-text {
    min-width: auto;
    justify-content: center
}

.hero-box .hero-layout-2>.hero>.hero-text>h2 {
    margin-bottom: 0
}

.hero-box .hero-layout-2>.hero>.hero-text>p {
    color: var(--c-mix-3)
}

.hero-box .hero-layout-2>.hero>.hero-text>section p {
    color: var(--c-mix-3)
}

.hero-box .hero-layout-2>.hero>.hero-text .button-holder {
    height: calc(var(--unit)*5);
    display: flex;
    justify-content: flex-start
}

.hero-box .hero-layout-2>.hero>.hero-text .button-holder.subtitle-width-size {
    align-self: flex-start
}

.hero-box .hero-layout-2>.hero>.hero-text .button-holder>button {
    width: max-content
}

.hero-box .hero-layout-2>.hero>.hero-text .button-holder,
.hero-box .hero-layout-2>.hero>.hero-text .email,
.hero-box .hero-layout-2>.hero>.hero-text .email.name {
    margin-top: var(--s-2)
}

.hero-box .hero-layout-2>.hero>.hero-image {
    width: 100%;
    height: 400px;
    margin-bottom: var(--spacing-gap)
}

@media screen and (max-width: 767px) {
    .hero-box .hero-layout-2>.hero>.hero-image {
        height: calc(var(--height)/2) !important;
        margin-bottom: var(--spacing-gap-mobile)
    }
}

.hero-box .hero-layout-2>.hero>.hero-image>img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover
}

.hero-box .hero-layout-2>.hero>.hero-image>img.Fill {
    object-fit: cover
}

.hero-box .hero-layout-2>.hero>.hero-image>img.Fit {
    object-fit: contain
}

.hero-box .hero-layout-2>.hero>.hero-image>img.transparent {
    background: rgba(0, 0, 0, 0)
}

.hero-box .hero-layout-2>.hero>.hero-image>img.grey {
    background: var(--c-mix-1)
}

.hero-box .hero-layout-2>.hero>.hero-image>img.accent {
    background: var(--accent)
}

@media screen and (max-width: 767px) {
    .hero-box .hero-layout-2>.hero>.hero-image>img {
        height: calc(var(--height)/2) !important
    }
}

@media screen and (max-width: 767px) {
    .hero-box .hero-layout-2>.hero>.hero-image.default {
        height: calc(var(--height)/2) !important
    }
}

@media screen and (max-width: 1023px) {
    .hero-box .hero-layout-2>.hero>.hero-image.flip-layout {
        order: -1;
        margin-top: var(--s-4);
        margin-bottom: 0
    }
}

@media screen and (min-width: 1024px) {
    .hero-box .hero-layout-2 {
        padding: var(--s-5) var(--s-2)
    }

    .hero-box .hero-layout-2>.hero {
        width: 100%;
        display: flex;
        flex-direction: column-reverse
    }

    .hero-box .hero-layout-2>.hero>.hero-text {
        width: 100%;
        display: flex;
        flex-direction: column
    }

    .hero-box .hero-layout-2>.hero>.hero-text.left-title {
        flex-direction: row;
        justify-content: space-between
    }

    .hero-box .hero-layout-2>.hero>.hero-text.left-title section {
        width: calc(50% - 50px)
    }

    .hero-box .hero-layout-2>.hero>.hero-text.left-title section:last-child {
        display: flex;
        flex-direction: column
    }

    .hero-box .hero-layout-2>.hero>.hero-text.left-title section:last-child.subtitle-width-size {
        width: 50%
    }

    .hero-box .hero-layout-2>.hero>.hero-text>h2 {
        line-height: var(--l-title);
        margin-bottom: 0
    }

    .hero-box .hero-layout-2>.hero>.hero-text>p,
    .hero-box .hero-layout-2>.hero>.hero-text>.email,
    .hero-box .hero-layout-2>.hero>.hero-text>.email.name {
        width: 100%
    }

    .hero-box .hero-layout-2>.hero>.hero-text .button-holder {
        height: calc(var(--unit)*5);
        display: flex
    }

    .hero-box .hero-layout-2>.hero>.hero-text .button-holder>button {
        width: max-content
    }

    .hero-box .hero-layout-2>.hero>.hero-image {
        width: 100%;
        height: 280px;
        margin-bottom: var(--spacing-gap)
    }
}

.hero-box .hero-layout-3 {
    width: 100%;
    padding: var(--s-2)
}

.hero-box .hero-layout-3>.hero {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center
}

.hero-box .hero-layout-3>.hero>.hero-text {
    width: 100%
}

.hero-box .hero-layout-3>.hero>.hero-text>h2 {
    margin-bottom: 0
}

.hero-box .hero-layout-3>.hero>.hero-text>p {
    color: var(--c-mix-3)
}

.hero-box .hero-layout-3>.hero>.hero-text>.button-holder,
.hero-box .hero-layout-3>.hero>.hero-text>.email,
.hero-box .hero-layout-3>.hero>.hero-text>.email.name {
    margin-top: var(--s-2)
}

.hero-box .hero-layout-3>.hero>.hero-image {
    width: 100%;
    height: 400px;
    margin-top: var(--spacing-gap-mobile)
}

@media screen and (max-width: 767px) {
    .hero-box .hero-layout-3>.hero>.hero-image {
        height: calc(var(--height)/2) !important;
        margin-top: var(--s-1)
    }
}

.hero-box .hero-layout-3>.hero>.hero-image>img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover
}

.hero-box .hero-layout-3>.hero>.hero-image>img.Fill {
    object-fit: cover
}

.hero-box .hero-layout-3>.hero>.hero-image>img.Fit {
    object-fit: contain
}

.hero-box .hero-layout-3>.hero>.hero-image>img.transparent {
    background: rgba(0, 0, 0, 0)
}

.hero-box .hero-layout-3>.hero>.hero-image>img.grey {
    background: var(--c-mix-1)
}

.hero-box .hero-layout-3>.hero>.hero-image>img.accent {
    background: var(--accent)
}

@media screen and (max-width: 767px) {
    .hero-box .hero-layout-3>.hero>.hero-image>img {
        height: calc(var(--height)/2) !important
    }
}

@media screen and (max-width: 767px) {
    .hero-box .hero-layout-3>.hero>.hero-image.default {
        height: calc(var(--height)/2) !important
    }
}

@media screen and (max-width: 1023px) {
    .hero-box .hero-layout-3>.hero>.hero-image.flip-layout {
        order: -1;
        margin-bottom: var(--s-4);
        margin-top: 0
    }
}

@media screen and (max-width: 767px) {
    .hero-box .hero-layout-3>.hero>.hero-image.flip-layout {
        margin-bottom: var(--s-1) !important
    }
}

@media screen and (min-width: 1024px) {
    .hero-box .hero-layout-3 {
        padding: var(--s-5) var(--s-2)
    }

    .hero-box .hero-layout-3>.hero {
        width: 100%;
        display: flex;
        flex-direction: row;
        justify-content: space-between
    }

    .hero-box .hero-layout-3>.hero>.hero-text {
        width: calc(50% - var(--spacing-gap)/2);
        align-self: center;
        margin-bottom: 0
    }

    .hero-box .hero-layout-3>.hero>.hero-text>h2 {
        line-height: var(--l-title);
        margin-bottom: 0
    }

    .hero-box .hero-layout-3>.hero>.hero-text>.button-holder,
    .hero-box .hero-layout-3>.hero>.hero-text>.email,
    .hero-box .hero-layout-3>.hero>.hero-text>.email.name {
        margin-top: var(--s-2)
    }

    .hero-box .hero-layout-3>.hero>.hero-image {
        width: calc(50% - var(--spacing-gap)/2);
        height: 600px;
        margin-top: 0
    }
}

@media screen and (min-width: 1025px)and (max-width: 1200px) {
    .hero-box .hero-layout-3>.hero .hero-text {
        width: calc(50% - var(--spacing-gap-mobile)/2)
    }

    .hero-box .hero-layout-3>.hero>.hero-image {
        width: calc(50% - var(--spacing-gap-mobile)/2)
    }
}

@media screen and (max-width: 1023px)and (min-width: 768px) {
    .hero-box .hero-layout-3>.hero {
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: space-between
    }

    .hero-box .hero-layout-3>.hero>.hero-text {
        width: 100%;
        align-self: center
    }

    .hero-box .hero-layout-3>.hero>.hero-text>h2 {
        line-height: var(--l-title);
        margin-bottom: 0
    }

    .hero-box .hero-layout-3>.hero>.hero-image {
        width: 100%;
        height: 500px
    }
}

.hero-box .hero-layout-4 {
    width: 100%;
    padding: var(--s-2)
}

.hero-box .hero-layout-4>.hero {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center
}

.hero-box .hero-layout-4>.hero>.hero-text {
    width: 100%
}

.hero-box .hero-layout-4>.hero>.hero-text>h2 {
    margin-bottom: 0
}

.hero-box .hero-layout-4>.hero>.hero-text>p {
    color: var(--c-mix-3)
}

.hero-box .hero-layout-4>.hero>.hero-text>.button-holder,
.hero-box .hero-layout-4>.hero>.hero-text>.email,
.hero-box .hero-layout-4>.hero>.hero-text>.email.name {
    margin-top: var(--s-2)
}

.hero-box .hero-layout-4>.hero>.hero-image {
    width: 100%;
    height: 400px;
    margin-bottom: var(--spacing-gap)
}

@media screen and (max-width: 767px) {
    .hero-box .hero-layout-4>.hero>.hero-image {
        height: calc(var(--height)/2) !important;
        margin-bottom: var(--spacing-gap-mobile)
    }
}

.hero-box .hero-layout-4>.hero>.hero-image>img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover
}

.hero-box .hero-layout-4>.hero>.hero-image>img.Fill {
    object-fit: contain
}

.hero-box .hero-layout-4>.hero>.hero-image>img.Fit {
    object-fit: contain
}

.hero-box .hero-layout-4>.hero>.hero-image>img.transparent {
    background: rgba(0, 0, 0, 0)
}

.hero-box .hero-layout-4>.hero>.hero-image>img.grey {
    background: var(--c-mix-1)
}

.hero-box .hero-layout-4>.hero>.hero-image>img.accent {
    background: var(--accent)
}

@media screen and (max-width: 767px) {
    .hero-box .hero-layout-4>.hero>.hero-image>img {
        height: calc(var(--height)/2) !important
    }
}

@media screen and (max-width: 767px) {
    .hero-box .hero-layout-4>.hero>.hero-image.default {
        height: calc(var(--height)/2) !important
    }
}

@media screen and (max-width: 1023px) {
    .hero-box .hero-layout-4>.hero>.hero-image.flip-layout {
        order: 1;
        margin-top: var(--s-4);
        margin-bottom: 0
    }
}

@media screen and (min-width: 1024px) {
    .hero-box .hero-layout-4 {
        padding: var(--s-5) var(--s-2)
    }

    .hero-box .hero-layout-4>.hero {
        width: 100%;
        display: flex;
        flex-direction: row;
        justify-content: space-between
    }

    .hero-box .hero-layout-4>.hero>.hero-text {
        width: calc(50% - var(--spacing-gap)/2);
        align-self: center
    }

    .hero-box .hero-layout-4>.hero>.hero-text>h2 {
        line-height: var(--l-title);
        margin-bottom: 0
    }

    .hero-box .hero-layout-4>.hero>.hero-image {
        width: calc(50% - var(--spacing-gap)/2);
        height: 600px;
        margin-bottom: 0
    }
}

@media screen and (min-width: 1025px)and (max-width: 1200px) {
    .hero-box .hero-layout-4>.hero .hero-text {
        width: calc(50% - var(--spacing-gap-mobile)/2)
    }

    .hero-box .hero-layout-4>.hero>.hero-image {
        width: calc(50% - var(--spacing-gap-mobile)/2)
    }
}

@media screen and (max-width: 1023px)and (min-width: 768px) {
    .hero-box .hero-layout-4>.hero {
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: space-between
    }

    .hero-box .hero-layout-4>.hero>.hero-text {
        width: 100%;
        align-self: center
    }

    .hero-box .hero-layout-4>.hero>.hero-text>h2 {
        line-height: var(--l-title);
        margin-bottom: 0
    }

    .hero-box .hero-layout-4>.hero>.hero-image {
        width: 100%;
        height: 500px
    }
}

.hero-box .hero-layout-5 {
    width: 100%;
    padding: var(--s-2)
}

.hero-box .hero-layout-5>.hero {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center
}

.hero-box .hero-layout-5>.hero>.hero-text {
    width: 100%;
    margin-bottom: var(--s-2)
}

.hero-box .hero-layout-5>.hero>.hero-text>h2 {
    margin-bottom: 0
}

.hero-box .hero-layout-5>.hero>.hero-description {
    width: 100%
}

.hero-box .hero-layout-5>.hero>.hero-description>.hero-image {
    width: 100%;
    height: 400px;
    margin-bottom: var(--spacing-gap)
}

@media screen and (max-width: 767px) {
    .hero-box .hero-layout-5>.hero>.hero-description>.hero-image {
        height: calc(var(--height)/2) !important;
        margin-bottom: var(--spacing-gap-mobile)
    }
}

.hero-box .hero-layout-5>.hero>.hero-description>.hero-image>img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover
}

.hero-box .hero-layout-5>.hero>.hero-description>.hero-image>img.Fill {
    object-fit: cover
}

.hero-box .hero-layout-5>.hero>.hero-description>.hero-image>img.Fit {
    object-fit: contain
}

.hero-box .hero-layout-5>.hero>.hero-description>.hero-image>img.transparent {
    background: rgba(0, 0, 0, 0)
}

.hero-box .hero-layout-5>.hero>.hero-description>.hero-image>img.grey {
    background: var(--c-mix-1)
}

.hero-box .hero-layout-5>.hero>.hero-description>.hero-image>img.accent {
    background: var(--accent)
}

@media screen and (max-width: 767px) {
    .hero-box .hero-layout-5>.hero>.hero-description>.hero-image>img {
        height: calc(var(--height)/2) !important
    }
}

@media screen and (max-width: 767px) {
    .hero-box .hero-layout-5>.hero>.hero-description>.hero-image.default {
        height: calc(var(--height)/2) !important
    }
}

.hero-box .hero-layout-5>.hero>.hero-description>.hero-text-subtitle {
    width: 100%
}

.hero-box .hero-layout-5>.hero>.hero-description>.hero-text-subtitle>p {
    color: var(--c-mix-3);
    margin-bottom: var(--s-2)
}

@media screen and (min-width: 1024px) {
    .hero-box .hero-layout-5 {
        padding: var(--s-5) var(--s-2)
    }

    .hero-box .hero-layout-5>.hero {
        width: 100%;
        display: flex;
        flex-direction: column
    }

    .hero-box .hero-layout-5>.hero>.hero-text {
        width: 100%;
        margin-bottom: var(--s-2)
    }

    .hero-box .hero-layout-5>.hero>.hero-text>h2 {
        line-height: var(--l-title);
        margin-bottom: 0
    }

    .hero-box .hero-layout-5>.hero>.hero-description {
        width: 100%;
        display: flex;
        justify-content: space-between
    }

    .hero-box .hero-layout-5>.hero>.hero-description>.hero-image {
        width: calc(50% - var(--spacing-gap)/2);
        height: 600px;
        margin-bottom: 0
    }

    .hero-box .hero-layout-5>.hero>.hero-description>.hero-text-subtitle {
        width: calc(50% - var(--spacing-gap)/2)
    }
}

@media screen and (min-width: 1025px)and (max-width: 1200px) {
    .hero-box .hero-layout-5>.hero .hero-description>.hero-text-subtitle {
        width: calc(50% - var(--spacing-gap-mobile)/2)
    }

    .hero-box .hero-layout-5>.hero .hero-description>.hero-image {
        width: calc(50% - var(--spacing-gap-mobile)/2)
    }
}

.hero-box .hero-layout-6 {
    width: 100%;
    padding: var(--s-2)
}

.hero-box .hero-layout-6>.hero {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center
}

.hero-box .hero-layout-6>.hero>.hero-text {
    width: 100%;
    margin-bottom: var(--s-2)
}

.hero-box .hero-layout-6>.hero>.hero-text>h2 {
    margin-bottom: 0
}

.hero-box .hero-layout-6>.hero>.hero-description {
    width: 100%
}

.hero-box .hero-layout-6>.hero>.hero-description>.hero-image {
    width: 100%;
    height: 400px;
    margin-bottom: var(--spacing-gap)
}

@media screen and (max-width: 767px) {
    .hero-box .hero-layout-6>.hero>.hero-description>.hero-image {
        height: calc(var(--height)/2) !important;
        margin-bottom: var(--spacing-gap-mobile)
    }
}

.hero-box .hero-layout-6>.hero>.hero-description>.hero-image>img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover
}

.hero-box .hero-layout-6>.hero>.hero-description>.hero-image>img.Fill {
    object-fit: cover
}

.hero-box .hero-layout-6>.hero>.hero-description>.hero-image>img.Fit {
    object-fit: contain
}

.hero-box .hero-layout-6>.hero>.hero-description>.hero-image>img.transparent {
    background: rgba(0, 0, 0, 0)
}

.hero-box .hero-layout-6>.hero>.hero-description>.hero-image>img.grey {
    background: var(--c-mix-1)
}

.hero-box .hero-layout-6>.hero>.hero-description>.hero-image>img.accent {
    background: var(--accent)
}

@media screen and (max-width: 767px) {
    .hero-box .hero-layout-6>.hero>.hero-description>.hero-image>img {
        height: calc(var(--height)/2) !important
    }
}

@media screen and (max-width: 767px) {
    .hero-box .hero-layout-6>.hero>.hero-description>.hero-image.default {
        height: calc(var(--height)/2) !important
    }
}

.hero-box .hero-layout-6>.hero>.hero-description>.hero-text-subtitle {
    width: 100%
}

.hero-box .hero-layout-6>.hero>.hero-description>.hero-text-subtitle>p {
    color: var(--c-mix-3);
    margin-bottom: var(--s-2)
}

@media screen and (min-width: 1024px) {
    .hero-box .hero-layout-6 {
        padding: var(--s-5) var(--s-2)
    }

    .hero-box .hero-layout-6>.hero {
        width: 100%;
        display: flex;
        flex-direction: column
    }

    .hero-box .hero-layout-6>.hero>.hero-text {
        width: 100%;
        margin-bottom: var(--s-2)
    }

    .hero-box .hero-layout-6>.hero>.hero-text>h2 {
        line-height: var(--l-title);
        margin-bottom: 0
    }

    .hero-box .hero-layout-6>.hero>.hero-description {
        width: 100%;
        display: flex;
        justify-content: space-between;
        flex-direction: row-reverse
    }

    .hero-box .hero-layout-6>.hero>.hero-description>.hero-image {
        width: calc(50% - var(--spacing-gap)/2);
        height: 600px;
        margin-bottom: 0
    }

    .hero-box .hero-layout-6>.hero>.hero-description>.hero-text-subtitle {
        width: calc(50% - var(--spacing-gap)/2)
    }
}

@media screen and (min-width: 1025px)and (max-width: 1200px) {
    .hero-box .hero-layout-6>.hero .hero-description>.hero-text-subtitle {
        width: calc(50% - var(--spacing-gap-mobile)/2)
    }

    .hero-box .hero-layout-6>.hero .hero-description>.hero-image {
        width: calc(50% - var(--spacing-gap-mobile)/2)
    }
}

.hero-box .country-search .country-selector input {
    height: 40px !important
}

.hero-box .country-search .country-selector button.btn {
    height: 40px !important
}

.hero-text h2 {
    margin-bottom: 0px !important
}

.tel-input {
    margin-top: 10px;
    margin-bottom: 0px;
    height: inherit
}

.tel-input .number-input,
.tel-input .country-selector {
    height: 50px !important
}

@media screen and (max-width: 1200px) {
    .tel-input {
        margin-top: 5px;
        margin-bottom: 15px
    }
}

.hero-box .hero>.hero-text.full {
    width: 100%
}

.hero-box .hero.full .hero-description .hero-text-subtitle {
    width: 100%
}

.feedback {
    margin-top: var(--s-1);
    color: var(--foreground) !important
}

.pre-line {
    white-space: pre-line !important
}

.card-box {
    width: 100%;
    position: relative;
    background: var(--background);
    z-index: 1
}

.card-box.light-default-bg {
    background: var(--background) url('data:image/svg+xml,<svg width="100" height="100" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" data-v-29a39510=""> <path d="M2 2V22H22V2H2ZM17 5.3C17.9 5.3 18.7 6 18.7 7C18.7 7.9 18 8.7 17 8.7C16.1 8.7 15.3 8 15.3 7C15.3 6.1 16.1 5.3 17 5.3ZM5 16.2L9.9 9.2L14.1 14.8L16.2 12.7L19 16.2H5Z" fill="%23EEEEEE" data-v-29a39510="" ></path></svg>') no-repeat center center !important
}

.card-box.dark-default-bg {
    background: var(--background) url('data:image/svg+xml,<svg width="100" height="100" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" data-v-29a39510=""> <path d="M2 2V22H22V2H2ZM17 5.3C17.9 5.3 18.7 6 18.7 7C18.7 7.9 18 8.7 17 8.7C16.1 8.7 15.3 8 15.3 7C15.3 6.1 16.1 5.3 17 5.3ZM5 16.2L9.9 9.2L14.1 14.8L16.2 12.7L19 16.2H5Z" fill="%23222222" data-v-29a39510="" ></path></svg>') no-repeat center center !important
}

.card-box.color.accent .background div.card-container>div.card>.a,
.card-box.color.accent .background div.card-container>div.card>.card-link-container {
    background-color: var(--background) !important
}

.card-box.color.accent .background div.card-container>div.card>.a .default-image,
.card-box.color.accent .background div.card-container>div.card>.card-link-container .default-image {
    background: var(--c-mix-1) !important
}

.card-box.color.accent .background div.card-container>div.card>.a .default-image path,
.card-box.color.accent .background div.card-container>div.card>.card-link-container .default-image path {
    fill: var(--background) !important
}

.card-box.color.grey .card-header .card-label,
.card-box.color.accent .card-header .card-label {
    background: var(--background);
    color: var(--foreground)
}

.card-box.media.image-selected .card-header .card-label {
    color: var(--c-light) !important;
    background: var(--c-overlay-light)
}

.card-box.media.image-selected .card-header>p,
.card-box.media.image-selected .card-header>h2 {
    color: var(--c-light) !important
}

.card-box.media .card-1 a {
    background: var(--background) !important
}

.card-box.media .card-1 a .default-image {
    background: var(--c-mix-1)
}

.card-box.media .card-1 a .default-image svg path {
    fill: var(--background) !important
}

.card-box.media.section-width-fit .inner-content>[class^=card-] {
    position: relative;
    overflow: hidden;
    border-radius: var(--min-shape)
}

.card-box.media.section-width-fit .inner-content>[class^=card-]::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    min-width: 100%;
    min-height: 100%;
    background-position: var(--background-upper);
    background-image: var(--bg-image);
    background-repeat: no-repeat;
    background-size: cover;
    opacity: var(--bg-opacity);
    filter: grayscale(var(--bg-grayscale)) blur(var(--bg-blur));
    transform: scale(var(--bg-blurscale))
}

.card-box.media.section-width-fit .inner-content::before {
    display: none !important
}

.card-box.media.section-width-fit .inner-content.parallax>[class^=card]::before {
    background-attachment: fixed;
    transform: none !important
}

.card-box.color.grey .card-2 .card>a .card-image .default-image,
.card-box.color.grey .card-2 .card>.card-link-container .card-image .default-image,
.card-box.color.c-dark .card-2 .card>a .card-image .default-image,
.card-box.color.c-dark .card-2 .card>.card-link-container .card-image .default-image,
.card-box.color.accent .card-2 .card>a .card-image .default-image,
.card-box.color.accent .card-2 .card>.card-link-container .card-image .default-image,
.card-box.media.grey .card-2 .card>a .card-image .default-image,
.card-box.media.grey .card-2 .card>.card-link-container .card-image .default-image,
.card-box.media.c-dark .card-2 .card>a .card-image .default-image,
.card-box.media.c-dark .card-2 .card>.card-link-container .card-image .default-image,
.card-box.media.accent .card-2 .card>a .card-image .default-image,
.card-box.media.accent .card-2 .card>.card-link-container .card-image .default-image {
    background: var(--background) !important
}

.card-box.color.grey .card-2 .card>a .card-image .default-image svg path,
.card-box.color.grey .card-2 .card>.card-link-container .card-image .default-image svg path,
.card-box.color.c-dark .card-2 .card>a .card-image .default-image svg path,
.card-box.color.c-dark .card-2 .card>.card-link-container .card-image .default-image svg path,
.card-box.color.accent .card-2 .card>a .card-image .default-image svg path,
.card-box.color.accent .card-2 .card>.card-link-container .card-image .default-image svg path,
.card-box.media.grey .card-2 .card>a .card-image .default-image svg path,
.card-box.media.grey .card-2 .card>.card-link-container .card-image .default-image svg path,
.card-box.media.c-dark .card-2 .card>a .card-image .default-image svg path,
.card-box.media.c-dark .card-2 .card>.card-link-container .card-image .default-image svg path,
.card-box.media.accent .card-2 .card>a .card-image .default-image svg path,
.card-box.media.accent .card-2 .card>.card-link-container .card-image .default-image svg path {
    fill: var(--c-mix-1) !important
}

.card-box.color.grey .card-2 .card>a .card-text,
.card-box.color.grey .card-2 .card>.card-link-container .card-text,
.card-box.color.c-dark .card-2 .card>a .card-text,
.card-box.color.c-dark .card-2 .card>.card-link-container .card-text,
.card-box.color.accent .card-2 .card>a .card-text,
.card-box.color.accent .card-2 .card>.card-link-container .card-text,
.card-box.media.grey .card-2 .card>a .card-text,
.card-box.media.grey .card-2 .card>.card-link-container .card-text,
.card-box.media.c-dark .card-2 .card>a .card-text,
.card-box.media.c-dark .card-2 .card>.card-link-container .card-text,
.card-box.media.accent .card-2 .card>a .card-text,
.card-box.media.accent .card-2 .card>.card-link-container .card-text {
    background: var(--c-mix-1) !important
}

.card-box.c-dark {
    background-color: var(--c-dark)
}

.card-box.grey.section-width-fit .inner-content>[class^=card-] {
    background-color: var(--c-mix-1);
    border-radius: var(--min-shape)
}

.card-box.grey.section-width-fill {
    background-color: var(--c-mix-1)
}

.card-box.grey .border .card {
    border: 1px solid var(--background) !important
}

.card-box.grey .background div.card-container>div.card>a,
.card-box.grey .background div.card-container>div.card>.card-link-container {
    background-color: var(--background) !important
}

.card-box.grey .background div.card-container>div.card>a .default-image,
.card-box.grey .background div.card-container>div.card>.card-link-container .default-image {
    background: var(--c-mix-1) !important
}

.card-box.grey .background div.card-container>div.card>a .default-image path,
.card-box.grey .background div.card-container>div.card>.card-link-container .default-image path {
    fill: var(--background) !important
}

.card-box.grey .card-container>.card>a div.card-image .default-image,
.card-box.grey .card-container>.card>.card-link-container div.card-image .default-image {
    background: var(--background) !important
}

.card-box.grey .card-container>.card>a div.card-image .default-image path,
.card-box.grey .card-container>.card>.card-link-container div.card-image .default-image path {
    fill: var(--c-mix-1) !important
}

.card-box.grey .card-2 .card>a .card-text,
.card-box.grey .card-2 .card>.card-link-container .card-text {
    background: var(--c-mix-1) !important
}

.card-box.accent.section-width-fit .inner-content>[class^=card-] {
    background-color: var(--accent) !important;
    border-radius: var(--min-shape)
}

.card-box.accent.section-width-fill {
    background-color: var(--accent) !important
}

.card-box.accent.color .card-header h2,
.card-box.accent.color .card-header p {
    color: var(--r-color) !important
}

.card-box.light-color [class^=card-]>.card-header h2 {
    color: var(--c-light) !important
}

.card-box.light-color [class^=card-]>.card-header p {
    color: var(--c-light) !important
}

.card-box.dark-color [class^=card-]>.card-header h2 {
    color: var(--c-dark) !important
}

.card-box.dark-color [class^=card-]>.card-header p {
    color: var(--c-dark) !important
}

.card-box.section-height-fill .inner-content {
    min-height: 100vh
}

.card-box.section-height-fill[class*=align-items-] .inner-content {
    display: flex;
    flex-direction: column
}

.card-box.section-height-fill[class*=align-items-].align-items-start .inner-content {
    justify-content: start
}

.card-box.section-height-fill[class*=align-items-].align-items-center .inner-content {
    justify-content: center
}

.card-box.section-height-fill[class*=align-items-].align-items-end .inner-content {
    justify-content: end
}

.card-box.section-height-fill.section-width-fit .inner-content>[class*=card-] {
    flex-grow: 1
}

.card-box.section-height-fill.section-width-fit[class*=align-items-] .inner-content {
    display: flex;
    flex-direction: column
}

.card-box.section-height-fill.section-width-fit[class*=align-items-] .inner-content>[class*=card-] {
    display: flex;
    flex-direction: column
}

.card-box.section-height-fill.section-width-fit[class*=align-items-].align-items-start .inner-content>[class*=card-] {
    justify-content: start
}

.card-box.section-height-fill.section-width-fit[class*=align-items-].align-items-start .inner-content>[class*=card-].left-title {
    align-items: start
}

.card-box.section-height-fill.section-width-fit[class*=align-items-].align-items-center .inner-content [class*=card-] {
    justify-content: center
}

.card-box.section-height-fill.section-width-fit[class*=align-items-].align-items-center .inner-content [class*=card-].left-title {
    align-items: center
}

.card-box.section-height-fill.section-width-fit[class*=align-items-].align-items-end .inner-content [class*=card-] {
    justify-content: end
}

.card-box.section-height-fill.section-width-fit[class*=align-items-].align-items-end .inner-content [class*=card-].left-title {
    align-items: end
}

@media screen and (min-width: 1024px) {
    .card-box.section-height-fit .inner-content>[class*=card-] {
        padding: var(--spacingTB) var(--spacingLR)
    }
}

.card-box.section-width-fill>.inner-content>[class*=card-] {
    padding-left: calc(var(--s-2) + var(--spacing-left-mobile)) !important;
    padding-right: calc(var(--s-2) + var(--spacing-right-mobile)) !important
}

@media screen and (min-width: 1024px) {
    .card-box.section-width-fill>.inner-content>[class*=card-] {
        padding-left: calc(var(--s-2) + var(--spacing-left)) !important;
        padding-right: calc(var(--s-2) + var(--spacing-right)) !important
    }
}

.card-box.section-width-fit>.inner-content>[class*=card-].carousel-container {
    overflow: hidden
}

.card-box>.inner-content {
    overflow: clip
}

.card-box>.inner-content.w-boxed {
    padding: var(--s-2)
}

.card-box>.inner-content>[class*=card-] {
    padding-top: var(--spacing-top-mobile, 10px) !important;
    padding-bottom: var(--spacing-bottom-mobile, 10px) !important;
    padding-left: var(--spacing-left-mobile, 10px) !important;
    padding-right: var(--spacing-right-mobile, 10px) !important
}

@media screen and (max-width: 1024px) {
    .card-box>.inner-content>[class*=card-] {
        --spacing-padding: var(--spacing-padding-mobile)
    }
}

@media screen and (min-width: 1025px) {
    .card-box>.inner-content>[class*=card-] {
        padding-top: var(--spacing-top, 10px) !important;
        padding-bottom: var(--spacing-bottom, 10px) !important;
        padding-left: var(--spacing-left, 10px) !important;
        padding-right: var(--spacing-right, 10px) !important
    }
}

.card-box #card-video-bg {
    position: absolute;
    z-index: -1;
    min-width: 100%;
    min-height: 100%;
    opacity: calc((100 - var(--bg-opacity))/100);
    filter: grayscale(var(--bg-grayscale)) blur(var(--bg-blur))
}

.card-box .inner-content.parallax::before {
    background-attachment: fixed;
    transform: none !important
}

.card-box .inner-content>.card-2 .card-container .card .card-image .default-image,
.card-box .inner-content>.card-4 .card-container .card .card-image .default-image,
.card-box .inner-content>.card-5 .card-container .card .card-image .default-image,
.card-box .inner-content>.card-6 .card-container .card .card-image .default-image {
    background: var(--c-mix-1) !important
}

.card-box .inner-content>.card-2 .card-container .card .card-image .default-image>svg>path,
.card-box .inner-content>.card-4 .card-container .card .card-image .default-image>svg>path,
.card-box .inner-content>.card-5 .card-container .card .card-image .default-image>svg>path,
.card-box .inner-content>.card-6 .card-container .card .card-image .default-image>svg>path {
    fill: var(--background)
}

.card-box .inner-content>.card-2 .card-container .card a,
.card-box .inner-content>.card-4 .card-container .card a,
.card-box .inner-content>.card-5 .card-container .card a,
.card-box .inner-content>.card-6 .card-container .card a {
    padding: 0
}

.card-box .inner-content>.card-2 .card-container.col-1 .card__button,
.card-box .inner-content>.card-4 .card-container.col-1 .card__button,
.card-box .inner-content>.card-5 .card-container.col-1 .card__button,
.card-box .inner-content>.card-6 .card-container.col-1 .card__button {
    width: auto;
    padding: var(--s-1)
}

@media screen and (max-width: 1024px) {

    .card-box .inner-content>.card-2 .card-container.col-mobile-1 .card__button,
    .card-box .inner-content>.card-4 .card-container.col-mobile-1 .card__button,
    .card-box .inner-content>.card-5 .card-container.col-mobile-1 .card__button,
    .card-box .inner-content>.card-6 .card-container.col-mobile-1 .card__button {
        width: auto;
        padding: var(--s-1)
    }
}

@media screen and (max-width: 1024px) {
    .card-box .inner-content {
        --image-height: var(--image-height-mobile) !important
    }
}

.card-box .inner-content>[class*=card-].carousel-container {
    display: grid;
    grid-template-areas: "header" "container";
    grid-template-columns: 1fr;
    grid-template-rows: auto auto
}

.card-box .inner-content>[class*=card-].carousel-container .card-header {
    grid-area: header
}

.card-box .inner-content>[class*=card-].carousel-container .card-container.carousel {
    grid-area: container;
    --left-opacity: 1;
    --right-opacity: 1;
    mask-image: linear-gradient(to right, rgba(255, 255, 255, var(--left-opacity)) 0%, rgb(0, 0, 0) 12.5%, rgb(0, 0, 0) 87.5%, rgba(255, 255, 255, var(--right-opacity)) 100%)
}

.card-box .inner-content>[class*=card-].carousel-container>.carousel-scroller {
    grid-column: 1/2;
    grid-row: 2;
    display: flex;
    z-index: 1;
    justify-content: space-between;
    align-items: center;
    position: static;
    pointer-events: none;
    visibility: hidden;
    z-index: 1
}

.card-box .inner-content>[class*=card-].carousel-container>.carousel-scroller .carousel-scroller__left,
.card-box .inner-content>[class*=card-].carousel-container>.carousel-scroller .carousel-scroller__right {
    height: 40px;
    width: 40px;
    border-radius: 50%;
    background: var(--c-mix-6) !important;
    backdrop-filter: saturate(150%) blur(10px);
    border: solid 1px var(--c-mix-1);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    pointer-events: all;
    transition: opacity var(--a-speed);
    position: relative;
    opacity: 0
}

.card-box .inner-content>[class*=card-].carousel-container>.carousel-scroller .carousel-scroller__left svg,
.card-box .inner-content>[class*=card-].carousel-container>.carousel-scroller .carousel-scroller__right svg {
    background: none;
    fill: none
}

.card-box .inner-content>[class*=card-].carousel-container>.carousel-scroller .carousel-scroller__left:hover,
.card-box .inner-content>[class*=card-].carousel-container>.carousel-scroller .carousel-scroller__right:hover {
    background-color: var(--c-mix-1) !important
}

.card-box .inner-content>[class*=card-].carousel-container>.carousel-scroller .carousel-scroller__left {
    right: calc(var(--s-2) - 5px)
}

.card-box .inner-content>[class*=card-].carousel-container>.carousel-scroller .carousel-scroller__right {
    left: calc(var(--s-2) - 5px)
}

.card-box .inner-content>[class*=card-].carousel-container>.carousel-scroller.left .carousel-scroller__left {
    opacity: 1
}

.card-box .inner-content>[class*=card-].carousel-container>.carousel-scroller.left~.card-container {
    --left-opacity: 0
}

.card-box .inner-content>[class*=card-].carousel-container>.carousel-scroller.right .carousel-scroller__right {
    opacity: 1
}

.card-box .inner-content>[class*=card-].carousel-container>.carousel-scroller.right~.card-container {
    --right-opacity: 0
}

.card-box .inner-content>[class*=card-].carousel-container.left-title {
    display: grid;
    grid-template-columns: 40fr 60fr;
    grid-template-rows: auto auto;
    grid-template-areas: "header container" "heading ...";
    gap: var(--s-2)
}

@media screen and (max-width: 767px) {
    .card-box .inner-content>[class*=card-].carousel-container.left-title {
        grid-template-columns: 1fr;
        grid-template-rows: auto auto;
        grid-template-areas: "header" "container";
        gap: 0
    }
}

.card-box .inner-content>[class*=card-].carousel-container.left-title .card-header {
    width: 100% !important
}

.card-box .inner-content>[class*=card-].carousel-container.left-title .carousel-items-container {
    width: 100% !important
}

.card-box .inner-content>[class*=card-].carousel-container.left-title .carousel-scroller {
    grid-area: container
}

.card-box .box>.card-header {
    padding: 0px;
    background-color: unset;
    border-bottom-width: 0px
}

.card-box .left>.card-header {
    display: flex;
    align-items: flex-start;
    text-align: left
}

.card-box .left>.card-container>.card>a>.card-text {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    text-align: left
}

.card-box .left .card-image,
.card-box .left .timestamp {
    align-self: flex-start
}

.card-box .center>.card-header {
    display: flex;
    align-items: center;
    text-align: center
}

.card-box .center img {
    text-align: center
}

.card-box .center>.card-container>.card>a>.card-text {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center
}

.card-box .center .card-image {
    align-self: center
}

.card-box .right>.card-header {
    display: flex;
    align-items: flex-end;
    text-align: right
}

.card-box .right>.card-container>.card>a>.card-text {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    text-align: right
}

.card-box .right .card-image,
.card-box .right .timestamp {
    align-self: flex-end
}

.card-box .left-title {
    display: flex;
    flex-direction: row !important;
    justify-content: space-between !important;
    position: relative
}

@media screen and (max-width: 767px) {
    .card-box .left-title {
        flex-direction: column !important
    }
}

.card-box .left-title>.card-header {
    width: calc(34% - 40px) !important;
    word-break: break-word;
    justify-content: flex-start !important;
    align-items: flex-start;
    text-align: left;
    position: sticky;
    top: calc(var(--left-title-offset, 0) + var(--s-4));
    transition: top var(--a-speed);
    height: fit-content
}

@media screen and (max-width: 767px) {
    .card-box .left-title>.card-header {
        width: 100% !important;
        position: static !important;
        transform: none !important
    }
}

.card-box .left-title>.card-container {
    width: 66% !important;
    height: fit-content
}

@media screen and (max-width: 767px) {
    .card-box .left-title>.card-container {
        width: 100% !important
    }
}

.card-box .no-border>.card-container .card>a {
    padding: 0;
    background: unset
}

.card-box .no-border>.card-container .card>a>.card-image .default-image {
    background: var(--c-mix-1) !important
}

.card-box .no-border>.card-container .card>a>.card-image .default-image>svg>path {
    fill: var(--background)
}

.card-box .no-border>.card-container .card>a:link {
    cursor: pointer
}

@media screen and (max-width: 767px) {
    .card-box .no-border>.card-container .card {
        padding: 0 !important
    }
}

@media screen and (max-width: 767px) {
    .card-box .background>.card-container .card a {
        padding: var(--s-1) !important
    }
}

.card-box .space-below .card {
    margin-bottom: var(--s-2)
}

@media screen and (max-width: 767px) {
    .card-box .space-below .card {
        margin-bottom: var(--s-1) !important
    }
}

@media screen and (max-width: 767px) {
    .card-box .border.no-border .card {
        padding: var(--s-1) !important
    }
}

.card-box .border .card {
    border: 1px solid var(--c-mix-1)
}

.card-box h3.small-size {
    letter-spacing: normal !important
}

.card-box .card-image {
    position: relative
}

.card-box .card-image .screen {
    z-index: 3
}

.card-box .card-image>img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover
}

.card-box .card-image>.default-image {
    height: 100%;
    background: var(--background);
    display: flex;
    justify-content: center;
    align-items: center
}

.card-box .card-image>.default-image>svg {
    width: 40px;
    height: 40px
}

@media screen and (max-width: 767px) {
    .card-box .card-image>.default-image>svg {
        width: 20px;
        height: 20px
    }
}

.card-box .card-image>.default-image>svg>path {
    fill: var(--c-mix-1)
}

.card-box .card-image.avatar-image.min-shape {
    border-radius: 100% !important
}

@media screen and (max-width: 767px) {
    .card-box .card-image.avatar-image.min-shape {
        width: calc(var(--width)/2) !important
    }
}

.card-box .card-image video {
    object-fit: cover
}

.card-box .card-container {
    gap: var(--spacing-gap-mobile, 10px) !important
}

@media screen and (min-width: 1024px) {
    .card-box .card-container {
        gap: var(--spacing-gap, 10px) !important
    }
}

.card-box .card-container .r-none {
    border-radius: 0px
}

.card-box .card-container .r-none>img,
.card-box .card-container .r-none>a {
    border-radius: 0px
}

.card-box .card-container .r-small {
    border-radius: 10px
}

.card-box .card-container .r-small>img,
.card-box .card-container .r-small>a {
    border-radius: 10px
}

.card-box .card-container .r-full {
    border-radius: 20px
}

.card-box .card-container .r-full>img,
.card-box .card-container .r-full>a {
    border-radius: 20px
}

.card-box .card-container>.card {
    overflow: hidden;
    position: relative
}

.card-box .card-container>.card.min-shape>a {
    border-radius: var(--min-shape)
}

.card-box .card-container>.card.hover-state {
    transition: all 800ms cubic-bezier(0.165, 0.84, 0.44, 1)
}

.card-box .card-container>.card.hover-state:hover img {
    transform: scale(1.1) translateZ(0)
}

.card-box .card-container>.card.cursor-none {
    cursor: initial !important
}

.card-box .card-container>.card.cursor-none>a {
    cursor: initial !important
}

.card-box .card-container>.card>a {
    cursor: default;
    background: var(--c-mix-1)
}

@media screen and (max-width: 767px) {
    .card-box .card-container>.card>a {
        padding: 0 !important
    }
}

.card-box .card-container>.card>a:link {
    cursor: pointer
}

.card-box .card-container>.card>.card-link {
    width: 100%;
    margin-top: var(--s-2);
    margin-bottom: var(--s-2);
    display: none;
    align-items: center;
    justify-content: space-between;
    padding: 0 var(--s-2)
}

.card-box .card-container>.card>.card-link>.card-link-text {
    color: var(--foreground);
    display: none
}

.card-box .card-container>.card>.card-link>.card-link-icon {
    display: none;
    justify-content: center;
    align-items: center;
    border-radius: var(--r-full);
    background: var(--background);
    width: 40px;
    height: 40px
}

.card-box .card-container>.card>.card-link>.card-link-icon>svg {
    width: 16px;
    height: 16px
}

@media screen and (max-width: 767px) {
    .card-box .card-container>.card .card-text h3 {
        font-size: var(--t-1)
    }

    .card-box .card-container>.card .card-text .description p {
        font-size: var(--t-0)
    }
}

@media screen and (max-width: 767px) {
    .card-box .card-container.col-mobile-2 {
        grid-template-columns: repeat(2, 1fr) !important
    }
}

.card-box .card-container>.card>a>.card-text>.description.shorten-lines {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-break: normal;
    overflow: hidden;
    hyphens: auto
}

.card-box .card-2>.card-container>.card>a>.card-text.glass {
    background: var(--c-mix-6) !important;
    -webkit-backdrop-filter: saturate(150%) blur(10px) !important;
    backdrop-filter: saturate(150%) blur(10px) !important
}

.card-box .card-2>.card-container>.card>a>.card-text.glass .description p {
    color: var(--foreground) !important
}

.card-box .card-2>.card-container>.card>a:link:hover .card-text {
    display: block
}

.card-box .card-header {
    flex-direction: column
}

.card-box .card-header .card-label {
    color: var(--foreground);
    background: var(--c-mix-1);
    padding: 3px 9px;
    margin-bottom: var(--s-1);
    border-radius: var(--shape)
}

.card-box .card-header p {
    margin-top: var(--s-1);
    color: var(--c-mix-3)
}

.card-box .card-1 {
    width: 100%;
    padding: var(--s-2)
}

.card-box .card-1>.card-header {
    width: 100%;
    margin-bottom: var(--s-2)
}

.card-box .card-1>.card-container>.card {
    border-radius: var(--min-shape);
    --context-radius: var(--min-shape)
}

.card-box .card-1>.card-container>.card>a {
    display: flex;
    width: 100%;
    height: 100%;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center
}

.card-box .card-1>.card-container>.card>a>.card-text {
    width: 100%
}

.card-box .card-1>.card-container>.card>a>.card-text>h3 {
    font-weight: 700
}

.card-box .card-1>.card-container>.card>a>.card-text>.description>p {
    color: var(--c-mix-3)
}

@media screen and (max-width: 767px) {
    .card-box .card-1>.card-container>.card>a>.card-text>.description>p {
        margin-top: 5px
    }
}

.card-box .card-1>.card-container>.card>a>.card-text>.card-link {
    width: 100%;
    margin-top: var(--s-2);
    display: none;
    align-items: center;
    justify-content: space-between
}

.card-box .card-1>.card-container>.card>a>.card-text>.card-link>.card-link-text {
    color: var(--foreground)
}

.card-box .card-1>.card-container>.card>a>.card-text>.card-link>.card-link-icon {
    display: flex
}

.card-box .card-1>.card-container>.card>a>.card-text>.card-link>.card-link-icon>svg {
    width: 16px;
    height: 16px
}

.card-box .card-1>.card-container>.card>a .card__button {
    margin-top: auto
}

.card-box .card-1>.card-container>.card>a>.card-image {
    width: 100%;
    height: 150px;
    margin-top: var(--s-1);
    overflow: hidden;
    display: inline-block
}

@media screen and (max-width: 767px) {
    .card-box .card-1>.card-container>.card>a>.card-image {
        margin-top: var(--s-1)
    }
}

.card-box .card-1>.card-container>.card>a>.card-image>img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: var(--a-speed)
}

.card-box .card-1>.card-container>.card>a.top.has-button .card-text .description {
    margin-bottom: var(--s-2)
}

.card-box .card-1>.card-container>.card>a.top>.card-image {
    order: -1;
    margin-top: 0;
    margin-bottom: var(--s-1)
}

@media screen and (max-width: 767px) {
    .card-box .card-1>.card-container>.card>a.top>.card-image {
        margin-bottom: var(--s-1)
    }
}

.card-box .card-1>.card-container>.card>a.center.has-button .card-text .description {
    margin-bottom: var(--s-2)
}

.card-box .card-1>.card-container>.card>a.bottom>.card-image {
    order: 1
}

.card-box .card-1>.card-container>.card>a.bottom.has-button {
    margin-bottom: var(--s-2)
}

.card-box .card-1>.card-container>.card a {
    padding: var(--spacing-padding, 20px) !important
}

.card-box .card-1>.card-container>.card a .card-image {
    --computed-r: calc(var(--context-radius) - var(--spacing-padding, 20px)) !important;
    --cr-child: calc(var(--context-radius) / 2);
    border-radius: clamp(var(--cr-child), var(--computed-r), 100px)
}

.card-box .card-1>.card-container>.card a.top .card-text:has(.description) {
    --top: calc(var(--spacing-padding) / 2);
    --bottom: calc(var(--spacing-padding) * 1.5);
    margin-bottom: clamp(10px, var(--bottom), 10px) !important
}

.card-box .card-1>.card-container>.card a.bottom .card-text:has(h3) {
    --bottom: calc(var(--spacing-padding) / 2);
    margin-bottom: clamp(0px, var(--bottom), 10px) !important;
    --top: calc(var(--spacing-padding))
}

.card-box .card-1>.card-container>.card a.center .card-text:has(.description) {
    --top: calc(var(--spacing-padding) * 2);
    margin-top: clamp(0px, var(--top), 15px) !important;
    --bottom: calc(var(--spacing-padding) * 1.5);
    margin-bottom: clamp(10px, var(--bottom), 20px) !important
}

.card-box .card-1>.card-container>.card a.center .card-text:has(h3) {
    --bottom: calc(var(--spacing-padding) / 2);
    margin-bottom: clamp(0px, var(--bottom), 10px) !important;
    --top: calc(var(--spacing-padding));
    margin-top: clamp(10px, var(--top), 10px) !important
}

@media screen and (min-width: 1024px) {
    .card-box .card-1 {
        margin-left: auto;
        margin-right: auto;
        padding: var(--s-5) var(--s-2)
    }

    .card-box .card-1>.card-header {
        width: 100%
    }

    .card-box .card-1>.card-container>.card>a>.card-image {
        width: 100%;
        height: 150px;
        overflow: hidden
    }

    .card-box .card-1>.card-container>.card>a>.card-image>img {
        width: 100%;
        height: 100%;
        object-fit: contain;
        transition: var(--a-speed)
    }
}

@media screen and (max-width: 1023px)and (min-width: 768px) {
    .card-box .card-1 {
        width: 100%
    }

    .card-box .card-1>.card-header {
        width: 100%
    }
}

.card-box .card-2 {
    width: 100%;
    padding: var(--s-2)
}

.card-box .card-2>.card-header {
    width: 100%;
    margin-bottom: var(--s-2)
}

.card-box .card-2>.card-container>.card {
    padding: 0;
    border-radius: var(--min-shape);
    --context-radius: var(--min-shape)
}

.card-box .card-2>.card-container>.card>a {
    width: 100%;
    height: 100%;
    display: flex;
    position: relative
}

.card-box .card-2>.card-container>.card>a>.card-text {
    position: absolute;
    background: var(--background)
}

.card-box .card-2>.card-container>.card>a>.card-text>h3 {
    font-weight: 700
}

.card-box .card-2>.card-container>.card>a>.card-text>.description>p {
    color: var(--c-mix-3)
}

.card-box .card-2>.card-container>.card>a>.card-image {
    width: calc(200% - 20px);
    height: 150px;
    overflow: hidden
}

.card-box .card-2>.card-container>.card>a>.card-image>img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: var(--a-speed)
}

.card-box .card-2>.card-container>.card>a.center>.card-text {
    top: 50%;
    transform: translateY(-50%);
    bottom: initial
}

.card-box .card-2>.card-container>.card a .card-text {
    bottom: var(--spacing-padding, 20px);
    left: var(--spacing-padding, 20px);
    right: var(--spacing-padding, 20px);
    padding: clamp(10px, var(--spacing-padding), 20px);
    --computed-r: calc(var(--context-radius) - var(--spacing-padding, 20px)) !important;
    --cr-child: calc(var(--context-radius) / 2);
    border-radius: clamp(var(--cr-child), var(--computed-r), 100px)
}

.card-box .card-2>.card-container>.card a .card-text .description {
    margin-top: var(--spacing-padding)
}

.card-box .card-2>.card-container>.card a.top .card-text {
    bottom: unset;
    top: var(--spacing-padding, 20px)
}

@media screen and (min-width: 1024px) {
    .card-box .card-2 {
        margin-left: auto;
        margin-right: auto;
        padding: var(--s-5) var(--s-2)
    }

    .card-box .card-2>.card-header {
        width: 100%
    }

    .card-box .card-2>.card-container>.card>a {
        width: 100%;
        display: flex
    }

    .card-box .card-2>.card-container>.card>a>.card-image {
        width: 100%;
        height: 150px;
        overflow: hidden
    }

    .card-box .card-2>.card-container>.card>a>.card-image>img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        transition: var(--a-speed)
    }
}

@media screen and (max-width: 1023px)and (min-width: 768px) {
    .card-box .card-2 {
        width: 100%
    }

    .card-box .card-2>.card-header {
        width: 100%
    }
}

.card-box .card-2.bg-card-text>.card-container>div.card>a>div.card-text {
    padding: 0;
    background: rgba(0, 0, 0, 0) !important
}

.card-box .card-2.bg-card-text>.card-container>div.card>a>div.card-text h3,
.card-box .card-2.bg-card-text>.card-container>div.card>a>div.card-text p {
    color: #fff
}

.carousel {
    display: flex;
    flex-wrap: nowrap;
    overflow-x: auto;
    gap: var(--s-2)
}

@media screen and (max-width: 1200px) {
    .carousel {
        gap: var(--s-1)
    }
}

.carousel::-webkit-scrollbar {
    display: none
}

.carousel>.card {
    flex: 0 0 auto;
    background: unset;
    outline: none;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: center;
    width: 300px
}

.carousel-items-container.auto-scroll.card-container.carousel {
    animation: autoScroll var(--scroll-speed, 22.5s) infinite linear;
    overflow-x: visible;
    width: fit-content !important;
    max-width: none !important
}

@keyframes autoScroll {
    0% {
        transform: translateX(0)
    }

    100% {
        transform: translateX(-50%)
    }
}

.carousel-items-container.auto-scroll.card-container.carousel:has(.card:hover) {
    animation-play-state: paused
}

.card-text {
    z-index: 1
}

.timestamp {
    color: var(--c-mix-3);
    margin-top: 5px
}

.bottom-timestamp {
    margin-top: var(--s-1)
}

.card__button {
    width: 100%;
    margin-top: var(--s-2);
    order: 1;
    cursor: pointer !important;
    pointer-events: all;
    font-size: var(--t-0);
    justify-self: flex-end
}

.card__button.site-btn {
    min-width: calc(var(--unit)*10);
    height: calc(var(--unit)*3.5);
    width: 100%;
    position: relative;
    font-family: var(--f-base);
    background: var(--foreground);
    color: var(--background);
    display: flex;
    justify-content: center;
    align-items: center;
    border: none;
    font-weight: normal;
    padding: var(--s-1);
    text-align: center;
    line-height: var(--l-body);
    -webkit-appearance: button;
    white-space: nowrap
}

.card__button.site-btn:focus {
    border: 1px solid var(--c-mix-1);
    box-shadow: none;
    outline: none
}

.card__button.site-btn:hover {
    cursor: pointer;
    opacity: 70%;
    color: var(--background)
}

.card__button.site-btn.accent {
    background-color: var(--accent) !important
}

.card__button.site-btn.grey {
    background-color: var(--c-mix-10) !important;
    color: var(--foreground) !important
}

.card-header.carousel-mode {
    position: relative;
    padding-right: 100px
}

.card-header.carousel-mode .subtitle {
    width: 50%
}

.card-header.carousel-mode .carousel-scroller {
    display: flex;
    gap: 10px;
    margin-left: auto;
    position: absolute;
    right: 0;
    bottom: 0
}

.card-header.carousel-mode .carousel-scroller__left,
.card-header.carousel-mode .carousel-scroller__right {
    height: 40px;
    width: 40px;
    border-radius: 50%;
    background: none !important;
    border: solid 1px var(--c-mix-1);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer
}

.card-header.carousel-mode .carousel-scroller__left svg,
.card-header.carousel-mode .carousel-scroller__right svg {
    background: none;
    fill: none
}

.card-header.carousel-mode .carousel-scroller__left:hover,
.card-header.carousel-mode .carousel-scroller__right:hover {
    background-color: var(--c-mix-1) !important
}

.card-box.color .card-header .carousel-scroller__left,
.card-box.color .card-header .carousel-scroller__right {
    background: var(--background) !important
}

.card-box.color .card-header .carousel-scroller__left:hover,
.card-box.color .card-header .carousel-scroller__right:hover {
    background-color: var(--c-mix-1) !important
}

.card-box.color.grey .card-header .carousel-scroller__left:hover,
.card-box.color.grey .card-header .carousel-scroller__right:hover {
    opacity: .7;
    background-color: var(--background) !important
}

.card-box:hover .carousel-scroller {
    visibility: visible !important
}

.card-container.compat__2 {
    position: relative
}

.card-container.compat__2 .carousel-scroller {
    display: flex;
    justify-content: space-between;
    margin-left: auto;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    bottom: 0;
    align-items: center;
    z-index: 1;
    background-color: red
}

.card-container.compat__2 .carousel-scroller__left,
.card-container.compat__2 .carousel-scroller__right {
    height: 40px;
    width: 40px;
    border-radius: 50%;
    background: none !important;
    border: solid 1px var(--c-mix-1);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer
}

.card-container.compat__2 .carousel-scroller__left svg,
.card-container.compat__2 .carousel-scroller__right svg {
    background: none;
    fill: none
}

.card-container.compat__2 .carousel-scroller__left:hover,
.card-container.compat__2 .carousel-scroller__right:hover {
    background-color: var(--c-mix-1) !important
}

.card-container.carousel {
    scroll-behavior: smooth
}

.edit-blocks-container .card-box .card-container .card.cursor-none {
    cursor: unset !important
}

[data-theme=light] .card-container.carousel.carousel-items-container {
    mask-image: linear-gradient(to right, rgba(255, 255, 255, var(--left-opacity)) 0%, rgb(0, 0, 0) 12.5%, rgb(0, 0, 0) 87.5%, rgba(255, 255, 255, var(--right-opacity)) 100%)
}

.text-box.box {
    filter: none !important
}

.text-box {
    width: 100%;
    background: var(--background)
}

.text-box>.w-boxed {
    padding: var(--s-2)
}

@media screen and (min-width: 1024px) {
    .text-box>.w-boxed {
        padding: var(--s-5) var(--s-2)
    }
}

.text-box>.text {
    width: 100%
}

.text-box>.text.w-650 {
    max-width: 650px !important
}

.text-box>.text>div {
    width: 100%
}

.text-box>.text>div:focus {
    outline: none !important
}

.text-box>.text>div>.ProseMirror {
    width: 100%
}

.text-box>.text>div>.ProseMirror:focus {
    outline: none !important
}

.text-box>.text>div>.ProseMirror::selection {
    background: var(--c-mix-1) !important;
    color: var(--foreground) !important
}

.text-box>.text>div>.ProseMirror>img {
    width: 100%
}

.text-box>.text>div>.ProseMirror img {
    margin-bottom: var(--s-2)
}

.text-box>.text>div>.ProseMirror h3 {
    font-size: var(--t-3)
}

.text-box>.text>div>.ProseMirror>* {
    outline: none
}

.text-box>.text>div>.ProseMirror>*::selection {
    background: var(--c-mix-1) !important;
    color: var(--foreground) !important
}

.text-box>.text>div p,
.text-box>.text>div h3 {
    margin-bottom: var(--s-1) !important
}

.text-box>.text>div p>code,
.text-box>.text>div h3>code {
    font-size: inherit
}

.text-box>.text>div code {
    font-size: var(--t-1);
    padding: 5px 7px;
    border-radius: var(--r-small);
    background-color: var(--c-mix-1);
    color: var(--c-mix-3)
}

.text-box.left,
.text-box.left .button-holder {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    text-align: left
}

.text-box.center,
.text-box.center .button-holder {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center
}

.text-box.right,
.text-box.right .button-holder {
    display: flex;
    flex-direction: column;
    align-items: right;
    text-align: right
}

.text-box button {
    width: unset;
    height: 40px;
    background: var(--foreground);
    color: var(--background);
    padding: 0 var(--s-2);
    border: none;
    cursor: pointer
}

.text-box button:hover {
    opacity: .7
}

.text.w-boxed {
    padding: var(--s-2)
}

@media screen and (min-width: 1024px) {
    .text.w-boxed {
        padding: var(--s-5) var(--s-2)
    }
}

.text.w-boxed .text-column {
    -webkit-columns: var(--s-2) 2;
    -moz-columns: var(--s-2) 2;
    columns: var(--s-2) 2
}

@media screen and (max-width: 767px) {
    .text.w-boxed .text-column {
        -webkit-columns: initial;
        -moz-columns: initial;
        columns: initial
    }
}

.text.w-boxed .button-holder {
    display: flex;
    position: relative;
    margin-top: var(--s-2);
    height: calc(var(--unit)*5);
    display: flex;
    justify-content: flex-start;
    position: relative
}

.text.w-boxed .button-holder>button {
    width: max-content
}

.text.w-boxed .button-holder .screen {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0
}

.text.left-title {
    display: flex;
    justify-content: space-between
}

@media screen and (max-width: 767px) {
    .text.left-title {
        flex-direction: column
    }
}

.text.left-title .text-header {
    width: calc(34% - 40px) !important;
    word-break: break-word;
    justify-content: flex-start !important;
    align-items: flex-start;
    text-align: left
}

@media screen and (max-width: 767px) {
    .text.left-title .text-header {
        width: 100% !important
    }
}

.text.left-title .text-header~div {
    width: 66%
}

@media screen and (max-width: 767px) {
    .text.left-title .text-header~div {
        width: 100%
    }
}

.text .text-header h2 {
    margin-bottom: var(--s-1)
}

.text .text-label {
    color: var(--foreground);
    background: var(--c-mix-1);
    padding: 3px 9px;
    margin-bottom: var(--s-1);
    border-radius: var(--shape);
    display: inline-block
}

.text h1 {
    font-size: var(--t-5);
    font-weight: bold
}

.text h2 {
    font-size: var(--t-4);
    font-weight: bold
}

.text h3 {
    font-size: var(--t-3);
    color: var(--foreground)
}

.text h4 {
    font-size: var(--t-2)
}

.text p,
.text li::marker {
    font-size: var(--t-1);
    margin-top: var(--s-1);
    color: var(--foreground)
}

.text img {
    width: 100%;
    border-radius: var(--min-shape);
    margin-top: var(--s-2);
    margin-bottom: var(--s-2)
}

.text ul,
.text ol {
    padding-left: 10px;
    margin-left: 20px
}

.text .iframe {
    border: 0px;
    display: flex;
    margin: auto;
    width: 100%
}

.hyperlink {
    border-bottom: 1px solid var(--accent);
    padding-bottom: 3px
}

.hyperlink:hover {
    opacity: .7
}

.embed-box {
    background-color: var(--background);
    overflow: clip
}

.embed-box .header {
    margin-bottom: var(--s-2)
}

.embed-box .header .label {
    display: inline-block;
    width: auto;
    margin-bottom: var(--s-1)
}

.embed-box .header>p {
    margin-top: var(--s-1);
    margin-bottom: var(--s-2);
    color: var(--c-mix-3)
}

.embed-box iframe {
    width: 100% !important
}

.embed-box>.w-boxed {
    padding: 0
}

.embed-box .embed-content,
.embed-box div.content {
    display: flex;
    flex-direction: column;
    width: 100%
}

.embed-box .embed-content.empty p,
.embed-box div.content.empty p {
    color: var(--c-mix-3) !important;
    font-size: var(--t-m)
}

.embed-box .embed-content.content.w-boxed,
.embed-box div.content.content.w-boxed {
    padding: var(--s-2)
}

@media screen and (min-width: 1024px) {

    .embed-box .embed-content.content.w-boxed,
    .embed-box div.content.content.w-boxed {
        padding: var(--spacingTB) var(--spacingLR)
    }
}

.embed-box .embed-content.left-title,
.embed-box div.content.left-title {
    flex-direction: row;
    justify-content: space-between
}

@media screen and (max-width: 767px) {

    .embed-box .embed-content.left-title,
    .embed-box div.content.left-title {
        flex-direction: column
    }
}

.embed-box .embed-content.left-title>.header,
.embed-box div.content.left-title>.header {
    width: calc(34% - 40px) !important;
    word-break: break-word
}

@media screen and (max-width: 767px) {

    .embed-box .embed-content.left-title>.header,
    .embed-box div.content.left-title>.header {
        width: 100% !important
    }
}

.embed-box .embed-content.left-title>.content,
.embed-box div.content.left-title>.content {
    width: 66%
}

@media screen and (max-width: 767px) {

    .embed-box .embed-content.left-title>.content,
    .embed-box div.content.left-title>.content {
        width: 100%
    }
}

.embed-box .embed-content.embed-2,
.embed-box div.content.embed-2 {
    flex-direction: column-reverse
}

.embed-box .embed-content.embed-2 .header,
.embed-box div.content.embed-2 .header {
    margin-top: var(--s-4)
}

.embed-box.light-color .header>h2 {
    color: var(--c-light) !important
}

.embed-box.light-color .header>p {
    color: var(--c-light) !important
}

.embed-box.dark-color .header>h2 {
    color: var(--c-dark) !important
}

.embed-box.dark-color .header>p {
    color: var(--c-dark) !important
}

.embed-box.media {
    z-index: 1;
    position: relative
}

.embed-box.media::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    min-width: 100%;
    min-height: 100%;
    background-position: var(--background-upper);
    background-image: var(--bg-image);
    background-repeat: no-repeat;
    background-size: cover;
    opacity: var(--bg-opacity);
    filter: grayscale(var(--bg-grayscale)) blur(var(--bg-blur));
    transform: scale(var(--bg-blurscale))
}

.embed-box.media.parallax::before {
    transform: none;
    background-attachment: fixed
}

.embed-box.media.section-width-fit::before {
    display: none
}

.embed-box.media.section-width-fit .content.w-boxed {
    z-index: 1;
    position: relative;
    border-radius: var(--min-shape);
    overflow: hidden
}

.embed-box.media.section-width-fit .content.w-boxed::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    min-width: 100%;
    min-height: 100%;
    background-position: var(--background-upper);
    background-image: var(--bg-image);
    background-repeat: no-repeat;
    background-size: cover;
    opacity: var(--bg-opacity);
    filter: grayscale(var(--bg-grayscale)) blur(var(--bg-blur));
    transform: scale(var(--bg-blurscale))
}

.embed-box.media.section-width-fit.parallax .content.w-boxed::before {
    transform: none;
    background-attachment: fixed
}

.embed-box.color.grey>.w-boxed>.content>.content,
.embed-box.color.accent>.w-boxed>.content>.content {
    background-color: var(--background)
}

.embed-box.color.grey>.w-boxed>.content>.content svg path,
.embed-box.color.accent>.w-boxed>.content>.content svg path {
    fill: var(--c-mix-1)
}

.embed-box.color.grey .label {
    background-color: var(--background)
}

.embed-box.grey.section-width-fill {
    background-color: var(--c-mix-1)
}

.embed-box.grey.section-width-fit .content {
    background-color: var(--c-mix-1);
    border-radius: var(--min-shape)
}

.embed-box.accent.section-width-fill {
    background-color: var(--accent)
}

.embed-box.accent.section-width-fit .content.w-boxed {
    background-color: var(--accent);
    border-radius: var(--min-shape)
}

.embed-box.accent .header>h2 {
    color: var(--r-color)
}

.embed-box.accent .header>p {
    color: var(--r-color)
}

.embed-box.section-height-fill {
    min-height: 100vh
}

.embed-box.section-height-fill[class*=align-items-] {
    display: flex;
    flex-direction: column
}

.embed-box.section-height-fill[class*=align-items-].align-items-start {
    justify-content: start
}

.embed-box.section-height-fill[class*=align-items-].align-items-center {
    justify-content: center
}

.embed-box.section-height-fill[class*=align-items-].align-items-end {
    justify-content: end
}

.embed-box.section-height-fill>.w-boxed {
    width: 100%
}

@media screen and (min-width: 1024px) {
    .embed-box.section-height-fit>.w-boxed>.content>.content:not(.empty) {
        padding: var(--spacingTB) var(--spacingLR)
    }
}

.embed-box.section-width-fit>.w-boxed {
    padding: 0 var(--s-2)
}

.embed-box.section-width-fill .content.w-boxed {
    padding-left: var(--s-2) !important;
    padding-right: var(--s-2) !important
}

.embed-box .iframe-content {
    border: none
}

.pricing-box {
    width: 100%;
    position: relative;
    background: var(--background)
}

@media screen and (max-width: 1024px) {
    .pricing-box .inner-content {
        --spacing-padding: var(--spacing-padding-mobile)
    }
}

.pricing-box>.inner-content .pricing-container-small {
    padding: var(--spacing-top-mobile, 10px) 0 var(--spacing-bottom-mobile, 10px) 0 !important
}

@media screen and (min-width: 1025px) {
    .pricing-box>.inner-content .pricing-container-small {
        padding: var(--spacing-top, 10px) 0px var(--spacing-bottom, 10px) 0px !important
    }
}

.pricing-box .w-boxed {
    padding: var(--s-2);
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    padding-left: calc(var(--spacing-left-mobile) + var(--s-2)) !important;
    padding-right: calc(var(--spacing-right-mobile) + var(--s-2)) !important
}

@media screen and (min-width: 1024px) {
    .pricing-box .w-boxed {
        padding: var(--s-5) var(--s-2)
    }
}

@media screen and (min-width: 1024px) {
    .pricing-box .w-boxed {
        padding-left: calc(var(--spacing-left) + var(--s-2)) !important;
        padding-right: calc(var(--spacing-right) + var(--s-2)) !important
    }
}

.pricing-box.light-default-bg {
    background: var(--background) url('data:image/svg+xml,<svg width="100" height="100" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" data-v-29a39510=""> <path d="M2 2V22H22V2H2ZM17 5.3C17.9 5.3 18.7 6 18.7 7C18.7 7.9 18 8.7 17 8.7C16.1 8.7 15.3 8 15.3 7C15.3 6.1 16.1 5.3 17 5.3ZM5 16.2L9.9 9.2L14.1 14.8L16.2 12.7L19 16.2H5Z" fill="%23EEEEEE" data-v-29a39510="" ></path></svg>') no-repeat center center !important
}

.pricing-box.dark-default-bg {
    background: var(--background) url('data:image/svg+xml,<svg width="100" height="100" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" data-v-29a39510=""> <path d="M2 2V22H22V2H2ZM17 5.3C17.9 5.3 18.7 6 18.7 7C18.7 7.9 18 8.7 17 8.7C16.1 8.7 15.3 8 15.3 7C15.3 6.1 16.1 5.3 17 5.3ZM5 16.2L9.9 9.2L14.1 14.8L16.2 12.7L19 16.2H5Z" fill="%23222222" data-v-29a39510="" ></path></svg>') no-repeat center center !important
}

.pricing-box.color.grey .background,
.pricing-box.color.accent .background {
    background-color: var(--background) !important
}

.pricing-box.color.grey .background.not-popular-price>.pricing-details>a .btn,
.pricing-box.color.accent .background.not-popular-price>.pricing-details>a .btn {
    background-color: var(--c-mix-1) !important
}

.pricing-box.color.grey .pricing-container-small>.pricing-header>.display-options>.display-style>ul,
.pricing-box.color.accent .pricing-container-small>.pricing-header>.display-options>.display-style>ul {
    border-color: var(--background) !important
}

.pricing-box.color.grey .pricing-container-small>.pricing-header>.display-options>.display-style>ul>li.active,
.pricing-box.color.accent .pricing-container-small>.pricing-header>.display-options>.display-style>ul>li.active {
    background-color: var(--background)
}

.pricing-box.grey.section-width-fit>.inner-content>.w-boxed .pricing-container-small {
    background-color: var(--c-mix-1);
    border-radius: var(--min-shape)
}

.pricing-box.grey.section-width-fill {
    background-color: var(--c-mix-1)
}

.pricing-box.grey .pricing-container-small>.pricing-header>.display-options>.display-style>ul {
    border-color: var(--background) !important;
    background-color: var(--background)
}

.pricing-box.grey .pricing-container-small>.pricing-header>.display-options>.display-style>ul>li {
    color: var(--c-mix-3)
}

.pricing-box.grey .pricing-container-small>.pricing-header>.display-options>.display-style>ul>li.active {
    background-color: var(--c-mix-1) !important;
    color: var(--foreground)
}

.pricing-box.media {
    position: relative;
    z-index: 1
}

.pricing-box.media.section-width-fit {
    z-index: 1
}

.pricing-box.media.section-width-fit .w-boxed .pricing-container-small {
    position: relative;
    overflow: hidden;
    border-radius: var(--min-shape);
    z-index: 1
}

.pricing-box.media.section-width-fit .w-boxed .pricing-container-small::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    min-width: 100%;
    min-height: 100%;
    background-position: var(--background-upper);
    background-image: var(--bg-image);
    background-repeat: no-repeat;
    background-size: cover;
    opacity: var(--bg-opacity);
    filter: grayscale(var(--bg-grayscale)) blur(var(--bg-blur));
    transform: scale(var(--bg-blurscale))
}

.pricing-box.media.section-width-fit>.inner-content::before {
    display: none
}

.pricing-box.media.section-width-fit.parallax .w-boxed .pricing-container-small::before {
    transform: none;
    background-attachment: fixed
}

.pricing-box.media .inner-content::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    min-width: 100%;
    min-height: 100%;
    background-position: var(--background-upper);
    background-image: var(--bg-image);
    background-repeat: no-repeat;
    background-size: cover;
    opacity: var(--bg-opacity);
    filter: grayscale(var(--bg-grayscale)) blur(var(--bg-blur));
    transform: scale(var(--bg-blurscale))
}

.pricing-box.media.parallax::before {
    transform: none;
    background-attachment: fixed
}

.pricing-box.accent.section-width-fit>.inner-content>.w-boxed .pricing-container-small {
    background-color: var(--accent);
    border-radius: var(--min-shape)
}

.pricing-box.accent.section-width-fill {
    background-color: var(--accent)
}

.pricing-box.accent.color .pricing-header>.pricing-heading h2,
.pricing-box.accent.color .pricing-header>.pricing-heading p {
    color: var(--r-color) !important
}

.pricing-box.accent .pricing-container-small>.pricing-header>.display-options>.display-style>ul {
    border-color: var(--background) !important;
    background-color: var(--background)
}

.pricing-box.accent .pricing-container-small>.pricing-header>.display-options>.display-style>ul>li {
    color: var(--c-mix-3)
}

.pricing-box.accent .pricing-container-small>.pricing-header>.display-options>.display-style>ul>li.active {
    background-color: var(--c-mix-1) !important;
    color: var(--foreground)
}

.pricing-box.light-color .pricing-container-small .pricing-header h2 {
    color: var(--c-light) !important
}

.pricing-box.light-color .pricing-container-small .pricing-header p {
    color: var(--c-light) !important
}

.pricing-box.dark-color .pricing-container-small .pricing-header h2 {
    color: var(--c-dark) !important
}

.pricing-box.dark-color .pricing-container-small .pricing-header p {
    color: var(--c-dark) !important
}

.pricing-box.transparent .pricing-container-small .pricing-section .tier .pricing-column .price-title p span,
.pricing-box:not(.color) .pricing-container-small .pricing-section .tier .pricing-column .price-title p span {
    background-color: var(--background)
}

.pricing-box.grey .pricing-container-small .pricing-section .tier .pricing-column .price-title p span,
.pricing-box.accent .pricing-container-small .pricing-section .tier .pricing-column .price-title p span {
    background-color: var(--c-mix-1)
}

.pricing-box.section-height-fill .w-boxed {
    min-height: 100vh
}

.pricing-box.section-height-fill[class*=align-items-] .w-boxed {
    display: flex;
    flex-direction: column
}

.pricing-box.section-height-fill[class*=align-items-].align-items-start .w-boxed {
    justify-content: start
}

.pricing-box.section-height-fill[class*=align-items-].align-items-center .w-boxed {
    justify-content: center
}

.pricing-box.section-height-fill[class*=align-items-].align-items-end .w-boxed {
    justify-content: end
}

@media screen and (min-width: 1024px) {
    .pricing-box.section-height-fit>.inner-content>.w-boxed>.pricing-container-small {
        padding: var(--spacingTB) var(--spacingLR)
    }
}

.pricing-box.section-width-fit .w-boxed .pricing-container-small {
    flex-grow: 1
}

.pricing-box.section-width-fit[class*=align-items-] .w-boxed .pricing-container-small {
    display: flex;
    flex-direction: column
}

.pricing-box.section-width-fit[class*=align-items-].align-items-start .w-boxed .pricing-container-small {
    justify-content: start
}

.pricing-box.section-width-fit[class*=align-items-].align-items-center .w-boxed .pricing-container-small {
    justify-content: center
}

.pricing-box.section-width-fit[class*=align-items-].align-items-end .w-boxed .pricing-container-small {
    justify-content: end
}

.pricing-box.section-width-fill>.inner-content>.w-boxed .pricing-container-small {
    padding-left: 0 !important;
    padding-right: 0 !important
}

.pricing-box>.inner-content>.w-boxed .pricing-container-small {
    padding: var(--s-2)
}

.pricing-container-small .pricing-header {
    display: flex;
    justify-content: space-between
}

@media screen and (min-width: 767px) {
    .pricing-container-small .pricing-header.justify-content-center {
        justify-content: center
    }
}

@media screen and (max-width: 767px) {
    .pricing-container-small .pricing-header {
        flex-direction: column
    }
}

.pricing-container-small .pricing-header>.pricing-heading .pricing-label {
    color: var(--foreground);
    background: var(--c-mix-1);
    padding: 3px 9px;
    margin-bottom: var(--s-1);
    border-radius: var(--shape);
    display: inline-block
}

.pricing-container-small .pricing-header>.pricing-heading>h2 {
    text-align: left;
    margin-bottom: 0px
}

.pricing-container-small .pricing-header>.pricing-heading>p {
    color: var(--c-mix-3);
    margin-top: var(--s-1)
}

@media screen and (max-width: 767px) {
    .pricing-container-small .pricing-header>.pricing-heading>p {
        margin-bottom: var(--s-1)
    }
}

.pricing-container-small .pricing-header>.display-options {
    display: flex
}

@media screen and (max-width: 767px) {
    .pricing-container-small .pricing-header>.display-options>.display-style {
        width: 100%
    }
}

.pricing-container-small .pricing-header>.display-options>.display-style>ul {
    list-style-type: none;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 40px;
    min-width: 150px;
    padding: 5px 5px;
    border: 1px solid var(--background);
    border-radius: var(--min-shape);
    background-color: var(--c-mix-1)
}

@media screen and (max-width: 767px) {
    .pricing-container-small .pricing-header>.display-options>.display-style>ul {
        width: 100%;
        padding: 5px;
        margin-top: var(--s-2)
    }
}

.pricing-container-small .pricing-header>.display-options>.display-style>ul>li {
    min-width: 70px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: var(--t-0);
    color: var(--c-mix-3);
    cursor: pointer;
    border-radius: var(--shape);
    padding: 0 5px
}

@media screen and (max-width: 767px) {
    .pricing-container-small .pricing-header>.display-options>.display-style>ul>li {
        width: 100%;
        justify-content: center;
        padding: 14px
    }
}

.pricing-container-small .pricing-header>.display-options>.display-style>ul>li.active {
    background: var(--background);
    color: var(--foreground)
}

.pricing-container-small .pricing-header>.display-options>.display-style>ul>li.active>svg>path {
    stroke: var(--foreground)
}

.pricing-container-small .pricing-header>.display-options>.display-style>ul>li>svg {
    width: 16px;
    height: 16px
}

.pricing-container-small .pricing-header>.display-options>.display-style>ul>li:hover {
    color: var(--foreground)
}

.pricing-container-small .pricing-section {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: var(--spacing-gap-mobile, 10px) !important
}

@media screen and (min-width: 1024px) {
    .pricing-container-small .pricing-section {
        gap: var(--spacing-gap, 10px) !important
    }
}

@media screen and (max-width: 767px) {
    .pricing-container-small .pricing-section {
        grid-template-columns: 100%;
        gap: 5px
    }
}

.pricing-container-small .pricing-section .tier {
    position: relative;
    border-radius: var(--min-shape);
    --context-radius: var(--min-shape);
    display: flex;
    flex-direction: column;
    padding: var(--spacing-padding)
}

.pricing-container-small .pricing-section .tier.background {
    background: var(--c-mix-1);
    border: 1px solid rgba(0, 0, 0, 0)
}

.pricing-container-small .pricing-section .tier.background.not-popular-price a button {
    background: var(--background) !important
}

.pricing-container-small .pricing-section .tier[onclick*="window.open"] {
    cursor: pointer
}

.pricing-container-small .pricing-section .tier.border {
    border: 1px solid var(--c-mix-1)
}

.pricing-container-small .pricing-section .tier.popular-price {
    overflow: hidden;
    position: relative
}

.pricing-container-small .pricing-section .tier .pricing-details a button {
    --computed-r: calc(var(--context-radius) - var(--spacing-padding, 20px)) !important;
    --cr-child: calc(var(--context-radius) / 2);
    border-radius: clamp(var(--cr-child), var(--computed-r), 100px)
}

.pricing-container-small .pricing-section .tier .price-title p {
    right: clamp(0px, var(--spacing-padding), 10px);
    top: clamp(0px, var(--spacing-padding), 10px)
}

.pricing-container-small .pricing-section .tier .price-title p span {
    --computed-r: calc(var(--context-radius) - var(--spacing-padding, 20px)) !important;
    --cr-child: calc(var(--context-radius) / 3);
    border-radius: clamp(var(--cr-child), var(--computed-r), 100px)
}

.pricing-container-small .pricing-section>.tier .price-title {
    font-weight: 700;
    text-transform: capitalize;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: calc(var(--s-1)/2)
}

.pricing-container-small .pricing-section>.tier .price-title .filler {
    visibility: hidden;
    pointer-events: none;
    margin-bottom: var(--s-1)
}

.pricing-container-small .pricing-section>.tier .price-title.small-size {
    letter-spacing: normal !important
}

.pricing-container-small .pricing-section>.tier .price-title p {
    color: var(--foreground);
    font-weight: 400;
    letter-spacing: 0px;
    color: var(--foreground);
    display: inline-block;
    position: absolute;
    line-height: unset;
    width: fit-content;
    padding: 0
}

.pricing-container-small .pricing-section>.tier .price-title p span {
    padding: 3px 9px;
    background-color: var(--c-mix-1);
    white-space: nowrap;
    display: inline-block
}

.pricing-container-small .pricing-section>.tier .price-title p.rotate span:nth-child(1) {
    animation: rotate1 5s infinite alternate linear;
    text-align: center
}

.pricing-container-small .pricing-section>.tier .price-title p.rotate span:nth-child(2) {
    animation: rotate2 5s infinite alternate linear;
    position: absolute;
    right: 0;
    text-align: center;
    width: fit-content
}

@keyframes rotate1 {
    0% {
        opacity: 0
    }

    45% {
        opacity: 0
    }

    50% {
        opacity: 1
    }

    100% {
        opacity: 1
    }
}

@keyframes rotate2 {
    0% {
        opacity: 1
    }

    45% {
        opacity: 1
    }

    50% {
        opacity: 0
    }

    100% {
        opacity: 0
    }
}

.pricing-container-small .pricing-section>.tier .price-description {
    color: var(--c-mix-3);
    line-height: var(--l-title);
    margin-bottom: var(--s-1)
}

.pricing-container-small .pricing-section>.tier .billing-price {
    display: flex;
    align-items: center;
    margin-bottom: var(--s-2);
    flex-wrap: wrap;
    flex-direction: column;
    align-items: start
}

.pricing-container-small .pricing-section>.tier .billing-price>.amount {
    font-weight: 700;
    line-height: 1
}

.pricing-container-small .pricing-section>.tier .billing-price>.amount>span {
    display: flex
}

.pricing-container-small .pricing-section>.tier .billing-price>.period {
    margin-top: 5px;
    font-size: var(--t-0);
    color: var(--foreground);
    line-height: var(--l-title)
}

.pricing-container-small .pricing-section>.tier .billing-price.discounted>.amount {
    display: flex;
    gap: 5px;
    flex-wrap: wrap
}

.pricing-container-small .pricing-section>.tier .billing-price.discounted>.amount .sale-price {
    order: -1
}

.pricing-container-small .pricing-section>.tier .billing-price.discounted>.amount>span {
    gap: 0
}

.pricing-container-small .pricing-section>.tier .billing-price.discounted>.amount>span:not(.sale-price) {
    text-decoration: line-through;
    color: var(--c-mix-2)
}

.pricing-container-small .pricing-section>.tier>.pricing-details {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

.pricing-container-small .pricing-section>.tier>.pricing-details>.pricing-benefits>ul {
    list-style: none
}

.pricing-container-small .pricing-section>.tier>.pricing-details>.pricing-benefits>ul>li {
    font-size: var(--t-0);
    color: var(--c-mix-3);
    display: flex;
    margin-bottom: var(--s-1)
}

.pricing-container-small .pricing-section>.tier>.pricing-details>.pricing-benefits>ul>li:last-child {
    margin-bottom: 0
}

.pricing-container-small .pricing-section>.tier>.pricing-details>.pricing-benefits>ul>li.not-available {
    color: var(--c-mix-3)
}

.pricing-container-small .pricing-section>.tier>.pricing-details>.pricing-benefits>ul>li>svg {
    width: 16px;
    height: 16px;
    margin-right: 10px;
    display: flex;
    stroke-width: 2px
}

.pricing-container-small .pricing-section>.tier>.pricing-details>.pricing-benefits>ul>li>span {
    width: 90%
}

.pricing-container-small .pricing-section>.tier>.pricing-details>a button {
    font-size: var(--t-1);
    height: 40px;
    width: 100% !important;
    margin-top: var(--s-2);
    border: none;
    background: var(--c-mix-1) !important;
    color: var(--foreground) !important;
    width: unset;
    border: none;
    cursor: pointer;
    background-color: rgba(0, 0, 0, 0);
    transition: none
}

.pricing-container-small .pricing-section>.tier>.pricing-details>a button.popular-price {
    background: var(--accent) !important;
    color: var(--c-light)
}

.pricing-container-small .pricing-section.layout-2>.tier .billing-price {
    border-bottom: none
}

.pricing-container-small .pricing-section.layout-2>.tier>.pricing-details {
    flex-direction: column-reverse;
    justify-content: start
}

.pricing-container-small .pricing-section.layout-2>.tier>.pricing-details>a,
.pricing-container-small .pricing-section.layout-2>.tier>.pricing-details button {
    margin-top: 0
}

.pricing-container-small .pricing-section[data-cycle="1"] .tier.plan-cycle-2,
.pricing-container-small .pricing-section[data-cycle="1"] .tier.plan-cycle-3,
.pricing-container-small .pricing-section[data-cycle="1"] .tier.plan-cycle-4 {
    display: none !important
}

.pricing-container-small .pricing-section[data-cycle="2"] .tier.plan-cycle-1,
.pricing-container-small .pricing-section[data-cycle="2"] .tier.plan-cycle-3,
.pricing-container-small .pricing-section[data-cycle="2"] .tier.plan-cycle-4 {
    display: none !important
}

.pricing-container-small .pricing-section[data-cycle="3"] .tier.plan-cycle-1,
.pricing-container-small .pricing-section[data-cycle="3"] .tier.plan-cycle-2,
.pricing-container-small .pricing-section[data-cycle="3"] .tier.plan-cycle-4 {
    display: none !important
}

.pricing-container-small .pricing-section[data-cycle="4"] .tier.plan-cycle-1,
.pricing-container-small .pricing-section[data-cycle="4"] .tier.plan-cycle-2,
.pricing-container-small .pricing-section[data-cycle="4"] .tier.plan-cycle-3 {
    display: none !important
}

.list-box {
    width: 100%;
    position: relative;
    background: var(--background);
    z-index: 1
}

@media screen and (max-width: 1024px) {
    .list-box .list-content {
        --spacing-padding: var(--spacing-padding-mobile)
    }
}

.list-box .list-content.w-boxed {
    padding: var(--s-2)
}

.list-box>.list-content>.list-box>.inner-content {
    padding: 0;
    padding: var(--spacing-top-mobile, 10px) 0 var(--spacing-bottom-mobile, 10px) 0 !important
}

@media screen and (min-width: 1025px) {
    .list-box>.list-content>.list-box>.inner-content {
        padding: var(--spacing-top, 10px) 0 var(--spacing-bottom, 10px) 0 !important
    }
}

.list-box .section-bg-wrapper .section-component {
    padding: 0 calc(var(--spacing-right-mobile) + var(--s-2)) 0 calc(var(--spacing-left-mobile) + var(--s-2)) !important
}

@media screen and (min-width: 1024px) {
    .list-box .section-bg-wrapper .section-component {
        padding: 0 calc(var(--spacing-right) + var(--s-2)) 0 calc(var(--spacing-left) + var(--s-2)) !important
    }
}

.list-box .inner-content:has(.auto-scroll) {
    overflow: visible
}

.list-box .list-box.section-bg-wrapper {
    overflow: hidden
}

.list-box .list-section {
    width: 100%
}

.list-box .list-section.list-carousel {
    grid-template-areas: "header" "container";
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: auto auto
}

.list-box .list-section.list-carousel .list-header {
    grid-area: header
}

.list-box .list-section.list-carousel>.carousel-scroller {
    grid-column: 1/2;
    grid-row: 2;
    display: flex;
    z-index: 1;
    justify-content: space-between;
    align-items: center;
    position: static;
    pointer-events: none;
    visibility: hidden;
    z-index: 1
}

.list-box .list-section.list-carousel>.carousel-scroller .carousel-scroller__left,
.list-box .list-section.list-carousel>.carousel-scroller .carousel-scroller__right {
    height: 40px;
    width: 40px;
    border-radius: 50%;
    background: var(--c-mix-6) !important;
    backdrop-filter: saturate(150%) blur(10px);
    border: solid 1px var(--c-mix-1);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    pointer-events: all;
    transition: opacity var(--a-speed);
    position: relative;
    opacity: 0
}

.list-box .list-section.list-carousel>.carousel-scroller .carousel-scroller__left svg,
.list-box .list-section.list-carousel>.carousel-scroller .carousel-scroller__right svg {
    background: none;
    fill: none
}

.list-box .list-section.list-carousel>.carousel-scroller .carousel-scroller__left:hover,
.list-box .list-section.list-carousel>.carousel-scroller .carousel-scroller__right:hover {
    background-color: var(--c-mix-1) !important
}

.list-box .list-section.list-carousel>.carousel-scroller .carousel-scroller__left {
    right: calc(var(--s-2) - 5px)
}

.list-box .list-section.list-carousel>.carousel-scroller .carousel-scroller__right {
    left: calc(var(--s-2) - 5px)
}

.list-box .list-section.list-carousel>.carousel-scroller.left .carousel-scroller__left {
    opacity: 1
}

.list-box .list-section.list-carousel>.carousel-scroller.left~.list-container {
    --left-opacity: 0
}

.list-box .list-section.list-carousel>.carousel-scroller.right .carousel-scroller__right {
    opacity: 1
}

.list-box .list-section.list-carousel>.carousel-scroller.right~.list-container {
    --right-opacity: 0
}

.list-box .list-section.list-carousel.left-title {
    display: grid;
    grid-template-columns: 40fr 60fr;
    grid-template-rows: auto auto;
    grid-template-areas: "header container" "header ...";
    gap: var(--s-2)
}

@media screen and (max-width: 767px) {
    .list-box .list-section.list-carousel.left-title {
        grid-template-columns: 1fr;
        grid-template-rows: auto auto;
        grid-template-areas: "header" "container";
        gap: 0
    }
}

.list-box .list-section.list-carousel.left-title .list-header {
    width: 100% !important
}

.list-box .list-section.list-carousel.left-title .carousel-items-container {
    width: 100% !important
}

.list-box .list-section.list-carousel.left-title .carousel-scroller {
    grid-area: container;
    height: 100%;
    z-index: 1
}

.list-box .list-section.list-carousel>.list-container.carousel-items-container.auto-scroll {
    animation: autoScroll var(--scroll-speed, 22.5s) infinite linear;
    overflow-x: visible;
    width: fit-content
}

.list-box .list-section.list-carousel>.list-container.carousel-items-container.auto-scroll:has(.list.section-item:hover) {
    animation-play-state: paused
}

@keyframes autoScroll {
    0% {
        transform: translateX(0)
    }

    100% {
        transform: translateX(-50%)
    }
}

@media screen and (min-width: 1024px) {
    .list-box .list-section {
        padding: var(--spacingTB) var(--spacingLR)
    }
}

.list-box .list-section.no-border.no-background a {
    padding: 0 !important
}

.list-box .list-section.left-title {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    position: relative
}

@media screen and (max-width: 767px) {
    .list-box .list-section.left-title {
        flex-direction: column
    }
}

.list-box .list-section.left-title>.list-header {
    width: calc(34% - 40px) !important;
    word-break: break-word;
    justify-content: flex-start !important;
    align-items: flex-start;
    text-align: left !important;
    position: sticky;
    top: calc(var(--left-title-offset, 0) + var(--s-4));
    transition: top var(--a-speed);
    height: fit-content
}

@media screen and (max-width: 767px) {
    .list-box .list-section.left-title>.list-header {
        width: 100% !important;
        position: static !important;
        transform: none !important
    }
}

.list-box .list-section.left-title>.list-container {
    width: 66% !important;
    margin-top: 0
}

@media screen and (max-width: 767px) {
    .list-box .list-section.left-title>.list-container {
        width: 100% !important
    }
}

.list-box .list-section.left>.list-header {
    text-align: left
}

.list-box .list-section.center>.list-header {
    text-align: center
}

.list-box .list-section.right>.list-header {
    text-align: right
}

.list-box .list-section.transparent>.list-container>.list a {
    background: var(--c-mix-1)
}

.list-box .list-section.transparent>.list-container>.list .default-image,
.list-box .list-section.transparent>.list-container>.list .list-icon {
    background: var(--background) !important
}

.list-box .list-section.transparent>.list-container>.list .default-image>svg path,
.list-box .list-section.transparent>.list-container>.list .list-icon>svg path {
    fill: var(--c-mix-1) !important
}

.list-box .list-section.no-image>.list-container>.list .list-image {
    display: none
}

.list-box .list-section.no-image>.list-container>.list .list-text {
    width: 100%
}

.list-box .list-section.no-border>.list-container>.list a {
    border: 1px solid rgba(0, 0, 0, 0)
}

.list-box .list-section.layout-2>.list-container>.list .item-link {
    justify-content: space-between
}

.list-box .list-section.layout-2>.list-container>.list .item-link.row-reverse {
    width: 100%;
    flex-direction: row-reverse
}

.list-box .list-section.layout-2>.list-container>.list .item-link.row-reverse .list-image {
    margin-left: var(--s-2)
}

.list-box .list-section.layout-2>.list-container>.list .item-link.display-block {
    display: block
}

.list-box .list-section.layout-2>.list-container>.list .item-link.display-block .list-image {
    margin-left: auto;
    margin-bottom: var(--s-2)
}

.list-box .list-section.layout-2>.list-container>.list .item-link>.list-image {
    margin-right: 0
}

.list-box .list-section.layout-2>.list-container.carousel>.list {
    min-width: 300px
}

.list-box .list-section.layout-2>.list-container.carousel>.list .item-link>.list-text {
    width: auto;
    margin-right: var(--s-2)
}

.list-box .list-section>.list-header {
    margin-bottom: var(--s-2)
}

.list-box .list-section>.list-header>.list-label {
    color: var(--foreground);
    background: var(--c-mix-1);
    padding: 3px 9px;
    margin-bottom: var(--s-1);
    border-radius: var(--shape);
    display: inline-block
}

.list-box .list-section>.list-header>h2 {
    text-transform: capitalize
}

.list-box .list-section>.list-header>p {
    margin-top: var(--s-1);
    color: var(--c-mix-3);
    text-transform: capitalize
}

.list-box .list-section>.list-header.light-color h2,
.list-box .list-section>.list-header.light-color p {
    color: var(--c-light) !important
}

.list-box .list-section>.list-header.dark-color h2,
.list-box .list-section>.list-header.dark-color p {
    color: var(--c-dark) !important
}

.list-box .list-section>.list-container {
    gap: var(--spacing-gap-mobile, 10px) !important
}

@media screen and (min-width: 1023px) {
    .list-box .list-section>.list-container {
        gap: var(--spacing-gap, 10px) !important
    }
}

.list-box .list-section>.list-container.auto-scroll {
    display: none
}

.list-box .list-section>.list-container.col-1 {
    display: grid
}

@media screen and (min-width: 1200px) {
    .list-box .list-section>.list-container.col-1 {
        grid-gap: var(--s-2)
    }
}

@media screen and (max-width: 1200px) {
    .list-box .list-section>.list-container.col-1 {
        grid-gap: 10px
    }
}

.list-box .list-section>.list-container.col-2,
.list-box .list-section>.list-container.col-3 {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: var(--s-2)
}

@media screen and (max-width: 1200px) {

    .list-box .list-section>.list-container.col-2,
    .list-box .list-section>.list-container.col-3 {
        grid-gap: 10px
    }
}

@media screen and (max-width: 767px) {

    .list-box .list-section>.list-container.col-2,
    .list-box .list-section>.list-container.col-3 {
        grid-template-columns: 100%
    }
}

.list-box .list-section>.list-container.col-3 {
    grid-template-columns: repeat(3, 1fr)
}

@media screen and (max-width: 1023px) {
    .list-box .list-section>.list-container.col-3 {
        grid-template-columns: 100%
    }
}

@media screen and (max-width: 1200px) {
    .list-box .list-section>.list-container .list {
        grid-gap: var(--s-1)
    }
}

@media screen and (max-width: 767px) {
    .list-box .list-section>.list-container.grid {
        grid-gap: 5px
    }
}

.list-box .list-section>.list-container.carousel {
    display: flex;
    flex-wrap: nowrap;
    overflow-x: auto;
    position: relative;
    grid-area: container;
    scroll-behavior: smooth;
    --left-opacity: 1;
    --right-opacity: 1;
    mask-image: linear-gradient(to right, rgba(255, 255, 255, var(--left-opacity)) 0%, rgb(0, 0, 0) 12.5%, rgb(0, 0, 0) 87.5%, rgba(255, 255, 255, var(--right-opacity)) 100%);
    column-gap: var(--s-2)
}

.list-box .list-section>.list-container.carousel::-webkit-scrollbar {
    display: none
}

.list-box .list-section>.list-container.carousel .list.section-item {
    min-width: var(--width)
}

@media screen and (max-width: 1024px) {
    .list-box .list-section>.list-container.carousel .list.section-item {
        min-width: var(--mobile-width)
    }
}

.list-box .list-section>.list-container.carousel>.list-container {
    column-gap: var(--s-2)
}

@media screen and (max-width: 1024px) {
    .list-box .list-section>.list-container.carousel {
        column-gap: var(--s-1)
    }
}

.list-box .list-section>.list-container.carousel>.list {
    min-width: 300px
}

.list-box .list-section>.list-container.carousel>.list:last-child {
    margin-right: 0
}

.list-box .list-section>.list-container.carousel>.list .item-link>.list-text {
    width: auto
}

.list-box .list-section>.list-container>.list {
    position: relative;
    width: 100%
}

.list-box .list-section>.list-container>.list>a {
    border: 1px solid var(--c-mix-1)
}

.list-box .list-section>.list-container>.list.cursor-none>a {
    cursor: initial !important
}

.list-box .list-section>.list-container>.list .item-link {
    display: flex;
    background-color: var(--c-mix-1) !important;
    height: 100%;
    padding: var(--spacing-padding, 20px)
}

.list-box .list-section>.list-container>.list .item-link.column {
    flex-direction: column
}

.list-box .list-section>.list-container>.list .item-link.column .list-image {
    margin-bottom: var(--s-2)
}

@media screen and (max-width: 767px) {
    .list-box .list-section>.list-container>.list .item-link {
        padding: var(--s-1)
    }
}

.list-box .list-section>.list-container>.list .item-link>.list-image,
.list-box .list-section>.list-container>.list .item-link>.list-image .default-image,
.list-box .list-section>.list-container>.list .item-link>.list-image .list-icon {
    display: flex;
    justify-content: center;
    align-items: center
}

.list-box .list-section>.list-container>.list .item-link>.list-image .list-icon {
    background: var(--background);
    width: inherit;
    height: inherit;
    border-radius: calc(var(--min-shape)/2)
}

.list-box .list-section>.list-container>.list .item-link>.list-image>.default-image {
    background: var(--background);
    width: inherit;
    height: inherit;
    border-radius: calc(var(--min-shape)/2)
}

.list-box .list-section>.list-container>.list .item-link>.list-image>.default-image>svg>path {
    fill: var(--c-mix-1)
}

.list-box .list-section>.list-container>.list .item-link>.list-image>.list-icon.grey {
    background: var(--c-mix-1)
}

.list-box .list-section>.list-container>.list .item-link>.list-image>.list-icon.accent {
    background: var(--accent) !important
}

.list-box .list-section>.list-container>.list .item-link>.list-image>img {
    border-radius: calc(var(--min-shape)/2);
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: var(--a-speed)
}

.list-box .list-section>.list-container>.list .item-link>.list-image.avatar-image {
    border-radius: var(--r-full)
}

.list-box .list-section>.list-container>.list .item-link>.list-image.avatar-image>img,
.list-box .list-section>.list-container>.list .item-link>.list-image.avatar-image>.default-image,
.list-box .list-section>.list-container>.list .item-link>.list-image.avatar-image .list-icon {
    border-radius: var(--r-full)
}

.list-box .list-section>.list-container>.list .item-link>.list-text {
    display: flex;
    flex-direction: column;
    justify-content: center
}

.list-box .list-section>.list-container>.list .item-link>.list-text>p {
    color: var(--c-mix-3);
    margin-top: 5px;
    text-transform: capitalize
}

.list-box .list-section>.list-container>.list .item-link .list-image {
    --right: calc(var(--spacing-padding) * 2);
    margin-right: clamp(10px, var(--right), var(--s-2))
}

.list-box .list-section>.list-container>.list .item-link .list-image .list-icon,
.list-box .list-section>.list-container>.list .item-link .list-image .default-image {
    --computed-r: calc(var(--context-radius) - var(--spacing-padding, 20px)) !important;
    --cr-child: calc(var(--context-radius) / 2);
    border-radius: clamp(var(--cr-child), var(--computed-r), 100px)
}

.list-box .list-section>.list-container h3.small-size {
    letter-spacing: normal !important
}

.list-box:hover .carousel-scroller {
    visibility: visible !important
}

[data-theme=light] .list-container.carousel.carousel-items-container {
    mask-image: linear-gradient(to right, rgba(255, 255, 255, var(--left-opacity)) 0%, rgb(0, 0, 0) 12.5%, rgb(0, 0, 0) 87.5%, rgba(255, 255, 255, var(--right-opacity)) 100%)
}

.review-box {
    width: 100%;
    position: relative;
    background: var(--background);
    z-index: 1
}

.review-box .inner-content.w-boxed {
    padding: var(--s-2)
}

@media screen and (max-width: 1024px) {
    .review-box .inner-content {
        --spacing-padding: var(--spacing-padding-mobile)
    }
}

.review-box>.inner-content .review-section {
    padding: var(--spacing-top-mobile, 10px) 0 var(--spacing-bottom-mobile, 10px) 0 !important
}

@media screen and (min-width: 1025px) {
    .review-box>.inner-content .review-section {
        padding: var(--spacing-top, 10px) 0 var(--spacing-bottom, 10px) 0 !important
    }
}

.review-box.light-default-bg {
    background: var(--background) url('data:image/svg+xml,<svg width="100" height="100" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" data-v-29a39510=""> <path d="M2 2V22H22V2H2ZM17 5.3C17.9 5.3 18.7 6 18.7 7C18.7 7.9 18 8.7 17 8.7C16.1 8.7 15.3 8 15.3 7C15.3 6.1 16.1 5.3 17 5.3ZM5 16.2L9.9 9.2L14.1 14.8L16.2 12.7L19 16.2H5Z" fill="%23EEEEEE" data-v-29a39510="" ></path></svg>') no-repeat center center !important
}

.review-box.dark-default-bg {
    background: var(--background) url('data:image/svg+xml,<svg width="100" height="100" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" data-v-29a39510=""> <path d="M2 2V22H22V2H2ZM17 5.3C17.9 5.3 18.7 6 18.7 7C18.7 7.9 18 8.7 17 8.7C16.1 8.7 15.3 8 15.3 7C15.3 6.1 16.1 5.3 17 5.3ZM5 16.2L9.9 9.2L14.1 14.8L16.2 12.7L19 16.2H5Z" fill="%23222222" data-v-29a39510="" ></path></svg>') no-repeat center center !important
}

.review-box #review-video-bg {
    position: absolute;
    z-index: -2;
    min-width: 100%;
    min-height: 100%;
    opacity: calc((100 - var(--bg-opacity))/100);
    filter: grayscale(var(--bg-grayscale)) blur(var(--bg-blur));
    transform: scale(var(--bg-blurscale))
}

.review-box.color.grey .review-label,
.review-box.color.accent .review-label {
    background: var(--background) !important;
    color: var(--foreground)
}

.review-box.color.accent .review-header>p,
.review-box.color.accent .review-header>h2 {
    color: var(--c-light) !important
}

.review-box.color.accent .background div.review-container>div.review>a {
    background-color: var(--background) !important
}

.review-box.color.accent .background div.review-container>div.review>a .reviewer-image {
    background: var(--c-mix-1) !important
}

.review-box.color.accent .background div.review-container>div.review>a .reviewer-image path {
    fill: var(--background) !important
}

.review-box.media.image-selected .review-header .review-label {
    color: var(--c-light) !important;
    background: var(--c-overlay-light)
}

.review-box.media.image-selected .review-header>p,
.review-box.media.image-selected .review-header>h2 {
    color: var(--c-light) !important
}

.review-box.media .review>a .default-image svg path {
    fill: var(--background) !important
}

.review-box.media.section-width-fit .inner-content>.review-section {
    z-index: 1;
    position: relative;
    overflow: hidden;
    border-radius: var(--min-shape)
}

.review-box.media.section-width-fit .inner-content>.review-section::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    min-width: 100%;
    min-height: 100%;
    background-position: var(--background-upper);
    background-image: var(--bg-image);
    background-repeat: no-repeat;
    background-size: cover;
    opacity: var(--bg-opacity);
    filter: grayscale(var(--bg-grayscale)) blur(var(--bg-blur));
    transform: scale(var(--bg-blurscale))
}

.review-box.media.section-width-fit .inner-content::before {
    display: none !important
}

.review-box.media.section-width-fit .inner-content.parallax>.review-section::before {
    background-attachment: fixed;
    transform: none !important
}

.review-box.color.grey .review>a .review-image .default-image,
.review-box.color.c-dark .review>a .review-image .default-image,
.review-box.color.accent .review>a .review-image .default-image,
.review-box.media.grey .review>a .review-image .default-image,
.review-box.media.c-dark .review>a .review-image .default-image,
.review-box.media.accent .review>a .review-image .default-image {
    background: var(--c-mix-1) !important
}

.review-box.color.grey .review>a .review-image .default-image svg path,
.review-box.color.c-dark .review>a .review-image .default-image svg path,
.review-box.color.accent .review>a .review-image .default-image svg path,
.review-box.media.grey .review>a .review-image .default-image svg path,
.review-box.media.c-dark .review>a .review-image .default-image svg path,
.review-box.media.accent .review>a .review-image .default-image svg path {
    fill: var(--background) !important
}

.review-box.c-dark {
    background-color: var(--c-dark)
}

.review-box.grey.section-width-fit .inner-content>.review-section {
    background-color: var(--c-mix-1);
    border-radius: var(--min-shape)
}

.review-box.grey.section-width-fill {
    background-color: var(--c-mix-1)
}

.review-box.grey .border .review>a {
    border: 1px solid var(--background) !important
}

.review-box.grey .background div.review-container>div.review>a {
    background-color: var(--background) !important
}

.review-box.grey .background div.review-container>div.review>a .reviewer-image {
    background: var(--c-mix-1) !important
}

.review-box.grey .background div.review-container>div.review>a .reviewer-image path {
    fill: var(--background) !important
}

.review-box.grey .review-container>.review>a div.review-image .default-image {
    background: var(--background) !important
}

.review-box.grey .review-container>.review>a div.review-image .default-image path {
    fill: var(--c-mix-1) !important
}

.review-box.grey .review-section .review>a {
    background: var(--background) !important
}

.review-box.accent.section-width-fit .inner-content>.review-section {
    background-color: var(--accent);
    border-radius: var(--min-shape)
}

.review-box.accent.section-width-fill {
    background-color: var(--accent)
}

.review-box.accent .review-header {
    color: var(--c-light) !important
}

.review-box.accent.color .review-header h2,
.review-box.accent.color .review-header p {
    color: var(--r-color) !important
}

.review-box.light-color .review-section>.reveiew-header h2 {
    color: var(--c-light) !important
}

.review-box.light-color .review-section>.reveiew-header p {
    color: var(--c-light) !important
}

.review-box.dark-color .review-section>.review-header h2 {
    color: var(--c-dark) !important
}

.review-box.dark-color .review-section>.review-header p {
    color: var(--c-dark) !important
}

.review-box.section-height-fill .inner-content {
    min-height: 100vh
}

.review-box.section-height-fill[class*=align-items-] .inner-content {
    display: flex;
    flex-direction: column
}

.review-box.section-height-fill[class*=align-items-].align-items-start .inner-content {
    justify-content: start
}

.review-box.section-height-fill[class*=align-items-].align-items-center .inner-content {
    justify-content: center
}

.review-box.section-height-fill[class*=align-items-].align-items-end .inner-content {
    justify-content: end
}

.review-box.section-height-fill.section-width-fit .inner-content .review-section {
    flex-grow: 1
}

.review-box.section-height-fill.section-width-fit[class*=align-items-] .inner-content .review-section {
    display: flex;
    flex-direction: column
}

.review-box.section-height-fill.section-width-fit[class*=align-items-].align-items-start .inner-content .review-section {
    justify-content: start
}

.review-box.section-height-fill.section-width-fit[class*=align-items-].align-items-start .inner-content .review-section.left-title {
    align-items: start
}

.review-box.section-height-fill.section-width-fit[class*=align-items-].align-items-center .inner-content .review-section {
    justify-content: center
}

.review-box.section-height-fill.section-width-fit[class*=align-items-].align-items-center .inner-content .review-section.left-title {
    align-items: center
}

.review-box.section-height-fill.section-width-fit[class*=align-items-].align-items-end .inner-content .review-section {
    justify-content: end
}

.review-box.section-height-fill.section-width-fit[class*=align-items-].align-items-end .inner-content .review-section.left-title {
    align-items: end
}

@media screen and (min-width: 1024px) {
    .review-box.section-height-fit .inner-content>.review-section {
        padding: var(--spacingTB) var(--spacingLR)
    }
}

.review-box.section-width-fill>.inner-content>.review-section {
    padding-left: calc(var(--spacing-left-mobile) + var(--s-2)) !important;
    padding-right: calc(var(--spacing-right-mobile) + var(--s-2)) !important
}

@media screen and (min-width: 1024px) {
    .review-box.section-width-fill>.inner-content>.review-section {
        padding-left: calc(var(--spacing-left) + var(--s-2)) !important;
        padding-right: calc(var(--spacing-right) + var(--s-2)) !important
    }
}

.review-box.section-width-fit .inner-content>.w-boxed {
    overflow: hidden;
    width: 100%
}

.review-box>.inner-content.w-boxed {
    padding: var(--s-2)
}

.review-box .review-section {
    margin-left: auto;
    margin-right: auto;
    padding: var(--s-2)
}

.review-box .review-section.carousel-container {
    display: grid;
    grid-template-areas: "header" "container";
    grid-template-columns: 1fr;
    grid-template-rows: auto auto
}

.review-box .review-section.carousel-container .review-header {
    grid-area: header
}

.review-box .review-section.carousel-container .review-container.carousel {
    grid-area: container;
    --left-opacity: 1;
    --right-opacity: 1;
    mask-image: linear-gradient(to right, rgba(255, 255, 255, var(--left-opacity)) 0%, rgb(0, 0, 0) 12.5%, rgb(0, 0, 0) 87.5%, rgba(255, 255, 255, var(--right-opacity)) 100%);
    scroll-behavior: smooth
}

.review-box .review-section.carousel-container>.carousel-scroller {
    grid-column: 1/2;
    grid-row: 2;
    display: flex;
    z-index: 1;
    justify-content: space-between;
    align-items: center;
    position: static;
    pointer-events: none;
    z-index: 1
}

.review-box .review-section.carousel-container>.carousel-scroller .carousel-scroller__left,
.review-box .review-section.carousel-container>.carousel-scroller .carousel-scroller__right {
    height: 40px;
    width: 40px;
    border-radius: 50%;
    background: var(--c-mix-6) !important;
    backdrop-filter: saturate(150%) blur(10px);
    border: solid 1px var(--c-mix-1);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    pointer-events: all;
    transition: opacity var(--a-speed);
    position: relative;
    opacity: 0
}

.review-box .review-section.carousel-container>.carousel-scroller .carousel-scroller__left svg,
.review-box .review-section.carousel-container>.carousel-scroller .carousel-scroller__right svg {
    background: none;
    fill: none
}

.review-box .review-section.carousel-container>.carousel-scroller .carousel-scroller__left:hover,
.review-box .review-section.carousel-container>.carousel-scroller .carousel-scroller__right:hover {
    background-color: var(--c-mix-1) !important
}

.review-box .review-section.carousel-container>.carousel-scroller .carousel-scroller__left {
    right: calc(var(--s-2) - 5px)
}

.review-box .review-section.carousel-container>.carousel-scroller .carousel-scroller__right {
    left: calc(var(--s-2) - 5px)
}

.review-box .review-section.carousel-container>.carousel-scroller.left .carousel-scroller__left {
    opacity: 1
}

.review-box .review-section.carousel-container>.carousel-scroller.left~.review-container {
    --left-opacity: 0
}

.review-box .review-section.carousel-container>.carousel-scroller.right .carousel-scroller__right {
    opacity: 1
}

.review-box .review-section.carousel-container>.carousel-scroller.right~.review-container {
    --right-opacity: 0
}

.review-box .review-section.carousel-container.left-title {
    display: grid;
    grid-template-columns: 40fr 60fr;
    grid-template-rows: auto auto;
    grid-template-areas: "header container" "header ...";
    gap: var(--s-2)
}

@media screen and (max-width: 767px) {
    .review-box .review-section.carousel-container.left-title {
        grid-template-columns: 1fr;
        grid-template-rows: auto auto;
        grid-template-areas: "header" "container";
        gap: 0
    }
}

.review-box .review-section.carousel-container.left-title .review-header {
    width: 100% !important
}

.review-box .review-section.carousel-container.left-title .carousel-items-container {
    width: 100% !important
}

.review-box .review-section.carousel-container.left-title .carousel-scroller {
    grid-area: container;
    height: 100%;
    z-index: 1
}

@media screen and (min-width: 1024px) {
    .review-box .review-section {
        padding: var(--s-5) var(--s-2)
    }
}

.review-box .review-section .review {
    position: relative
}

.review-box .review-section.no-border.no-background a {
    padding: 0 !important
}

.review-box .review-section.no-background .reviewer-image {
    background: var(--c-mix-1) !important
}

.review-box .review-section.no-background .reviewer-image .default-image svg path {
    fill: var(--background)
}

.review-box .review-section.left-title {
    display: flex;
    justify-content: space-between !important;
    flex-direction: row !important;
    align-items: flex-start;
    position: relative
}

@media screen and (max-width: 767px) {
    .review-box .review-section.left-title {
        flex-direction: column
    }
}

.review-box .review-section.left-title>.review-header {
    width: calc(34% - 40px) !important;
    word-break: break-word;
    justify-content: flex-start !important;
    align-items: flex-start;
    text-align: left !important;
    position: sticky;
    top: calc(var(--left-title-offset, 0) + var(--s-4));
    transition: top var(--a-speed);
    height: fit-content
}

@media screen and (max-width: 767px) {
    .review-box .review-section.left-title>.review-header {
        width: 100% !important;
        position: static !important;
        transform: none !important
    }
}

.review-box .review-section.left-title>.review-container {
    width: 66% !important;
    margin-top: 0
}

@media screen and (max-width: 767px) {
    .review-box .review-section.left-title>.review-container {
        width: 100% !important
    }
}

.review-box .review-section.left>.review-header {
    text-align: left
}

.review-box .review-section.center>.review-header {
    text-align: center
}

.review-box .review-section.center.layout-2 .review-container .review .review-icon {
    justify-content: center
}

.review-box .review-section.center.layout-2 .review-container .review .review-text h3,
.review-box .review-section.center.layout-2 .review-container .review .reviewer-details p {
    text-align: center
}

.review-box .review-section.center.layout-2 .review-container .review .reviewer-details {
    align-items: center
}

.review-box .review-section.right>.review-header {
    text-align: right
}

.review-box .review-section.right.layout-2 .review-container .review .review-icon {
    justify-content: flex-end
}

.review-box .review-section.right.layout-2 .review-container .review .review-text h3,
.review-box .review-section.right.layout-2 .review-container .review .reviewer-details p {
    text-align: right
}

.review-box .review-section.right.layout-2 .review-container .review .reviewer-details {
    align-items: flex-end
}

.review-box .review-section .carousel-items-container.auto-scroll {
    animation: autoScroll var(--scroll-speed, 22.5s) infinite linear;
    overflow-x: visible;
    width: fit-content !important;
    max-width: none !important
}

@keyframes autoScroll {
    0% {
        transform: translateX(0)
    }

    100% {
        transform: translateX(-50%)
    }
}

.review-box .review-section .carousel-items-container.auto-scroll:has(>.review:hover) {
    animation-play-state: paused
}

.review-box .review-section.background>.review-container>.review a {
    background: var(--c-mix-1)
}

.review-box .review-section.background>.review-container>.review .default-image>svg path {
    fill: var(--c-mix-1) !important
}

.review-box .review-section.no-image>.review-container>.review .review-image {
    display: none
}

.review-box .review-section.no-image>.review-container>.review .review-text {
    width: 100%
}

.review-box .review-section.no-border>.review-container>.review {
    border: none
}

.review-box .review-section.layout-2>.review-container>.review .review-link .reviewer-details {
    display: flex;
    justify-content: space-between;
    flex-direction: column
}

.review-box .review-section.layout-2>.review-container>.review .review-link .reviewer-details .reviewer-image {
    margin-bottom: var(--s-1)
}

.review-box .review-section.layout-2>.review-container.carousel>.review {
    min-width: 300px
}

.review-box .review-section.layout-2>.review-container.carousel>.review .review-link>.review-text {
    width: auto;
    margin-right: var(--s-2)
}

.review-box .review-section>.review-header {
    margin-bottom: var(--s-2)
}

.review-box .review-section>.review-header>.review-label {
    color: var(--foreground);
    background: var(--c-mix-1);
    padding: 3px 9px;
    margin-bottom: var(--s-1);
    border-radius: var(--shape);
    display: inline-block
}

.review-box .review-section>.review-header>h2 {
    text-transform: capitalize
}

.review-box .review-section>.review-header>p {
    color: var(--c-mix-3);
    text-transform: capitalize
}

.review-box .review-section>.review-container {
    gap: var(--spacing-gap-mobile, 10px) !important
}

@media screen and (min-width: 1024px) {
    .review-box .review-section>.review-container {
        gap: var(--spacing-gap, 10px) !important
    }
}

.review-box .review-section>.review-container.grid {
    display: grid;
    grid-template-columns: repeat(var(--columns), 1fr);
    gap: var(--s-2)
}

@media screen and (max-width: 1024px) {
    .review-box .review-section>.review-container.grid {
        grid-template-columns: repeat(var(--mobile-columns), 1fr);
        gap: var(--s-1)
    }
}

.review-box .review-section>.review-container.col-2 {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: var(--s-2)
}

@media screen and (max-width: 767px) {
    .review-box .review-section>.review-container.col-2 {
        grid-template-columns: 100%
    }
}

.review-box .review-section>.review-container.col-3 {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: var(--s-2)
}

@media screen and (max-width: 767px) {
    .review-box .review-section>.review-container.col-3 {
        grid-template-columns: 100%
    }
}

@media screen and (max-width: 1200px) {

    .review-box .review-section>.review-container.col-2,
    .review-box .review-section>.review-container.col-3 {
        grid-gap: var(--s-1)
    }
}

@media screen and (max-width: 767px) {

    .review-box .review-section>.review-container.col-2,
    .review-box .review-section>.review-container.col-3 {
        grid-template-columns: 100%;
        grid-gap: 5px
    }
}

.review-box .review-section>.review-container.carousel {
    display: flex;
    flex-wrap: nowrap;
    overflow-x: auto;
    column-gap: var(--s-2)
}

.review-box .review-section>.review-container.carousel::-webkit-scrollbar {
    display: none
}

@media screen and (max-width: 1024px) {
    .review-box .review-section>.review-container.carousel {
        column-gap: var(--s-1)
    }
}

.review-box .review-section>.review-container.carousel>.review {
    min-width: var(--width)
}

@media screen and (max-width: 1024px) {
    .review-box .review-section>.review-container.carousel>.review {
        min-width: var(--width-mobile)
    }
}

.review-box .review-section>.review-container.carousel>.review:last-child {
    margin-right: 0
}

.review-box .review-section>.review-container.carousel>.review .review-link>.review-text {
    width: auto
}

.review-box .review-section>.review-container>.review {
    border: 1px solid var(--c-mix-1);
    width: 100%;
    height: auto;
    border-radius: var(--min-shape)
}

.review-box .review-section>.review-container>.review.hover-state {
    transition: transform .2s
}

.review-box .review-section>.review-container>.review.hover-state:hover {
    transform: translate(0, -8px)
}

.review-box .review-section>.review-container>.review.cursor-none>a {
    cursor: initial !important
}

.review-box .review-section>.review-container>.review .review-link {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
    padding: clamp(10px, var(--spacing-padding, 20px), 100px)
}

.review-box .review-section>.review-container>.review .review-link .review-item .review-icon {
    display: flex;
    margin-bottom: var(--s-1)
}

.review-box .review-section>.review-container>.review .review-link .review-item .review-icon span {
    margin-right: 5px;
    display: flex
}

.review-box .review-section>.review-container>.review .review-link .review-item .review-icon span:last-child {
    margin-right: 0
}

.review-box .review-section>.review-container>.review .review-link .review-item .review-icon span svg {
    width: 24px;
    height: 24px
}

.review-box .review-section>.review-container>.review .review-link .review-item .review-text p {
    color: var(--foreground)
}

.review-box .review-section>.review-container>.review .review-link .reviewer-details {
    display: flex;
    justify-content: space-between;
    margin-top: 40px
}

.review-box .review-section>.review-container>.review .review-link .reviewer-details>.reviewer-image {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--background);
    border-radius: calc(var(--min-shape)/2)
}

.review-box .review-section>.review-container>.review .review-link .reviewer-details>.reviewer-image.r-none {
    border-radius: var(--min-shape)
}

.review-box .review-section>.review-container>.review .review-link .reviewer-details>.reviewer-image .default-image {
    display: flex
}

.review-box .review-section>.review-container>.review .review-link .reviewer-details>.reviewer-image .default-image svg {
    width: 16px;
    height: 16px
}

.review-box .review-section>.review-container>.review .review-link .reviewer-details>.reviewer-image>img {
    border-radius: calc(var(--min-shape)/2);
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: var(--a-speed)
}

.review-box .review-section>.review-container>.review .review-link .reviewer-details>.reviewer-image.avatar-image {
    border-radius: var(--r-full)
}

.review-box .review-section>.review-container>.review .review-link .reviewer-details>.reviewer-image.avatar-image>img,
.review-box .review-section>.review-container>.review .review-link .reviewer-details>.reviewer-image.avatar-image>.default-image {
    border-radius: var(--r-full)
}

.review-box .review-section>.review-container>.review .review-link .reviewer-details .reviewer-description {
    width: calc(100% - 50px)
}

.review-box .review-section>.review-container>.review .review-link .reviewer-details .reviewer-description.vertical-align {
    display: flex;
    align-items: center
}

.review-box .review-section>.review-container>.review .review-link .reviewer-details .reviewer-description p {
    margin-bottom: none
}

.review-box .review-section>.review-container>.review .review-link .reviewer-details .reviewer-description p.name {
    color: var(--foreground)
}

.review-box .review-section>.review-container>.review .review-link .reviewer-details .reviewer-description p.about {
    color: var(--c-mix-3)
}

.review-box .review-section>.review-container h3.small-size {
    letter-spacing: normal !important
}

.review-box :hover .carousel-scroller {
    visibility: visible !important
}

[data-theme=light] .review-container.carousel.carousel-items-container {
    mask-image: linear-gradient(to right, rgba(255, 255, 255, var(--left-opacity)) 0%, rgb(0, 0, 0) 12.5%, rgb(0, 0, 0) 87.5%, rgba(255, 255, 255, var(--right-opacity)) 100%)
}

.vzy-block {
    display: block;
    width: 50px;
    height: 50px;
    position: fixed;
    bottom: 0;
    right: 0;
    z-index: 10;
    display: flex;
    justify-content: center;
    align-items: center
}

.vzy-block>#vzy-icon {
    width: 100%;
    height: 100%;
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    -webkit-backdrop-filter: saturate(100%) blur(5px);
    backdrop-filter: saturate(100%) blur(5px);
    background: var(--c-mix-1);
    cursor: pointer
}

.vzy-block>#vzy-icon>svg {
    width: 13.3px;
    height: 13.3px
}

.vzy-block>#vzy-icon>span {
    width: calc(var(--unit)*2.4);
    height: calc(var(--unit)*2.4);
    border-radius: var(--r-full);
    background: var(--foreground);
    display: flex;
    justify-content: center;
    align-items: center
}

.vzy-block>#vzy-icon>span>svg {
    width: calc(var(--unit)*1.2);
    height: calc(var(--unit)*1.2);
    stroke-width: 2
}

.vzy-block>#vzy-menu {
    display: none;
    width: calc(var(--unit)*16);
    position: absolute;
    bottom: 0;
    right: 0;
    background: var(--c-mix-1)
}

.vzy-block>#vzy-menu.active {
    display: block
}

.vzy-block>#vzy-menu>ul {
    list-style-type: none;
    width: 100%
}

.vzy-block>#vzy-menu>ul>li {
    display: flex;
    font-size: var(--t-m);
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: calc(var(--unit)*1.4) var(--s-2);
    cursor: pointer;
    transition: var(--a-speed);
    color: var(--foreground)
}

.vzy-block>#vzy-menu>ul>li:last-child {
    padding: 0
}

.vzy-block>#vzy-menu>ul>li:hover {
    background: var(--background);
    color: var(--foreground)
}

.vzy-block>#vzy-menu>ul>li:hover>span {
    display: flex
}

.vzy-block>#vzy-menu>ul>li>a {
    width: 100%;
    height: 100%;
    padding: calc(var(--unit)*1.4) var(--s-2);
    display: flex;
    align-items: center;
    justify-content: space-between
}

.vzy-block>#vzy-menu>ul>li>a>span {
    display: flex
}

.vzy-block>#vzy-menu>ul>li>a>span>svg {
    width: 16px;
    height: 16px
}

.vzy-block>#vzy-menu>ul>li>span {
    display: flex
}

.vzy-block>#vzy-menu>ul>li>span>svg {
    width: 16px;
    height: 16px
}

#share-box {
    display: none;
    align-items: center;
    justify-content: center;
    position: fixed;
    bottom: 60px;
    z-index: 10;
    width: 100vw;
    height: calc(100vh - 60px);
    justify-content: center;
    left: 0
}

@media screen and (max-width: 767px) {
    #share-box {
        height: auto;
        bottom: 20px;
        width: calc(100% - 40px);
        left: 20px
    }
}

#share-box.active {
    display: flex
}

#share-box>.share-box-content {
    display: flex;
    flex-direction: column;
    background: var(--background);
    width: 415px;
    height: auto;
    filter: var(--c-mix-8);
    border-radius: var(--r-small)
}

@media screen and (max-width: 767px) {
    #share-box>.share-box-content {
        width: 100%
    }
}

#share-box>.share-box-content>.feedback-header {
    width: 100%;
    height: calc(var(--unit)*6);
    background: var(--background);
    border-bottom: 1px solid var(--c-mix-1);
    border-top-left-radius: var(--r-small);
    border-top-right-radius: var(--r-small)
}

#share-box>.share-box-content>.feedback-header>ul {
    display: flex;
    flex-grow: 1;
    align-items: center;
    justify-content: center;
    list-style-type: none;
    height: 100%
}

#share-box>.share-box-content>.feedback-header>ul>li {
    text-align: center;
    display: flex;
    align-items: center;
    align-self: center;
    justify-content: center;
    color: var(--foreground);
    font-size: var(--t-xm)
}

@media screen and (max-width: 767px) {
    #share-box>.share-box-content>.feedback-header>ul>li {
        font-size: var(--t-m)
    }
}

#share-box>.share-box-content>.feedback-header>ul>li>a {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: var(--a-speed);
    color: inherit
}

#share-box>.share-box-content>.feedback-header>ul>li>a:hover,
#share-box>.share-box-content>.feedback-header>ul>li>a:focus,
#share-box>.share-box-content>.feedback-header>ul>li>a:active {
    text-decoration: none;
    transition: var(--a-speed)
}

#share-box>.share-box-content>.feedback-header>ul>li>a>span>svg {
    width: calc(var(--unit)*1.6);
    height: calc(var(--unit)*1.6);
    stroke-width: 2
}

#share-box>.share-box-content>.feedback-header>ul>li:first-child {
    flex-grow: 1;
    height: 100%;
    font-size: var(--t-xm);
    justify-content: flex-start;
    margin-left: var(--s-2)
}

#share-box>.share-box-content>.feedback-header>ul>li:last-child {
    width: calc(var(--unit)*6);
    height: calc(var(--unit)*6)
}

#share-box>.share-box-content>.feedback-header>ul>li:last-child>span {
    width: calc(var(--unit)*2.4);
    height: calc(var(--unit)*2.4);
    display: flex;
    align-items: center;
    justify-content: center
}

#share-box>.share-box-content>.feedback-body {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center
}

#share-box>.share-box-content>.feedback-body>p {
    font-size: var(--t-m);
    color: var(--c-mix-3);
    text-align: center
}

#share-box>.share-box-content>.feedback-body>.social-media-link {
    margin: var(--s-4) 0;
    width: 100%
}

#share-box>.share-box-content>.feedback-body>.social-media-link>ul {
    list-style: none;
    display: flex;
    justify-content: center;
    width: 100%;
    padding: 0 var(--s-1);
    gap: 20px
}

#share-box>.share-box-content>.feedback-body>.social-media-link>ul>li {
    display: flex;
    flex-direction: column;
    align-items: center;
    font-size: var(--t-s);
    color: var(--c-mix-3)
}

#share-box>.share-box-content>.feedback-body>.social-media-link>ul>li:hover {
    color: var(--foreground)
}

#share-box>.share-box-content>.feedback-body>.social-media-link>ul>li:hover a {
    background: var(--c-mix-1)
}

#share-box>.share-box-content>.feedback-body>.social-media-link>ul>li:hover a>svg>path {
    fill: var(--foreground)
}

#share-box>.share-box-content>.feedback-body>.social-media-link>ul>li>a {
    width: calc(var(--unit)*6);
    height: calc(var(--unit)*6);
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid var(--c-mix-1);
    margin-bottom: 8px
}

#share-box>.share-box-content>.feedback-body>.social-media-link>ul>li>a>svg {
    width: 20px;
    height: 20px
}

#share-box>.share-box-content>.feedback-body>.social-media-link>ul>li>a>svg>path {
    fill: var(--foreground);
    transition: var(--a-speed)
}

#share-box>.share-box-content>.feedback-body>div {
    display: flex;
    position: relative;
    width: calc(100% - 40px);
    margin: 0 auto 20px auto
}

#share-box>.share-box-content>.feedback-body>div>input {
    padding-right: calc(var(--s-4)*3*1.14);
    height: calc(var(--unit)*4*1.14);
    background: var(--c-mix-1);
    scale: .875;
    transform-origin: left top;
    font-size: 16px;
    cursor: pointer;
    padding-left: 11.4 px
}

#share-box>.share-box-content>.feedback-body>div>button {
    position: absolute;
    right: 0;
    width: 100px;
    height: 40px;
    background: var(--c-mix-1) !important;
    color: var(--background);
    border: none;
    pointer-events: none;
    cursor: pointer;
    border-top-right-radius: var(--r-small);
    border-bottom-right-radius: var(--r-small);
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding-right: 14px
}

#share-box>.share-box-content>.feedback-body>div>button>#copied {
    margin: var(--s-1);
    font-size: var(--t-xs)
}

#share-box>.share-box-content>.feedback-body>div>button svg {
    width: 16px;
    height: 16px
}

#share-box>.share-box-content>.feedback-body>div>button svg.checkmark-icon {
    display: none
}

.theme-btn .light-icon {
    display: none
}

.theme-btn .dark-icon {
    display: none
}

.light,
.dark {
    display: none
}

html[data-theme=light] #vzy-menu li.theme-btn p::before {
    content: "Dark"
}

html[data-theme=light] #vzy-menu li.theme-btn .dark-icon {
    display: block
}

html[data-theme=light] .light {
    display: block
}

html[data-theme=dark] #vzy-menu li.theme-btn p::before {
    content: "Light"
}

html[data-theme=dark] #vzy-menu li.theme-btn .light-icon {
    display: block
}

html[data-theme=dark] .dark {
    display: block
}

.overlay {
    display: none;
    width: 100%;
    height: calc(var(--vh, 1vh)*100);
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    padding: var(--s-2);
    z-index: 15
}

.overlay>.overlay-card {
    position: absolute;
    width: calc(100% - var(--s-4));
    left: 50%;
    transform: translateX(-50%);
    bottom: calc(var(--unit)*2);
    z-index: 2
}

@media screen and (min-width: 768px) {
    .overlay {
        width: 100%;
        margin: 0 auto
    }

    .overlay>.overlay-card {
        width: calc(var(--unit)*40);
        top: 50%;
        left: 50%;
        bottom: auto;
        z-index: 2;
        transform: translate(-50%, -50%)
    }
}

.overlay.vzy-ai-modal {
    -webkit-backdrop-filter: saturate(100%) blur(5px);
    backdrop-filter: saturate(100%) blur(5px)
}

.overlay.vzy-ai-modal .overlay-card {
    height: auto
}

.overlay.vzy-ai-modal .overlay-card.max-site {
    height: auto
}

.overlay.vzy-ai-modal .overlay-card .overlay-card-body {
    height: 100%;
    padding-bottom: var(--s-2)
}

.overlay.vzy-ai-modal .overlay-card .overlay-card-body.loading-site-section {
    height: 420px
}

.overlay .overlay {
    z-index: 15
}

.overlay .overlay-card {
    position: absolute;
    width: calc(100% - var(--s-4));
    left: 50%;
    transform: translateX(-50%);
    bottom: var(--s-2);
    z-index: 15
}

@media screen and (min-width: 768px) {
    .overlay .overlay-card {
        width: calc(var(--unit)*40);
        top: 50%;
        left: 50%;
        bottom: auto;
        z-index: 15;
        transform: translate(-50%, -50%)
    }
}

.overlay .overlay-card>.overlay-card-body {
    background-color: var(--background);
    border-radius: var(--r-small);
    border: 1px solid var(--c-mix-1);
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

.overlay .overlay-card>.overlay-card-body .max-site-container,
.overlay .overlay-card>.overlay-card-body .maximum-site-container {
    padding: 0 var(--s-2)
}

.overlay .overlay-card>.overlay-card-body .max-site-container p,
.overlay .overlay-card>.overlay-card-body .maximum-site-container p {
    font-size: var(--t-m);
    text-align: center;
    color: var(--c-mix-3)
}

.overlay .overlay-card>.overlay-card-body .max-site-container button,
.overlay .overlay-card>.overlay-card-body .maximum-site-container button {
    height: 40px;
    border: none
}

.overlay .overlay-card>.overlay-card-body .maximum-site-container {
    padding: 0 var(--s-2) var(--s-2) var(--s-2)
}

.overlay .overlay-card>.overlay-card-body.generate-site-section>p {
    color: var(--c-mix-3);
    font-size: var(--t-xs);
    text-align: center
}

.overlay .overlay-card>.overlay-card-body.generate-site-section>p.generate-site-description {
    font-size: var(--t-m);
    padding: var(--s-2) 0
}

.overlay .overlay-card>.overlay-card-body.generate-site-section .input-box.color-selector>div {
    width: 100%;
    height: auto;
    padding: 0 var(--s-2);
    display: flex;
    flex-wrap: wrap;
    gap: 10px
}

.overlay .overlay-card>.overlay-card-body.generate-site-section .input-box.color-selector>div>div {
    width: calc(50% - 5px);
    height: auto;
    border-radius: var(--r-small);
    color: var(--foreground);
    font-size: var(--t-m);
    background: var(--c-mix-1);
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: column;
    padding: var(--s-1);
    text-transform: capitalize;
    cursor: pointer
}

.overlay .overlay-card>.overlay-card-body.generate-site-section .input-box.color-selector>div>div.active {
    background: var(--c-mix-10)
}

.overlay .overlay-card>.overlay-card-body.generate-site-section .input-box.color-selector>div>div.active>.theme-title span {
    display: flex
}

.overlay .overlay-card>.overlay-card-body.generate-site-section .input-box.color-selector>div>div:hover {
    background: var(--c-mix-10)
}

.overlay .overlay-card>.overlay-card-body.generate-site-section .input-box.color-selector>div>div>.theme-text {
    width: 100%;
    border-radius: 3px;
    background: var(--background);
    padding: var(--s-1);
    margin-bottom: var(--s-1)
}

.overlay .overlay-card>.overlay-card-body.generate-site-section .input-box.color-selector>div>div>.theme-text h1 {
    font-size: var(--t-m);
    margin-bottom: 0;
    font-family: unset;
    letter-spacing: 0 !important
}

.overlay .overlay-card>.overlay-card-body.generate-site-section .input-box.color-selector>div>div>.theme-text p {
    font-size: var(--t-xs);
    margin-bottom: 3px;
    text-align: left
}

.overlay .overlay-card>.overlay-card-body.generate-site-section .input-box.color-selector>div>div>.theme-text button {
    height: 25px;
    width: 100%;
    font-size: var(--t-xs);
    display: flex;
    align-items: center;
    justify-content: center;
    border: none
}

.overlay .overlay-card>.overlay-card-body.generate-site-section .input-box.color-selector>div>div>.theme-text button:hover {
    opacity: 1
}

.overlay .overlay-card>.overlay-card-body.generate-site-section .input-box.color-selector>div>div>.theme-title {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.overlay .overlay-card>.overlay-card-body.generate-site-section .input-box.color-selector>div>div>.theme-title p {
    font-size: var(--t-s);
    line-height: unset
}

.overlay .overlay-card>.overlay-card-body.generate-site-section .input-box.color-selector>div>div>.theme-title span {
    display: none;
    align-items: center;
    justify-content: center
}

.overlay .overlay-card>.overlay-card-body.generate-site-section .input-box.color-selector>div>div>.theme-title span svg {
    width: 12px;
    height: 12px;
    stroke-width: 3
}

.overlay .overlay-card>.overlay-card-body.generate-site-section>.new-site-button {
    padding-bottom: 0 !important;
    margin-top: 10px
}

.overlay .overlay-card>.overlay-card-body.generate-site-section>.new-site-button>button {
    font-weight: 400 !important;
    margin-bottom: 10px
}

.overlay .overlay-card>.overlay-card-body.loading-site-section>.loader-section {
    width: 100%;
    height: calc(100% - 60px);
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    flex-direction: column
}

.overlay .overlay-card>.overlay-card-body.loading-site-section>.loader-section>.preloader {
    width: 100px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

.overlay .overlay-card>.overlay-card-body.loading-site-section>.loader-section>.preloader>span {
    width: 40px;
    height: 40px;
    margin-bottom: var(--s-2);
    display: flex
}

.overlay .overlay-card>.overlay-card-body.loading-site-section>.loader-section>.preloader>span>svg {
    width: 40px;
    height: 40px;
    stroke-width: 2
}

.overlay .overlay-card>.overlay-card-body.loading-site-section>.loader-section>p {
    transition: var(--a-speed);
    color: var(--c-mix-3);
    font-size: var(--t-m)
}

.overlay .overlay-card>.overlay-card-body.completed-site-section .completed-site-text {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-top: 50px
}

.overlay .overlay-card>.overlay-card-body.completed-site-section .completed-site-text h4 {
    font-size: 24px;
    color: var(--foreground)
}

.overlay .overlay-card>.overlay-card-body.completed-site-section .completed-site-text span {
    width: 60px;
    height: 60px;
    border: 1px solid var(--foreground);
    border-radius: var(--r-full);
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: var(--s-3);
    margin-bottom: 60px
}

.overlay .overlay-card>.overlay-card-body.completed-site-section .completed-site-text span svg {
    width: 40px;
    height: 40px;
    stroke-width: .5
}

.overlay .overlay-card>.overlay-card-body.completed-site-section>.new-site-button {
    padding-bottom: 0 !important
}

.overlay .overlay-card>.overlay-card-body.completed-site-section>.new-site-button>button {
    font-weight: 400 !important
}

.overlay .overlay-card>.overlay-card-body.completed-site-section p {
    color: var(--c-mix-3);
    font-size: var(--t-xs);
    text-align: center
}

.overlay .overlay-card>.overlay-card-body>h2 {
    text-align: center;
    padding: var(--s-2) 0;
    border-bottom: 1px solid var(--c-mix-1);
    letter-spacing: 0 !important
}

.overlay .overlay-card>.overlay-card-body .new-site-box {
    padding: 0
}

.overlay .overlay-card>.overlay-card-body .new-site-box>form>.input-box {
    width: 100%;
    padding: 0 20px
}

.overlay .overlay-card>.overlay-card-body .new-site-box>form>.input-box>input {
    font-size: var(--t-m);
    text-align: left;
    height: 40px
}

.overlay .overlay-card>.overlay-card-body .new-site-box>form>.input-box>.input-group textarea {
    height: 100px
}

.overlay .overlay-card>.overlay-card-body .new-site-box>form>.input-box.website-type {
    position: relative
}

.overlay .overlay-card>.overlay-card-body .new-site-box>form>.input-box.website-type span {
    position: absolute;
    right: 30px
}

.overlay .overlay-card>.overlay-card-body .new-site-box>form>.input-box.website-type span svg {
    width: 14x;
    height: 14px
}

.overlay .overlay-card>.overlay-card-body .new-site-box>form>.input-box.website-language-list,
.overlay .overlay-card>.overlay-card-body .new-site-box>form>.input-box.website-type-list {
    position: absolute;
    z-index: 2;
    width: 100%
}

.overlay .overlay-card>.overlay-card-body .new-site-box>form>.input-box.website-language-list ul,
.overlay .overlay-card>.overlay-card-body .new-site-box>form>.input-box.website-type-list ul {
    background: var(--background);
    list-style-type: none;
    width: 100%;
    height: 110px;
    padding: 5px;
    overflow-y: scroll;
    border: 1px solid var(--c-mix-1);
    border-radius: var(--r-small);
    box-shadow: 0px 0px 50px rgba(0, 0, 0, .1)
}

.overlay .overlay-card>.overlay-card-body .new-site-box>form>.input-box.website-language-list ul li,
.overlay .overlay-card>.overlay-card-body .new-site-box>form>.input-box.website-type-list ul li {
    width: 100%;
    height: 32px;
    color: var(--foreground);
    font-size: var(--t-s);
    text-transform: capitalize;
    cursor: pointer;
    display: flex;
    align-items: center;
    padding: var(--s-1);
    border-radius: 3px
}

.overlay .overlay-card>.overlay-card-body .new-site-box>form>.input-box.website-language-list ul li:hover,
.overlay .overlay-card>.overlay-card-body .new-site-box>form>.input-box.website-type-list ul li:hover {
    background: var(--c-mix-1)
}

.overlay .overlay-card>.overlay-card-body .new-site-box>form p {
    text-align: center;
    font-size: var(--t-s)
}

.overlay .overlay-card>.overlay-card-body .new-site-box>form p span.url {
    color: var(--foreground)
}

.overlay .overlay-card>.overlay-card-body .new-site-box>form>.new-site-button {
    display: flex;
    justify-content: space-between;
    padding: 0 var(--s-2) var(--s-1) var(--s-2);
    margin-top: var(--s-3)
}

.overlay .overlay-card>.overlay-card-body .new-site-box>form>.new-site-button>button {
    height: calc(var(--unit)*4);
    background: var(--c-mix-1);
    width: calc(50% - 10px);
    color: var(--foreground);
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: normal
}

.overlay .overlay-card>.overlay-card-body .new-site-box>form>.new-site-button>button svg {
    width: 16px;
    height: 16px;
    margin-right: var(--s-1)
}

.overlay .overlay-card>.overlay-card-body .new-site-box>form>.new-site-button>button:last-child {
    background: var(--foreground);
    color: var(--background)
}

.overlay .overlay-card>.overlay-card-body .new-site-box>form>.new-site-button>button:last-child:disabled {
    opacity: .7
}

.overlay .overlay-card>.overlay-card-body .new-site-box>form>.new-site-button>button:focus,
.overlay .overlay-card>.overlay-card-body .new-site-box>form>.new-site-button>button:hover {
    border: none
}

.overlay .overlay-card>.overlay-card-body .new-site-box>form>.new-site-button>button.active {
    background: var(--foreground);
    color: var(--background)
}

.overlay .overlay-card>.overlay-card-body .new-site-box .site-stat {
    color: var(--c-mix-3);
    font-size: var(--t-xs);
    text-align: center
}

.overlay .overlay-card>.overlay-card-body .vzy-ai-chat-section {
    width: 100%;
    height: 330px;
    padding: 20px;
    overflow-y: auto
}

@media screen and (max-width: 767px) {
    .overlay .overlay-card>.overlay-card-body .vzy-ai-chat-section {
        height: 280px
    }
}

.overlay .overlay-card>.overlay-card-body .vzy-ai-chat-section>.vzy-ai-chat {
    display: flex;
    margin-bottom: 5px;
    max-width: 220px
}

.overlay .overlay-card>.overlay-card-body .vzy-ai-chat-section>.vzy-ai-chat>span {
    background: var(--c-mix-1);
    border-radius: 20px 10px 10px 0px;
    color: var(--foreground);
    padding: var(--s-1);
    font-size: var(--t-m);
    line-height: var(--l-body)
}

.overlay .overlay-card>.overlay-card-body .vzy-ai-chat-section>.vzy-ai-chat>.loader-section {
    width: 48px;
    height: 40px;
    background: var(--c-mix-1);
    border-radius: 20px 10px 10px 0px;
    color: var(--foreground);
    font-size: var(--t-m);
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-left: 15px
}

.overlay .overlay-card>.overlay-card-body .vzy-ai-chat-section>.vzy-ai-chat>.loader-section .loader {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background-color: var(--c-mix-10);
    position: absolute;
    opacity: .1;
    animation: loader-animation 1s infinite ease-in-out calc(-0.2s*var(--i))
}

.overlay .overlay-card>.overlay-card-body .vzy-ai-chat-section>.vzy-ai-chat>.loader-section .loader:nth-child(1) {
    left: 10px;
    background: var(--c-mix-10);
    --i: 3
}

.overlay .overlay-card>.overlay-card-body .vzy-ai-chat-section>.vzy-ai-chat>.loader-section .loader:nth-child(2) {
    left: 20px;
    background: var(--c-mix-2);
    --i: 2
}

.overlay .overlay-card>.overlay-card-body .vzy-ai-chat-section>.vzy-ai-chat>.loader-section .loader:nth-child(3) {
    left: 30px;
    background: var(--c-mix-9);
    --i: 1
}

@keyframes loader-animation {

    from,
    20% {
        opacity: .9
    }

    to,
    80% {
        opacity: .1
    }
}

.overlay .overlay-card>.overlay-card-body .vzy-ai-chat-section>.vzy-user-chat {
    display: flex;
    justify-content: flex-end;
    margin-bottom: 5px
}

.overlay .overlay-card>.overlay-card-body .vzy-ai-chat-section>.vzy-user-chat>span {
    background: var(--foreground);
    border-radius: 10px 20px 0px 10px;
    color: var(--background);
    padding: var(--s-1);
    font-size: var(--t-m);
    display: flex;
    justify-content: flex-end;
    max-width: 220px;
    line-height: var(--l-body)
}

.overlay .overlay-card>.overlay-card-body>.new-site-button {
    display: flex;
    justify-content: space-between;
    padding: 0 var(--s-2) var(--s-2) var(--s-2)
}

.overlay .overlay-card>.overlay-card-body>.new-site-button>button {
    height: calc(var(--unit)*4);
    background: var(--c-mix-1);
    width: calc(50% - 10px);
    color: var(--foreground)
}

.overlay .overlay-card>.overlay-card-body>.new-site-button>button:last-child {
    background: var(--foreground);
    color: var(--background)
}

.overlay .overlay-card>.overlay-card-body>.new-site-button>button:last-child:disabled {
    opacity: .7
}

.overlay .overlay-card>.overlay-card-body>.new-site-button>button:focus,
.overlay .overlay-card>.overlay-card-body>.new-site-button>button:hover {
    border: none
}

.overlay .overlay-card>.overlay-card-body>.new-site-button>button.active {
    background: var(--foreground);
    color: var(--background)
}

.overlay .overlay-card>.overlay-card-body>.vzy-form {
    width: 100%;
    display: flex;
    height: 60px
}

.overlay .overlay-card>.overlay-card-body>.vzy-form>.input-box {
    display: flex;
    align-items: center;
    margin-bottom: 0;
    position: relative;
    width: 100%;
    height: 100%;
    border-top: 1px solid var(--c-mix-1)
}

.overlay .overlay-card>.overlay-card-body>.vzy-form>.input-box input {
    font-size: var(--t-xm);
    width: calc(100% - 75px);
    height: 60px;
    border: none;
    color: var(--foreground)
}

.overlay .overlay-card>.overlay-card-body>.vzy-form>.input-box input:focus {
    background: unset
}

.overlay .overlay-card>.overlay-card-body>.vzy-form>.input-box button {
    width: 60px;
    height: 30px;
    border-radius: 3px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 15px
}

.overlay .overlay-card>.overlay-card-body>.vzy-form>.input-box button svg {
    width: 16px;
    height: 16px
}

.overlay .overlay-card>.overlay-card-body>.generate-ai-btn {
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center
}

.overlay .overlay-card>.overlay-card-body>.generate-ai-btn button {
    width: 200px;
    height: 40px;
    border-radius: 3px;
    background: var(--foreground);
    color: var(--background);
    display: flex;
    align-items: center;
    justify-content: center
}

.overlay .overlay-card>.overlay-card-body>.generate-ai-btn button svg {
    width: 16px;
    height: 16px;
    margin-right: 5px
}

.overlay .overlay-card>.overlay-card-body>.generate-ai-btn button::before,
.overlay .overlay-card>.overlay-card-body>.generate-ai-btn button::after {
    content: "";
    position: absolute;
    left: -2px;
    top: -2px;
    border-radius: 5px;
    background: linear-gradient(90deg, #fc0, #f10, #80f, #08f, #0ba);
    background-size: 400%;
    width: calc(100% + 4px);
    height: calc(100% + 4px);
    z-index: -1;
    animation: steam 20s linear infinite
}

@keyframes steam {
    0% {
        background-position: 0 0
    }

    50% {
        background-position: 500% 0
    }

    100% {
        background-position: 0 0
    }
}

.overlay .overlay-card>.overlay-card-body>.generate-ai-btn button::after {
    filter: blur(20px)
}

.overlay .overlay-card>.overlay-card-body .search-ai-tasks {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid var(--c-mix-1);
    padding-right: var(--s-2)
}

.overlay .overlay-card>.overlay-card-body .search-ai-tasks .input-box {
    width: calc(100% - 50px);
    margin-bottom: 0
}

.overlay .overlay-card>.overlay-card-body .search-ai-tasks .input-box input {
    border: none;
    height: 60px
}

.overlay .overlay-card>.overlay-card-body .search-ai-tasks .input-box input:focus {
    background: unset
}

.overlay .overlay-card>.overlay-card-body .search-ai-tasks .search-control {
    font-size: var(--t-m);
    color: var(--c-mix-3)
}

.overlay .overlay-card>.overlay-card-body .ai-modal-list {
    padding: var(--s-2)
}

.overlay .overlay-card>.overlay-card-body .ai-modal-list ul {
    border: 1px solid var(--c-mix-1);
    border-radius: var(--r-small);
    height: calc(var(--unit)*24);
    overflow-y: auto
}

.overlay .overlay-card>.overlay-card-body .ai-modal-list ul li {
    color: var(--foreground);
    font-size: var(--t-m);
    line-height: var(--l-body);
    text-transform: capitalize;
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 40px;
    padding: 0 var(--s-1);
    border-bottom: 1px solid var(--c-mix-1);
    cursor: pointer
}

.overlay .overlay-card>.overlay-card-body .ai-modal-list ul li svg {
    width: 16px;
    height: 16px
}

.overlay .overlay-card>.overlay-card-body .ai-modal-list ul li:last-child {
    border: none
}

.overlay .overlay-card>.overlay-card-body .ai-modal-list ul li:hover {
    background: var(--c-mix-1)
}

.overlay .fadeUp {
    animation: fadeUp 200ms linear 1
}

.overlay .fadeDown {
    animation: fadeDown 200ms linear 1
}

@media screen and (min-width: 600px) {
    .overlay {
        width: calc(var(--unit)*60);
        margin: 0 auto
    }
}

.backdrop {
    content: "";
    width: 100vw;
    height: 100vh;
    position: fixed;
    left: 0;
    top: 0;
    background: var(--c-mix-6);
    z-index: -1;
    -webkit-backdrop-filter: saturate(100%) blur(5px);
    backdrop-filter: saturate(100%) blur(5px)
}

.backdrop.high {
    z-index: 1
}

.backdrop-overlay {
    content: "";
    width: 100vw;
    height: 100vh;
    position: fixed;
    left: 0;
    top: 0;
    background: unset;
    z-index: -1
}

.backdrop-overlay.high {
    z-index: 1
}

.theme {
    height: 32px;
    padding: 0 10px;
    display: flex;
    align-items: center
}

.theme:hover {
    background: var(--c-mix-1)
}

.theme>a {
    font-size: var(--t-m) !important;
    line-height: var(--l-body);
    padding: calc(var(--unit)*1.4) 0px calc(var(--unit)*1.4) 0px;
    display: flex;
    align-items: center;
    width: 100%;
    justify-content: space-between
}

.theme>a>span {
    display: flex
}

.theme>a>span>svg {
    width: calc(var(--unit)*1.6);
    height: calc(var(--unit)*1.6)
}

.right-panel-navbar {
    width: 100%;
    height: calc(var(--unit)*6);
    background: var(--background)
}

.right-panel-navbar>ul {
    display: flex;
    flex-grow: 1;
    align-items: center;
    justify-content: space-between;
    list-style-type: none;
    height: 100%
}

.right-panel-navbar>ul>li {
    text-align: center;
    display: flex;
    align-items: center;
    align-self: center;
    justify-content: center;
    color: var(--foreground);
    font-size: var(--t-xm)
}

.right-panel-navbar>ul>li svg {
    width: calc(var(--unit)*1.6);
    height: calc(var(--unit)*1.6);
    stroke-width: 2
}

.right-panel-navbar>ul>li:nth-child(1) {
    flex-grow: 1;
    height: 100%;
    font-size: var(--t-xm);
    justify-content: flex-start;
    margin-left: var(--s-2)
}

.right-panel-navbar>ul>li:last-child {
    width: calc(var(--unit)*6);
    height: calc(var(--unit)*6)
}

.overlay {
    display: none;
    width: 100%;
    height: calc(var(--vh, 1vh)*100);
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    padding: var(--s-2);
    z-index: 15;
    z-index: 20
}

.overlay>.overlay-card {
    position: absolute;
    width: calc(100% - var(--s-4));
    left: 50%;
    transform: translateX(-50%);
    bottom: calc(var(--unit)*2);
    z-index: 2
}

@media screen and (min-width: 768px) {
    .overlay {
        width: 100%;
        margin: 0 auto
    }

    .overlay>.overlay-card {
        width: calc(var(--unit)*40);
        top: 50%;
        left: 50%;
        bottom: auto;
        z-index: 2;
        transform: translate(-50%, -50%)
    }
}

.overlay>.delete-site-card {
    display: block;
    position: absolute;
    width: calc(100% - 40px);
    left: 50%;
    top: auto;
    bottom: 20px;
    transform: translate(-50%, 0);
    z-index: 5;
    border: 1px solid var(--c-mix-1);
    border-radius: var(--r-small)
}

@media screen and (min-width: 768px) {
    .overlay>.delete-site-card {
        width: calc(var(--unit)*40);
        top: 50%;
        left: 50%;
        bottom: auto;
        z-index: 2;
        transform: translate(-50%, -50%)
    }
}

.overlay>.delete-site-card>.overlay-card-body {
    background-color: var(--background);
    border-radius: 5px
}

.overlay>.delete-site-card>.overlay-card-body>h2 {
    text-align: center;
    padding: var(--s-2);
    padding-top: var(--s-2);
    padding-bottom: var(--s-2);
    border-bottom: 1px solid var(--c-mix-1);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    letter-spacing: 0 !important
}

.overlay>.delete-site-card>.overlay-card-body>p {
    font-size: var(--t-m);
    text-align: center;
    line-height: var(--l-body);
    color: var(--c-mix-3)
}

.overlay>.delete-site-card>.overlay-card-body>.delete-site-card-button {
    padding: 0 var(--s-2) var(--s-2) var(--s-2);
    display: flex
}

.overlay>.delete-site-card>.overlay-card-body>.delete-site-card-button>button {
    height: calc(var(--unit)*4)
}

.overlay>.delete-site-card>.overlay-card-body>.delete-site-card-button>button:first-child {
    margin-right: var(--s-2);
    background: var(--c-mix-1);
    color: var(--foreground)
}

.overlay>.delete-site-card>.overlay-card-body>.delete-site-card-button>button:first-child:focus,
.overlay>.delete-site-card>.overlay-card-body>.delete-site-card-button>button:first-child:hover {
    border: none
}

.overlay>.delete-site-card>.overlay-card-body>.delete-site-card-button>button:last-child {
    background: var(--c-error);
    color: var(--c-light)
}

.overlay>.delete-site-card>.overlay-card-body>.delete-site-card-button>button:last-child:focus,
.overlay>.delete-site-card>.overlay-card-body>.delete-site-card-button>button:last-child:hover {
    border: none
}

.overlay>.alert {
    height: calc(var(--unit)*5);
    background: var(--c-light);
    position: fixed;
    top: 20px;
    left: 20px;
    right: 20px;
    display: none;
    align-items: center;
    border-radius: var(--r-small)
}

.overlay>.alert>p {
    display: flex;
    padding: 0 14px;
    color: var(--c-dark);
    font-size: var(--t-m) !important
}

.overlay>.alert>p>span {
    margin-right: var(--s-1);
    display: flex;
    align-items: center
}

.overlay>.alert>p>span>svg {
    width: 16px;
    height: 16px
}

@media screen and (min-width: 768px) {
    .overlay>.alert {
        top: unset;
        left: 50%;
        transform: translateX(-50%);
        bottom: var(--s-2);
        right: unset
    }
}

.overlay .fadeUp {
    animation: fadeUp var(--a-speed) linear 1
}

.overlay .fadeDown {
    animation: fadeDown var(--a-speed) linear 1
}

.section {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    background: var(--c-mix-1)
}

@media screen and (max-width: 767px) {
    .section {
        width: 100%
    }
}

.section>.section-content {
    background: var(--c-mix-1);
    width: 100%;
    height: 100vh
}

.section>.section-content>.top-bar>.navbar {
    width: 100%;
    height: calc(var(--unit)*6);
    background: var(--background);
    border-bottom: 1px solid var(--c-mix-1)
}

.section>.section-content>.top-bar>.navbar>ul {
    display: flex;
    flex-grow: 1;
    align-items: center;
    justify-content: center;
    list-style-type: none;
    height: 100%
}

.section>.section-content>.top-bar>.navbar>ul>li {
    text-align: center;
    display: flex;
    align-items: center;
    align-self: center;
    justify-content: center;
    color: var(--foreground);
    font-size: var(--t-xm)
}

.section>.section-content>.top-bar>.navbar>ul>li>a {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: var(--a-speed);
    color: inherit
}

.section>.section-content>.top-bar>.navbar>ul>li>a:hover,
.section>.section-content>.top-bar>.navbar>ul>li>a:focus,
.section>.section-content>.top-bar>.navbar>ul>li>a:active {
    text-decoration: none;
    transition: var(--a-speed)
}

.section>.section-content>.top-bar>.navbar>ul>li>a>span {
    display: flex
}

.section>.section-content>.top-bar>.navbar>ul>li>a>span>svg {
    width: calc(var(--unit)*1.6);
    height: calc(var(--unit)*1.6);
    stroke-width: 2
}

.section>.section-content>.top-bar>.navbar>ul>li:first-child {
    width: calc(var(--unit)*6);
    height: calc(var(--unit)*6);
    display: none
}

@media screen and (max-width: 767px) {
    .section>.section-content>.top-bar>.navbar>ul>li:first-child {
        display: flex;
        width: calc(var(--unit)*5)
    }
}

.section>.section-content>.top-bar>.navbar>ul>li:nth-child(2) {
    flex-grow: 1;
    height: 100%;
    font-size: var(--t-xm);
    align-items: center;
    justify-content: flex-start;
    padding-left: 20px
}

@media screen and (max-width: 767px) {
    .section>.section-content>.top-bar>.navbar>ul>li:nth-child(2) {
        padding-left: 0
    }
}

.section>.section-content>.top-bar>.navbar>ul>li:last-child {
    width: calc(var(--unit)*7);
    height: calc(var(--unit)*6);
    display: none;
    justify-content: flex-start
}

@media screen and (max-width: 767px) {
    .section>.section-content>.top-bar>.navbar>ul>li:last-child {
        display: flex
    }
}

.section>.section-content>.top-bar>.navbar>ul>li:last-child>button {
    border-radius: 0;
    width: 50px;
    height: 24px;
    border-radius: var(--r-full);
    font-size: var(--t-s);
    display: flex;
    justify-content: center;
    align-items: center;
    border: none
}

@media screen and (min-width: 768px) {
    .section>.section-content>.top-bar>.navbar>ul>li:last-child>button {
        display: none
    }
}

.section>.section-content>.top-bar>.container-small {
    background: var(--background);
    height: 100%;
    width: 100%
}

.section>.section-content>.top-bar>.container-small>.tab-link {
    background: unset
}

.section>.section-content>.top-bar>.container-small>.tab-link>.tabs {
    display: flex;
    list-style-type: none;
    margin: 0;
    padding: 0;
    box-shadow: inset 0 -1px 0 var(--c-mix-1);
    background: var(--background)
}

.section>.section-content>.top-bar>.container-small>.tab-link>.tabs>.tab {
    width: 100%;
    color: var(--c-mix-2);
    font-size: var(--t-m);
    line-height: var(--l-body);
    height: calc(var(--unit)*5);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer
}

@media screen and (min-width: 768px) {
    .section>.section-content>.top-bar>.container-small>.tab-link>.tabs>.tab {
        width: auto;
        margin-right: var(--s-4)
    }

    .section>.section-content>.top-bar>.container-small>.tab-link>.tabs>.tab:last-child {
        margin-right: 0
    }
}

.section>.section-content>.top-bar>.container-small>.tab-link>.tabs>.tab:hover {
    color: var(--foreground)
}

.section>.section-content>.top-bar>.container-small>.tab-link>.tabs>.tab.active {
    color: var(--foreground);
    box-shadow: inset 0 -1px 0 var(--foreground)
}

.section>.section-content>.top-bar>.container-small>.tab-link>.tabs {
    height: calc(var(--unit)*5)
}

.section>.section-content>.top-bar>.container-small>.tab-link>.tabs>.tab {
    width: 100%;
    margin-right: 0;
    height: calc(var(--unit)*5)
}

.section>.section-content>.tab-content-box {
    overflow-y: scroll;
    height: 100vh;
    padding-bottom: 200px;
    position: relative;
    margin: 0;
    margin-bottom: calc(var(--unit)*9);
    padding: 0 var(--s-2);
    background: var(--background);
    margin-bottom: var(--s-2) !important;
    padding: 0;
    width: 100%
}

.section>.section-content>.tab-content-box>.tab-content>[data-tab-content] {
    display: none
}

.section>.section-content>.tab-content-box>.tab-content>.active[data-tab-content] {
    display: block
}

.section>.section-content>.tab-content-box>.tab-content {
    height: 100%
}

.trans_screen {
    height: 100vh;
    width: 100vw;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    z-index: 1
}

.crisp-client {
    right: 10%
}

.crisp-client .cc-tlyw[data-full-view=true] .cc-kxkl .cc-nsge {
    bottom: 45px !important
}

.error {
    color: var(--c-red) !important
}

.caption {
    color: var(--c-mix-3) !important;
    display: none
}

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

.blank-box {
    min-height: 20px;
    background-color: var(--background)
}

#liveChat {
    display: none;
    z-index: 10
}

#liveChat.visible {
    display: block
}

#liveChat>iframe.crisp {
    position: fixed;
    z-index: 100;
    right: 20px;
    bottom: 20px;
    height: 600px;
    width: 400px;
    border: 1px solid var(--c-mix-1)
}

form>.input-box {
    display: flex;
    align-items: center;
    width: 100%;
    position: relative
}

form>.input-box.links-selection-box .input-group {
    flex-direction: column
}

form>.input-box.email-selection {
    align-items: flex-start
}

form>.input-box.email-selection>.input-label {
    display: flex;
    align-items: center;
    height: 40px
}

form>.input-box:last-child {
    margin-bottom: 0
}

form>.input-box>.input-label {
    flex: 25%;
    color: var(--foreground);
    font-size: var(--t-m);
    line-height: var(--l-body)
}

form>.input-box>.input-group {
    flex: 75%;
    display: flex;
    position: relative
}

form>.input-box>.input-group>.switchWrapper {
    width: 100%;
    position: relative;
    height: calc(var(--unit)*4);
    display: flex;
    align-items: center
}

form>.input-box>.input-group>.switchWrapper>.switchInput {
    position: absolute;
    opacity: 0;
    right: 0
}

form>.input-box>.input-group>.switchWrapper>.switchInput:checked~.switchLabel {
    color: var(--foreground)
}

form>.input-box>.input-group>.switchWrapper>.switchInput:checked~.switchLabel::before {
    background: var(--foreground);
    border: 1px solid var(--foreground)
}

form>.input-box>.input-group>.switchWrapper>.switchInput:checked~.slider {
    transform: translateX(14px);
    background: var(--background)
}

form>.input-box>.input-group>.switchWrapper>.switchInput:not(:disabled)~.switchLabel {
    cursor: pointer
}

form>.input-box>.input-group>.switchWrapper>.switchLabel {
    position: absolute;
    left: 0;
    width: 100%;
    height: calc(var(--unit)*4);
    display: flex;
    align-items: center;
    font-size: var(--t-m);
    color: var(--foreground);
    padding: 0 var(--s-1)
}

form>.input-box>.input-group>.switchWrapper>.switchLabel:before {
    content: "";
    position: absolute;
    right: 10px;
    display: inline-block;
    cursor: pointer;
    width: calc(var(--unit)*3.2);
    height: calc(var(--unit)*1.8);
    border-radius: 100px;
    border: 1px solid var(--c-mix-1);
    background: var(--c-mix-1)
}

form>.input-box>.input-group>.switchWrapper>.slider {
    width: calc(var(--unit)*1.2);
    height: calc(var(--unit)*1.2);
    background-color: var(--c-mix-2);
    position: absolute;
    right: calc(var(--unit)*2.8);
    border-radius: 50%;
    transition: transform .4s;
    pointer-events: none
}

form>.input-box>.input-group>.email input {
    margin-bottom: 10px
}

form>.input-box>.input-group>.link-option-select {
    position: absolute;
    top: 0;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    height: 40px;
    width: 40px
}

form>.input-box>.input-group>.link-option-select svg {
    width: 16px;
    height: 16px
}

form>.input-box>.links-modal {
    display: flex;
    width: 130px;
    position: absolute;
    top: 35px;
    right: 0;
    z-index: 5;
    border-radius: var(--r-small);
    opacity: 1;
    filter: var(--c-mix-8);
    background: var(--background)
}

form>.input-box>.links-modal.show {
    opacity: 1;
    pointer-events: visible
}

form>.input-box>.links-modal>.modal-card {
    width: 100%
}

form>.input-box>.links-modal>.modal-card>ul {
    width: 100%;
    list-style-type: none;
    display: flex;
    flex-direction: column;
    border: 1px solid var(--c-mix-1);
    border-radius: 5px;
    padding: 5px
}

form>.input-box>.links-modal>.modal-card>ul>li {
    height: calc(var(--unit)*3.2);
    display: flex;
    border-radius: 3px;
    width: 100%
}

form>.input-box>.links-modal>.modal-card>ul>li:hover {
    background: var(--c-mix-1)
}

form>.input-box>.links-modal>.modal-card>ul>li>a {
    font-size: var(--t-s);
    line-height: var(--l-body);
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    height: 100%;
    padding: 0 5px
}

form>.input-box>.links-modal>.modal-card>ul>li>a>span {
    display: flex
}

form>.input-box>.links-modal>.modal-card>ul>li>a>span>svg {
    width: calc(var(--unit)*1.6);
    height: calc(var(--unit)*1.6)
}

.accordion {
    width: 100%
}

.accordion .accordion-item {
    border: 1px solid var(--c-mix-1);
    margin-bottom: var(--s-1);
    border-radius: var(--r-small)
}

.accordion .accordion-item:last-child {
    border-bottom: 1px solid var(--c-mix-1)
}

.accordion .accordion-item>.accordion-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: calc(var(--unit)/2) var(--s-1);
    font-size: var(--t-m) !important;
    font-family: var(--f-base);
    width: 100%;
    height: calc(var(--unit)*4);
    background: unset !important;
    border: none;
    outline: none;
    color: var(--foreground);
    cursor: pointer
}

.accordion .accordion-item>.accordion-header.active {
    background: var(--c-mix-1)
}

.accordion .accordion-item>.accordion-header.active>p>.chevron-icon {
    transform: rotate(90deg)
}

.accordion .accordion-item>.accordion-header.active>.chevron-icon {
    display: none
}

.accordion .accordion-item>.accordion-header.active>.trash-icon {
    display: flex
}

.accordion .accordion-item>.accordion-header.active>.draggable-icon {
    display: none
}

.accordion .accordion-item>.accordion-header>p {
    display: flex;
    align-items: center;
    font-size: var(--t-m) !important;
    pointer-events: none
}

.accordion .accordion-item>.accordion-header>p>.chevron-icon {
    display: flex;
    pointer-events: none
}

.accordion .accordion-item>.accordion-header>p>.chevron-icon>svg {
    width: calc(var(--unit)*1.6);
    height: calc(var(--unit)*1.6);
    stroke-width: 1.75
}

.accordion .accordion-item>.accordion-header>.chevron-icon {
    display: flex;
    pointer-events: none
}

.accordion .accordion-item>.accordion-header>.chevron-icon>svg {
    width: calc(var(--unit)*1.6);
    height: calc(var(--unit)*1.6);
    stroke-width: 1.75
}

.accordion .accordion-item>.accordion-header>.plus-icon {
    display: flex;
    pointer-events: none
}

.accordion .accordion-item>.accordion-header>.plus-icon>svg {
    width: calc(var(--unit)*1.6);
    height: calc(var(--unit)*1.6);
    stroke-width: 1.75
}

.accordion .accordion-item>.accordion-header>.trash-icon {
    display: none;
    justify-content: center;
    align-items: center;
    transition: var(--a-speed);
    border-radius: 50%;
    width: 24px;
    margin-right: -5px
}

.accordion .accordion-item>.accordion-header>.trash-icon>svg {
    width: calc(var(--unit)*1.6);
    height: calc(var(--unit)*1.6);
    stroke-width: 1
}

.accordion .accordion-item>.accordion-header>.draggable-icon,
.accordion .accordion-item>.accordion-header p .draggable-icon {
    width: calc(var(--unit)*1.6);
    height: calc(var(--unit)*1.6);
    stroke-width: 1.75
}

.accordion .accordion-item>.accordion-header>.draggable-icon:hover,
.accordion .accordion-item>.accordion-header p .draggable-icon:hover {
    cursor: grab
}

.accordion .accordion-item>.accordion-header>.draggable-icon:active,
.accordion .accordion-item>.accordion-header p .draggable-icon:active {
    cursor: grabbing
}

.accordion .accordion-item>.accordion-body {
    margin: 0 var(--s-2);
    padding: 0;
    max-height: 0;
    overflow: hidden;
    transition: .3s
}

.accordion .accordion-item>.accordion-body.active {
    max-height: 800px;
    padding-bottom: var(--s-2);
    margin-bottom: 0px
}

.accordion .accordion-item>.accordion-body.site-text-style>form>.input-box {
    width: 100%;
    display: flex;
    align-items: center
}

.accordion .accordion-item>.accordion-body.site-text-style>form>.input-box>label {
    flex: 30%;
    color: var(--foreground);
    font-size: var(--t-m);
    line-height: var(--l-body)
}

.accordion .accordion-item>.accordion-body.site-text-style>form>.input-box>.input-group {
    flex: 70%;
    display: flex;
    position: relative
}

.accordion .accordion-item>.accordion-body.site-text-style>form>.input-box>.input-group>.range-slider-1,
.accordion .accordion-item>.accordion-body.site-text-style>form>.input-box>.input-group>.range-slider-2 {
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
    -webkit-appearance: none;
    appearance: none;
    height: calc(var(--unit)*4);
    background: unset;
    outline: none;
    padding: 0;
    overflow: hidden;
    cursor: ew-resize
}

.accordion .accordion-item>.accordion-body.site-text-style>form>.input-box>.input-group>.range-slider-1:focus,
.accordion .accordion-item>.accordion-body.site-text-style>form>.input-box>.input-group>.range-slider-2:focus {
    background: unset
}

.accordion .accordion-item>.accordion-body.site-text-style>form>.input-box>.input-group>.range-slider-1::-webkit-slider-thumb,
.accordion .accordion-item>.accordion-body.site-text-style>form>.input-box>.input-group>.range-slider-2::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    height: calc(var(--unit)*3.8);
    width: 10px;
    border-radius: var(--r-small) !important;
    background: var(--c-mix-10);
    cursor: ew-resize;
    border: none;
    box-shadow: -407px 0 0 400px var(--c-mix-1)
}

.accordion .accordion-item>.accordion-body.site-text-style>form>.input-box>.input-group>.logo-size-value,
.accordion .accordion-item>.accordion-body.site-text-style>form>.input-box>.input-group>.menu-size-value {
    position: absolute;
    top: 10px;
    right: 12px;
    font-size: var(--t-m) !important;
    line-height: var(--l-body);
    pointer-events: none
}

.ProseMirror {
    text-wrap: balance
}

.ProseMirror::selection {
    background: var(--c-mix-2)
}

.ProseMirror:focus {
    outline: none
}

.ProseMirror h2 {
    font-size: var(--t-4);
    font-weight: bold
}

.ProseMirror h3 {
    font-size: var(--t-3)
}

.ProseMirror h4 {
    font-size: var(--t-2)
}

.ProseMirror p,
.ProseMirror li::marker {
    font-size: var(--t-1);
    margin-top: var(--s-1);
    color: var(--foreground)
}

.ProseMirror img {
    width: 100%
}

.ProseMirror ul,
.ProseMirror ol {
    padding-left: 10px
}

.input-box span.pre {
    font-size: var(--t-m)
}

.cap {
    text-transform: capitalize
}

.pre-line {
    white-space: pre-line
}

@media screen and (max-width: 767px) {
    .pre-line {
        white-space: initial
    }
}

@media screen and (max-width: 1024px) {
    .pre-line {
        white-space: initial
    }
}

.minText {
    font-size: var(--t-xs);
    text-align: center;
    color: var(--c-mix-3)
}

.subtitle-width-size {
    position: relative
}

@media screen and (max-width: 1024px) {
    .subtitle-width-size {
        width: 100% !important
    }
}

.box>* .header {
    flex-direction: column
}

.box>* .header .label {
    color: var(--foreground);
    background: var(--c-mix-1);
    padding: 3px 9px;
    margin-bottom: var(--s-1);
    border-radius: var(--shape)
}

.box>.left>.header {
    display: flex;
    align-items: flex-start;
    text-align: left
}

.box>.center>.header {
    display: flex;
    align-items: center;
    text-align: center
}

.box>.right>.header {
    display: flex;
    align-items: flex-end;
    text-align: right
}

div.empty {
    background-color: var(--c-mix-1);
    display: flex;
    justify-content: center;
    align-items: center
}

div.empty svg {
    width: 60px;
    height: 60px
}

div.advanced {
    border: 1px solid var(--c-mix-1);
    border-bottom: none;
    margin-bottom: 0
}

div.advanced:last-child {
    border-bottom-left-radius: var(--r-small);
    border-bottom-right-radius: var(--r-small);
    border-bottom: 1px solid var(--c-mix-1)
}

.themes {
    list-style: none
}

.themes .theme-mode {
    height: 30px;
    width: 30px;
    padding: 0 10px;
    display: flex;
    align-items: center;
    list-style-type: none
}

.themes .theme-mode>a {
    font-size: var(--t-m) !important;
    line-height: var(--l-body);
    padding: calc(var(--unit)*1.4) 0px calc(var(--unit)*1.4) 0px;
    display: flex;
    align-items: center;
    width: 100%;
    justify-content: space-between
}

.themes .theme-mode>a>span {
    display: flex
}

.themes .theme-mode>a>span>svg {
    width: calc(var(--unit)*1.6);
    height: calc(var(--unit)*1.6)
}

.style-block.site-layout {
    border-bottom: var(--s-2)
}

.btns {
    display: flex;
    justify-content: space-between;
    border: 1px solid var(--c-mix-1);
    border-radius: 6px
}

.btns.two-col button {
    width: 50%
}

.btns.two-col button:nth-child(2):hover>svg {
    fill: var(--accent) !important
}

.btns.two-col button:nth-child(2):hover>svg>path {
    stroke: var(--accent) !important
}

.btns.two-col button:nth-child(2).active>svg {
    fill: var(--accent) !important
}

.btns.two-col button:nth-child(2).active>svg>path {
    stroke: var(--accent) !important
}

.btns>button {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 33.3333333333%;
    height: calc(var(--unit)*4);
    font-size: var(--t-m) !important;
    line-height: var(--l-body);
    font-weight: normal;
    font-family: var(--f-base);
    background: unset;
    color: var(--c-mix-2);
    margin: 0;
    border: none !important;
    cursor: pointer;
    transition: none
}

.btns>button>svg {
    width: 16px;
    height: 16px
}

.btns>button:hover {
    color: var(--foreground)
}

.btns>button:hover>svg>path {
    fill: var(--foreground)
}

.btns>button.active {
    background: var(--c-mix-1);
    border: 1px solid var(--c-mix-1);
    color: var(--foreground)
}

.btns>button.active>svg>path {
    fill: var(--foreground)
}

.btns>button:nth-child(2):hover>svg {
    fill: var(--c-mix-10) !important
}

.btns>button:nth-child(2):hover>svg>path {
    fill: var(--c-mix-10) !important;
    stroke: var(--c-mix-10) !important
}

.btns>button:nth-child(2).active>svg {
    fill: var(--c-mix-10) !important
}

.btns>button:nth-child(2).active>svg>path {
    fill: var(--c-mix-10) !important;
    stroke: var(--c-mix-10) !important
}

.btns>button:nth-child(2) svg {
    transition: none
}

.btns>button:nth-child(3):hover>svg {
    fill: var(--accent) !important
}

.btns>button:nth-child(3):hover>svg>path {
    fill: var(--accent) !important;
    stroke: var(--accent) !important
}

.btns>button:nth-child(3).active {
    background: var(--c-mix-1);
    border: 1px solid var(--c-mix-1);
    color: var(--foreground)
}

.btns>button:nth-child(3).active>svg {
    fill: var(--accent) !important
}

.btns>button:nth-child(3).active>svg>path {
    fill: var(--accent) !important;
    stroke: var(--accent) !important
}

.btns>button:nth-child(3) svg {
    transition: none
}

.btns>button.dark-svg:hover>svg {
    fill: var(--c-mix-10) !important
}

.btns>button.dark-svg:hover>svg>path {
    stroke: var(--c-mix-10) !important
}

.btns>button.dark-svg.active>svg {
    fill: var(--c-mix-10) !important
}

.btns>button.dark-svg.active>svg>path {
    stroke: var(--c-mix-10) !important
}

.btns>button.dark-svg svg {
    transition: none
}

.btns>button:nth-child(3):hover>svg {
    fill: var(--accent) !important
}

.btns>button:nth-child(3):hover>svg>path {
    stroke: var(--accent) !important
}

.btns>button:nth-child(3).active>svg {
    fill: var(--accent) !important
}

.btns>button:nth-child(3).active>svg>path {
    stroke: var(--accent) !important
}

.two-col-btns button {
    width: 50%
}

.btn-positions {
    flex: 75%
}

.btn-positions .input-group:first-child {
    margin-bottom: var(--s-1)
}

.sub-panel .input-label {
    flex: 30% !important
}

.sub-panel .input-group {
    flex: 70% !important
}

.sub-panel .range-slider {
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
    -webkit-appearance: none;
    appearance: none;
    height: calc(var(--unit)*4);
    background: unset;
    outline: none;
    padding: 0;
    overflow: hidden;
    cursor: ew-resize
}

.sub-panel .range-slider:focus {
    background: unset
}

.sub-panel .range-slider::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    height: calc(var(--unit)*3.8);
    width: 10px;
    border-radius: var(--r-small) !important;
    background: var(--c-mix-10);
    cursor: ew-resize;
    border: none;
    box-shadow: -407px 0 0 400px var(--c-mix-1)
}

.sub-panel .image-size-value {
    position: absolute;
    top: 10px;
    right: 12px;
    font-size: var(--t-m) !important;
    line-height: var(--l-body);
    pointer-events: none;
    text-transform: capitalize
}

.cursor-pointer {
    cursor: pointer
}

[contenteditable=true]:focus-visible {
    outline: none
}

.inner-content {
    position: relative;
    overflow: hidden;
    overflow: clip;
    z-index: 1
}

.inner-content::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    min-width: 100%;
    min-height: 100%;
    background-position: var(--background-upper);
    background-image: var(--bg-image);
    background-repeat: no-repeat;
    background-size: cover;
    opacity: var(--bg-opacity);
    filter: grayscale(var(--bg-grayscale)) blur(var(--bg-blur));
    transform: scale(var(--bg-blurscale))
}

.inner-content.parallax::before {
    transform: none;
    background-attachment: fixed
}

.section-bg-wrapper {
    position: relative
}

.section-bg-wrapper .section-content {
    padding: 0
}

.section-bg-wrapper.lr-padding .section-content {
    padding: 0 var(--s-2)
}

.section-bg-wrapper.section-width-fill .section-component {
    padding-left: var(--s-2) !important;
    padding-right: var(--s-2) !important
}

.section-bg-wrapper.section-height-fill {
    min-height: 100vh
}

.section-bg-wrapper.section-height-fill .inner-content {
    display: flex;
    min-height: 100vh
}

.section-bg-wrapper.section-height-fill .inner-content video {
    top: 0 !important;
    width: 100%
}

.section-bg-wrapper.light-default-bg {
    background: var(--background) url('data:image/svg+xml,<svg width="100" height="100" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" data-v-29a39510=""> <path d="M2 2V22H22V2H2ZM17 5.3C17.9 5.3 18.7 6 18.7 7C18.7 7.9 18 8.7 17 8.7C16.1 8.7 15.3 8 15.3 7C15.3 6.1 16.1 5.3 17 5.3ZM5 16.2L9.9 9.2L14.1 14.8L16.2 12.7L19 16.2H5Z" fill="%23EEEEEE" data-v-29a39510="" ></path></svg>') no-repeat center center !important
}

.section-bg-wrapper.dark-default-bg {
    background: var(--background) url('data:image/svg+xml,<svg width="100" height="100" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" data-v-29a39510=""> <path d="M2 2V22H22V2H2ZM17 5.3C17.9 5.3 18.7 6 18.7 7C18.7 7.9 18 8.7 17 8.7C16.1 8.7 15.3 8 15.3 7C15.3 6.1 16.1 5.3 17 5.3ZM5 16.2L9.9 9.2L14.1 14.8L16.2 12.7L19 16.2H5Z" fill="%23222222" data-v-29a39510="" ></path></svg>') no-repeat center center !important
}

.section-bg-wrapper .video-bg {
    position: absolute;
    z-index: -2;
    min-width: 100%;
    min-height: 100%;
    width: 100%;
    opacity: var(--bg-opacity);
    filter: grayscale(var(--bg-grayscale)) blur(var(--bg-blur));
    transform: scale(var(--bg-blurscale))
}

.section-bg-wrapper.color.accent .background div.section-container div.section-item>a,
.section-bg-wrapper.color.accent .background div.section-container div.section-item.no-link {
    background-color: var(--background) !important
}

.section-bg-wrapper.color.accent .background div.section-container div.section-item>a .default-image,
.section-bg-wrapper.color.accent .background div.section-container div.section-item.no-link .default-image {
    background: var(--c-mix-1) !important
}

.section-bg-wrapper.color.accent .background div.section-container div.section-item>a .default-image path,
.section-bg-wrapper.color.accent .background div.section-container div.section-item.no-link .default-image path {
    fill: var(--background) !important
}

.section-bg-wrapper.color.grey .content-heading .content-label {
    background: var(--background) !important;
    color: var(--foreground) !important
}

.section-bg-wrapper.color.grey .list-section .section-container div.section-item-image path,
.section-bg-wrapper.color.accent .list-section .section-container div.section-item-image path {
    fill: inherit !important
}

.section-bg-wrapper.color.grey .section-container div.section-item-image,
.section-bg-wrapper.color.accent .section-container div.section-item-image {
    background: var(--background) !important
}

.section-bg-wrapper.color.grey .section-container div.section-item-image path,
.section-bg-wrapper.color.accent .section-container div.section-item-image path {
    fill: var(--c-mix-1) !important
}

.section-bg-wrapper.media.image-selected .section-item-image {
    background: var(--background) !important
}

.section-bg-wrapper.media.image-selected .section-item-image svg path {
    fill: var(--c-mix-1) !important
}

.section-bg-wrapper.media.image-selected .section-item-image .list-icon svg path {
    fill: inherit !important
}

.section-bg-wrapper.media.accent button,
.section-bg-wrapper.media a.btn-1 button {
    border: none !important
}

.section-bg-wrapper.media a[href].btn-2 button {
    background: var(--background) !important
}

.section-bg-wrapper.media .section-container.background div.section-item>a,
.section-bg-wrapper.media .section-container div.section-item.list>a.item-link {
    background: var(--background) !important
}

.section-bg-wrapper.media .section-container.background div.section-item>a .default-image,
.section-bg-wrapper.media .section-container div.section-item.list>a.item-link .default-image {
    background: var(--c-mix-1) !important
}

.section-bg-wrapper.media .section-container.background div.section-item>a .default-image svg path,
.section-bg-wrapper.media .section-container div.section-item.list>a.item-link .default-image svg path {
    fill: var(--background) !important
}

.section-bg-wrapper.media .light-color h1,
.section-bg-wrapper.media .light-color h2,
.section-bg-wrapper.media .light-color p {
    color: var(--c-light) !important
}

.section-bg-wrapper.media .dark-color h1,
.section-bg-wrapper.media .dark-color h2,
.section-bg-wrapper.media .dark-color p {
    color: var(--c-dark) !important
}

.section-bg-wrapper.color.grey .section-label,
.section-bg-wrapper.color.c-dark .section-label,
.section-bg-wrapper.color.accent .section-label,
.section-bg-wrapper.media.grey .section-label,
.section-bg-wrapper.media.c-dark .section-label,
.section-bg-wrapper.media.accent .section-label {
    background: var(--background) !important
}

.section-bg-wrapper.color.grey form input,
.section-bg-wrapper.color.grey form textarea,
.section-bg-wrapper.color.c-dark form input,
.section-bg-wrapper.color.c-dark form textarea,
.section-bg-wrapper.color.accent form input,
.section-bg-wrapper.color.accent form textarea,
.section-bg-wrapper.media.grey form input,
.section-bg-wrapper.media.grey form textarea,
.section-bg-wrapper.media.c-dark form input,
.section-bg-wrapper.media.c-dark form textarea,
.section-bg-wrapper.media.accent form input,
.section-bg-wrapper.media.accent form textarea {
    background: var(--background) !important
}

.section-bg-wrapper.color.grey .country-search .country-selector button.btn,
.section-bg-wrapper.color.c-dark .country-search .country-selector button.btn,
.section-bg-wrapper.color.accent .country-search .country-selector button.btn,
.section-bg-wrapper.media.grey .country-search .country-selector button.btn,
.section-bg-wrapper.media.c-dark .country-search .country-selector button.btn,
.section-bg-wrapper.media.accent .country-search .country-selector button.btn {
    background: var(--background) !important
}

.section-bg-wrapper.color.grey .list-2 .list>a .section-item-image .default-image,
.section-bg-wrapper.color.c-dark .list-2 .list>a .section-item-image .default-image,
.section-bg-wrapper.color.accent .list-2 .list>a .section-item-image .default-image,
.section-bg-wrapper.media.grey .list-2 .list>a .section-item-image .default-image,
.section-bg-wrapper.media.c-dark .list-2 .list>a .section-item-image .default-image,
.section-bg-wrapper.media.accent .list-2 .list>a .section-item-image .default-image {
    background: var(--background) !important
}

.section-bg-wrapper.color.grey .list-2 .list>a .section-item-image .default-image svg path,
.section-bg-wrapper.color.c-dark .list-2 .list>a .section-item-image .default-image svg path,
.section-bg-wrapper.color.accent .list-2 .list>a .section-item-image .default-image svg path,
.section-bg-wrapper.media.grey .list-2 .list>a .section-item-image .default-image svg path,
.section-bg-wrapper.media.c-dark .list-2 .list>a .section-item-image .default-image svg path,
.section-bg-wrapper.media.accent .list-2 .list>a .section-item-image .default-image svg path {
    fill: var(--c-mix-1) !important
}

.section-bg-wrapper.color.grey .list-2 .list>a .list-text,
.section-bg-wrapper.color.c-dark .list-2 .list>a .list-text,
.section-bg-wrapper.color.accent .list-2 .list>a .list-text,
.section-bg-wrapper.media.grey .list-2 .list>a .list-text,
.section-bg-wrapper.media.c-dark .list-2 .list>a .list-text,
.section-bg-wrapper.media.accent .list-2 .list>a .list-text {
    background: var(--c-mix-1) !important
}

.section-bg-wrapper.transparent .list>.item-link>.section-item-image>.list-icon.grey {
    background: var(--background) !important
}

.section-bg-wrapper.transparent .no-background.list-section>.list-container>.list .item-link {
    background-color: var(--background) !important
}

.section-bg-wrapper.transparent .no-background.list-section>.list-container>.list .default-image,
.section-bg-wrapper.transparent .no-background.list-section>.list-container>.list .list-icon.grey {
    background-color: var(--c-mix-1) !important
}

.section-bg-wrapper.transparent .no-background.list-section>.list-container>.list .default-image>svg>path,
.section-bg-wrapper.transparent .no-background.list-section>.list-container>.list .list-icon.grey>svg>path {
    fill: var(--background) !important
}

.section-bg-wrapper.c-dark {
    background-color: var(--c-dark)
}

.section-bg-wrapper.grey {
    background-color: var(--c-mix-1)
}

.section-bg-wrapper.grey .border .section-item a {
    border: 1px solid var(--background) !important
}

.section-bg-wrapper.grey a[href].btn-2 button {
    background: var(--background) !important
}

.section-bg-wrapper.grey div.background div.section-container>div.section-item>a[href],
.section-bg-wrapper.grey .background div.section-container div.section-item.no-link {
    background-color: var(--background) !important
}

.section-bg-wrapper.grey div.background div.section-container>div.section-item>a[href] .default-image,
.section-bg-wrapper.grey .background div.section-container div.section-item.no-link .default-image {
    background: var(--c-mix-1) !important
}

.section-bg-wrapper.grey div.background div.section-container>div.section-item>a[href] .default-image path,
.section-bg-wrapper.grey .background div.section-container div.section-item.no-link .default-image path {
    fill: var(--background) !important
}

.section-bg-wrapper.grey .section-container>.section-item>a div.section-item-image .default-image {
    background: var(--background) !important
}

.section-bg-wrapper.grey .section-container>.section-item>a div.section-item-image .default-image path {
    fill: var(--c-mix-1) !important
}

.section-bg-wrapper.grey .list-2 .list>a {
    background: var(--background) !important
}

.section-bg-wrapper.grey .list-2 .list>a .list-text {
    background: var(--c-mix-1) !important
}

.section-bg-wrapper.grey .section-item>.item-link>.section-item-image>.list-icon.grey {
    background: var(--c-mix-1) !important
}

.section-bg-wrapper.accent {
    background-color: var(--accent)
}

.section-bg-wrapper.accent .content-heading {
    color: var(--c-light) !important
}

.section-bg-wrapper.accent .content-label {
    background: var(--background) !important
}

.section-bg-wrapper.accent.color .content-heading h1,
.section-bg-wrapper.accent.color .content-heading h2,
.section-bg-wrapper.accent.color .content-heading p,
.section-bg-wrapper.accent.color .banner-text-subtitle h1,
.section-bg-wrapper.accent.color .banner-text-subtitle h2,
.section-bg-wrapper.accent.color .banner-text-subtitle p,
.section-bg-wrapper.accent.color .hero-text-subtitle h1,
.section-bg-wrapper.accent.color .hero-text-subtitle h2,
.section-bg-wrapper.accent.color .hero-text-subtitle p {
    color: var(--r-color) !important
}

.section-bg-wrapper.accent a.btn-1 button,
.section-bg-wrapper.accent form button {
    border: 1px solid var(--r-color)
}

.section-bg-wrapper.accent a[href].btn-2 button {
    background: var(--background) !important
}

.section-bg-wrapper.accent .list>.item-link>.section-item-image>.list-icon.grey {
    background: var(--c-mix-1) !important
}

.section-bg-wrapper .section-component {
    margin-left: auto;
    margin-right: auto;
    padding: var(--s-2)
}

@media screen and (min-width: 1024px) {
    .section-bg-wrapper .section-component {
        padding: var(--spacingTB) var(--spacingLR) !important
    }
}

.subtitle {
    margin-top: var(--s-1) !important
}

@media screen and (max-width: 1200px) {
    .subtitle {
        margin-top: 5px !important
    }
}

.display-none {
    display: none !important
}

.country-search {
    margin-top: 10px;
    position: relative
}

@media screen and (max-width: 1200px) {
    .country-search {
        margin-top: 5px
    }
}

.country-search .country-selector {
    display: flex
}

.country-search .country-selector button.btn {
    background: var(--c-mix-1) !important;
    border: none !important;
    font-size: var(--t-xm);
    height: 50px;
    border-radius: var(--shape) 0 0 var(--shape);
    width: auto;
    display: flex;
    align-items: center;
    padding: 14px;
    color: var(--foreground) !important;
    transition: none
}

.country-search .country-selector button.btn:hover {
    opacity: 1
}

.country-search .country-selector button.btn svg {
    width: 16px;
    height: 16px;
    margin-left: var(--s-1)
}

.country-search .country-selector input {
    border-radius: 0 var(--shape) var(--shape) 0;
    height: 50px;
    flex: 1;
    background: var(--c-mix-1);
    font-size: var(--t-xm);
    padding-left: 0;
    border: none
}

.country-search .screen {
    position: fixed;
    top: 0px;
    left: 0px;
    height: 100vh;
    width: 100vw;
    z-index: -1
}

.country-search .input-box {
    width: 100%;
    padding: 0 10px;
    background-color: var(--background)
}

.country-search .input-box>input {
    font-size: var(--t-m);
    text-align: left;
    height: 40px
}

@media screen and (max-width: 768px) {
    .country-search .input-box>input {
        font-size: var(--t-xm)
    }
}

.country-search .input-box>.input-group textarea {
    height: 100px
}

.country-search .input-box.page-list {
    position: absolute;
    z-index: 2;
    width: 100%;
    right: 0;
    left: 0;
    top: -10px;
    margin-bottom: 50px;
    border: 1px solid var(--c-mix-1);
    border-radius: var(--r-small);
    padding: var(--s-1);
    margin-top: var(--s-1)
}

.country-search .input-box.page-list .close-icon {
    position: absolute;
    height: 40px;
    width: 40px;
    right: 10px;
    top: 10px;
    display: flex;
    align-items: center;
    justify-content: center
}

.country-search .input-box.page-list .close-icon svg {
    width: 16px;
    height: 16px
}

.country-search .input-box.page-list ul {
    background: var(--background);
    list-style-type: none;
    width: 100%;
    max-height: 200px;
    padding: 5px;
    overflow-y: scroll;
    border: 1px solid var(--c-mix-1);
    border-radius: var(--r-small);
    box-shadow: 0px 0px 50px rgba(0, 0, 0, .1);
    margin-top: var(--s-1)
}

.country-search .input-box.page-list ul li {
    width: 100%;
    height: 32px;
    color: var(--foreground);
    font-size: var(--t-s);
    text-transform: capitalize;
    cursor: pointer;
    display: flex;
    align-items: center;
    padding: var(--s-1);
    border-radius: 3px
}

.country-search .input-box.page-list ul li:hover {
    background: var(--c-mix-1)
}

.button-icon {
    margin-right: 10px;
    position: relative;
    top: 2px
}

.links-selection-box {
    align-items: flex-start !important
}

.links-selection-box>.input-label {
    height: 40px;
    display: flex;
    align-items: center
}

.links-selection-box>.input-group .country-search-section {
    margin-top: 0;
    position: relative
}

@media screen and (max-width: 767px) {
    .links-selection-box>.input-group .country-search-section {
        margin-top: 5px
    }
}

.links-selection-box>.input-group .country-search-section .country-selector {
    display: flex
}

.links-selection-box>.input-group .country-search-section .country-selector button.btn {
    font-size: var(--t-m);
    height: 40px;
    border-radius: var(--r-small) 0 0 var(--r-small);
    width: auto;
    display: flex;
    align-items: center;
    padding: 10px;
    color: var(--foreground) !important;
    transition: none;
    background: unset !important;
    border: 1px solid var(--c-mix-1);
    border-right: 0 !important
}

.links-selection-box>.input-group .country-search-section .country-selector button.btn svg {
    width: 16px;
    height: 16px;
    margin-left: var(--s-1)
}

.links-selection-box>.input-group .country-search-section .country-selector input {
    border-radius: 0 var(--r-small) var(--r-small) 0;
    height: 40px;
    flex: 1;
    background: var(--c-mix-1);
    font-size: var(--t-m);
    border: 1px solid var(--c-mix-1);
    border-left: none !important;
    background: unset
}

.links-selection-box>.input-group .country-search-section .country-selector input:focus {
    background: unset
}

.links-selection-box>.input-group .country-search-section .phone-type {
    display: flex;
    justify-content: space-between;
    border: 1px solid var(--c-mix-1);
    margin-top: var(--s-1);
    border-radius: var(--r-small)
}

.links-selection-box>.input-group .country-search-section .phone-type>button {
    flex: 0 0 auto;
    width: 50%;
    height: calc(var(--unit)*3);
    border-radius: var(--r-small);
    background: unset;
    padding: 0 var(--unit);
    outline: none;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    font-family: var(--f-base);
    color: var(--c-mix-2);
    border: none
}

.links-selection-box>.input-group .country-search-section .phone-type>button:first-child {
    border-radius: 3px 0 0 3px
}

.links-selection-box>.input-group .country-search-section .phone-type>button:last-child {
    border-radius: 0 3px 3px 0
}

.links-selection-box>.input-group .country-search-section .phone-type>button:hover {
    color: var(--foreground)
}

.links-selection-box>.input-group .country-search-section .phone-type>button.active {
    background: var(--c-mix-1);
    color: var(--foreground)
}

.links-selection-box>.input-group .country-search-section .country-list-section {
    width: 100%;
    background-color: var(--background);
    border-radius: var(--r-small);
    margin-top: var(--s-1);
    position: relative
}

.links-selection-box>.input-group .country-search-section .country-list-section>input {
    font-size: var(--t-m);
    text-align: left;
    height: 40px
}

@media screen and (max-width: 768px) {
    .links-selection-box>.input-group .country-search-section .country-list-section>input {
        font-size: var(--t-xm)
    }
}

.links-selection-box>.input-group .country-search-section .country-list-section .close-icon {
    position: absolute;
    height: 40px;
    width: 40px;
    right: 0px;
    top: 0px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer
}

.links-selection-box>.input-group .country-search-section .country-list-section .close-icon svg {
    width: 16px;
    height: 16px
}

.links-selection-box>.input-group .country-search-section .country-list-section ul {
    background: var(--background);
    list-style-type: none;
    width: 100%;
    max-height: 200px;
    padding: 5px;
    overflow-y: scroll;
    border: 1px solid var(--c-mix-1);
    border-radius: var(--r-small);
    box-shadow: 0px 0px 50px rgba(0, 0, 0, .1);
    margin-top: var(--s-1)
}

.links-selection-box>.input-group .country-search-section .country-list-section ul li {
    width: 100%;
    height: 32px;
    color: var(--foreground);
    font-size: var(--t-s);
    text-transform: capitalize;
    cursor: pointer;
    display: flex;
    align-items: center;
    padding: var(--s-1);
    border-radius: 3px
}

.links-selection-box>.input-group .country-search-section .country-list-section ul li:hover {
    background: var(--c-mix-1)
}

.vzy-copilot-icon {
    position: absolute;
    top: 50%;
    right: 0px;
    transform: translateY(-50%);
    display: none;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    width: 38px;
    height: 38px;
    border-radius: var(--r-small);
    background: var(--background);
    border-right: 1px solid var(--c-mix-1)
}

.vzy-copilot-icon svg {
    width: 14px;
    height: 14px
}

.links-modal {
    display: flex;
    width: 130px;
    position: absolute;
    top: 35px;
    right: 0;
    z-index: 5;
    border-radius: var(--r-small);
    opacity: 1;
    filter: var(--c-mix-8);
    background: var(--background)
}

.links-modal>.modal-card {
    width: 100%
}

.links-modal>.modal-card>ul {
    width: 100%;
    list-style-type: none;
    display: flex;
    flex-direction: column;
    border: 1px solid var(--c-mix-1);
    border-radius: 5px;
    padding: 5px
}

.links-modal>.modal-card>ul>li {
    height: calc(var(--unit)*3.2);
    display: flex;
    border-radius: 3px;
    width: 100%
}

.links-modal>.modal-card>ul>li:hover {
    background: var(--c-mix-1)
}

.links-modal>.modal-card>ul>li>a {
    font-size: var(--t-s);
    line-height: var(--l-body);
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    height: 100%;
    padding: 0 5px
}

.links-modal>.modal-card>ul>li>a>span {
    display: flex
}

.links-modal>.modal-card>ul>li>a>span>svg {
    width: calc(var(--unit)*1.6);
    height: calc(var(--unit)*1.6)
}

.copilot-overlay {
    z-index: 1
}

.text-editor {
    min-height: 350px !important
}

.text-editor strong {
    font-weight: 800
}

.tip-tap-content__output p {
    font-size: var(--t-0) !important;
    color: var(--c-mix-3) !important
}

.tip-tap-content__output a {
    border-bottom: 0
}

.footer-text.v_2-footer p {
    color: var(--c-mix-3) !important
}

.dot {
    padding-right: 5px;
    padding-left: 5px;
    position: relative;
    top: -5px
}

.line-through {
    text-decoration: line-through !important
}

@keyframes shine {
    0% {
        left: -100%;
        transition-property: left
    }

    11% {
        left: 100%;
        transition-property: left
    }

    100% {
        left: 100%;
        transition-property: left
    }
}

.style-2 {
    font-family: input-mono-narrow, monospace;
    font-weight: 500;
    padding: 1rem 1.5rem;
    border: 1px solid #000;
    overflow: hidden;
    color: #fff
}

.style-2 span {
    display: block;
    position: relative;
    overflow: hidden
}

.style-2 span>span {
    overflow: hidden;
    mix-blend-mode: difference
}

.style-2 span>span:hover {
    animation: MoveUpInitial .2s forwards, MoveUpEnd .2s forwards .2s
}

.style-2::before {
    content: "";
    background: #000;
    transition: transform .3s cubic-bezier(0.7, 0, 0.2, 1);
    transform-origin: 100% 50%
}

.style-2::before:hover {
    transform: scale3d(0, 1, 1);
    transform-origin: 0% 50%
}

@keyframes MoveUpInitial {
    to {
        transform: translate3d(0, -105%, 0)
    }
}

@keyframes MoveUpEnd {
    from {
        transform: translate3d(0, 100%, 0)
    }

    to {
        transform: translate3d(0, 0, 0)
    }
}

.style-3 {
    border: 1px solid;
    overflow: hidden;
    position: relative
}

.style-3 span {
    z-index: 20
}

.style-3:after {
    background: #fff;
    content: "";
    height: 155px;
    left: -75px;
    opacity: .2;
    position: absolute;
    top: -50px;
    transform: rotate(35deg);
    transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1);
    width: 50px;
    z-index: -10
}

.style-3:hover:after {
    left: 120%;
    transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1)
}

.style-4:hover {
    transform: scale(0.9) !important;
    transition: transform 300ms !important
}

.gallery-box {
    width: 100%;
    position: relative;
    background: var(--background);
    z-index: 1
}

.gallery-box>.inner-content.w-boxed {
    padding: var(--s-2)
}

.gallery-box>.inner-content .gallery-container {
    padding: var(--spacing-top-mobile, 10px) var(--s-2) var(--spacing-bottom-mobile, 10px) var(--s-2) !important
}

@media screen and (min-width: 1024px) {
    .gallery-box>.inner-content .gallery-container {
        padding: var(--spacing-top, 10px) var(--s-2) var(--spacing-bottom, 10px) var(--s-2) !important
    }
}

.gallery-box.light-default-bg {
    background: var(--background) url('data:image/svg+xml,<svg width="100" height="100" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" data-v-29a39510=""> <path d="M2 2V22H22V2H2ZM17 5.3C17.9 5.3 18.7 6 18.7 7C18.7 7.9 18 8.7 17 8.7C16.1 8.7 15.3 8 15.3 7C15.3 6.1 16.1 5.3 17 5.3ZM5 16.2L9.9 9.2L14.1 14.8L16.2 12.7L19 16.2H5Z" fill="%23EEEEEE" data-v-29a39510="" ></path></svg>') no-repeat center center !important
}

.gallery-box.dark-default-bg {
    background: var(--background) url('data:image/svg+xml,<svg width="100" height="100" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" data-v-29a39510=""> <path d="M2 2V22H22V2H2ZM17 5.3C17.9 5.3 18.7 6 18.7 7C18.7 7.9 18 8.7 17 8.7C16.1 8.7 15.3 8 15.3 7C15.3 6.1 16.1 5.3 17 5.3ZM5 16.2L9.9 9.2L14.1 14.8L16.2 12.7L19 16.2H5Z" fill="%23222222" data-v-29a39510="" ></path></svg>') no-repeat center center !important
}

.gallery-box.color.accent .background div.card-container>div.card>.a,
.gallery-box.color.accent .background div.card-container>div.card>.card-link-container {
    background-color: var(--background) !important
}

.gallery-box.color.accent .background div.card-container>div.card>.a .default-image,
.gallery-box.color.accent .background div.card-container>div.card>.card-link-container .default-image {
    background: var(--c-mix-1) !important
}

.gallery-box.color.accent .background div.card-container>div.card>.a .default-image path,
.gallery-box.color.accent .background div.card-container>div.card>.card-link-container .default-image path {
    fill: var(--background) !important
}

.gallery-box.color.grey .gallery-header .gallery-label,
.gallery-box.color.accent .gallery-header .gallery-label {
    background: var(--background);
    color: var(--foreground)
}

.gallery-box.grey .gallery-container__items .default-image {
    background-color: var(--background) !important
}

.gallery-box.grey .gallery-container__items .default-image svg path {
    fill: var(--c-mix-1)
}

.gallery-box.media.image-selected .gallery-header .gallery-label {
    color: var(--c-light) !important;
    background: var(--c-overlay-light)
}

.gallery-box.media.image-selected .gallery-header>p,
.gallery-box.media.image-selected .gallery-header>h2 {
    color: var(--c-light) !important
}

.gallery-box.media.section-width-fit .inner-content>.gallery-container {
    position: relative;
    overflow: hidden;
    border-radius: var(--min-shape);
    z-index: 1
}

.gallery-box.media.section-width-fit .inner-content>.gallery-container::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    min-width: 100%;
    min-height: 100%;
    background-position: var(--background-upper);
    background-image: var(--bg-image);
    background-repeat: no-repeat;
    background-size: cover;
    opacity: var(--bg-opacity);
    filter: grayscale(var(--bg-grayscale)) blur(var(--bg-blur));
    transform: scale(var(--bg-blurscale))
}

.gallery-box.media.section-width-fit .inner-content::before {
    display: none !important
}

.gallery-box.media.section-width-fit .inner-content.parallax>.gallery-container::before {
    background-attachment: fixed;
    transform: none !important
}

.gallery-box.c-dark {
    background-color: var(--c-dark)
}

.gallery-box.grey.section-width-fit .inner-content>.gallery-container {
    background-color: var(--c-mix-1);
    border-radius: var(--min-shape)
}

.gallery-box.grey.section-width-fill {
    background-color: var(--c-mix-1)
}

.gallery-box.accent.section-width-fit .inner-content>.gallery-container {
    background-color: var(--accent);
    border-radius: var(--min-shape)
}

.gallery-box.accent.section-width-fill {
    background-color: var(--accent) !important
}

.gallery-box.accent.color .gallery-header h2,
.gallery-box.accent.color .gallery-header p {
    color: var(--r-color) !important
}

.gallery-box.light-color .gallery-container>.gallery-header h2 {
    color: var(--c-light) !important
}

.gallery-box.light-color .gallery-container>.gallery-header p {
    color: var(--c-light) !important
}

.gallery-box.dark-color .gallery-container>.gallery-header h2 {
    color: var(--c-dark) !important
}

.gallery-box.dark-color .gallery-container>.gallery-header p {
    color: var(--c-dark) !important
}

.gallery-box.section-height-fill .inner-content {
    min-height: 100vh
}

.gallery-box.section-height-fill[class*=align-items-] .inner-content {
    display: flex;
    flex-direction: column
}

.gallery-box.section-height-fill[class*=align-items-] .inner-content .gallery-container {
    width: 100%
}

.gallery-box.section-height-fill[class*=align-items-].align-items-start .inner-content {
    justify-content: start
}

.gallery-box.section-height-fill[class*=align-items-].align-items-center .inner-content {
    justify-content: center
}

.gallery-box.section-height-fill[class*=align-items-].align-items-end .inner-content {
    justify-content: end
}

.gallery-box.section-height-fill.section-width-fit .inner-content>.gallery-container {
    flex-grow: 1
}

.gallery-box.section-height-fill.section-width-fit[class*=align-items-] .inner-content>.gallery-container {
    display: flex;
    flex-direction: column
}

.gallery-box.section-height-fill.section-width-fit[class*=align-items-].align-items-start .inner-content>.gallery-container {
    justify-content: start
}

.gallery-box.section-height-fill.section-width-fit[class*=align-items-].align-items-start .inner-content>.gallery-container.left-title {
    align-items: start
}

.gallery-box.section-height-fill.section-width-fit[class*=align-items-].align-items-center .inner-content>.gallery-container {
    justify-content: center
}

.gallery-box.section-height-fill.section-width-fit[class*=align-items-].align-items-center .inner-content>.gallery-container.left-title {
    align-items: center
}

.gallery-box.section-height-fill.section-width-fit[class*=align-items-].align-items-end .inner-content>.gallery-container {
    justify-content: end
}

.gallery-box.section-height-fill.section-width-fit[class*=align-items-].align-items-end .inner-content>.gallery-container.left-title {
    align-items: end
}

@media screen and (min-width: 1024px) {
    .gallery-box.section-height-fit .inner-content>.gallery-container {
        padding: var(--spacingTB) var(--spacingLR)
    }
}

.gallery-box.section-width-fill .inner-content>.gallery-container {
    padding-left: calc(var(--spacing-left-mobile) + var(--s-2)) !important;
    padding-right: calc(var(--spacing-right-mobile) + var(--s-2)) !important
}

@media screen and (min-width: 1024px) {
    .gallery-box.section-width-fill .inner-content>.gallery-container {
        padding-left: calc(var(--spacing-left) + var(--s-2)) !important;
        padding-right: calc(var(--spacing-right) + var(--s-2)) !important
    }
}

.gallery-box.section-width-fit .gallery-container:has(.auto-scroll) {
    overflow: hidden
}

.gallery-box>.inner-content {
    overflow: clip
}

.gallery-box>.inner-content.w-boxed {
    padding: var(--s-2)
}

.gallery-box #card-video-bg {
    position: absolute;
    z-index: -1;
    min-width: 100%;
    min-height: 100%;
    opacity: calc((100 - var(--bg-opacity))/100);
    filter: grayscale(var(--bg-grayscale)) blur(var(--bg-blur))
}

.gallery-box .inner-content .gallery-container {
    padding: var(--s-2);
    padding-top: 50px
}

.gallery-box .inner-content.parallax::before {
    background-attachment: fixed;
    transform: none !important
}

@media screen and (max-width: 1024px) {
    .gallery-box .inner-content {
        --image-height: var(--image-height-mobile) !important
    }
}

.gallery-box .box>.gallery-header {
    padding: 0px;
    background-color: unset;
    border-bottom-width: 0px
}

.gallery-box .left>.gallery-header {
    display: flex;
    align-items: flex-start;
    text-align: left
}

.gallery-box .center>.gallery-header {
    display: flex;
    align-items: center;
    text-align: center
}

.gallery-box .center img {
    text-align: center
}

.gallery-box .right>.gallery-header {
    display: flex;
    align-items: flex-end;
    text-align: right
}

.gallery-box h3.small-size {
    letter-spacing: normal !important
}

.gallery-box .gallery-header {
    flex-direction: column;
    margin-bottom: var(--s-2)
}

.gallery-box .gallery-header .gallery-label {
    color: var(--foreground);
    background: var(--c-mix-1);
    padding: 3px 9px;
    margin-bottom: var(--s-1);
    border-radius: var(--shape);
    width: fit-content
}

.gallery-box .gallery-header p {
    margin-top: var(--s-1);
    color: var(--c-mix-3)
}

.gallery-header.carousel-mode {
    position: relative
}

.gallery-header.carousel-mode .subtitle {
    width: 50%
}

.gallery-box .carousel-scroller {
    display: flex;
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    bottom: 0;
    top: 0;
    justify-content: space-between;
    z-index: 1;
    align-items: center;
    padding-bottom: var(--s-2);
    pointer-events: none;
    visibility: hidden
}

.gallery-box .carousel-scroller__left,
.gallery-box .carousel-scroller__right {
    height: 40px;
    width: 40px;
    border-radius: 50%;
    background: var(--c-mix-6) !important;
    backdrop-filter: saturate(150%) blur(10px);
    border: solid 1px var(--c-mix-1);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    pointer-events: all;
    opacity: 0;
    transition: opacity var(--a-speed);
    position: relative
}

.gallery-box .carousel-scroller__left svg,
.gallery-box .carousel-scroller__right svg {
    background: none;
    fill: none
}

.gallery-box .carousel-scroller__left:hover,
.gallery-box .carousel-scroller__right:hover {
    background-color: var(--c-mix-1) !important
}

.gallery-box .carousel-scroller__left {
    right: calc(var(--s-2) - 5px)
}

.gallery-box .carousel-scroller__right {
    left: calc(var(--s-2) - 5px)
}

.gallery-box .carousel-scroller.left .carousel-scroller__left {
    opacity: 1
}

.gallery-box .carousel-scroller.left+.gallery-container__items.carousel {
    --left-opacity: 0
}

.gallery-box .carousel-scroller.right .carousel-scroller__right {
    opacity: 1
}

.gallery-box .carousel-scroller.right+.gallery-container__items.carousel {
    --right-opacity: 0
}

.gallery-box.color .gallery-header .carousel-scroller__left,
.gallery-box.color .gallery-header .carousel-scroller__right {
    background: var(--background) !important
}

.gallery-box.color .gallery-header .carousel-scroller__left:hover,
.gallery-box.color .gallery-header .carousel-scroller__right:hover {
    background-color: var(--c-mix-1) !important
}

.gallery-box.color.grey .gallery-header .carousel-scroller__left:hover,
.gallery-box.color.grey .gallery-header .carousel-scroller__right:hover {
    opacity: .7;
    background-color: var(--background) !important
}

.card-container.carousel {
    scroll-behavior: smooth
}

.edit-blocks-container .gallery-box .card-container .card.cursor-none {
    cursor: unset !important
}

.gallery-container__wrapper {
    position: relative
}

.gallery-container__wrapper:hover .carousel-scroller {
    visibility: visible
}

.gallery-container {
    padding-top: 50px;
    padding-bottom: 50px
}

.gallery-container.left-title {
    display: flex;
    justify-content: space-between !important;
    flex-direction: row !important;
    position: relative
}

@media screen and (max-width: 767px) {
    .gallery-container.left-title {
        flex-direction: column !important
    }
}

.gallery-container.left-title>.gallery-header {
    display: flex;
    width: calc(34% - 40px) !important;
    word-break: break-word;
    justify-content: flex-start !important;
    align-items: flex-start;
    text-align: left;
    position: sticky;
    top: calc(var(--left-title-offset, 0) + var(--s-4));
    transition: top var(--a-speed);
    height: fit-content
}

.gallery-container.left-title>.gallery-header .subtitle {
    width: 100%
}

@media screen and (max-width: 767px) {
    .gallery-container.left-title>.gallery-header {
        width: 100% !important;
        position: static !important;
        transform: none !important
    }
}

.gallery-container.left-title>.gallery-container__wrapper {
    width: 66% !important;
    height: fit-content
}

@media screen and (max-width: 767px) {
    .gallery-container.left-title>.gallery-container__wrapper {
        width: 100% !important
    }
}

[data-theme=light] .gallery-container__items.carousel {
    mask-image: linear-gradient(to right, rgba(255, 255, 255, var(--left-opacity)) 0%, rgb(0, 0, 0) 12.5%, rgb(0, 0, 0) 87.5%, rgba(255, 255, 255, var(--right-opacity)) 100%)
}

.gallery-container__items {
    display: grid;
    grid-template-columns: repeat(var(--grid-count), 1fr);
    grid-auto-rows: var(--grid-height);
    position: relative;
    scroll-behavior: smooth;
    gap: var(--spacing-gap-mobile, 10px) !important
}

@media screen and (min-width: 1023px) {
    .gallery-container__items {
        gap: var(--spacing-gap, 10px) !important
    }
}

.gallery-container__items .gallery-container__item {
    display: flex;
    border-radius: var(--min-shape);
    transform-origin: 50% 50%;
    cursor: pointer;
    overflow: hidden
}

.gallery-container__items .gallery-container__item img {
    object-fit: cover;
    object-position: center;
    width: 100%;
    height: 100%;
    border-radius: var(--min-shape);
    flex-grow: 1
}

.gallery-container__items .gallery-container__item .default-image {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--c-mix-1);
    border-radius: var(--min-shape);
    flex-grow: 1
}

.gallery-container__items .gallery-container__item .default-image svg path {
    fill: var(--background)
}

@media screen and (max-width: 1024px) {
    .gallery-container__items {
        grid-template-columns: repeat(var(--grid-count-mobile), 1fr);
        grid-auto-rows: var(--grid-height-mobile);
        gap: var(--s-1)
    }
}

.gallery-container__items.carousel {
    display: flex;
    flex-wrap: nowrap;
    overflow-x: scroll;
    --right-opacity: 1;
    --left-opacity: 1;
    mask-image: linear-gradient(to right, rgba(0, 0, 0, var(--left-opacity)) 0%, rgb(0, 0, 0) 12.5%, rgb(0, 0, 0) 87.5%, rgba(0, 0, 0, var(--right-opacity)) 100%)
}

.gallery-container__items.carousel.gallery-container__items .gallery-container__item {
    flex-basis: var(--grid-width);
    aspect-ratio: auto;
    height: var(--grid-height);
    min-width: var(--grid-width)
}

.gallery-container__items.horizontal-scroll {
    width: fit-content;
    overflow-x: visible
}

.gallery-container__items.auto-scroll {
    animation: autoScroll var(--scroll-speed, 22.5s) infinite linear;
    overflow-x: visible;
    width: fit-content
}

.gallery-container__items.auto-scroll:has(.gallery-container__item:hover) {
    animation-play-state: paused
}

@keyframes autoScroll {
    0% {
        transform: translateX(0)
    }

    100% {
        transform: translateX(-50%)
    }
}

.gallery-viewer {
    position: fixed;
    left: 0;
    min-width: 100vw;
    top: 0;
    bottom: 0;
    z-index: 100000 !important;
    right: 0;
    display: flex;
    overflow: hidden;
    background-color: var(--background);
    visibility: hidden;
    --image-template-rows: 100px 1fr 100px;
    opacity: 0;
    transition: opacity var(--a-speed)
}

.gallery-viewer__image {
    height: calc(var(--vh, 1vh)*100);
    min-width: 100vw;
    display: grid;
    grid-template-columns: 50px 1fr 50px;
    grid-template-rows: var(--image-template-rows);
    grid-template-areas: "... ... ..." "... image ..." "... ... ...";
    overflow: hidden;
    justify-content: center;
    justify-items: center;
    transition: grid-template-rows var(--a-speed)
}

.gallery-viewer__image .image__container {
    grid-area: image;
    overflow: hidden;
    width: 100%;
    display: flex;
    max-width: 1200px
}

.gallery-viewer__image img,
.gallery-viewer__image .default-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    flex-basis: 100%;
    border-radius: var(--min-shape);
    object-position: center;
    flex-grow: 1
}

.gallery-viewer__image .default-image {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--c-mix-1)
}

.gallery-viewer__image .default-image svg {
    width: 60px;
    height: 60px
}

.gallery-viewer__image .default-image svg path {
    fill: var(--background)
}

@media screen and (max-width: 764px) {
    .gallery-viewer__image {
        grid-template-rows: 100px 1fr 170px
    }
}

.gallery-viewer__controllers {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr 200px;
    grid-template-areas: "left right" "bottom bottom";
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0
}

.gallery-viewer__controllers>.controllers__left {
    grid-area: left;
    grid-row: 1/span 2;
    grid-column: 1/2
}

.gallery-viewer__controllers>.controllers__right {
    grid-area: right;
    grid-row: 1/span 2;
    grid-column: 2/3
}

.gallery-viewer__controllers>.controllers__bottom {
    grid-area: bottom
}

.gallery-viewer__top {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    height: 60px;
    padding: var(--s-1);
    pointer-events: none;
    display: flex;
    align-items: center;
    justify-content: end
}

.gallery-viewer__top>.top__close-btn {
    cursor: pointer;
    background-color: rgba(0, 0, 0, 0) !important;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
    border: none;
    pointer-events: all
}

.gallery-viewer__top>.top__close-btn svg {
    width: 18px;
    height: 18px
}

.gallery-viewer__bottom {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    height: 200px;
    padding: var(--s-2) var(--s-4);
    display: grid;
    gap: var(--s-1);
    grid-auto-columns: 150px;
    grid-auto-flow: column;
    overflow: scroll;
    transform: translateY(100%);
    transition: transform var(--a-speed)
}

.gallery-viewer__bottom .bottom__thumbnail {
    aspect-ratio: 1/1;
    border-radius: var(--min-shape);
    overflow: hidden;
    cursor: pointer
}

.gallery-viewer__bottom .bottom__thumbnail.active {
    border: 1px solid var(--foreground)
}

.gallery-viewer__bottom .bottom__thumbnail>img,
.gallery-viewer__bottom .bottom__thumbnail .default-image {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.gallery-viewer__bottom .bottom__thumbnail>.default-image {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--c-mix-1);
    border-radius: var(--min-shape)
}

.gallery-viewer__bottom .bottom__thumbnail>.default-image svg path {
    fill: var(--background)
}

@media screen and (max-width: 764px) {
    .gallery-viewer__bottom {
        transform: translateY(0%) !important;
        height: 130px;
        grid-auto-columns: 100px;
        padding: var(--s-1);
        padding-bottom: var(--s-2)
    }

    .gallery-viewer__bottom .bottom__thumbnail {
        border-radius: calc(var(--min-shape)/2)
    }

    .gallery-viewer__bottom .bottom__thumbnail .default-image {
        border-radius: calc(var(--min-shape)/2)
    }
}

@media screen and (max-width: 764px) {
    .gallery-viewer {
        --image-template-rows: 100px 1fr 150px !important
    }
}

[data-theme=dark] .gallery-viewer__controllers .controllers__left {
    cursor: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="40" height="41" viewBox="0 0 40 41" fill="none"><path d="M20 40.2209C31.0457 40.2209 40 31.2666 40 20.2209C40 9.17525 31.0457 0.220947 20 0.220947C8.9543 0.220947 0 9.17525 0 20.2209C0 31.2666 8.9543 40.2209 20 40.2209Z" fill="%23222222"/><path fill-rule="evenodd" clip-rule="evenodd" d="M20.0001 26.7327L13.4883 20.2208L20.0001 13.709L21.1786 14.8875L16.6786 19.3875L26.1668 19.3875V21.0542L16.6786 21.0542L21.1786 25.5542L20.0001 26.7327Z" fill="white"/></svg>') 20 20, auto
}

[data-theme=dark] .gallery-viewer__controllers .controllers__right {
    cursor: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="41" height="41" viewBox="0 0 41 41" fill="none"><path d="M20.8779 40.2209C31.9236 40.2209 40.8779 31.2666 40.8779 20.2209C40.8779 9.17525 31.9236 0.220947 20.8779 0.220947C9.83223 0.220947 0.87793 9.17525 0.87793 20.2209C0.87793 31.2666 9.83223 40.2209 20.8779 40.2209Z" fill="%23222222"/><path fill-rule="evenodd" clip-rule="evenodd" d="M20.8776 13.709L27.3894 20.2208L20.8776 26.7327L19.6991 25.5542L24.1991 21.0542H14.7109V19.3875H24.1991L19.6991 14.8875L20.8776 13.709Z" fill="white"/></svg>') 20 20, auto
}

.gallery-viewer__controllers .controllers__left {
    cursor: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" viewBox="0 0 40 40" fill="none"><path d="M20 40C31.0457 40 40 31.0457 40 20C40 8.9543 31.0457 0 20 0C8.9543 0 0 8.9543 0 20C0 31.0457 8.9543 40 20 40Z" fill="%23EEEEEE"/><path fill-rule="evenodd" clip-rule="evenodd" d="M20.0001 26.5117L13.4883 19.9999L20.0001 13.488L21.1786 14.6665L16.6786 19.1665L26.1668 19.1665V20.8332L16.6786 20.8332L21.1786 25.3332L20.0001 26.5117Z" fill="%23111111"/></svg>') 20 20, auto
}

.gallery-viewer__controllers .controllers__right {
    cursor: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="41" height="40" viewBox="0 0 41 40" fill="none"><path d="M20.8779 40C31.9236 40 40.8779 31.0457 40.8779 20C40.8779 8.9543 31.9236 0 20.8779 0C9.83223 0 0.87793 8.9543 0.87793 20C0.87793 31.0457 9.83223 40 20.8779 40Z" fill="%23EEEEEE"/><path fill-rule="evenodd" clip-rule="evenodd" d="M20.8776 13.488L27.3894 19.9999L20.8776 26.5117L19.6991 25.3332L24.1991 20.8332H14.7109V19.1665H24.1991L19.6991 14.6665L20.8776 13.488Z" fill="%23111111"/></svg>') 20 20, auto
}

.random .gallery-container__item {
    order: var(--data-order)
}

.random .gallery-viewer__image {
    order: var(--data-order)
}

.random .gallery-viewer__bottom .bottom__thumbnail {
    order: var(--data-order)
}

.logos-box {
    width: 100%;
    position: relative;
    background: var(--background);
    z-index: 1
}

.logos-box>.inner-content.w-boxed {
    padding: var(--s-2)
}

.logos-box>.inner-content .logos-container {
    padding: var(--spacing-top-mobile, 10px) var(--s-2) var(--spacing-bottom-mobile, 10px) var(--s-2) !important
}

@media screen and (min-width: 1024px) {
    .logos-box>.inner-content .logos-container {
        padding: var(--spacing-top, 10px) var(--s-2) var(--spacing-bottom, 10px) var(--s-2) !important
    }
}

.logos-box.light-default-bg {
    background: var(--background) url('data:image/svg+xml,<svg width="100" height="100" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" data-v-29a39510=""> <path d="M2 2V22H22V2H2ZM17 5.3C17.9 5.3 18.7 6 18.7 7C18.7 7.9 18 8.7 17 8.7C16.1 8.7 15.3 8 15.3 7C15.3 6.1 16.1 5.3 17 5.3ZM5 16.2L9.9 9.2L14.1 14.8L16.2 12.7L19 16.2H5Z" fill="%23EEEEEE" data-v-29a39510="" ></path></svg>') no-repeat center center !important
}

.logos-box.dark-default-bg {
    background: var(--background) url('data:image/svg+xml,<svg width="100" height="100" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" data-v-29a39510=""> <path d="M2 2V22H22V2H2ZM17 5.3C17.9 5.3 18.7 6 18.7 7C18.7 7.9 18 8.7 17 8.7C16.1 8.7 15.3 8 15.3 7C15.3 6.1 16.1 5.3 17 5.3ZM5 16.2L9.9 9.2L14.1 14.8L16.2 12.7L19 16.2H5Z" fill="%23222222" data-v-29a39510="" ></path></svg>') no-repeat center center !important
}

.logos-box.color.accent .background div.card-container>div.card>.a,
.logos-box.color.accent .background div.card-container>div.card>.card-link-container {
    background-color: var(--background) !important
}

.logos-box.color.accent .background div.card-container>div.card>.a .default-image,
.logos-box.color.accent .background div.card-container>div.card>.card-link-container .default-image {
    background: var(--c-mix-1) !important
}

.logos-box.color.accent .background div.card-container>div.card>.a .default-image path,
.logos-box.color.accent .background div.card-container>div.card>.card-link-container .default-image path {
    fill: var(--background) !important
}

.logos-box.color.grey .logos-header .gallery-label,
.logos-box.color.accent .logos-header .gallery-label {
    background: var(--background);
    color: var(--foreground)
}

.logos-box.grey .logos-container.show-background .logos-container__items .logos-container__item {
    background-color: var(--background)
}

.logos-box.grey .logos-container.show-background .logos-container__items .default-image svg path {
    fill: var(--c-mix-1)
}

.logos-box.grey .logos-container.show-border .logos-container__items .logos-container__item {
    border-color: var(--background)
}

.logos-box.grey .logos-container.show-border .logos-container__items .default-image svg path {
    fill: var(--background)
}

.logos-box.accent .logos-container.show-background .logos-container__items .logos-container__item {
    background-color: var(--background)
}

.logos-box.accent .logos-container.show-background .logos-container__items .logos-container__item .default-image svg path {
    fill: var(--c-mix-1)
}

.logos-box.accent .logos-container.show-border .logos-container__items .logos-container__item {
    border-color: var(--background)
}

.logos-box.accent .logos-container.show-border .logos-container__items .logos-container__item .default-image svg path {
    fill: var(--background)
}

.logos-box.accent.color .logos-header h2,
.logos-box.accent.color .logos-header p {
    color: var(--r-color) !important
}

.logos-box.transparent .logos-container .logos-container__items .default-image svg path {
    fill: var(--c-mix-1)
}

.logos-box.media.image-selected .logos-header .gallery-label {
    color: var(--c-light) !important;
    background: var(--c-overlay-light)
}

.logos-box.media.image-selected .logos-header>p,
.logos-box.media.image-selected .logos-header>h2 {
    color: var(--c-light) !important
}

.logos-box.media.section-width-fit .inner-content>.logos-container {
    position: relative;
    overflow: hidden;
    border-radius: var(--min-shape);
    z-index: 1
}

.logos-box.media.section-width-fit .inner-content>.logos-container::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    min-width: 100%;
    min-height: 100%;
    background-position: var(--background-upper);
    background-image: var(--bg-image);
    background-repeat: no-repeat;
    background-size: cover;
    opacity: var(--bg-opacity);
    filter: grayscale(var(--bg-grayscale)) blur(var(--bg-blur));
    transform: scale(var(--bg-blurscale))
}

.logos-box.media.section-width-fit .inner-content::before {
    display: none !important
}

.logos-box.media.section-width-fit .inner-content.parallax>.logos-container::before {
    background-attachment: fixed;
    transform: none !important
}

.logos-box.c-dark {
    background-color: var(--c-dark)
}

.logos-box.grey.section-width-fit .inner-content>.logos-container {
    background-color: var(--c-mix-1);
    border-radius: var(--min-shape)
}

.logos-box.grey.section-width-fill {
    background-color: var(--c-mix-1)
}

.logos-box.accent.section-width-fit .inner-content>.logos-container {
    background-color: var(--accent);
    border-radius: var(--min-shape)
}

.logos-box.accent.section-width-fill {
    background-color: var(--accent) !important
}

.logos-box.accent.color .logos-header h2,
.logos-box.accent.color .logos-header p {
    color: var(--r-color) !important
}

.logos-box.light-color .logos-container>.logos-header h2 {
    color: var(--c-light) !important
}

.logos-box.light-color .logos-container>.logos-header p {
    color: var(--c-light) !important
}

.logos-box.dark-color .logos-container>.logos-header h2 {
    color: var(--c-dark) !important
}

.logos-box.dark-color .logos-container>.logos-header p {
    color: var(--c-dark) !important
}

.logos-box.section-height-fill .inner-content {
    min-height: 100vh
}

.logos-box.section-height-fill[class*=align-items-] .inner-content {
    display: flex;
    flex-direction: column
}

.logos-box.section-height-fill[class*=align-items-] .inner-content .logos-container {
    width: 100%
}

.logos-box.section-height-fill[class*=align-items-].align-items-start .inner-content {
    justify-content: start
}

.logos-box.section-height-fill[class*=align-items-].align-items-center .inner-content {
    justify-content: center
}

.logos-box.section-height-fill[class*=align-items-].align-items-end .inner-content {
    justify-content: end
}

.logos-box.section-height-fill.section-width-fit .inner-content>.logos-container {
    flex-grow: 1
}

.logos-box.section-height-fill.section-width-fit[class*=align-items-] .inner-content>.logos-container {
    display: flex;
    flex-direction: column
}

.logos-box.section-height-fill.section-width-fit[class*=align-items-].align-items-start .inner-content>.logos-container {
    justify-content: start
}

.logos-box.section-height-fill.section-width-fit[class*=align-items-].align-items-start .inner-content>.logos-container.left-title {
    align-items: start
}

.logos-box.section-height-fill.section-width-fit[class*=align-items-].align-items-center .inner-content>.logos-container {
    justify-content: center
}

.logos-box.section-height-fill.section-width-fit[class*=align-items-].align-items-center .inner-content>.logos-container.left-title {
    align-items: center
}

.logos-box.section-height-fill.section-width-fit[class*=align-items-].align-items-end .inner-content>.logos-container {
    justify-content: end
}

.logos-box.section-height-fill.section-width-fit[class*=align-items-].align-items-end .inner-content>.logos-container.left-title {
    align-items: end
}

@media screen and (min-width: 1024px) {
    .logos-box.section-height-fit .inner-content>.logos-container {
        padding: var(--spacingTB) var(--spacingLR)
    }
}

.logos-box.section-width-fill .inner-content>.logos-container {
    padding-left: calc(var(--spacing-left-mobile) + var(--s-2)) !important;
    padding-right: calc(var(--spacing-right-mobile) + var(--s-2)) !important
}

@media screen and (min-width: 1024px) {
    .logos-box.section-width-fill .inner-content>.logos-container {
        padding-left: calc(var(--spacing-left) + var(--s-2)) !important;
        padding-right: calc(var(--spacing-right) + var(--s-2)) !important
    }
}

.logos-box.section-width-fit .logos-container.carousel-container:has(.auto-scroll) {
    overflow: hidden
}

.logos-box>.inner-content {
    overflow: clip
}

.logos-box>.inner-content .logos-header h2 {
    width: 100%
}

.logos-box>.inner-content.text-left .logos-container:not(.left-title) .logos-header {
    text-align: left
}

.logos-box>.inner-content.text-center .logos-container:not(.left-title) .logos-header {
    text-align: center
}

.logos-box>.inner-content.text-right .logos-container:not(.left-title) .logos-header {
    text-align: right
}

.logos-box>.inner-content.w-boxed {
    padding: var(--s-2)
}

.logos-box #card-video-bg {
    position: absolute;
    z-index: -1;
    min-width: 100%;
    min-height: 100%;
    opacity: calc((100 - var(--bg-opacity))/100);
    filter: grayscale(var(--bg-grayscale)) blur(var(--bg-blur))
}

.logos-box .inner-content .logos-container {
    padding: var(--s-2);
    padding-top: 50px
}

.logos-box .inner-content.parallax::before {
    background-attachment: fixed;
    transform: none !important
}

@media screen and (max-width: 1024px) {
    .logos-box .inner-content {
        --image-height: var(--image-height-mobile) !important
    }
}

.logos-box .box>.logos-header {
    padding: 0px;
    background-color: unset;
    border-bottom-width: 0px
}

.logos-box .left>.logos-header {
    display: flex;
    align-items: flex-start;
    text-align: left
}

.logos-box .center>.logos-header {
    display: flex;
    align-items: center;
    text-align: center
}

.logos-box .center img {
    text-align: center
}

.logos-box .right>.logos-header {
    display: flex;
    align-items: flex-end;
    text-align: right
}

.logos-box h3.small-size {
    letter-spacing: normal !important
}

.logos-box .logos-header {
    flex-direction: column;
    margin-bottom: var(--s-2)
}

.logos-box .logos-header .gallery-label {
    color: var(--foreground);
    background: var(--c-mix-1);
    padding: 3px 9px;
    margin-bottom: var(--s-1);
    border-radius: var(--shape);
    width: fit-content
}

.logos-box .logos-header p {
    margin-top: var(--s-1);
    color: var(--c-mix-3)
}

.logos-box:hover .carousel-scroller {
    visibility: visible !important
}

.logos-header.carousel-mode {
    position: relative
}

.logos-header.carousel-mode .subtitle {
    width: 50%
}

.logos-container.carousel-container {
    display: grid;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    grid-template-areas: "header" "container"
}

.logos-container.carousel-container .carousel-scroller {
    display: flex;
    justify-content: space-between;
    z-index: 1;
    align-items: center;
    pointer-events: none;
    visibility: hidden;
    grid-row: 2/3;
    grid-column: 1
}

.logos-container.carousel-container .carousel-scroller__left,
.logos-container.carousel-container .carousel-scroller__right {
    height: 40px;
    width: 40px;
    border-radius: 50%;
    background: var(--c-mix-6) !important;
    backdrop-filter: saturate(150%) blur(10px);
    border: solid 1px var(--c-mix-1);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    pointer-events: all;
    opacity: 0;
    transition: opacity var(--a-speed);
    position: relative
}

.logos-container.carousel-container .carousel-scroller__left svg,
.logos-container.carousel-container .carousel-scroller__right svg {
    background: none;
    fill: none
}

.logos-container.carousel-container .carousel-scroller__left:hover,
.logos-container.carousel-container .carousel-scroller__right:hover {
    background-color: var(--c-mix-1) !important
}

.logos-container.carousel-container .carousel-scroller__left {
    right: calc(var(--s-2) - 5px)
}

.logos-container.carousel-container .carousel-scroller__right {
    left: calc(var(--s-2) - 5px)
}

.logos-container.carousel-container .carousel-scroller.left .carousel-scroller__left {
    opacity: 1
}

.logos-container.carousel-container .carousel-scroller.left~.logos-container__items.carousel {
    --left-opacity: 0
}

.logos-container.carousel-container .carousel-scroller.right .carousel-scroller__right {
    opacity: 1
}

.logos-container.carousel-container .carousel-scroller.right~.logos-container__items.carousel {
    --right-opacity: 0
}

.logos-container.carousel-container .carousel-items-container {
    grid-area: container
}

.logos-container.carousel-container .logos-header {
    grid-area: header
}

.logos-container.left-title {
    display: grid;
    grid-template-columns: 40fr 60fr;
    grid-template-rows: auto;
    grid-template-areas: "header container";
    gap: var(--s-2)
}

@media screen and (max-width: 767px) {
    .logos-container.left-title {
        grid-template-columns: 1fr;
        grid-template-rows: auto auto;
        grid-template-areas: "header" "container";
        gap: 0
    }
}

.logos-container.left-title .logos-header {
    width: 100% !important;
    height: fit-content;
    margin-bottom: 0
}

.logos-container.left-title .carousel-items-container {
    width: 100% !important;
    height: fit-content
}

.logos-container.left-title .carousel-scroller {
    grid-area: container
}

.logos-container.show-border .logos-container__items .logos-container__item {
    border: solid 1px var(--c-mix-1);
    background: rgba(0, 0, 0, 0) !important
}

.logos-container.show-border .logos-container__items .logos-container__item .default-image {
    background-color: rgba(0, 0, 0, 0)
}

.logos-container.show-border .logos-container__items .logos-container__item .default-image svg path {
    fill: var(--c-mix-1)
}

.logos-container.show-background .logos-container__items .logos-container__item {
    background-color: var(--c-mix-1)
}

.logos-container.show-background .logos-container__items .logos-container__item .default-image svg path {
    fill: var(--background)
}

.logos-box.color .logos-header .carousel-scroller__left,
.logos-box.color .logos-header .carousel-scroller__right {
    background: var(--background) !important
}

.logos-box.color .logos-header .carousel-scroller__left:hover,
.logos-box.color .logos-header .carousel-scroller__right:hover {
    background-color: var(--c-mix-1) !important
}

.logos-box.color.grey .logos-header .carousel-scroller__left:hover,
.logos-box.color.grey .logos-header .carousel-scroller__right:hover {
    opacity: .7;
    background-color: var(--background) !important
}

.card-container.carousel {
    scroll-behavior: smooth
}

.edit-blocks-container .gallery-box .card-container .card.cursor-none {
    cursor: unset !important
}

.logos-container__items {
    position: relative
}

.logos-container__items:hover .carousel-scroller {
    visibility: visible
}

.logos-container {
    padding-top: 50px;
    padding-bottom: 50px
}

.logos-container.left-title>.logos-header {
    display: flex;
    word-break: break-word;
    justify-content: flex-start !important;
    align-items: flex-start;
    text-align: left;
    position: sticky;
    top: calc(var(--left-title-offset, 0) + var(--s-4));
    transition: top var(--a-speed);
    height: fit-content
}

.logos-container.left-title>.logos-header .subtitle {
    width: 100%
}

@media screen and (max-width: 767px) {
    .logos-container.left-title>.logos-header {
        width: 100% !important;
        position: static !important;
        transform: none !important
    }
}

.logos-container.left-title>.gallery-container__wrapper {
    width: 66% !important;
    height: fit-content
}

@media screen and (max-width: 767px) {
    .logos-container.left-title>.gallery-container__wrapper {
        width: 100% !important
    }
}

[data-theme=light] .logos-container__items.carousel {
    mask-image: linear-gradient(to right, rgba(255, 255, 255, var(--left-opacity)) 0%, rgb(0, 0, 0) 12.5%, rgb(0, 0, 0) 87.5%, rgba(255, 255, 255, var(--right-opacity)) 100%)
}

[data-theme=light] .logos-container__items .logos-container__item a:not(.no-light) img.dark-logo {
    display: none
}

[data-theme=light] .logos-container__items .logos-container__item a.no-light:not(.no-dark) .light-logo.default-image {
    display: none
}

[data-theme=light] .logos-container__items .logos-container__item a.no-light.no-dark .dark-logo.default-image {
    display: none
}

[data-theme=light] .logos-container__items .logos-container__item .dark-logo.default-image {
    display: none
}

[data-theme=dark] .logos-container__items .logos-container__item a:not(.no-dark) img.light-logo {
    display: none
}

[data-theme=dark] .logos-container__items .logos-container__item a.no-dark:not(.no-light) .dark-logo.default-image {
    display: none
}

[data-theme=dark] .logos-container__items .logos-container__item a.no-light.no-dark .light-logo.default-image {
    display: none
}

[data-theme=dark] .logos-container__items .logos-container__item .light-logo.default-image {
    display: none
}

.logos-container__items {
    display: grid;
    grid-template-columns: repeat(var(--grid-count), 1fr);
    grid-auto-rows: var(--grid-height);
    position: relative;
    scroll-behavior: smooth;
    gap: var(--spacing-gap-mobile, 10px) !important
}

@media screen and (min-width: 1023px) {
    .logos-container__items {
        gap: var(--spacing-gap, 10px) !important
    }
}

.logos-container__items .logos-container__item {
    display: flex;
    border-radius: var(--min-shape);
    transform-origin: 50% 50%;
    cursor: pointer;
    overflow: hidden;
    position: relative
}

.logos-container__items .logos-container__item a {
    position: relative;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center
}

.logos-container__items .logos-container__item img {
    object-fit: contain;
    object-position: contain;
    width: 100%;
    height: 100%;
    border-radius: var(--min-shape);
    flex-grow: 1;
    transform: scale(var(--scale, 1))
}

@media screen and (max-width: 1024px) {
    .logos-container__items .logos-container__item img {
        transform: scale(var(--mobile-scale, 1))
    }
}

.logos-container__items .logos-container__item .default-image {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: var(--min-shape);
    flex-grow: 1;
    height: 100%
}

.logos-container__items .logos-container__item .default-image svg path {
    fill: var(--background)
}

@media screen and (max-width: 1024px) {
    .logos-container__items {
        grid-template-columns: repeat(var(--grid-count-mobile), 1fr);
        grid-auto-rows: var(--grid-height-mobile);
        gap: var(--s-1)
    }
}

.logos-container__items.carousel {
    display: flex;
    flex-wrap: nowrap;
    overflow-x: scroll;
    --right-opacity: 1;
    --left-opacity: 1;
    mask-image: linear-gradient(to right, rgba(0, 0, 0, var(--left-opacity)) 0%, rgb(0, 0, 0) 12.5%, rgb(0, 0, 0) 87.5%, rgba(0, 0, 0, var(--right-opacity)) 100%)
}

.logos-container__items.carousel::-webkit-scrollbar {
    display: none
}

.logos-container__items.carousel.logos-container__items .logos-container__item {
    flex-basis: var(--grid-width);
    aspect-ratio: auto;
    height: var(--grid-height);
    min-width: var(--grid-width)
}

.logos-container__items.carousel.logos-container__items.auto-scroll {
    animation: autoScroll var(--scroll-speed, 25s) infinite linear;
    overflow-x: visible;
    width: fit-content
}

.logos-container__items.carousel.logos-container__items.auto-scroll:has(.logos-container__item:hover) {
    animation-play-state: paused
}

@keyframes autoScroll {
    0% {
        transform: translateX(0)
    }

    100% {
        transform: translateX(-50%)
    }
}

.spacer-box {
    width: 100%;
    position: relative;
    z-index: 1
}

.spacer-box .spacer-content {
    height: var(--height-mobile);
    min-height: var(--height-mobile);
    background: var(--background)
}

@media screen and (min-width: 1024px) {
    .spacer-box .spacer-content {
        min-height: var(--height);
        height: var(--height)
    }
}

.spacer-box.transparent .spacer-content {
    background-color: var(--background)
}

.spacer-box.grey .spacer-content {
    background-color: var(--c-mix-1)
}

.spacer-box.accent .spacer-content {
    background-color: var(--accent)
}

.spacer-box.media .spacer-content {
    position: relative
}

.spacer-box.media .spacer-content::before {
    content: "";
    display: block;
    position: absolute;
    inset: 0;
    background-image: var(--bg-image);
    background-repeat: no-repeat;
    background-size: cover;
    opacity: var(--bg-opacity);
    filter: grayscale(var(--bg-grayscale)) blur(var(--bg-blur));
    transform: scale(var(--bg-blurscale))
}

.spacer-box.media.parallax .spacer-content::before {
    background-attachment: fixed;
    transform: none
}

.spacer-box.section-width-fit {
    padding: 0 var(--s-2)
}

.spacer-box.section-width-fit .spacer-content {
    border-radius: var(--min-shape);
    max-width: calc(var(--site-width) - var(--s-4));
    margin: 0 auto
}

.spacer-box.section-height-fill .spacer-content {
    min-height: var(--100vh) !important;
    border-radius: var(--shape)
}

.product-block {
    margin-top: 200px;
    width: 100%;
    background-color: var(--background);
    padding: var(--s-2)
}

.details__images {
    background-color: var(--c-mix-1);
    overflow: hidden;
    border-radius: var(--min-shape);
    height: 300px;
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: 1fr;
    position: relative
}

.details__default-image {
    background-color: var(--c-mix-1);
    display: flex;
    justify-content: center;
    align-items: center;
    grid-area: image
}

.details__images-container {
    overflow: scroll;
    display: flex;
    flex-wrap: nowrap;
    width: 200%
}

.details__image {
    flex-basis: 100%;
    width: 100%;
    overflow: hidden
}

.details__image img {
    width: 100%;
    height: 100%;
    object-fit: contain
}

.details__default-image svg path {
    fill: var(--background)
}

.details__controls {
    display: flex;
    justify-content: space-between;
    padding: 10px;
    position: absolute;
    left: 0;
    right: 0
}

.details__controls .controls__button {
    background-color: var(--background) !important;
    border: none;
    border-radius: 100%;
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: var(--min-shape)
}

.details__controls .controls__button svg {
    width: 14px;
    height: 14px
}

.details__name {
    font-size: var(--t-2);
    color: var(--foreground);
    font-weight: 700;
    letter-spacing: -0.6px;
    line-height: 30px;
    font-family: var(--design-headFont)
}

.details__price {
    font-family: var(--design-bodyFont);
    color: var(--foreground);
    font-size: var(--t-m);
    line-height: 22px;
    margin-top: 5px;
    font-weight: 400
}

.details__description {
    font-family: var(--design-bodyFont);
    color: var(--c-mix-2);
    font-size: var(--t-m);
    font-style: normal;
    font-weight: 400;
    line-height: 22.4px;
    margin-top: 20px
}

.details__benefits {
    list-style: none;
    padding: 0;
    margin-top: 20px;
    display: flex;
    flex-direction: column;
    gap: 10px
}

.details__benefit {
    display: flex;
    gap: 10px;
    align-items: center
}

.details__benefit span {
    color: var(--foreground);
    font-size: var(--t-s);
    font-family: var(--design-bodyFont);
    line-height: 19.2px;
    font-weight: 400
}

.details__purchase-cta {
    width: 100%;
    height: 40px;
    border-radius: var(--min-shape)
}

@media screen and (min-width: 1024px) {
    .product-block__details {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: clamp(20px, 5%, 50px);
        padding: var(--s-2)
    }
}

.payment-wrapper__form {
    display: grid;
    gap: 10px
}

.form__input-wrapper {
    display: grid;
    grid-template-columns: 1fr auto
}

.form__input {
    background-color: var(--c-mix-1);
    border: none;
    height: 40px;
    border-radius: var(--shape);
    padding: 0 10px;
    color: var(--foreground)
}

.form__input:focus {
    outline: none
}

.card-number {
    grid-template-areas: "input input"
}

.card-number .form__input {
    grid-area: input
}

.input__cards {
    list-style: none;
    padding: 0;
    display: flex;
    gap: 2px;
    align-items: center;
    grid-column-start: 2;
    grid-row-start: 1;
    padding-right: 10px
}

.card-date-cvc {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px
}

.payment-confirmation__text {
    color: var(--c-light, #FFF);
    font-family: var(--design-headFont);
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 30px;
    letter-spacing: -0.6px
}

.payment-confirmation__product-card {
    margin-top: 20px;
    border-radius: var(--min-shape);
    overflow: hidden;
    background: var(--c-mix-1);
    padding: var(--s-1)
}

.product-card__details {
    display: flex;
    grid-template-columns: auto 1fr;
    grid-template-rows: 1fr;
    gap: 10px
}

.product-card__details .details__default-image {
    width: 50px;
    height: 50px;
    background-color: var(--background);
    border-radius: var(--min-shape)
}

.product-card__details .details__default-image svg path {
    fill: var(--c-mix-1)
}

.product-card__details .details__copy {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 5px
}

.product-card__details .details__copy .details__name {
    color: var(--foreground);
    text-align: center;
    font-family: "Space Grotesk";
    font-size: var(--t-m);
    font-style: normal;
    font-weight: 700;
    line-height: var(--t-s);
    font-family: var(--design-headFont)
}

.product-card__details .details__copy .details__status {
    color: var(--c-mix-3);
    font-family: "Space Grotesk";
    font-size: var(--t-xs);
    font-style: normal;
    font-weight: 400;
    line-height: 10px;
    font-family: var(--design-bodyFont)
}

.product-block__payment-confirmation .product-card__view-button {
    width: 100%;
    height: 40px;
    margin-top: 10px;
    font-size: var(--t-m);
    color: var(--foreground) !important;
    border-radius: var(--min-shape)
}

.product-block__support {
    margin-top: 40px
}

.support__title {
    color: var(--c-mix-3);
    font-size: var(--t-m);
    font-weight: 400;
    margin-bottom: 10px;
    line-height: 22.4px
}

.support__socials {
    list-style: none;
    padding: 0;
    display: flex;
    gap: 10px
}

.support__socials .support-social {
    flex-grow: 1
}

.support__socials .support-social button {
    background-color: var(--c-mix-1) !important;
    border: none;
    height: 40px;
    width: 100%;
    border-radius: calc(var(--min-shape)/2)
}

.support__socials .support-social button svg path {
    fill: var(--background)
}

.support__share-button.btn {
    margin-top: 10px;
    height: 40px;
    background-color: var(--c-mix-1) !important;
    color: var(--foreground) !important;
    width: 100%;
    display: flex;
    justify-content: space-between;
    padding: 0 10px;
    align-items: center;
    border-radius: var(--min-shape)
}

.support__share-button.btn:focus {
    border: 0 !important
}

.product-block__cart-checkout {
    border: solid 1px var(--c-mix-1);
    border-radius: var(--min-shape);
    height: 60px;
    padding: 10px;
    display: flex;
    align-items: center;
    gap: 10px
}

.cart-checkout__notification {
    background-color: var(--c-mix-1);
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: calc(var(--min-shape)/2);
    position: relative
}

.cart-checkout__notification .cart-checkout__count {
    background-color: var(--accent);
    border-radius: 100%;
    width: 16px;
    height: 16px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: var(--t-xs);
    position: absolute;
    right: -4px;
    top: -4px
}

.cart-checkout__details {
    display: flex;
    flex-direction: column;
    gap: 5px
}

.cart-checkout__details .details__title {
    font-size: var(--t-xs);
    color: var(--c-mix-3)
}

.cart-checkout__details .details__subtotal {
    color: var(--foreground);
    font-size: var(--t-m)
}

.cart-checkout__button.btn {
    margin-left: auto;
    height: 40px;
    line-height: 1.5555;
    font-size: var(--t-m);
    color: var(--light) !important;
    border-radius: var(--min-shape)
}

.accordion-box {
    background: var(--background)
}

.accordion-box>.w-boxed {
    padding: 0
}

.accordion-box .inner-content .w-boxed {
    width: 100% !important
}

.accordion-box>.inner-content .accordion-container {
    padding: var(--spacing-top-mobile, 10px) var(--s-2) var(--spacing-bottom-mobile, 10px) var(--s-2) !important;
    padding-left: calc(var(--spacing-left-mobile) + var(--s-2)) !important;
    padding-right: calc(var(--spacing-right-mobile) + var(--s-2)) !important
}

@media screen and (min-width: 1024px) {
    .accordion-box>.inner-content .accordion-container {
        padding: var(--spacing-top, 10px) var(--s-2) var(--spacing-bottom, 10px) var(--s-2) !important
    }
}

@media screen and (min-width: 1024px) {
    .accordion-box>.inner-content .accordion-container {
        padding-left: calc(var(--spacing-left) + var(--s-2)) !important;
        padding-right: calc(var(--spacing-right) + var(--s-2)) !important
    }
}

.accordion-box .accordion-container {
    padding: var(--s-2)
}

@media screen and (min-width: 1024px) {
    .accordion-box .accordion-container {
        padding: var(--s-5) var(--s-2)
    }
}

.accordion-box .accordion-container.left-title {
    display: flex;
    justify-content: space-between
}

@media screen and (max-width: 767px) {
    .accordion-box .accordion-container.left-title {
        flex-direction: column
    }
}

.accordion-box .accordion-container.left-title>.accordion-title {
    text-align: left !important;
    width: calc(34% - 40px) !important;
    word-break: break-word
}

@media screen and (max-width: 767px) {
    .accordion-box .accordion-container.left-title>.accordion-title {
        width: 100% !important
    }
}

.accordion-box .accordion-container.left-title>.all-accordions {
    width: 66%
}

@media screen and (max-width: 767px) {
    .accordion-box .accordion-container.left-title>.all-accordions {
        width: 100%
    }
}

.accordion-box .accordion-container>.accordion-title {
    margin-bottom: var(--s-2)
}

.accordion-box .accordion-container>.accordion-title>.accordion-label {
    margin-bottom: var(--s-1)
}

.accordion-box .accordion-container>.accordion-title>.accordion-label .card-label {
    color: var(--foreground);
    background: var(--c-mix-1);
    padding: 3px 9px;
    border-radius: var(--shape)
}

.accordion-box .accordion-container>.accordion-title h2 {
    margin-bottom: 0
}

.accordion-box .accordion-container>.accordion-title p {
    color: var(--c-mix-3);
    margin-top: var(--s-1)
}

.accordion-box .accordion-container>.accordion-title.left {
    text-align: left
}

.accordion-box .accordion-container>.accordion-title.right {
    text-align: right
}

.accordion-box .accordion-container>.accordion-title.center {
    text-align: center
}

.accordion-box .accordion-container .all-accordions {
    display: flex
}

.accordion-box .accordion-container .all-accordions.accordion-col-2 .accordion {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

.accordion-box .accordion-container .all-accordions.accordion-col-2 .accordion>.accordion-item {
    width: calc(50% - 5px)
}

.accordion-box .accordion-container .accordion {
    display: grid;
    gap: var(--spacing-gap-mobile, 10px) !important
}

@media screen and (min-width: 1024px) {
    .accordion-box .accordion-container .accordion {
        gap: var(--spacing-gap, 10px) !important
    }
}

.accordion-box .accordion-container .accordion .accordion-item {
    margin-bottom: 0;
    border-radius: var(--min-shape)
}

.accordion-box .accordion-container .accordion .accordion-item:hover {
    cursor: pointer
}

.accordion-box .accordion-container .accordion .accordion-item.bg {
    background: var(--c-mix-1)
}

.accordion-box .accordion-container .accordion .accordion-item.border {
    border: 1px solid var(--c-mix-1)
}

.accordion-box .accordion-container .accordion .accordion-header {
    padding: var(--s-3) var(--s-2);
    border-radius: var(--min-shape)
}

.accordion-box .accordion-container .accordion .accordion-header>p {
    width: 95%
}

.accordion-box .accordion-container .accordion .accordion-header>p>span {
    text-align: left;
    white-space: nowrap;
    overflow-x: hidden
}

.accordion-box .accordion-container .accordion .accordion-header>span {
    display: flex;
    pointer-events: none
}

.accordion-box .accordion-container .accordion .accordion-header>span>svg {
    width: 16px;
    height: 16px;
    stroke-width: 2px
}

.accordion-box .accordion-container .accordion .accordion-header.active>p>span {
    white-space: normal
}

.accordion-box .accordion-container .accordion .accordion-header.active>.chevron-icon {
    transform: rotate(90deg);
    display: flex
}

.accordion-box .accordion-container .accordion .accordion-body>p {
    color: var(--c-mix-3)
}

.navbar-top {
    width: 100%;
    height: calc(var(--unit)*6);
    background: var(--background);
    position: fixed;
    top: 0;
    z-index: 4;
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid var(--c-mix-1)
}

.navbar-top .desktop-nav-tools {
    display: flex;
    align-items: center;
    width: calc(var(--unit)*30)
}

@media screen and (max-width: 767px) {
    .navbar-top .desktop-nav-tools {
        border-right: none;
        width: auto
    }
}

.navbar-top .desktop-nav-tools>ul {
    height: 100%;
    display: flex
}

.navbar-top .desktop-nav-tools>ul>li {
    height: 100%;
    display: flex;
    align-items: center
}

.navbar-top .desktop-nav-tools>ul>li:first-child:hover {
    background: unset
}

.navbar-top .desktop-nav-tools>ul>li:last-child>a {
    width: unset;
    color: var(--c-mix-3);
    justify-content: flex-start;
    padding-right: 0;
    font-size: var(--t-m)
}

.navbar-top .desktop-nav-tools>ul>li:last-child>a:hover {
    color: var(--foreground)
}

.navbar-top .desktop-nav-tools>ul>li:last-child>.site-name {
    color: var(--foreground);
    padding-left: 0;
    font-size: var(--t-m)
}

@media screen and (max-width: 767px) {
    .navbar-top .desktop-nav-tools>ul>li:last-child {
        display: none
    }
}

.navbar-top .desktop-nav-tools>ul>li:first-child {
    border-right: 1px solid var(--c-mix-1);
    cursor: pointer;
    width: 60px;
    height: 60px
}

.navbar-top .desktop-nav-tools>ul>li:first-child:hover {
    background: var(--c-mix-1)
}

@media screen and (max-width: 767px) {
    .navbar-top .desktop-nav-tools>ul>li:first-child:hover {
        background: unset
    }
}

.navbar-top .nav-preview>ul {
    display: flex;
    align-items: center;
    justify-content: space-between;
    list-style-type: none;
    height: 100%
}

.navbar-top .nav-preview>ul>li {
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--foreground);
    font-size: var(--t-xm);
    width: 60px;
    height: 60px;
    cursor: pointer;
    position: relative
}

.navbar-top .nav-preview>ul>li>span {
    position: absolute;
    bottom: -22px;
    background: var(--foreground);
    color: var(--background);
    font-size: var(--t-xs);
    padding: 5px 8px;
    opacity: 0;
    transition: var(--a-speed);
    display: none;
    width: 60px;
    text-align: center
}

@media screen and (max-width: 767px) {

    .navbar-top .nav-preview>ul>li:nth-child(1),
    .navbar-top .nav-preview>ul>li:nth-child(2) {
        display: none
    }
}

.navbar-top .nav-preview>ul>li:nth-last-child(2):hover,
.navbar-top .nav-preview>ul>li:nth-last-child(2):focus {
    background: unset
}

@media screen and (max-width: 767px) {
    .navbar-top .nav-preview>ul>li:last-child:hover {
        background: unset
    }
}

.navbar-top .nav-preview>ul>li:hover {
    background: var(--c-mix-1)
}

@media screen and (min-width: 1024px) {
    .navbar-top .nav-preview>ul>li:hover>span {
        opacity: 1;
        display: block
    }
}

.navbar-top .nav-preview>ul>li.dark-mode,
.navbar-top .nav-preview>ul>li.light-mode {
    border-left: 1px solid var(--c-mix-1)
}

.navbar-top .nav-preview>ul>li.publish-site {
    width: auto;
    height: 60px
}

.navbar-top .nav-preview>ul>li.publish-site a {
    width: 100%;
    height: 100%;
    align-items: center;
    background: var(--foreground);
    color: var(--background);
    font-size: var(--t-m);
    font-weight: 400;
    transition: none;
    padding: 0 14px
}

.navbar-top .nav-preview>ul>li.publish-site a::selection {
    background: rgba(0, 0, 0, 0);
    color: var(--background)
}

.navbar-top .nav-preview>ul>li.publish-site a>span {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 8px;
    margin-right: 0
}

.navbar-top .nav-preview>ul>li.publish-site a>span>svg {
    stroke-width: 1.5
}

.navbar-top .nav-preview>ul>li.publish-site a:hover {
    opacity: .7
}

.container-small {
    background: var(--c-mix-1);
    padding: var(--s-1);
    margin-top: 60px
}

@media screen and (max-width: 767px) {
    .container-small {
        padding: var(--s-1)
    }
}

.container-small>.iframe-holder.mobile {
    width: 375px;
    margin: 0 auto
}

@media screen and (max-width: 767px) {
    .container-small>.iframe-holder.mobile {
        width: 100%
    }
}

.container-small>.iframe-holder.tablet {
    width: 768px;
    margin: 0 auto
}

@media screen and (max-width: 768px) {
    .container-small>.iframe-holder.tablet {
        width: 100%
    }
}

.container-small>.iframe-holder.desktop {
    width: 1100px;
    margin: 0 auto
}

@media screen and (max-width: 1100px) {
    .container-small>.iframe-holder.desktop {
        width: 100%
    }
}

.container-small>.iframe-holder>iframe {
    width: 100%;
    height: 100vh
}

.box:hover {
    cursor: auto !important
}

body>.container {
    max-width: 100%;
    padding: 0px !important;
    margin: 0px !important
}

.container>*:hover,
.hero-box,
.card-box,
.box {
    border: 0px solid !important;
    filter: none !important
}

.container-small>.edit-blocks>.edit-blocks-container .box.focus {
    border: none !important;
    filter: none !important
}

.container:hover {
    border: 0px solid !important
}

.card-box {
    overflow: visible !important
}

.error {
    color: var(--c-red) !important
}

::selection {
    background: hsla(var(--foreground-base), 0.15)
}

/*# sourceMappingURL=vzy_v2.css.map */