@charset "UTF-8";.empty-section[data-v-8db27b7e] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 100%;
    gap: 12px;
    text-align: center;
    padding-top: 28px;
    padding-bottom: 28px;
    max-width: 380px;
    margin: auto
}

.empty-section.auto-height[data-v-8db27b7e] {
    height: auto
}

.empty-section.absolute[data-v-8db27b7e] {
    position: absolute;
    top: 50%;
    left: 50%;
    height: auto;
    transform: translate(-50%,-50%)
}

.empty-section p[data-v-8db27b7e] {
    margin-top: 4px
}

.not-founds[data-v-e717261f] {
    max-width: 550px;
    margin: 0 auto;
    text-align: center
}

.main-loader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 999999999;
    background-color: #fff9
}

* {
    outline: none!important;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -moz-tap-highlight-color: rgba(0,0,0,0);
    margin: 0;
    padding: 0;
    box-sizing: border-box
}

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

html {
    font-size: 14px;
    color: var(--txPrimary)
}

html:has(body.bottomsheet-opened) {
    overscroll-behavior: none
}

@supports (height: 100dvh) {
    :root {
        --vh: 1dvh
    }
}

@supports not (height: 100dvh) {
    :root {
        --vh: var(--vh, 1vh)
    }
}

body,#app {
    min-height: calc(var(--vh) * 100)
}

@media (min-width: 767px) {
    body,#app {
        height:calc(var(--vh) * 100);
        max-height: calc(var(--vh) * 100)
    }
}

#app {
    position: relative;
    z-index: 0;
    opacity: 1;
    transition: opacity .3s linear
}

body {
    font-family: Inter,serif;
    font-size: 14px;
    line-height: 20px;
    color: var(--txPrimary);
    background-color: var(--bgSecondary);
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-feature-settings: "liga","kern";
    -webkit-font-feature-settings: "liga","kern";
    -moz-font-feature-settings: "liga","kern";
    font-kerning: normal;
    -webkit-font-kerning: normal;
    -moz-font-kerning: normal;
    position: relative;
    padding-bottom: 0
}

body .f-input {
    font-family: Inter,serif
}

body .bold-text {
    font-weight: 600
}

body.naked {
    background-color: #fff!important
}

body.dropdown-opened {
    cursor: pointer
}

body.form-preview:before {
    display: none
}

body.form-preview #bg-wrapper {
    display: none
}

body.route-loading #app {
    opacity: .4;
    position: relative;
    transition: opacity .3s linear
}

body.route-loading #app:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1000
}

body.bottomsheet-opened {
    overscroll-behavior: none
}

body.sidebar-scrolling,body.popup-opened {
    overflow-y: hidden
}

@media (max-width: 767px) {
    body.popup-opened {
        height:0;
        overflow: hidden;
        touch-action: none;
        -ms-touch-action: none
    }
}

body.sidebar-scrolling {
    height: 100vh
}

body.popup-opened .stay-under-popup {
    z-index: -1;
    opacity: 0;
    visibility: hidden
}

body.popup-opened .form.view .form-body {
    position: relative;
    z-index: 9999
}

body.popup-opened .form-logo,body.popup-opened .form-cover {
    z-index: -1
}

body.popup-opened .card-design .big-question-wrapper>.question {
    height: 100%!important;
    top: 0!important
}

body.popup-opened .card-design .big-question-wrapper>.question .popup {
    height: 100%!important
}

body.popup-opened .intercom-lightweight-app,body.popup-opened a#save-as-draft-btn {
    display: none
}

body.iframe-body {
    background-color: transparent!important
}

body .text-btn {
    text-decoration: underline;
    font-weight: 700;
    margin-top: .3em
}

body .grab {
    cursor: grab!important
}

body.grabbing {
    cursor: grabbing!important
}

@media (min-width: 767px) {
    body.create-design-bg:before {
        width:calc(100% - 405px)!important;
        right: 0!important;
        left: auto!important
    }
}

h1 {
    font-size: 24px;
    line-height: 31.8999996185px;
    font-weight: 600
}

h2 {
    font-size: 20px;
    line-height: 26.6000003815px;
    font-weight: 600
}

h3 {
    font-size: 18px;
    line-height: 25.5px;
    font-weight: 600
}

h4 {
    font-size: 16px;
    line-height: 22.6000003815px;
    font-weight: 600
}

img {
    max-width: 100%
}

i {
    color: inherit;
    font-size: inherit;
    vertical-align: middle
}

a {
    color: inherit;
    text-decoration: inherit
}

a.link {
    color: var(--bgAccentPurpleSurface);
    text-decoration: underline
}

b {
    font-weight: 600
}

a {
    cursor: pointer
}

hr {
    margin: 8px 0;
    background-color: var(--brPrimary);
    border: none;
    height: 1px
}

span {
    display: inline-block
}

.print-content {
    display: none
}

span.tooltip-item {
    text-decoration: dashed;
    text-decoration: underline dotted var(--txTertiary);
    text-decoration-thickness: 2px;
    text-underline-offset: 4px
}

.tooltip-item {
    cursor: pointer
}

.tooltip {
    position: absolute;
    z-index: 999999999;
    top: 0;
    left: 0;
    padding: 8px;
    border-radius: 8px;
    background-color: var(--bgAccentNight);
    color: var(--BW-white);
    text-align: left;
    max-width: 200px
}

.tooltip:before {
    content: "";
    position: absolute;
    width: 12px;
    height: 12px;
    background: var(--bgAccentNight);
    transform: rotate(45deg) translate(-50%);
    border-radius: 4px;
    z-index: -1
}

.tooltip.left:before {
    right: -8px;
    top: 50%
}

.tooltip.right:before {
    left: 0;
    top: 50%
}

.tooltip.top:before {
    bottom: -9px;
    left: calc(50% - 2px)
}

.tooltip.bottom:before {
    top: 1px;
    left: calc(50% - 2px)
}

.tooltip a {
    text-decoration: underline!important
}

div#bg-wrapper {
    position: fixed;
    z-index: 0;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.drag-handle {
    opacity: .5;
    cursor: grab;
    flex-shrink: 0
}

input[disabled] {
    opacity: 1
}

span.helper-text {
    position: absolute;
    border-radius: 4px;
    color: var(--txAlertRed);
    border: solid 1px var(--brAlertRed);
    margin-top: .6em;
    display: inline-flex;
    align-items: center;
    z-index: 9;
    padding: .3em .6em;
    word-break: break-word;
    background-color: var(--bgAlertRed);
    font-size: 1em;
    line-height: normal
}

span.helper-text .arrow {
    display: inline-block;
    position: absolute;
    width: 12.1px;
    height: 12.1px;
    border-radius: 4px 0 0;
    background-color: var(--bgAlertRed);
    transform: rotate(45deg);
    z-index: -1;
    top: -6px;
    left: 42px;
    border-top: solid 1px var(--brAlertRed)!important;
    border-left: solid 1px var(--brAlertRed)!important
}

.ai-btn {
    color: var(--txPrimary)!important;
    border-width: 2px!important;
    background-image: linear-gradient(135deg,var(--lbPurple),var(--lbRed),var(--lbYellow),var(--lbPurple),var(--lbGreen));
    border: none!important;
    transition: .3s linear
}

.ai-btn .flex-row.center.gap-2 {
    position: relative;
    z-index: 3
}

.ai-btn .ispinner-wrapper.button-loading {
    z-index: 4
}

.ai-btn .ispinner-wrapper .ispinner .ispinner-circle {
    background: var(--txPrimary)!important
}

.ai-btn:before {
    content: "";
    position: absolute;
    width: calc(100% - 3px);
    height: calc(100% - 3px)!important;
    left: 1.5px;
    top: 1.5px;
    height: 0;
    background: var(--bgSecondary);
    border-radius: 6px;
    transition: .3s linear;
    z-index: 2
}

.ai-btn:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%!important;
    height: 0;
    background-image: linear-gradient(135deg,var(--lbPurple),var(--lbRed),var(--lbYellow),var(--lbPurple),var(--lbGreen));
    border-radius: 6px;
    left: 0;
    top: 0;
    transition: .3s linear;
    z-index: 1;
    opacity: 0
}

.ai-btn:hover {
    background-image: linear-gradient(180deg,var(--lbPurple),var(--lbRed),var(--lbYellow),var(--lbPurple),var(--lbGreen))
}

.ai-btn:hover:after {
    transition: .3s linear;
    animation: pulse 2s infinite
}

@keyframes pulse {
    0% {
        opacity: 1
    }

    50% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

span.beta {
    position: absolute;
    right: 7px;
    top: 7px;
    font-weight: 700;
    padding: .4em 1.4em;
    color: #7f57f1;
    background: #f0ebff;
    font-size: 11px;
    border-radius: 10px
}

span.beta.menu {
    right: 50%;
    transform: translate(50%);
    bottom: -13px;
    font-size: 10px;
    padding: 3px 9px;
    top: auto
}

.pulse {
    z-index: 1
}

.pulse:before {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: inherit;
    border-radius: inherit;
    -webkit-transition: opacity .3s linear;
    transition: opacity .3s linear,transform .3s linear;
    -webkit-animation: pulse 1s cubic-bezier(.24,0,.38,1) infinite;
    animation: pulse 1s cubic-bezier(.24,0,.38,1) infinite;
    z-index: -1
}

.disabled {
    cursor: not-allowed!important;
    color: #cecece!important;
    opacity: .5;
    pointer-events: none
}

@media (max-width: 1270px) {
    .hidden-sm {
        display:none!important
    }
}

@media (max-width: 1320px) {
    .hidden-small {
        display:none
    }
}

@media (min-width: 767px) {
    * :not(body) {
        scrollbar-color:var(--bgSkeleton) transparent;
        scrollbar-width: thin
    }

    * :not(body)::-webkit-scrollbar {
        width: 6px;
        height: 1px
    }

    * :not(body)::-webkit-scrollbar-thumb {
        background: var(--bgSkeleton);
        border-radius: 999px
    }

    * :not(body)::-webkit-scrollbar-thumb:hover {
        background: #ababab
    }

    * :not(body)::-moz-scrollbar {
        width: 1px;
        height: 9px
    }

    * :not(body)::-moz-scrollbar-track {
        background: #f1f1f1
    }

    * :not(body)::-moz-scrollbar-thumb {
        background: #979797;
        border-radius: 999px
    }

    * :not(body)::-moz-scrollbar-thumb:hover {
        background: #717171
    }
}

.page-loader {
    position: fixed!important;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    font-size: 1.8em
}

@media (max-width: 767px) {
    *[contenteditable] {
        user-select:text!important;
        -moz-user-select: text!important;
        -ms-user-select: text!important;
        -webkit-user-select: text!important;
        -webkit-user-modify: read-write!important
    }

    div#app.dashboard {
        height: auto
    }

    .mobile-navigation-hidden {
        transition: .3s linear
    }
}

.divider {
    width: 100%;
    height: 1px;
    background: #00000024
}

span.new-item {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 14px;
    background: var(--bgAlertOrange);
    color: var(--txAlertOrange);
    height: 21px;
    font-size: 12px;
    border-radius: 4px;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 .4em;
    transition: .3s
}

.badge {
    padding: 2px 8px;
    border-radius: 4px;
    color: var(--txWW);
    font-size: 12px;
    line-height: 18px;
    font-weight: 600;
    background-color: var(--bgAccentNight);
    display: inline-flex
}

.badge.orange {
    background-color: var(--icOrangeSurface);
    color: var(--icOrange)
}

.badge.green {
    background-color: var(--icGreenSurface);
    color: var(--icGreen)
}

.badge.red {
    background-color: var(--icRedSurface);
    color: var(--icRed)
}

.badge.soft-purple {
    background-color: var(--icPurpleSurface);
    color: var(--icPurple)
}

.badge.absolute {
    position: absolute;
    top: 8px
}

.badge.absolute.left {
    left: 8px
}

.badge.absolute.right {
    right: 8px
}

img[lazy=error] {
    max-width: 90px
}

.box {
    border-radius: 16px;
    background-color: var(--bgPrimary);
    padding: 48px;
    margin: 0 auto
}

.vc-popover-content-wrapper {
    z-index: 999!important
}

.iframe-body .app-logo {
    display: none!important
}

.iframe-body .auth-page {
    padding-bottom: 0!important
}

ol>li[data-list=bullet] {
    list-style-type: disc
}

body.profile-preview {
    overflow: hidden
}

body.profile-preview:before {
    display: none
}

.profile.design,.profile.create {
    padding-bottom: 30vh!important
}

.profile-view-element.title {
    padding-bottom: 0!important
}

.profile-view-element.title .profile-element-title-wrapper {
    display: flex;
    flex-direction: column
}

.profile-title {
    position: relative;
    margin-bottom: .5em;
    margin-top: 1em
}

.profile-title .f-input,.profile-title h2,.profile-title h1 {
    width: 100%;
    text-align: center;
    border: none;
    font-size: 1.6rem;
    border-bottom: solid 2px transparent!important;
    font-weight: 600;
    letter-spacing: .4px;
    text-transform: initial;
    background: transparent;
    transition: .3s linear;
    display: inline-block!important
}

.profile-title .f-input {
    border: none!important;
    border-bottom: dotted 2px transparent!important
}

.profile-title .f-input:focus {
    border-color: #11c4e0!important
}

.profile-title.error .f-input {
    border-bottom: solid 2px #ef5350!important
}

.profile-title .error-text {
    color: #ef5350
}

.profile-header .input-field.i-text>div {
    display: flex;
    justify-content: center;
    margin: 0 auto
}

.responsive-preview .back-profile-builder a {
    display: flex;
    align-items: center;
    padding: 1em
}

.responsive-preview .back-profile-builder i {
    margin-right: 1em;
    font-size: 1.3em
}

.profile.create .profile-element:not(.active):before,.profile.design .profile-element:not(.active):before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 999
}

.profile-element {
    padding: 1.7em 1em;
    position: relative;
    border: 1px solid transparent;
    transition: .3s linear;
    border-radius: 8px;
    margin-top: 1em;
    font-weight: 600;
    min-height: 84px
}

.profile-element .grip-icon {
    position: absolute;
    left: 50%;
    transform: translate(-50%);
    top: 0;
    padding: .4em 0;
    font-size: 1.2em!important;
    cursor: move
}

.profile-element .f-input {
    text-align: center
}

.profile-element .profile-element-title {
    line-height: 1.5!important
}

.profile-element .profile-element-title p {
    line-height: inherit!important
}

.profile-element .profile-element-info {
    display: flex;
    flex-wrap: wrap
}

.profile-element .profile-element-info .profile-element-title-wrapper {
    flex: 1;
    text-align: center
}

.profile-element .profile-element-info .profile-element-title-wrapper .ql-editor {
    text-align: center;
    font-size: 18px
}

.profile-element .profile-element-info .profile-element-title {
    font-weight: 500;
    font-size: 1.18rem;
    display: inline-block;
    flex: 1 1 calc(100% - 1em)
}

.profile-element .profile-element-info .profile-element-title .editor {
    color: inherit
}

.profile-element .profile-element-info .profile-element-title .tag>span {
    padding: 2px 32px 3px 10px;
    max-height: none;
    border-radius: 8px;
    top: 0;
    margin-bottom: -2px;
    font-size: 1.1rem;
    font-weight: 600;
    padding-right: 32px!important;
    line-height: 22px;
    vertical-align: text-bottom;
    margin-right: 3px;
    margin-left: 3px;
    max-width: 180px;
    background-color: #edfdff;
    border: solid 1px
}

.profile-element .profile-element-info .profile-element-title .tag>span span.ql-tag-close {
    font-size: 24px;
    transition: .3s;
    background: #12c4e000
}

.profile-element .profile-element-info .profile-element-title .tag>span span.ql-tag-close:hover {
    background: #bdf6ff
}

.profile-element .profile-element-info .element-description {
    flex: 1 1 calc(100% - 1em);
    justify-self: right;
    margin-bottom: 1em;
    color: #2d2d2d;
    font-style: italic;
    font-size: .9em;
    transition: .3s linear max-height;
    letter-spacing: .2px;
    opacity: .8
}

.profile-element .profile-element-info .element-description:not(.filled):before {
    content: attr(data-placeholder);
    color: #2d2d2d80
}

.profile-element .profile-element-info .editable-input {
    display: inline-block;
    word-break: break-word;
    min-height: 1em;
    line-height: 33px!important;
    font-weight: 600;
    min-width: 70px
}

.profile-element .profile-element-info .editable-input:not(.view) {
    line-height: 1.4px
}

.profile-element .show-on-active {
    visibility: hidden;
    opacity: 0;
    transition: visibility,opacity .3s linear
}

.profile-element.active {
    padding: 2em 1em 1.8em;
    border-color: #11c4e0;
    box-shadow: 1px 1px 9px #0000000a;
    background-color: #ffffff1c
}

.profile-element.active:before {
    content: none
}

.profile-element.active.show-tip .editor .ql-editor {
    overflow: inherit
}

.profile-element.active.show-tip .editor .ql-editor p:after {
    content: var(--tip-text)
}

.profile-element.active .profile-element-title {
    border-bottom: 1px dashed #11c4e0
}

.profile-element.active .element-description {
    max-height: none!important
}

.profile-element.active .element-context-menu {
    transition: .3s linear;
    opacity: 1;
    visibility: visible;
    font-size: 1rem
}

.profile-element.active .show-on-active {
    visibility: visible;
    opacity: 1
}

.profile-element.active .hidden-profile-element {
    display: none
}

.profile-element .profile-element-body .i-radio.checked,.profile-element .profile-element-body .checkbox.checked {
    border-color: #11c4e0;
    transition: .3s linear
}

.profile-element .profile-element-body .phone .short-input {
    min-width: 100px
}

.profile-element .profile-element-body .input {
    flex-grow: 1;
    margin-right: 0!important
}

.profile-element .profile-element-body .prepend-icon {
    position: relative
}

.profile-element .profile-element-body .prepend-icon:before,.profile-element .profile-element-body .append-icon:after {
    font-size: 19px
}

.profile-element .profile-element-body .short-input {
    flex-shrink: 1;
    flex-grow: 0;
    min-width: 120px
}

.profile-element .profile-element-body .long-input {
    flex-shrink: 0;
    flex-grow: 1;
    max-width: none
}

.profile-element .profile-element-body .wrap {
    flex-wrap: wrap
}

.profile-element .profile-element-body .wrap .full-input {
    flex: 1 1 100%
}

.profile-element .profile-element-body .wrap>div:not(:first-child) {
    margin-top: .8em
}

.profile-element .profile-element-body .full {
    display: flex
}

.profile-element .profile-element-body .full.list-product-content .product-item {
    width: 100%
}

.profile-element .profile-element-body .full.list-product-content .product-item .product-colomn.product-image {
    min-height: 250px!important
}

.profile-element .profile-element-body .select-wrapper,.profile-element .profile-element-body .input-field {
    flex-basis: 50%;
    margin-right: .4em;
    flex: 1
}

.profile-element .profile-element-body .select-wrapper:last-child,.profile-element .profile-element-body .input-field:last-child {
    margin-right: 0
}

.profile-element .profile-element-body .select-wrapper.short-input,.profile-element .profile-element-body .input-field.short-input {
    flex: 0 1
}

.profile-element .profile-element-body .select-wrapper.long-input,.profile-element .profile-element-body .input-field.long-input {
    flex: 1 0 100%
}

.profile-element .editor__content {
    width: 100%
}

.profile-element .profile-element-info {
    padding-left: 2em;
    padding-right: 2em
}

.profile-body {
    padding-left: 1em;
    padding-right: 1em;
    padding-bottom: 1em;
    position: relative;
    z-index: 1
}

.profile-body .checked,.profile-body .filled {
    filter: opacity(1);
    animation-name: example;
    animation-duration: .6s
}

.profile-body .checked:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #0dc4df;
    border-radius: inherit;
    opacity: .15;
    filter: opacity(1);
    animation-name: example2;
    animation-duration: .6s
}

.profile-body .popup-content .checked:before {
    background: transparent!important
}

.profile-body .input-field:not(.naked) .f-input {
    border-radius: 999px!important
}

.profile-body .input-field:not(.naked) p.f-input,.profile-body .input-field:not(.naked) textarea.f-input {
    border-radius: 14px!important
}

.profile-body .input-choice label {
    border-radius: 14px!important
}

.profile-body .i-button {
    border-radius: 999px!important
}

.profile-element-icon {
    max-width: 28px;
    position: absolute;
    left: 1em;
    top: 50%;
    transform: translateY(-50%)
}

.form-select {
    margin-bottom: 0!important;
    font-size: 1rem;
    margin-top: 10px;
    padding-left: 3em;
    padding-right: 3em
}

.form-select span.select-form-title {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.form-select span.select-form-title.please-select {
    font-weight: 400
}

.form-select li.option b {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
    display: block
}

.link-view {
    font-size: 18px;
    padding: 7px 2em
}

.profile-main-navigation {
    list-style: none;
    display: flex;
    justify-content: center;
    margin: 0 auto
}

.profile-main-navigation li {
    display: inline-block;
    flex: 1;
    text-align: center
}

.profile-main-navigation a {
    display: flex;
    flex-direction: column;
    padding: .8em 2.5em;
    font-weight: 600;
    position: relative;
    transition: .3s;
    font-size: 14px;
    text-transform: capitalize
}

.profile-main-navigation a .i-icon {
    font-size: 20px;
    margin-bottom: .2em
}

.profile-main-navigation a:after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 85%;
    height: 91%;
    border-radius: 8px;
    z-index: -1;
    opacity: 0;
    transition: .3s
}

.profile-main-navigation a:hover:after {
    opacity: 1;
    background: #f5f5f5
}

.profile-main-navigation a.active {
    color: #11c4e0
}

.profile-main-navigation a.active:before {
    content: "";
    position: absolute;
    left: 50%;
    transform: translate(-50%);
    bottom: 0;
    height: .22em;
    width: 85%;
    z-index: 1;
    border-radius: 8px;
    background: #11c4e0
}

.profile-main-navigation a.active:after {
    background: #f2fdff;
    opacity: 1
}

.profile-publish-btn.publish-button.published .i-button.disabled {
    background: transparent!important;
    color: #cecece!important
}

.profile-photo-popup .popup-content {
    max-width: 410px
}

.profile-photo-popup .filepicker-component {
    width: 100%!important
}

.profile-link-click {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 99
}

.profile-body .toolbar.ql-toolbar {
    display: flex;
    align-items: center
}

#profile-content {
    width: 100%;
    min-height: calc(100vh - 185px);
    padding: 0
}

#profile-content.form-create.cover,#profile-content.form-design {
    padding-top: 0
}

@media (min-width: 767px) {
    #profile-content.sidebar-open {
        padding-left:405px
    }
}

#profile-content .title {
    text-align: center
}

#profile-content .title.profile-element {
    background: transparent!important
}

#profile-content .title.profile-element:not(.active) {
    border: none
}

#profile-content .title .profile-element-info {
    justify-content: center
}

#profile-content .title .profile-element-title {
    text-align: center!important;
    display: inline-block!important;
    font-size: 20px
}

#profile-content .title .profile-element-title .ql-editor {
    font-size: 20px;
    font-weight: 600;
    min-width: 100px
}

#profile-content .title .question-description {
    font-size: 1rem
}

#profile-content.share {
    padding-left: 0
}

.ml-1 {
    margin-left: 4px
}

.ml-2 {
    margin-left: 8px
}

.ml-3 {
    margin-left: 12px
}

.mr-3 {
    margin-right: 12px
}

.mt-1 {
    margin-top: 4px
}

.mt-2 {
    margin-top: 8px
}

.mt-3 {
    margin-top: 12px
}

.mt-4 {
    margin-top: 16px
}

.mt-5 {
    margin-top: 20px
}

.mt-6 {
    margin-top: 24px
}

.mb-2 {
    margin-bottom: 8px
}

.mb-3,.mb-4 {
    margin-bottom: 12px
}

.mr-1 {
    margin-right: 4px
}

.mr-2 {
    margin-right: 8px
}

.m-a {
    margin: auto
}

.p-0 {
    padding: 0!important
}

.p-1 {
    padding: 4px
}

.p-2 {
    padding: 8px
}

.p-3 {
    padding: 12px
}

.p-4 {
    padding: 16px
}

.p-5 {
    padding: 20px
}

.p-7 {
    padding: 28px
}

.pt-1 {
    padding-top: 4px
}

.pt-4 {
    padding-top: 16px
}

.pl-0 {
    padding-left: 0
}

.pl-5 {
    padding-left: 20px
}

.no-wrap {
    white-space: nowrap
}

.flex-row {
    display: flex;
    flex-direction: row;
    align-items: center
}

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

.flex-row.center {
    justify-content: center
}

.flex-row.left {
    justify-content: flex-start
}

.flex-row.right {
    justify-content: flex-end
}

.flex-row.between {
    justify-content: space-between
}

.flex-row.wrap {
    flex-wrap: wrap
}

.flex-row.end {
    justify-content: flex-end
}

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

.flex-grow-1 {
    flex-grow: 1
}

.flex-grow-2 {
    flex-grow: 2
}

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

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

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

.flex-column.j-center {
    justify-content: center
}

.flex-column.j-start {
    justify-content: flex-start
}

.flex-column.between {
    justify-content: space-between
}

.flex-column.j-end {
    justify-content: end
}

.display-grid {
    display: grid
}

.display-grid.grid--cols-1-3 {
    grid-template-columns: 1fr 3fr
}

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

.display-grid.grid--cols-3 {
    grid-template-columns: repeat(3,1fr)
}

.display-grid.grid--cols-2 {
    grid-template-columns: repeat(2,1fr)
}

@media (max-width: 767px) {
    .display-grid.mobile-grid--cols-1 {
        grid-template-columns:repeat(1,1fr)
    }
}

.line-clamp-1 {
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis
}

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

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

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

.full-h {
    height: 100%
}

.gap-1 {
    gap: 4px
}

.gap-2 {
    gap: 8px
}

.gap-3 {
    gap: 12px
}

.gap-4 {
    gap: 16px
}

.gap-5 {
    gap: 20px
}

.gap-6 {
    gap: 24px
}

.gap-7 {
    gap: 28px
}

.gap-8 {
    gap: 32px
}

.gap-9 {
    gap: 36px
}

.gap-10 {
    gap: 40px
}

.gap-12 {
    gap: 48px
}

.gap-in {
    gap: inherit
}

.gap-input {
    gap: var(--f-inputSpacing, 12px)
}

.flex-01 {
    flex: .1
}

.flex-02 {
    flex: .2
}

.flex-03 {
    flex: .3
}

.flex-04 {
    flex: .4
}

.flex-05 {
    flex: .5
}

.flex-06 {
    flex: .6
}

.flex-07 {
    flex: .7
}

.flex-08 {
    flex: .8
}

.flex-09 {
    flex: .9
}

.flex-1 {
    flex: 1
}

.text-center {
    text-align: center
}

.text-right {
    text-align: right
}

.fw-medium {
    font-weight: 500
}

.no-border {
    border: 0!important
}

.xs-visible {
    display: none!important
}

.break-word {
    word-break: break-word
}

.cursor-p {
    cursor: pointer
}

.semi-bold {
    font-weight: 600
}

.capitalize {
    text-transform: capitalize
}

.cursor-default {
    cursor: default!important;
    pointer-events: none
}

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

label,span.label {
    display: block;
    font-weight: 400
}

label.vertical,span.label.vertical {
    margin-bottom: 8px
}

label.horizontal,span.label.horizontal {
    margin-right: 16px
}

label .top-hint,span.label .top-hint {
    display: block;
    color: var(--txTertiary);
    font-style: italic
}

div.line {
    background-color: var(--brPrimary);
    border: none
}

div.line.vertical {
    width: 1px;
    height: 100%
}

div.line.horizontal {
    height: 1px;
    width: 100%
}

.overflow-x-auto {
    overflow-x: auto
}

.overflow-hidden {
    overflow: hidden
}

.v-hidden {
    opacity: 0;
    pointer-events: none
}

.invert {
    filter: invert(1)
}

@media (max-width: 767px) {
    .xs-flex-column {
        flex-direction:column
    }

    .xs-hidden {
        display: none!important
    }

    .xs-visible {
        display: block!important
    }
}

.form.rtl .question-body,.form.create.rtl .question-info {
    direction: rtl;
    unicode-bidi: plaintext
}

.rtl .ql-bubble .ql-editor {
    text-align: start;
    unicode-bidi: plaintext
}

.rtl label.i-checkbox.checkbox {
    left: auto
}

.rtl .i-button {
    direction: ltr
}

.rtl label.i-checkbox.checkbox {
    direction: unset
}

.rtl .design-input-buttons.show-on-active {
    right: auto;
    left: .5em
}

.rtl .action-product {
    direction: ltr
}

.rtl .input-choice i.before-checkbox {
    right: 0
}

.rtl .input-choice p.label-text {
    margin-right: 2.4em;
    margin-left: 0
}

.rtl .selection-matrix-checkbox {
    direction: ltr
}

.rtl .question.required .question-title .ql-editor:after {
    left: auto!important;
    right: 3px
}

.rtl span.opinion-scale-wrapper-labels-label.right {
    text-align: left
}

.rtl span.opinion-scale-wrapper-labels-label.left {
    text-align: right
}

.rtl .opinion-scale-wrapper .opinion-scale-button:first-child {
    border-radius: 0 999px 999px 0!important;
    border-right: solid 1px
}

.rtl .ql-container p {
    text-align: start!important;
    unicode-bidi: plaintext
}

.rtl .opinion-scale-wrapper .opinion-scale-button:last-child {
    border-radius: 999px 0 0 999px!important
}

.rtl .input-field .icon-left {
    left: 0!important
}

.rtl .grid-table>div:not(:first-child) {
    margin-right: 1em!important;
    margin-left: 0!important
}

.rtl .t-and-c-label {
    margin-left: 0;
    margin-right: 12px
}

.rtl .rating-wrapper .rate-content {
    margin-right: 0!important;
    margin-left: .5em
}

.rtl .question-info {
    direction: rtl;
    unicode-bidi: plaintext
}

.rtl .question,.rtl .form-description,.rtl .welcome-page,.rtl .thankyou-page {
    unicode-bidi: plaintext;
    text-align: start;
    direction: inherit
}

.rtl .question .question-title,.rtl .question .ql-editor,.rtl .question .input-field,.rtl .question .input-element,.rtl .question .choice-label,.rtl .question .question-info,.rtl .question textarea,.rtl .question input[type=text],.rtl .question input[type=email],.rtl .question input[type=tel],.rtl .question input[type=url],.rtl .question .ql-container p,.rtl .form-description .question-title,.rtl .form-description .ql-editor,.rtl .form-description .input-field,.rtl .form-description .input-element,.rtl .form-description .choice-label,.rtl .form-description .question-info,.rtl .form-description textarea,.rtl .form-description input[type=text],.rtl .form-description input[type=email],.rtl .form-description input[type=tel],.rtl .form-description input[type=url],.rtl .form-description .ql-container p,.rtl .welcome-page .question-title,.rtl .welcome-page .ql-editor,.rtl .welcome-page .input-field,.rtl .welcome-page .input-element,.rtl .welcome-page .choice-label,.rtl .welcome-page .question-info,.rtl .welcome-page textarea,.rtl .welcome-page input[type=text],.rtl .welcome-page input[type=email],.rtl .welcome-page input[type=tel],.rtl .welcome-page input[type=url],.rtl .welcome-page .ql-container p,.rtl .thankyou-page .question-title,.rtl .thankyou-page .ql-editor,.rtl .thankyou-page .input-field,.rtl .thankyou-page .input-element,.rtl .thankyou-page .choice-label,.rtl .thankyou-page .question-info,.rtl .thankyou-page textarea,.rtl .thankyou-page input[type=text],.rtl .thankyou-page input[type=email],.rtl .thankyou-page input[type=tel],.rtl .thankyou-page input[type=url],.rtl .thankyou-page .ql-container p {
    text-align: start;
    direction: inherit
}

.rtl [lang=en],.rtl .ltr-text {
    direction: ltr;
    unicode-bidi: embed
}

.rtl .ql-editor[dir=rtl] {
    text-align: right
}

.rtl .ql-editor[dir=ltr] {
    text-align: left
}

.rtl .ql-editor p {
    unicode-bidi: plaintext;
    text-align: inherit
}

.rtl .ql-editor.rtl-editor {
    direction: rtl;
    text-align: right;
    unicode-bidi: plaintext
}

.rtl .ql-editor.rtl-editor span[lang=en],.rtl .ql-editor.rtl-editor .english-text {
    direction: ltr;
    unicode-bidi: embed
}

.rtl .ql-editor:focus {
    text-align: start
}

.rtl .phone-number,.rtl .email-address,.rtl .url-field,.rtl .number-input {
    direction: ltr;
    unicode-bidi: embed
}

.rtl .product-bottom-section {
    justify-content: flex-start!important
}

.rtl .product-bottom-section .product-price.text-right {
    margin-right: .4em
}

.rtl .selection-matrix-left-value {
    margin-right: 0!important
}

.rtl .selection-matrix-table-top .left-value-buffer {
    border-right: none!important;
    border-left: solid 1px var(--f-borderColor);
    margin-right: 0!important
}

.rtl .selection-matrix-body .selection-matrix-left-value {
    border-right: none!important;
    border-left: solid 1px var(--f-borderColor)
}

.rtl .vdp-datepicker {
    direction: ltr
}

.rtl .question.required .question-title p.view:after {
    left: auto;
    right: 3px
}

.rtl .question.required .question-title .ql-editor p:after {
    left: -4px!important
}

.rtl .limited-domain {
    border-left: none!important;
    border-right: solid 1px var(--f-borderColor);
    padding-left: 0;
    padding-right: 8px
}

body.rtl-mode .form {
    direction: rtl
}

body.rtl-mode .ql-container,body.rtl-mode .ql-editor {
    unicode-bidi: plaintext;
    text-align: start
}

body.rtl-mode .ltr-content,body.rtl-mode [dir=ltr] {
    direction: ltr;
    unicode-bidi: embed
}

body.rtl-mode input::placeholder,body.rtl-mode textarea::placeholder {
    direction: rtl;
    text-align: right;
    unicode-bidi: plaintext
}

body.rtl-mode .field-error,body.rtl-mode .validation-message,body.rtl-mode .error-message {
    text-align: right;
    unicode-bidi: plaintext
}

body.rtl-mode .form-field-mixed-content {
    unicode-bidi: plaintext;
    text-align: start
}

body.rtl-mode .form-field-mixed-content [dir=ltr] {
    direction: ltr;
    unicode-bidi: isolate
}

body.rtl-mode .form-field-mixed-content [dir=rtl] {
    direction: rtl;
    unicode-bidi: isolate
}

body.rtl-mode .rtl-number-handling .phone-number,body.rtl-mode .rtl-number-handling .email-address,body.rtl-mode .rtl-number-handling .url-field,body.rtl-mode .rtl-number-handling .number-input,body.rtl-mode .rtl-number-handling .price-field,body.rtl-mode .rtl-number-handling .percentage-field {
    direction: ltr;
    unicode-bidi: isolate;
    text-align: left
}

.i-select-wrapper[data-v-481c0563] {
    user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-user-select: none;
    min-width: 0;
    flex-shrink: 0
}

.i-select-wrapper .select-fancy[data-v-481c0563] {
    cursor: pointer;
    position: relative
}

.i-select-wrapper .select-fancy.open .option-wrapper[data-v-481c0563] {
    z-index: 9999
}

.i-select-wrapper .select-fancy.open .input-wrapper[data-v-481c0563] {
    z-index: 99;
    position: relative;
    cursor: inherit
}

.i-select-wrapper .select-fancy.open .input-wrapper .f-select[data-v-481c0563] {
    box-shadow: 1px 1px 9px #0000000a;
    cursor: inherit;
    border-radius: 8px;
    border-color: var(--brPrimary)
}

.i-select-wrapper .select-fancy.open.down .input-wrapper[data-v-481c0563] {
    border-bottom-left-radius: 0!important;
    border-bottom-right-radius: 0!important;
    border-bottom: 1px solid transparent
}

.i-select-wrapper .select-fancy.open.down .input-wrapper .f-select[data-v-481c0563] {
    border-bottom: 1px solid var(--brPrimary);
    border-bottom-right-radius: 0!important;
    border-bottom-left-radius: 0!important
}

.i-select-wrapper .select-fancy.open.up .input-wrapper[data-v-481c0563] {
    border-top-left-radius: 0!important;
    border-top-right-radius: 0!important;
    border-top: 1px solid transparent
}

.i-select-wrapper .select-fancy.open.up .input-wrapper .f-select[data-v-481c0563] {
    border-top: none;
    border-top-right-radius: 0!important;
    border-top-left-radius: 0!important
}

.i-select-wrapper .select-fancy.up .option-wrapper[data-v-481c0563] {
    top: auto!important;
    bottom: 100%;
    border-bottom: none;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

.i-select-wrapper .select-fancy .input-wrapper[data-v-481c0563] {
    position: relative;
    line-height: 20px
}

.i-select-wrapper .select-fancy .input-wrapper div.f-select[data-v-481c0563] {
    display: flex;
    align-items: center;
    min-width: 8em;
    width: 18em;
    max-width: 100%
}

.i-select-wrapper .select-fancy .input-wrapper .f-select[data-v-481c0563] {
    line-height: 1;
    width: 100%;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    padding: .5em 3em .5em 1.4em;
    color: #2d2d2d;
    border: 1px solid var(--brPrimary);
    border-radius: 8px;
    min-height: 47px
}

.i-select-wrapper .select-fancy .option-wrapper[data-v-481c0563] {
    position: absolute;
    margin-top: -1px;
    left: 0;
    width: 100%;
    list-style: none;
    background: var(--bgPrimary);
    border: 1px solid var(--brPrimary);
    overflow: hidden;
    z-index: 999;
    padding: 12px;
    box-shadow: 1px 1px 4px 0 var(--swColor)
}

.i-select-wrapper .select-fancy .option-wrapper .option-wrapper-layout[data-v-481c0563] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    overflow-y: auto;
    max-height: 17em
}

.i-select-wrapper .select-fancy .option-wrapper .option[data-v-481c0563] {
    padding: 8px;
    border-radius: 8px
}

.i-select-wrapper .select-fancy .option-wrapper .option.selected[data-v-481c0563] {
    background-color: var(--bgTertiary)
}

.i-select-wrapper .select-fancy .option-wrapper .option[data-v-481c0563]:hover {
    background-color: var(--bgSecondary)
}

.i-select-wrapper .select-fancy .option-wrapper .option span[data-v-481c0563] {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 8px
}

.i-select-wrapper .select-fancy .option-wrapper li[data-v-481c0563] {
    position: relative
}

.i-select-wrapper .select-fancy .option-wrapper i.checked-icon.i-icon[data-v-481c0563] {
    position: absolute;
    top: 50%;
    right: 10px;
    background: var(--bgAccentPurple);
    color: #fff;
    padding: .3em;
    border-radius: 9999px;
    font-size: 10px;
    transform: translateY(-50%)
}

.i-select-wrapper .select-fancy.down .option-wrapper[data-v-481c0563] {
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px;
    border-top: none
}

.i-select-wrapper .select-fancy.up .option-wrapper[data-v-481c0563] {
    border-top-right-radius: 8px;
    border-top-left-radius: 8px;
    border-bottom: none
}

.i-select-wrapper .input-wrapper[data-v-481c0563] {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    background-color: var(--bgPrimary);
    border-radius: 8px;
    padding: 8px 12px;
    gap: 12px;
    border: solid 1px var(--brPrimary);
    cursor: pointer;
    transition: .1s linear border-radius
}

.i-select-wrapper .input-wrapper[data-v-481c0563]:hover {
    background-color: var(--bgPrimaryHover)
}

.i-select-wrapper .input-wrapper[data-v-481c0563]:active {
    background-color: var(--bgPrimaryFocus)
}

.i-select-wrapper .input-wrapper .input-wrapper-left[data-v-481c0563] {
    display: flex;
    align-items: center;
    flex-direction: row;
    gap: 8px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.i-select-wrapper .input-wrapper .input-wrapper-left span[data-v-481c0563] {
    overflow: hidden;
    text-overflow: ellipsis
}

.i-select-wrapper .input-wrapper .input-wrapper-right[data-v-481c0563] {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 8px
}

.i-select-wrapper .search-input[data-v-481c0563] {
    margin-bottom: 12px
}

.switch-content[data-v-42206887] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    width: inherit
}

.switch-content.with-background[data-v-42206887] {
    background-color: var(--bgSecondary);
    border-radius: 8px;
    padding: 8px
}

.switch-content:has(:not(.with-background)) .sub-content[data-v-42206887] {
    padding: 12px;
    background-color: var(--bgSecondary);
    border-radius: 8px;
    position: relative
}

.switch-content:has(:not(.with-background)) .sub-content[data-v-42206887]:before {
    content: "";
    position: absolute;
    left: 27px;
    top: -7px;
    width: 15px;
    height: 15px;
    background-color: var(--bgSecondary);
    transform: rotate(45deg);
    border-radius: 4px
}

.switch-content:has(:not(.with-background)) .sub-content.primary-bg[data-v-42206887] {
    background-color: var(--bgPrimary)
}

.switch-content:has(:not(.with-background)) .sub-content.primary-bg[data-v-42206887]:before {
    background-color: var(--bgPrimary)
}

.switch-content .switch-label[data-v-42206887] {
    display: flex;
    align-items: center;
    width: inherit;
    user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-user-select: none;
    gap: 8px
}

.switch-content .switch[data-v-42206887] {
    font-size: inherit;
    position: relative;
    display: inline-block;
    width: 32px;
    min-width: 32px;
    height: 20px
}

.switch-content .switch input[data-v-42206887] {
    opacity: 0;
    width: 0;
    height: 0
}

.switch-content .switch input:checked+.pin[data-v-42206887] {
    background-color: var(--bgAccentNight)
}

.switch-content .switch input:checked+.pin[data-v-42206887]:hover {
    background: var(--bgAccentNight)
}

.switch-content .switch input:checked+.pin[data-v-42206887]:before {
    transform: translate(12px)
}

.switch-content .switch .pin[data-v-42206887] {
    font-size: inherit;
    position: absolute;
    cursor: pointer;
    inset: 0;
    background-color: var(--brDisabled);
    transition: .3s
}

.switch-content .switch .pin.round[data-v-42206887] {
    border-radius: 999px
}

.switch-content .switch .pin.round[data-v-42206887]:before {
    border-radius: 999px
}

.switch-content .switch .pin[data-v-42206887]:before {
    content: "";
    top: 2px;
    left: 2px;
    width: 16px;
    height: 16px;
    font-size: inherit;
    position: absolute;
    background-color: #fff;
    transition: .3s linear transform
}

.switch-content .switch:hover .pin[data-v-42206887] {
    background-color: var(--icGraySurface)
}

.switch-content .caption[data-v-42206887] {
    font-size: 12px;
    line-height: 18px;
    color: var(--txTertiary)
}

.label-wrapper[data-v-42206887] {
    flex: 1
}

.label-wrapper p[data-v-42206887] {
    margin-right: 4px
}

.switch-loader[data-v-42206887] {
    position: absolute;
    top: 0
}

.switch-loader.active[data-v-42206887] {
    right: 0
}

.i-text .input-field[data-v-d7a1ec63] {
    display: flex;
    align-items: center;
    width: 100%;
    overflow: hidden;
    gap: 8px
}

.i-text .input-field.textarea[data-v-d7a1ec63] {
    align-items: flex-start
}

.i-text .input-field.textarea .i-icon[data-v-d7a1ec63] {
    margin-top: 8px
}

.i-text .input-field[data-v-d7a1ec63]:not(.naked) {
    border: 1px solid var(--brPrimary);
    background-color: var(--bgPrimary);
    border-radius: 8px
}

.i-text .input-field[data-v-d7a1ec63]:not(.naked):has(.f-input:focus) {
    border-color: var(--brPurple)
}

.i-text .input-field.prepend-icon[data-v-d7a1ec63] {
    padding-left: 8px
}

.i-text .input-field.append-icon[data-v-d7a1ec63] {
    padding-right: 8px
}

.i-text .input-field.invalid[data-v-d7a1ec63] {
    border-color: var(--brAlertRed)
}

.i-text .input-field .f-input[data-v-d7a1ec63] {
    border: none;
    color: inherit;
    padding: 8px;
    width: 100%;
    line-height: 20px;
    font-size: inherit
}

.i-text .input-field .f-input[data-v-d7a1ec63]:autofill,.i-text .input-field .f-input[data-v-d7a1ec63]:-webkit-autofill,.i-text .input-field .f-input[data-v-d7a1ec63]:-webkit-autofill:hover,.i-text .input-field .f-input[data-v-d7a1ec63]:-webkit-autofill:focus,.i-text .input-field .f-input[data-v-d7a1ec63]:-webkit-autofill:active {
    background-color: transparent!important;
    box-shadow: 0 0 0 1000px var(--bgPrimary) inset!important;
    -webkit-text-fill-color: var(--txPrimary)!important
}

.i-text .input-field .f-input[type=number][data-v-d7a1ec63]::-webkit-inner-spin-button,.i-text .input-field .f-input[type=number][data-v-d7a1ec63]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    -moz-appearance: textfield;
    -ms-appearance: none;
    -o-appearance: none
}

.i-text .input-field .f-input[type=search][data-v-d7a1ec63]::-webkit-search-cancel-button,.i-text .input-field .f-input[type=search][data-v-d7a1ec63]::-webkit-search-decoration {
    -webkit-appearance: none
}

.i-text .input-field.naked .f-input[data-v-d7a1ec63],.i-text .input-field.dashed .f-input[data-v-d7a1ec63] {
    padding: 8px 0
}

.i-text .input-field:not(.naked) .f-input[data-v-d7a1ec63]::placeholder {
    opacity: 1;
    color: #939393
}

.i-text .input-field:not(.naked) .f-input[data-v-d7a1ec63]:-ms-input-placeholder {
    opacity: 1;
    color: #939393
}

.i-text .input-field:not(.naked) .f-input[data-v-d7a1ec63]::-ms-input-placeholder {
    opacity: 1;
    color: #939393
}

.i-text .input-field p.f-input[data-v-d7a1ec63]:before {
    content: attr(data-placeholder);
    color: currentColor;
    opacity: .6;
    cursor: text
}

.i-text .input-field input.f-input[data-v-d7a1ec63],.i-text .input-field textarea.f-input[data-v-d7a1ec63] {
    background-color: transparent;
    -webkit-appearance: none;
    -moz-appearance: textfield;
    -ms-appearance: none;
    -o-appearance: none
}

.i-text .input-field textarea.f-input[data-v-d7a1ec63] {
    max-width: 100%
}

.i-text .input-field.textarea textarea[data-v-d7a1ec63] {
    min-height: 140px!important
}

.i-text .input-field[data-v-d7a1ec63]:hover {
    cursor: text
}

.i-text .input-field.dashed[data-v-d7a1ec63] {
    border-radius: 0!important;
    border: none;
    border-bottom: 1px dashed var(--brPrimary)
}

.i-text .i-text-footer[data-v-d7a1ec63] {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-top: 4px;
    width: 100%;
    gap: 8px;
    margin-bottom: -9px
}

.i-text .i-text-footer span[data-v-d7a1ec63] {
    font-size: 12px;
    line-height: 18px;
    color: var(--txTertiary)
}

.i-text .i-icon.clickable[data-v-d7a1ec63] {
    margin-right: 4px
}

.i-checkbox[data-v-cc275133] {
    width: fit-content;
    cursor: pointer;
    position: relative
}

.i-checkbox .checkbox-icon[data-v-cc275133] {
    border: 1px solid var(--brPrimary);
    border-radius: 4px;
    flex-shrink: 0;
    background-color: var(--bgPrimary);
    pointer-events: none
}

.i-checkbox.disabled[data-v-cc275133] {
    cursor: not-allowed
}

.i-checkbox>span[data-v-cc275133] {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 12px;
    pointer-events: none
}

.i-checkbox:hover .checkbox-icon[data-v-cc275133],.i-checkbox:active .checkbox-icon[data-v-cc275133] {
    border-color: var(--brPrimaryHover)
}

.i-checkbox.checked .checkbox-icon[data-v-cc275133] {
    border-color: var(--bgAccentNight);
    background: var(--bgAccentNight)
}

.i-checkbox.custom[data-v-cc275133] {
    padding: 12px;
    border: 1px solid var(--brPrimary);
    border-radius: 8px;
    cursor: pointer
}

.i-checkbox.custom.checked[data-v-cc275133] {
    border-color: var(--bgAccentNight);
    color: var(--txPrimary);
    transition: .3s linear
}

.i-checkbox.custom.checked[data-v-cc275133]:before {
    content: "";
    position: absolute;
    background: var(--bgAccentNight);
    pointer-events: none;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

.i-radio[data-v-859f2586] {
    width: fit-content;
    cursor: pointer;
    position: relative
}

.i-radio .i-icon[data-v-859f2586] {
    border: 1px solid var(--brPrimary);
    border-radius: 9999px;
    flex-shrink: 0;
    background-color: var(--bgPrimary)
}

.i-radio.disabled[data-v-859f2586] {
    cursor: not-allowed
}

.i-radio>span[data-v-859f2586] {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 12px
}

.i-radio:hover .i-icon[data-v-859f2586],.i-radio:active .i-icon[data-v-859f2586] {
    border-color: var(--brPrimaryHover)
}

.i-radio.checked .i-icon[data-v-859f2586] {
    border-color: var(--bgAccentNight);
    background: var(--bgAccentNight)
}

.i-radio.custom[data-v-859f2586] {
    padding: 12px;
    border: 1px solid var(--brPrimary);
    border-radius: 8px;
    cursor: pointer;
    overflow: hidden
}

.i-radio.custom[data-v-859f2586]>* {
    position: relative
}

.i-radio.custom[data-v-859f2586]:before {
    background: var(--bgPrimary);
    content: "";
    position: absolute;
    pointer-events: none;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transition: background-color .3s linear
}

.i-radio.custom.checked[data-v-859f2586] {
    border-color: var(--brPurple)
}

.i-radio.custom.checked[data-v-859f2586]:before {
    content: "";
    background-color: var(--bgSoftPurple)
}

.i-button[data-v-df162c9e] {
    user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-user-select: none;
    text-align: center;
    position: relative;
    cursor: pointer;
    transition: width .15s linear,background-color .15s linear,border-color .15s linear;
    border-radius: 8px;
    display: inline-flex;
    align-items: center;
    min-width: 1em;
    min-height: 1em;
    color: var(--BW-white);
    border: 1px solid transparent;
    justify-content: center;
    overflow: hidden
}

.i-button[data-v-df162c9e]:not(.full-w) {
    width: fit-content
}

.i-button.center[data-v-df162c9e] {
    align-self: center
}

.i-button.align-end[data-v-df162c9e] {
    align-self: flex-end
}

.i-button.with-icon[data-v-df162c9e] {
    justify-content: center;
    gap: 8px
}

.i-button.append-icon .text-wrapper[data-v-df162c9e] {
    margin-left: auto
}

.i-button.prepend-icon .text-wrapper[data-v-df162c9e] {
    flex: 1
}

.i-button.rounded[data-v-df162c9e] {
    border-radius: 999px
}

.i-button.underline[data-v-df162c9e] {
    text-decoration: underline
}

.i-button .text-wrapper[data-v-df162c9e] {
    justify-self: center;
    width: 100%;
    font-weight: 600
}

.i-button .text-wrapper[data-v-df162c9e]:empty {
    display: none
}

.i-button .i-preloader[data-v-df162c9e] {
    position: absolute;
    left: 50%;
    transform: translate(-50%);
    margin: 0!important
}

.i-button .loading-text[data-v-df162c9e] {
    opacity: 0
}

.i-button .is-rotate-loading[data-v-df162c9e] {
    -webkit-animation: fa-spin-df162c9e 1s infinite linear;
    animation: fa-spin-df162c9e 1s infinite linear
}

.i-button.size-xsmall[data-v-df162c9e] {
    padding: 2px 4px
}

.i-button.size-xsmall.with-icon[data-v-df162c9e]:not(:has(.text-wrapper)) {
    padding: 2px
}

.i-button.size-small[data-v-df162c9e] {
    padding: 4px 8px
}

.i-button.size-small.with-icon[data-v-df162c9e]:not(:has(.text-wrapper)) {
    padding: 4px
}

.i-button.size-medium[data-v-df162c9e] {
    padding: 8px 12px
}

.i-button.size-medium.with-icon[data-v-df162c9e]:not(:has(.text-wrapper)),.i-button.size-medium.with-icon[data-v-df162c9e]:has(.text-wrapper[style="display: none;"]) {
    padding: 8px
}

.i-button.size-large[data-v-df162c9e] {
    padding: 12px 16px
}

.i-button.size-large.with-icon[data-v-df162c9e]:not(:has(.text-wrapper)) {
    padding: 12px
}

.i-button.type-primary[data-v-df162c9e] {
    background-color: var(--bgAccentNight)
}

.i-button.type-primary[data-v-df162c9e]:hover {
    background-color: var(--bgAccentNightHover)
}

.i-button.type-primary[data-v-df162c9e]:active {
    background-color: var(--bgAccentNightFocus)
}

.i-button.type-secondary[data-v-df162c9e] {
    background-color: var(--bgSecondary);
    border-color: var(--brPrimary);
    color: var(--txPrimary)
}

.i-button.type-secondary[data-v-df162c9e]:hover {
    background-color: var(--bgTertiary)
}

.i-button.type-secondary[data-v-df162c9e]:active {
    background-color: var(--bgSecondaryFocus)
}

.i-button.type-alert-green[data-v-df162c9e] {
    background-color: var(--txAlertGreen);
    color: var(--txWB)
}

.i-button.type-primary-white[data-v-df162c9e] {
    background-color: var(--bgPrimary);
    color: var(--txPrimary);
    border-color: var(--brPrimary)
}

.i-button.type-primary-white[data-v-df162c9e]:hover {
    background-color: var(--bgPrimaryHover)
}

.i-button.type-primary-white[data-v-df162c9e]:active {
    background-color: var(--bgPrimaryFocus)
}

.i-button.naked[data-v-df162c9e] {
    color: var(--txPrimary)
}

.i-button.naked[data-v-df162c9e]:hover {
    color: var(--txTertiary)
}

.i-button.type-alert-red[data-v-df162c9e]:not(.naked) {
    background-color: var(--txAlertRed);
    color: var(--txWB);
    border-color: transparent
}

.i-button.type-alert-red[data-v-df162c9e]:not(.naked):hover {
    background-color: var(--txAlertRedHover)
}

.i-button.type-alert-red[data-v-df162c9e]:not(.naked):active {
    background-color: var(--txAlertRedFocus)
}

.i-button.type-alert-red.naked[data-v-df162c9e] {
    color: var(--txAlertRed)
}

.i-button.type-alert-orange[data-v-df162c9e] {
    background-color: var(--txAlertOrange);
    color: var(--txWB);
    border-color: transparent
}

.i-button.type-alert-orange[data-v-df162c9e]:hover {
    background-color: var(--txAlertOrangeHover)
}

.i-button.type-alert-orange[data-v-df162c9e]:active {
    background-color: var(--txAlertOrangeFocus)
}

.i-button.type-alert-blue[data-v-df162c9e] {
    background-color: var(--txAlertBlue);
    color: var(--txWB);
    border-color: transparent
}

.i-button.type-alert-blue[data-v-df162c9e]:hover {
    background-color: var(--txAlertBlueHover)
}

.i-button.type-alert-blue[data-v-df162c9e]:active {
    background-color: var(--txAlertBlueFocus)
}

.i-button.type-alert-green[data-v-df162c9e] {
    background-color: var(--txAlertGreen);
    color: var(--txWB);
    border-color: transparent
}

.i-button.type-alert-green[data-v-df162c9e]:hover {
    background-color: var(--txAlertGreenHover)
}

.i-button.type-alert-green[data-v-df162c9e]:active {
    background-color: var(--txAlertGreenFocus)
}

.i-button.type-accent-purple[data-v-df162c9e] {
    background-color: var(--bgAccentPurple);
    border-color: transparent
}

.i-button.type-accent-purple[data-v-df162c9e]:hover {
    background-color: var(--bgAccentPurpleHover)
}

.i-button.type-accent-purple[data-v-df162c9e]:active {
    background-color: var(--bgAccentPurpleFocus)
}

.i-button.loading[data-v-df162c9e] {
    pointer-events: none
}

.i-button.i-button-disabled[data-v-df162c9e] {
    color: var(--txPrimaryDisabled)
}

.i-button.i-button-disabled[data-v-df162c9e]:not(.naked) {
    background: var(--bgPrimaryDisabled)
}

.i-button.i-button-disabled[data-v-df162c9e]:not(.tooltip-item) {
    pointer-events: none
}

.i-button .button-loading[data-v-df162c9e] {
    position: absolute
}

.i-button.color-red[data-v-df162c9e] {
    color: var(--txAlertRed)
}

@-webkit-keyframes fa-spin-df162c9e {
    0% {
        -webkit-transform: rotateZ(0deg);
        transform: rotate(0)
    }

    to {
        -webkit-transform: rotateZ(359deg);
        transform: rotate(359deg)
    }
}

@keyframes fa-spin-df162c9e {
    0% {
        -webkit-transform: rotateZ(0deg);
        transform: rotate(0)
    }

    to {
        -webkit-transform: rotateZ(359deg);
        transform: rotate(359deg)
    }
}

.counter-wrapper .counter[data-v-6c4dc9f1] {
    font-size: 24px;
    line-height: 31.8999996185px
}

.counter-wrapper .counter.small[data-v-6c4dc9f1] {
    font-size: 16px;
    line-height: 22.6000003815px
}

.counter-wrapper .counter .counter-item[data-v-6c4dc9f1] {
    padding: .5em;
    border: solid 1px var(--brBW);
    border-radius: 8px;
    min-width: 3.3em;
    text-align: center;
    font-weight: 700;
    white-space: nowrap
}

.counter-wrapper .counter span[data-v-6c4dc9f1] {
    font-weight: 500;
    align-self: center
}

.discount[data-v-b0b7c935] {
    border-radius: 8px;
    overflow: visible!important
}

.discount .alert-panel .i-button[data-v-b0b7c935] {
    transition: .3s linear
}

@media (max-width: 767px) {
    .discount .alert-panel .i-button[data-v-b0b7c935] {
        width:100%
    }
}

.discount .alert-panel .i-button[data-v-b0b7c935]:hover {
    opacity: .8
}

.discount .alert-panel img[data-v-b0b7c935] {
    margin-bottom: -30px;
    position: relative;
    top: -11px;
    max-width: 92px
}

@media (min-width: 768px) and (max-width: 1024px) {
    .discount .alert-panel img[data-v-b0b7c935] {
        display:none
    }
}

.discount .alert-panel p[data-v-b0b7c935],.discount .alert-panel .i-button[data-v-b0b7c935] {
    font-size: 15px;
    font-weight: 500
}

.discount .alert-panel .stripe-content[data-v-b0b7c935] {
    position: relative;
    flex: initial!important;
    margin-left: auto
}

@media (max-width: 767px) {
    .discount .alert-panel .stripe-content[data-v-b0b7c935] {
        flex:1!important
    }
}

.discount .alert-panel .stripe-close[data-v-b0b7c935] {
    margin-left: auto
}

.discount .i-icon.clickable[data-v-b0b7c935]:hover:before {
    opacity: .3!important
}

.discount-purple[data-v-b0b7c935] .alert-panel {
    background: var(--bgSoftPurple);
    border: solid 1px var(--brPurple)
}

.discount-purple[data-v-b0b7c935] .alert-panel .i-button {
    background: var(--bgAccentPurple)!important
}

.discount-yellow[data-v-b0b7c935] .alert-panel {
    background: var(--bgAlertYellow);
    border: solid 1px var(--lbYellow)
}

.discount-yellow[data-v-b0b7c935] .alert-panel .i-button {
    background: var(--lbYellow)!important;
    color: #000
}

.discount-green[data-v-b0b7c935] .alert-panel {
    background: var(--bgAlertGreen);
    border: solid 1px var(--lbGreen)
}

.discount-green[data-v-b0b7c935] .alert-panel .i-button {
    background: var(--lbGreen)!important;
    color: #000
}

.discount-yellow .discount-circle[data-v-b0b7c935] {
    background: var(--bgAlertYellow);
    border: solid 1px var(--lbYellow)
}

.discount-yellow .package-item .new-price .save-year[data-v-b0b7c935] {
    background-color: var(--bgAlertYellow)
}

.discount-yellow .save-up-wrapper .save-up[data-v-b0b7c935] {
    background: #10112d;
    border-color: var(--lbYellow)
}

.discount-yellow .save-up-wrapper .save-up[data-v-b0b7c935]:before {
    background: radial-gradient(circle at 50% 30%,rgba(252,255,60,.25),transparent 35%)
}

.discount-yellow .save-up-wrapper .save-up[data-v-b0b7c935]:after {
    background: linear-gradient(90deg,transparent 0%,rgba(255,255,60,.55) 50%,transparent 100%)
}

.discount-yellow[data-v-b0b7c935] .package-period-toggle .i-button.selected {
    border-color: var(--lbYellow)!important;
    background-color: var(--bgAlertYellow)
}

.discount-purple .discount-circle[data-v-b0b7c935] {
    background: var(--bgSoftPurple);
    border: solid 1px var(--brPurple)
}

.discount-purple .package-item .new-price .save-year[data-v-b0b7c935] {
    background-color: var(--bgSoftPurple)
}

.discount-purple .save-up-wrapper .save-up[data-v-b0b7c935] {
    background: #10112d;
    border-color: var(--brPurple)
}

.discount-purple .save-up-wrapper .save-up[data-v-b0b7c935]:before {
    background: radial-gradient(circle at 50% 30%,rgba(170,60,255,.25),transparent 35%)
}

.discount-purple .save-up-wrapper .save-up[data-v-b0b7c935]:after {
    background: linear-gradient(90deg,transparent 0%,rgba(177,60,255,.55) 50%,transparent 100%)
}

.discount-purple[data-v-b0b7c935] .package-period-toggle .i-button.selected {
    border-color: var(--brPurple)!important;
    background-color: var(--bgSoftPurple)
}

.discount-green .discount-circle[data-v-b0b7c935] {
    background: var(--bgAlertGreen);
    border: solid 1px var(--lbGreen)
}

.discount-green .package-item .new-price .save-year[data-v-b0b7c935] {
    background-color: var(--bgAlertGreen)
}

.discount-green .save-up-wrapper .save-up[data-v-b0b7c935] {
    background: #10112d;
    border-color: var(--lbGreen)
}

.discount-green .save-up-wrapper .save-up[data-v-b0b7c935]:before {
    background: radial-gradient(circle at 50% 30%,rgba(60,255,83,.25),transparent 35%)
}

.discount-green .save-up-wrapper .save-up[data-v-b0b7c935]:after {
    background: linear-gradient(90deg,transparent 0%,rgba(60,255,63,.55) 50%,transparent 100%)
}

.discount-green[data-v-b0b7c935] .package-period-toggle .i-button.selected {
    border-color: var(--lbGreen)!important;
    background-color: var(--bgAlertGreen)
}

.stripe-wrapper[data-v-b0b7c935] {
    will-change: margin-top
}

.stripe-wrapper .stripe-content[data-v-b0b7c935] {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 16px;
    flex: 1
}

.stripe-wrapper .stripe-actions[data-v-b0b7c935] {
    display: flex;
    flex-direction: row;
    width: 100%;
    justify-content: center
}

.stripe-wrapper[data-v-b0b7c935] .alert-panel {
    justify-content: center
}

.stripe-wrapper[data-v-b0b7c935] .alert-wrapper {
    margin: 0!important
}

.stripe-wrapper[data-v-b0b7c935] .i-button {
    flex-shrink: 0
}

@media (max-width: 767px) {
    .stripe-wrapper .stripe-content[data-v-b0b7c935] {
        gap:8px;
        justify-content: flex-start
    }
}

.spring[data-v-b0b7c935] .alert-panel {
    background: var(--bgSoftPurple)!important;
    border: none
}

.spring[data-v-b0b7c935] .alert-panel p {
    color: var(--txPrimary)
}

.skeleton-loader[data-v-45fca429] {
    display: flex
}

.skeleton-loader.center div[data-v-45fca429] {
    justify-content: center;
    align-items: center
}

.skeleton-loader .skeleton-column[data-v-45fca429] {
    display: flex;
    flex-direction: column;
    height: 100%
}

.skeleton-loader .skeleton-column .skeleton-rows[data-v-45fca429] {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%
}

.skeleton-loader .skeleton-column .skeleton-rows.template-row[data-v-45fca429] {
    flex-direction: row
}

.skeleton-loader .skeleton-column .skeleton-rows .skeleton-loading[data-v-45fca429] {
    background-color: var(--bgSkeletonSecondary);
    animation-duration: 1.5s;
    animation-name: skeletonLoading-45fca429;
    animation-iteration-count: infinite;
    opacity: .3
}

.skeleton-loader .skeleton-column .skeleton-rows .skeleton-loading.doughnut[data-v-45fca429] {
    background-color: transparent;
    animation-name: skeletonLoadingDoughnut-45fca429;
    border: 1px solid var(--bgSkeletonSecondary)
}

@keyframes skeletonLoading-45fca429 {
    0% {
        background-color: var(--bgSkeletonSecondary)
    }

    50% {
        background-color: var(--bgSkeleton)
    }

    to {
        background-color: var(--bgSkeletonSecondary)
    }
}

@keyframes skeletonLoadingDoughnut-45fca429 {
    0% {
        border-color: var(--bgSkeletonSecondary)
    }

    50% {
        border-color: var(--bgSkeleton)
    }

    to {
        border-color: var(--bgSkeletonSecondary)
    }
}

.i-icon[data-v-5fa3e990] {
    user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-user-select: none;
    fill: currentColor;
    color: inherit;
    display: inline-flex;
    font-size: inherit;
    align-items: center;
    justify-content: center;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
    overflow: visible;
    flex-shrink: 0
}

.i-icon div[data-v-5fa3e990] {
    transform: scale(1.15)
}

.i-icon.clickable[data-v-5fa3e990] {
    border-radius: 4px;
    cursor: pointer;
    position: relative
}

.i-icon.clickable[data-v-5fa3e990]:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: var(--bgTertiary);
    mix-blend-mode: luminosity;
    opacity: 0;
    transition: opacity .3s;
    border-radius: inherit
}

.i-icon.clickable[data-v-5fa3e990]:hover:before {
    opacity: 1
}

.i-icon.naked-hover[data-v-5fa3e990] {
    cursor: pointer
}

.i-icon.naked-hover[data-v-5fa3e990]:hover {
    opacity: .6
}

.i-icon[data-v-5fa3e990] svg {
    width: inherit;
    height: inherit
}

.i-icon .svg-icon[data-v-5fa3e990] {
    display: flex;
    align-items: center
}

.vue-avatar--wrapper[data-v-91c98065] {
    overflow: hidden;
    flex-shrink: 0
}

.i-menu-wrapper[data-v-9cc74a2e] {
    position: relative;
    display: flex;
    width: 100%;
    flex-direction: row;
    gap: 8px;
    white-space: nowrap;
    overflow-x: auto;
    min-height: fit-content
}

.i-menu-wrapper.vertical[data-v-9cc74a2e] {
    flex-direction: column
}

.i-menu-wrapper.horizontal[data-v-9cc74a2e] {
    gap: 20px
}

.i-menu-wrapper.horizontal.full-width[data-v-9cc74a2e] {
    justify-content: space-around
}

.i-menu-wrapper .tab-menu[data-v-9cc74a2e] {
    display: flex;
    flex-direction: row;
    align-items: center;
    cursor: pointer;
    position: relative;
    gap: 8px;
    font-weight: 600;
    border-radius: 8px;
    border: 1px solid transparent;
    transition: .15s linear
}

.i-menu-wrapper.icon-wrap .tab-menu[data-v-9cc74a2e] {
    flex-direction: column;
    gap: 2px
}

.i-menu-wrapper.active-color[data-v-9cc74a2e] {
    gap: 20px
}

@media (max-width: 767px) {
    .i-menu-wrapper.active-color[data-v-9cc74a2e] {
        gap:12px
    }
}

.i-menu-wrapper.active-color .tab-menu[data-v-9cc74a2e] {
    padding: 8px!important;
    flex: 1
}

.i-menu-wrapper.active-color .tab-menu[data-v-9cc74a2e]:hover {
    background-color: var(--bgSecondary)
}

.i-menu-wrapper.active-color .tab-menu.active-tab-menu[data-v-9cc74a2e] {
    color: var(--bgAccentPurple)
}

.i-menu-wrapper.active-color .tab-menu.active-tab-menu[data-v-9cc74a2e]:before {
    background-color: var(--bgAccentPurple)!important
}

.i-menu-wrapper.active-color.vertical .tab-menu.active-tab-menu[data-v-9cc74a2e] {
    background-color: var(--bgSecondary)
}

.i-menu-wrapper.active-color.horizontal .tab-menu[data-v-9cc74a2e]:not(:has(.i-icon)) {
    padding: 16px!important
}

.i-menu-wrapper.bottom .tab-menu[data-v-9cc74a2e] {
    padding-bottom: 12px
}

.i-menu-wrapper.bottom .tab-menu[data-v-9cc74a2e]:before {
    position: absolute;
    content: "";
    bottom: 0;
    left: 0;
    height: 3px;
    width: 100%;
    margin-left: 50%;
    transform: translate(-50%)!important;
    background-color: transparent;
    border-radius: 9999px;
    transition: .15s linear
}

.i-menu-wrapper.bottom .tab-menu[data-v-9cc74a2e]:hover:before {
    background-color: var(--brPrimary)
}

.i-menu-wrapper.bottom .tab-menu.active-tab-menu[data-v-9cc74a2e]:before {
    background-color: var(--bgAccentNight)
}

.i-menu-wrapper.bottom.horizontal .tab-menu[data-v-9cc74a2e] {
    padding-top: 12px
}

.i-menu-wrapper.top .tab-menu[data-v-9cc74a2e] {
    padding: 8px 0
}

.i-menu-wrapper.top .tab-menu.active-tab-menu[data-v-9cc74a2e]:before {
    position: absolute;
    content: "";
    top: -2px;
    left: 0;
    height: 4px;
    width: 27px;
    margin-left: 50%;
    transform: translate(-50%)!important;
    border-radius: 9999px;
    background-color: var(--bgAccentNight);
    transition: .15s linear
}

.i-menu-wrapper:not(.top):not(.bottom):not(.active-color) .tab-menu[data-v-9cc74a2e] {
    padding: 12px
}

.i-menu-wrapper:not(.top):not(.bottom):not(.active-color) .tab-menu.active-tab-menu[data-v-9cc74a2e] {
    border-color: var(--brPrimary);
    background-color: var(--bgSecondary)
}

.i-menu-wrapper:not(.top):not(.bottom):not(.active-color) .tab-menu[data-v-9cc74a2e]:hover {
    border-color: var(--brPrimary)
}

.i-menu-wrapper.flex[data-v-9cc74a2e] {
    flex: 1
}

.i-menu-wrapper.center[data-v-9cc74a2e] {
    margin: 0 auto;
    width: auto
}

.alert-wrapper[data-v-abec5e1c]:not(.transparent) {
    box-shadow: 1px 1px 9px #0000000a
}

.alert-wrapper[data-v-abec5e1c] {
    position: relative;
    overflow: hidden;
    height: fit-content
}

.alert-wrapper[data-v-abec5e1c]:not(.no-margin) {
    margin: 1em 0
}

.alert-wrapper.sticky[data-v-abec5e1c] {
    position: fixed;
    position: sticky;
    position: -webkit-sticky;
    top: 0;
    z-index: 1;
    max-width: 750px;
    margin: 1em auto
}

.alert-wrapper.error .alert-panel[data-v-abec5e1c] {
    background: var(--bgAlertRed);
    color: var(--txAlertRed);
    border-color: var(--brAlertRed)
}

.alert-wrapper.warning .alert-panel[data-v-abec5e1c] {
    background: var(--bgAlertOrange);
    color: var(--txAlertOrange);
    border-color: var(--brAlertOrange)
}

.alert-wrapper.success .alert-panel[data-v-abec5e1c] {
    background: var(--bgAlertGreen);
    color: var(--txAlertGreen);
    border-color: var(--brAlertGreen)
}

.alert-wrapper.info .alert-panel[data-v-abec5e1c] {
    background: var(--bgAlertBlue);
    color: var(--txAlertBlue);
    border-color: var(--brAlertBlue)
}

.alert-wrapper.naked .alert-panel[data-v-abec5e1c] {
    background: transparent;
    border: none;
    padding: 0;
    gap: 8px
}

.alert-panel[data-v-abec5e1c] {
    display: flex;
    flex-direction: row;
    align-items: center;
    position: relative;
    z-index: 1;
    padding: 8px;
    text-transform: none!important;
    border: 1px solid transparent;
    border-radius: 8px;
    gap: 8px;
    word-break: break-word
}

.alert-panel.column[data-v-abec5e1c] {
    flex-direction: column;
    align-items: flex-start
}

.alert-panel .i-icon[data-v-abec5e1c]:not(.dots) {
    align-self: center
}

.alert-panel ol[data-v-abec5e1c],.alert-panel ul[data-v-abec5e1c] {
    padding-left: 1em
}

.alert-panel[data-v-abec5e1c] .i-button {
    white-space: pre;
    flex-shrink: 1
}

.alert-panel[data-v-abec5e1c] .i-button:not(.with-icon) {
    flex-shrink: 0
}

.alert-panel[data-v-abec5e1c] a:not(.i-button) {
    text-decoration: underline;
    margin-left: auto;
    word-break: normal;
    white-space: nowrap;
    word-wrap: normal
}

.alert-panel[data-v-abec5e1c] a:not(.i-button):hover {
    opacity: .7
}

.alert-panel .status-dots[data-v-abec5e1c] {
    position: relative
}

.alert-panel .status-dots .pin-first[data-v-abec5e1c] {
    opacity: .4
}

.alert-panel .status-dots .pin[data-v-abec5e1c] {
    position: absolute;
    left: 0;
    top: 3px;
    transform: scale(.7)
}

.alert-panel .close-button[data-v-abec5e1c] {
    margin-left: auto
}

@media (max-width: 767px) {
    .alert-panel[data-v-abec5e1c] {
        justify-content:center
    }

    .alert-panel.wrap[data-v-abec5e1c] {
        flex-wrap: wrap
    }

    .alert-panel a[data-v-abec5e1c] {
        white-space: nowrap
    }
}
/*!
 * Quill Editor v1.3.6
 * https://quilljs.com/
 * Copyright (c) 2014, Jason Chen
 * Copyright (c) 2013, salesforce.com
 */
.ql-container {
    box-sizing: border-box;
    height: 100%;
    margin: 0;
    position: relative
}

.ql-container.ql-disabled .ql-tooltip {
    visibility: hidden
}

.ql-clipboard {
    left: -100000px;
    height: 1px;
    overflow-y: hidden;
    position: absolute;
    top: 50%
}

.ql-clipboard p {
    margin: 0;
    padding: 0
}

.ql-bubble .ql-editor {
    box-sizing: border-box;
    height: 100%;
    outline: none;
    tab-size: 4;
    -moz-tab-size: 4;
    text-align: left;
    white-space: pre-wrap;
    word-wrap: break-word
}

.ql-bubble .ql-editor .ql-align-left {
    text-align: left
}

.ql-bubble .ql-editor>* {
    cursor: text
}

.ql-bubble.ql-toolbar:after,.ql-bubble .ql-toolbar:after {
    clear: both;
    content: "";
    display: table
}

.ql-bubble.ql-toolbar button,.ql-bubble .ql-toolbar button,.ql-bubble .ql-toolbar span.ql-picker {
    background: none;
    color: red;
    border: none;
    cursor: pointer;
    display: inline-block;
    float: left;
    height: 24px;
    padding: 3px 5px;
    width: 28px;
    color: currentColor;
    position: relative
}

.ql-bubble .ql-toolbar span.ql-picker {
    padding: 0
}

.ql-bubble .ql-toolbar .ql-picker .ql-picker-options {
    width: 138px;
    background-color: #fff;
    display: none;
    min-width: 100%;
    padding: 4px 8px;
    position: absolute;
    white-space: nowrap;
    border: 1px solid transparent;
    box-shadow: #0003 0 2px 8px
}

.ql-bubble .ql-toolbar .ql-picker .ql-picker-label {
    height: 24px;
    padding: 3px 5px;
    width: 28px;
    color: currentColor
}

.ql-bubble .ql-toolbar .ql-picker .ql-picker-item {
    border: 1px solid transparent;
    float: left;
    height: 16px;
    margin: 4px;
    padding: 0;
    width: 16px;
    cursor: pointer;
    display: block;
    border-radius: 4px
}

.ql-bubble .ql-picker.ql-expanded .ql-picker-options {
    display: block;
    margin-top: -1px;
    top: 100%;
    z-index: 1;
    border-radius: 8px
}

.ql-bubble.ql-toolbar button svg,.ql-bubble .ql-toolbar button svg {
    float: left;
    height: 100%;
    width: 18px
}

.ql-bubble.ql-toolbar button:active:hover,.ql-bubble .ql-toolbar button:active:hover {
    outline: none
}

.ql-bubble.ql-toolbar button:hover,.ql-bubble .ql-toolbar button:hover,.ql-bubble.ql-toolbar button:focus,.ql-bubble .ql-toolbar button:focus,.ql-bubble.ql-toolbar button.ql-active,.ql-bubble .ql-toolbar button.ql-active {
    color: var(--bgAccentNightHover)
}

.ql-bubble.ql-toolbar button:hover .ql-fill,.ql-bubble .ql-toolbar button:hover .ql-fill,.ql-bubble.ql-toolbar button:focus .ql-fill,.ql-bubble .ql-toolbar button:focus .ql-fill,.ql-bubble.ql-toolbar button.ql-active .ql-fill,.ql-bubble .ql-toolbar button.ql-active .ql-fill,.ql-bubble.ql-toolbar button:hover .ql-stroke.ql-fill,.ql-bubble .ql-toolbar button:hover .ql-stroke.ql-fill,.ql-bubble.ql-toolbar button:focus .ql-stroke.ql-fill,.ql-bubble .ql-toolbar button:focus .ql-stroke.ql-fill,.ql-bubble.ql-toolbar button.ql-active .ql-stroke.ql-fill,.ql-bubble .ql-toolbar button.ql-active .ql-stroke.ql-fill {
    fill: #fff
}

.ql-bubble.ql-toolbar button:hover .ql-stroke,.ql-bubble .ql-toolbar button:hover .ql-stroke,.ql-bubble.ql-toolbar button:focus .ql-stroke,.ql-bubble .ql-toolbar button:focus .ql-stroke,.ql-bubble.ql-toolbar button.ql-active .ql-stroke,.ql-bubble .ql-toolbar button.ql-active .ql-stroke,.ql-bubble.ql-toolbar button:hover .ql-stroke-miter,.ql-bubble .ql-toolbar button:hover .ql-stroke-miter,.ql-bubble.ql-toolbar button:focus .ql-stroke-miter,.ql-bubble .ql-toolbar button:focus .ql-stroke-miter,.ql-bubble.ql-toolbar button.ql-active .ql-stroke-miter,.ql-bubble .ql-toolbar button.ql-active .ql-stroke-miter {
    stroke: #fff
}

@media (pointer: coarse) {
    .ql-bubble.ql-toolbar button:hover:not(.ql-active),.ql-bubble .ql-toolbar button:hover:not(.ql-active) {
        color:#ccc
    }

    .ql-bubble.ql-toolbar button:hover:not(.ql-active) .ql-fill,.ql-bubble .ql-toolbar button:hover:not(.ql-active) .ql-fill,.ql-bubble.ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill,.ql-bubble .ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill {
        fill: #ccc
    }

    .ql-bubble.ql-toolbar button:hover:not(.ql-active) .ql-stroke,.ql-bubble .ql-toolbar button:hover:not(.ql-active) .ql-stroke,.ql-bubble.ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter,.ql-bubble .ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter {
        stroke: #ccc
    }
}

.ql-bubble {
    box-sizing: border-box;
    width: 100%
}

.ql-bubble * {
    box-sizing: border-box
}

.ql-bubble .ql-hidden {
    display: none
}

.ql-bubble .ql-out-bottom,.ql-bubble .ql-out-top {
    visibility: hidden
}

.ql-bubble .ql-tooltip {
    position: absolute;
    transform: translateY(10px);
    z-index: 999;
    padding: 4px 8px;
    border-radius: 8px;
    background-color: var(--bgAccentNight);
    color: #fff;
    fill: #fff;
    width: max-content
}

.ql-bubble .ql-tooltip a {
    cursor: pointer;
    text-decoration: none
}

.ql-bubble .ql-tooltip.ql-flip {
    transform: translateY(-10px)
}

.ql-bubble .ql-formats {
    display: inline-block;
    vertical-align: middle
}

.ql-bubble .ql-formats:after {
    clear: both;
    content: "";
    display: table
}

.ql-bubble .ql-stroke {
    fill: none;
    stroke: #ccc;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 2
}

.ql-bubble .ql-stroke-miter {
    fill: none;
    stroke: #ccc;
    stroke-miterlimit: 10;
    stroke-width: 2
}

.ql-bubble .ql-fill,.ql-bubble .ql-stroke.ql-fill {
    fill: #ccc
}

.ql-bubble .ql-empty {
    fill: none
}

.ql-bubble .ql-even {
    fill-rule: evenodd
}

.ql-bubble .ql-thin,.ql-bubble .ql-stroke.ql-thin {
    stroke-width: 1
}

.ql-bubble .ql-transparent {
    opacity: .4
}

.ql-bubble .ql-direction svg:last-child {
    display: none
}

.ql-bubble .ql-direction.ql-active svg:last-child {
    display: inline
}

.ql-bubble .ql-direction.ql-active svg:first-child {
    display: none
}

.ql-bubble .ql-icon-picker .ql-picker-options {
    padding: 4px 0
}

.ql-bubble .ql-icon-picker .ql-picker-item {
    height: 24px;
    width: 24px;
    padding: 2px 4px
}

.ql-bubble .ql-toolbar .ql-formats {
    margin: 8px 12px 8px 0
}

.ql-bubble .ql-toolbar .ql-formats:first-child {
    margin-left: 12px
}

.ql-bubble .ql-tooltip-arrow {
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    content: " ";
    display: block;
    left: 50%;
    margin-left: -6px;
    position: absolute
}

.ql-bubble .ql-tooltip:not(.ql-flip) .ql-tooltip-arrow {
    border-bottom: 6px solid var(--bgAccentNight);
    top: -6px
}

.ql-bubble .ql-tooltip.ql-flip .ql-tooltip-arrow {
    border-top: 6px solid var(--bgAccentNight);
    bottom: -6px
}

.ql-bubble .ql-tooltip.ql-editing .ql-toolbar {
    min-height: 38px
}

.ql-bubble .ql-tooltip.ql-editing .ql-toolbar button {
    display: none
}

.ql-bubble .ql-tooltip.ql-editing .ql-tooltip-editor {
    display: block
}

.ql-bubble .ql-tooltip.ql-editing .ql-formats {
    visibility: hidden
}

.ql-bubble .ql-tooltip-editor {
    display: none
}

.ql-bubble .ql-tooltip-editor input[type=text] {
    background: transparent;
    border: none;
    color: #fff;
    font-size: 13px;
    height: 100%;
    outline: none;
    position: absolute;
    width: 100%;
    padding: 8px 0
}

.ql-tooltip-editor input[type=text]::placeholder {
    color: #fff;
    opacity: .6
}

.ql-bubble .ql-tooltip-editor a {
    top: 10px;
    position: absolute;
    right: 20px
}

.ql-bubble .ql-tooltip-editor a:before {
    color: #ccc;
    content: "×";
    font-size: 16px;
    font-weight: 700
}

.ql-container.ql-bubble:not(.ql-disabled) a {
    position: relative;
    white-space: nowrap
}

.ql-container.ql-bubble:not(.ql-disabled) a:before {
    background-color: var(--bgAccentNight);
    border-radius: 15px;
    top: -5px;
    font-size: 12px;
    color: #fff;
    content: attr(href);
    font-weight: 400;
    overflow: hidden;
    padding: 5px 15px;
    text-decoration: none;
    z-index: 1
}

.ql-container.ql-bubble:not(.ql-disabled) a:after {
    border-top: 6px solid var(--bgAccentNight);
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    top: 0;
    content: " ";
    height: 0;
    width: 0
}

.ql-container.ql-bubble:not(.ql-disabled) a:before,.ql-container.ql-bubble:not(.ql-disabled) a:after {
    left: 0;
    margin-left: 50%;
    position: absolute;
    transform: translate(-50%,-100%);
    transition: visibility 0s ease .2s;
    visibility: hidden
}

.ql-container.ql-bubble:not(.ql-disabled) a:hover:before,.ql-container.ql-bubble:not(.ql-disabled) a:hover:after {
    visibility: visible
}

.ql-tag-close {
    display: inline-block;
    cursor: pointer;
    font-weight: 700;
    max-width: 28px
}

.ql-tag-close:after {
    content: "×"
}

.editor.hide-toolbar[data-v-781964a0] .ql-tooltip {
    display: none
}

.editor[data-v-781964a0]:hover {
    cursor: text
}

[data-v-781964a0] .ql-editor.ql-blank:before {
    content: attr(data-placeholder);
    opacity: .5
}

[data-v-781964a0] .ql-editor.ql-blank:hover {
    cursor: text
}

[data-v-781964a0] .toolbar {
    padding: .5rem
}

[data-v-781964a0] .toolbar button {
    color: #ccc
}

[data-v-781964a0] .toolbar button.ql-active {
    color: #fff
}

.variable-list[data-v-d9bb3a0b] {
    display: flex;
    position: absolute;
    max-width: 250px;
    width: max-content;
    max-height: 318px;
    z-index: 99;
    list-style-type: none;
    background-color: var(--bgPrimary);
    color: var(--txPrimary);
    box-shadow: 1px 1px 4px 0 var(--swColor);
    flex-direction: column;
    gap: 8px;
    border-radius: 12px;
    border: 1px solid var(--brPrimary);
    padding: 12px 8px;
    overflow-y: auto;
    overflow-x: hidden
}

.variable-list li[data-v-d9bb3a0b] {
    color: inherit;
    display: flex;
    align-items: center;
    padding: 12px 8px;
    border-radius: 8px;
    cursor: pointer
}

.variable-list li[data-v-d9bb3a0b]:hover,.variable-list li.selected[data-v-d9bb3a0b] {
    background-color: var(--bgSecondary)
}

.variable-list li[data-v-d9bb3a0b]:active {
    background-color: var(--bgPrimaryFocus)
}

.variable-list li .i-icon[data-v-d9bb3a0b] {
    margin: 0 12px 0 0
}

.variable-list[data-v-d9bb3a0b] hr {
    margin: 0 -8px
}

.variable-list[data-v-d9bb3a0b]>hr:first-child {
    display: none
}

.tag-editor-wrapper[data-v-5bea5a24] {
    position: relative;
    border: 1px solid var(--brPrimary);
    border-radius: 8px;
    background: var(--bgPrimary)
}

.tag-editor-wrapper .editor[data-v-5bea5a24] {
    width: 100%
}

.tag-editor-wrapper.naked[data-v-5bea5a24] {
    background: transparent;
    border-color: transparent
}

.tag-editor-wrapper .tag-add-button-wrapper[data-v-5bea5a24] {
    display: flex;
    justify-content: center;
    gap: 8px
}

.tag-editor-wrapper .tag-add-button-wrapper .tag-add-button[data-v-5bea5a24] {
    border-radius: 9999px
}

.tag-editor-wrapper.single-line .editor[data-v-5bea5a24] {
    padding: 8px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    line-height: inherit;
    gap: 8px
}

.tag-editor-wrapper.single-line[data-v-5bea5a24] .tag-add-button-wrapper .i-button {
    border: none
}

.tag-editor-wrapper[data-v-5bea5a24]:not(.single-line) {
    padding: 16px
}

.tag-editor-wrapper[data-v-5bea5a24]:not(.single-line) .ql-editor .ql-editor {
    overflow: hidden
}

.tag-editor-wrapper .max-length-error[data-v-5bea5a24] {
    position: absolute;
    bottom: -2em;
    left: 0;
    color: red
}

.tag-editor-wrapper[data-v-5bea5a24]:hover {
    cursor: text
}

[data-v-5bea5a24] .ql-editor {
    min-height: 18px;
    margin-bottom: 20px
}

[data-v-5bea5a24] .ql-editor h3 {
    border-bottom: 0!important;
    margin: 0;
    padding: 0
}

[data-v-5bea5a24] .ql-editor p {
    min-width: 1px
}

[data-v-5bea5a24] .ql-editor p:not(:first-child) {
    line-height: 26.6000003815px
}

[data-v-5bea5a24] .tag {
    display: inline-block!important;
    position: relative;
    border-radius: 8px;
    background-color: var(--bgAccentNight);
    color: var(--txWW);
    padding: 2px 8px;
    align-items: center;
    max-height: 32px;
    white-space: nowrap;
    max-width: 300px;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: -2px 2px -7px;
    line-height: 20px
}

[data-v-5bea5a24] .tag>span {
    display: inline-flex;
    white-space: nowrap;
    text-overflow: ellipsis;
    gap: 8px;
    justify-content: space-between;
    width: 100%
}

[data-v-5bea5a24] .tag>span .label {
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis
}

.tag-editor-wrapper[data-v-5bea5a24]:has(.ql-editor:focus):not(.naked) {
    border-color: var(--brPurple)
}

.tag-editor-wrapper.single-line[data-v-5bea5a24] .ql-editor {
    padding-bottom: 0;
    min-height: 0;
    margin-bottom: 0
}

.tag-editor-wrapper.single-line[data-v-5bea5a24] .ql-editor p:first-child {
    margin-top: 0
}

.tag-editor-wrapper.rtl[data-v-5bea5a24] .ql-editor,.tag-editor-wrapper.rtl[data-v-5bea5a24] .ql-editor p {
    direction: rtl;
    text-align: right
}
.ql-snow.ql-toolbar button[data-v-61ba86e6],.ql-snow .ql-toolbar button[data-v-61ba86e6] {
    fill: var(--txPrimary)
}
/*!
 * Quill Editor v1.3.6
 * https://quilljs.com/
 * Copyright (c) 2014, Jason Chen
 * Copyright (c) 2013, salesforce.com
 */
.ql-container {
    box-sizing: border-box;
    height: 100%;
    margin: 0;
    position: relative
}

.ql-container.ql-disabled .ql-tooltip {
    visibility: hidden
}

.ql-clipboard {
    left: -100000px;
    height: 1px;
    overflow-y: hidden;
    position: absolute;
    top: 50%
}

.ql-clipboard p {
    margin: 0;
    padding: 0
}

.ql-bubble .ql-editor {
    box-sizing: border-box;
    height: 100%;
    outline: none;
    tab-size: 4;
    -moz-tab-size: 4;
    text-align: left;
    white-space: pre-wrap;
    word-wrap: break-word
}

.ql-bubble .ql-editor .ql-align-left {
    text-align: left
}

.ql-bubble .ql-editor>* {
    cursor: text
}

.ql-bubble.ql-toolbar:after,.ql-bubble .ql-toolbar:after {
    clear: both;
    content: "";
    display: table
}

.ql-bubble.ql-toolbar button,.ql-bubble .ql-toolbar button,.ql-bubble .ql-toolbar span.ql-picker {
    background: none;
    color: red;
    border: none;
    cursor: pointer;
    display: inline-block;
    float: left;
    height: 24px;
    padding: 3px 5px;
    width: 28px;
    color: currentColor;
    position: relative
}

.ql-bubble .ql-toolbar span.ql-picker {
    padding: 0
}

.ql-bubble .ql-toolbar .ql-picker .ql-picker-options {
    width: 138px;
    background-color: #fff;
    display: none;
    min-width: 100%;
    padding: 4px 8px;
    position: absolute;
    white-space: nowrap;
    border: 1px solid transparent;
    box-shadow: #0003 0 2px 8px
}

.ql-bubble .ql-toolbar .ql-picker .ql-picker-label {
    height: 24px;
    padding: 3px 5px;
    width: 28px;
    color: currentColor
}

.ql-bubble .ql-toolbar .ql-picker .ql-picker-item {
    border: 1px solid transparent;
    float: left;
    height: 16px;
    margin: 4px;
    padding: 0;
    width: 16px;
    cursor: pointer;
    display: block;
    border-radius: 4px
}

.ql-bubble .ql-picker.ql-expanded .ql-picker-options {
    display: block;
    margin-top: -1px;
    top: 100%;
    z-index: 1;
    border-radius: 8px
}

.ql-bubble.ql-toolbar button svg,.ql-bubble .ql-toolbar button svg {
    float: left;
    height: 100%;
    width: 18px
}

.ql-bubble.ql-toolbar button:active:hover,.ql-bubble .ql-toolbar button:active:hover {
    outline: none
}

.ql-bubble.ql-toolbar button:hover,.ql-bubble .ql-toolbar button:hover,.ql-bubble.ql-toolbar button:focus,.ql-bubble .ql-toolbar button:focus,.ql-bubble.ql-toolbar button.ql-active,.ql-bubble .ql-toolbar button.ql-active {
    color: var(--bgAccentNightHover)
}

.ql-bubble.ql-toolbar button:hover .ql-fill,.ql-bubble .ql-toolbar button:hover .ql-fill,.ql-bubble.ql-toolbar button:focus .ql-fill,.ql-bubble .ql-toolbar button:focus .ql-fill,.ql-bubble.ql-toolbar button.ql-active .ql-fill,.ql-bubble .ql-toolbar button.ql-active .ql-fill,.ql-bubble.ql-toolbar button:hover .ql-stroke.ql-fill,.ql-bubble .ql-toolbar button:hover .ql-stroke.ql-fill,.ql-bubble.ql-toolbar button:focus .ql-stroke.ql-fill,.ql-bubble .ql-toolbar button:focus .ql-stroke.ql-fill,.ql-bubble.ql-toolbar button.ql-active .ql-stroke.ql-fill,.ql-bubble .ql-toolbar button.ql-active .ql-stroke.ql-fill {
    fill: #fff
}

.ql-bubble.ql-toolbar button:hover .ql-stroke,.ql-bubble .ql-toolbar button:hover .ql-stroke,.ql-bubble.ql-toolbar button:focus .ql-stroke,.ql-bubble .ql-toolbar button:focus .ql-stroke,.ql-bubble.ql-toolbar button.ql-active .ql-stroke,.ql-bubble .ql-toolbar button.ql-active .ql-stroke,.ql-bubble.ql-toolbar button:hover .ql-stroke-miter,.ql-bubble .ql-toolbar button:hover .ql-stroke-miter,.ql-bubble.ql-toolbar button:focus .ql-stroke-miter,.ql-bubble .ql-toolbar button:focus .ql-stroke-miter,.ql-bubble.ql-toolbar button.ql-active .ql-stroke-miter,.ql-bubble .ql-toolbar button.ql-active .ql-stroke-miter {
    stroke: #fff
}

@media (pointer: coarse) {
    .ql-bubble.ql-toolbar button:hover:not(.ql-active),.ql-bubble .ql-toolbar button:hover:not(.ql-active) {
        color:#ccc
    }

    .ql-bubble.ql-toolbar button:hover:not(.ql-active) .ql-fill,.ql-bubble .ql-toolbar button:hover:not(.ql-active) .ql-fill,.ql-bubble.ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill,.ql-bubble .ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill {
        fill: #ccc
    }

    .ql-bubble.ql-toolbar button:hover:not(.ql-active) .ql-stroke,.ql-bubble .ql-toolbar button:hover:not(.ql-active) .ql-stroke,.ql-bubble.ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter,.ql-bubble .ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter {
        stroke: #ccc
    }
}

.ql-bubble {
    box-sizing: border-box;
    width: 100%
}

.ql-bubble * {
    box-sizing: border-box
}

.ql-bubble .ql-hidden {
    display: none
}

.ql-bubble .ql-out-bottom,.ql-bubble .ql-out-top {
    visibility: hidden
}

.ql-bubble .ql-tooltip {
    position: absolute;
    transform: translateY(10px);
    z-index: 999;
    padding: 4px 8px;
    border-radius: 8px;
    background-color: var(--bgAccentNight);
    color: #fff;
    fill: #fff;
    width: max-content
}

.ql-bubble .ql-tooltip a {
    cursor: pointer;
    text-decoration: none
}

.ql-bubble .ql-tooltip.ql-flip {
    transform: translateY(-10px)
}

.ql-bubble .ql-formats {
    display: inline-block;
    vertical-align: middle
}

.ql-bubble .ql-formats:after {
    clear: both;
    content: "";
    display: table
}

.ql-bubble .ql-stroke {
    fill: none;
    stroke: #ccc;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 2
}

.ql-bubble .ql-stroke-miter {
    fill: none;
    stroke: #ccc;
    stroke-miterlimit: 10;
    stroke-width: 2
}

.ql-bubble .ql-fill,.ql-bubble .ql-stroke.ql-fill {
    fill: #ccc
}

.ql-bubble .ql-empty {
    fill: none
}

.ql-bubble .ql-even {
    fill-rule: evenodd
}

.ql-bubble .ql-thin,.ql-bubble .ql-stroke.ql-thin {
    stroke-width: 1
}

.ql-bubble .ql-transparent {
    opacity: .4
}

.ql-bubble .ql-direction svg:last-child {
    display: none
}

.ql-bubble .ql-direction.ql-active svg:last-child {
    display: inline
}

.ql-bubble .ql-direction.ql-active svg:first-child {
    display: none
}

.ql-bubble .ql-icon-picker .ql-picker-options {
    padding: 4px 0
}

.ql-bubble .ql-icon-picker .ql-picker-item {
    height: 24px;
    width: 24px;
    padding: 2px 4px
}

.ql-bubble .ql-toolbar .ql-formats {
    margin: 8px 12px 8px 0
}

.ql-bubble .ql-toolbar .ql-formats:first-child {
    margin-left: 12px
}

.ql-bubble .ql-tooltip-arrow {
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    content: " ";
    display: block;
    left: 50%;
    margin-left: -6px;
    position: absolute
}

.ql-bubble .ql-tooltip:not(.ql-flip) .ql-tooltip-arrow {
    border-bottom: 6px solid var(--bgAccentNight);
    top: -6px
}

.ql-bubble .ql-tooltip.ql-flip .ql-tooltip-arrow {
    border-top: 6px solid var(--bgAccentNight);
    bottom: -6px
}

.ql-bubble .ql-tooltip.ql-editing .ql-toolbar {
    min-height: 38px
}

.ql-bubble .ql-tooltip.ql-editing .ql-toolbar button {
    display: none
}

.ql-bubble .ql-tooltip.ql-editing .ql-tooltip-editor {
    display: block
}

.ql-bubble .ql-tooltip.ql-editing .ql-formats {
    visibility: hidden
}

.ql-bubble .ql-tooltip-editor {
    display: none
}

.ql-bubble .ql-tooltip-editor input[type=text] {
    background: transparent;
    border: none;
    color: #fff;
    font-size: 13px;
    height: 100%;
    outline: none;
    position: absolute;
    width: 100%;
    padding: 8px 0
}

.ql-tooltip-editor input[type=text]::placeholder {
    color: #fff;
    opacity: .6
}

.ql-bubble .ql-tooltip-editor a {
    top: 10px;
    position: absolute;
    right: 20px
}

.ql-bubble .ql-tooltip-editor a:before {
    color: #ccc;
    content: "×";
    font-size: 16px;
    font-weight: 700
}

.ql-container.ql-bubble:not(.ql-disabled) a {
    position: relative;
    white-space: nowrap
}

.ql-container.ql-bubble:not(.ql-disabled) a:before {
    background-color: var(--bgAccentNight);
    border-radius: 15px;
    top: -5px;
    font-size: 12px;
    color: #fff;
    content: attr(href);
    font-weight: 400;
    overflow: hidden;
    padding: 5px 15px;
    text-decoration: none;
    z-index: 1
}

.ql-container.ql-bubble:not(.ql-disabled) a:after {
    border-top: 6px solid var(--bgAccentNight);
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    top: 0;
    content: " ";
    height: 0;
    width: 0
}

.ql-container.ql-bubble:not(.ql-disabled) a:before,.ql-container.ql-bubble:not(.ql-disabled) a:after {
    left: 0;
    margin-left: 50%;
    position: absolute;
    transform: translate(-50%,-100%);
    transition: visibility 0s ease .2s;
    visibility: hidden
}

.ql-container.ql-bubble:not(.ql-disabled) a:hover:before,.ql-container.ql-bubble:not(.ql-disabled) a:hover:after {
    visibility: visible
}

.ql-tag-close {
    display: inline-block;
    cursor: pointer;
    font-weight: 700;
    max-width: 28px
}

.ql-tag-close:after {
    content: "×"
}

.editor.hide-toolbar[data-v-781964a0] .ql-tooltip {
    display: none
}

.editor[data-v-781964a0]:hover {
    cursor: text
}

[data-v-781964a0] .ql-editor.ql-blank:before {
    content: attr(data-placeholder);
    opacity: .5
}

[data-v-781964a0] .ql-editor.ql-blank:hover {
    cursor: text
}

[data-v-781964a0] .toolbar {
    padding: .5rem
}

[data-v-781964a0] .toolbar button {
    color: #ccc
}

[data-v-781964a0] .toolbar button.ql-active {
    color: #fff
}

.variable-list[data-v-d9bb3a0b] {
    display: flex;
    position: absolute;
    max-width: 250px;
    width: max-content;
    max-height: 318px;
    z-index: 99;
    list-style-type: none;
    background-color: var(--bgPrimary);
    color: var(--txPrimary);
    box-shadow: 1px 1px 4px 0 var(--swColor);
    flex-direction: column;
    gap: 8px;
    border-radius: 12px;
    border: 1px solid var(--brPrimary);
    padding: 12px 8px;
    overflow-y: auto;
    overflow-x: hidden
}

.variable-list li[data-v-d9bb3a0b] {
    color: inherit;
    display: flex;
    align-items: center;
    padding: 12px 8px;
    border-radius: 8px;
    cursor: pointer
}

.variable-list li[data-v-d9bb3a0b]:hover,.variable-list li.selected[data-v-d9bb3a0b] {
    background-color: var(--bgSecondary)
}

.variable-list li[data-v-d9bb3a0b]:active {
    background-color: var(--bgPrimaryFocus)
}

.variable-list li .i-icon[data-v-d9bb3a0b] {
    margin: 0 12px 0 0
}

.variable-list[data-v-d9bb3a0b] hr {
    margin: 0 -8px
}

.variable-list[data-v-d9bb3a0b]>hr:first-child {
    display: none
}

.tag-editor-wrapper[data-v-5bea5a24] {
    position: relative;
    border: 1px solid var(--brPrimary);
    border-radius: 8px;
    background: var(--bgPrimary)
}

.tag-editor-wrapper .editor[data-v-5bea5a24] {
    width: 100%
}

.tag-editor-wrapper.naked[data-v-5bea5a24] {
    background: transparent;
    border-color: transparent
}

.tag-editor-wrapper .tag-add-button-wrapper[data-v-5bea5a24] {
    display: flex;
    justify-content: center;
    gap: 8px
}

.tag-editor-wrapper .tag-add-button-wrapper .tag-add-button[data-v-5bea5a24] {
    border-radius: 9999px
}

.tag-editor-wrapper.single-line .editor[data-v-5bea5a24] {
    padding: 8px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    line-height: inherit;
    gap: 8px
}

.tag-editor-wrapper.single-line[data-v-5bea5a24] .tag-add-button-wrapper .i-button {
    border: none
}

.tag-editor-wrapper[data-v-5bea5a24]:not(.single-line) {
    padding: 16px
}

.tag-editor-wrapper[data-v-5bea5a24]:not(.single-line) .ql-editor .ql-editor {
    overflow: hidden
}

.tag-editor-wrapper .max-length-error[data-v-5bea5a24] {
    position: absolute;
    bottom: -2em;
    left: 0;
    color: red
}

.tag-editor-wrapper[data-v-5bea5a24]:hover {
    cursor: text
}

[data-v-5bea5a24] .ql-editor {
    min-height: 18px;
    margin-bottom: 20px
}

[data-v-5bea5a24] .ql-editor h3 {
    border-bottom: 0!important;
    margin: 0;
    padding: 0
}

[data-v-5bea5a24] .ql-editor p {
    min-width: 1px
}

[data-v-5bea5a24] .ql-editor p:not(:first-child) {
    line-height: 26.6000003815px
}

[data-v-5bea5a24] .tag {
    display: inline-block!important;
    position: relative;
    border-radius: 8px;
    background-color: var(--bgAccentNight);
    color: var(--txWW);
    padding: 2px 8px;
    align-items: center;
    max-height: 32px;
    white-space: nowrap;
    max-width: 300px;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: -2px 2px -7px;
    line-height: 20px
}

[data-v-5bea5a24] .tag>span {
    display: inline-flex;
    white-space: nowrap;
    text-overflow: ellipsis;
    gap: 8px;
    justify-content: space-between;
    width: 100%
}

[data-v-5bea5a24] .tag>span .label {
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis
}

.tag-editor-wrapper[data-v-5bea5a24]:has(.ql-editor:focus):not(.naked) {
    border-color: var(--brPurple)
}

.tag-editor-wrapper.single-line[data-v-5bea5a24] .ql-editor {
    padding-bottom: 0;
    min-height: 0;
    margin-bottom: 0
}

.tag-editor-wrapper.single-line[data-v-5bea5a24] .ql-editor p:first-child {
    margin-top: 0
}

.tag-editor-wrapper.rtl[data-v-5bea5a24] .ql-editor,.tag-editor-wrapper.rtl[data-v-5bea5a24] .ql-editor p {
    direction: rtl;
    text-align: right
}
.page-indicator[data-v-87975a06] {
    width: 100%;
    display: flex;
    justify-content: center;
    position: fixed;
    top: 0;
    z-index: 9999
}

.page-indicator[data-v-87975a06]:before {
    content: "";
    background-color: #2d2d2d;
    height: 6px;
    width: 100%;
    opacity: .2;
    position: absolute
}

.page-indicator .page-indicator-item[data-v-87975a06] {
    width: 100%;
    height: 6px;
    position: relative
}

.page-indicator .page-indicator-item[data-v-87975a06]:before {
    content: "";
    position: absolute;
    height: 100%;
    width: 0%;
    transition: .3s width
}

.page-indicator .page-indicator-item.active[data-v-87975a06] {
    opacity: 1
}

.page-indicator .page-indicator-item.active[data-v-87975a06]:before {
    width: 100%;
    transition: .3s width
}

.page-indicator .page-indicator-item.active.active-on[data-v-87975a06]:before {
    border-radius: 0 8px 8px 0
}

.page-buttons[data-v-9d8f1483] {
    display: flex
}

.page-next-button .i-button[data-v-9d8f1483] {
    min-height: 2.7em;
    min-width: 6.2em;
    font-size: .9em
}

.page-prev-button[data-v-9d8f1483] {
    margin-right: 10px;
    opacity: 1;
    transition: .3s;
    font-weight: 700;
    font-size: .9em;
    align-self: center
}

.page-prev-button .i-button[data-v-9d8f1483] {
    flex-direction: row-reverse;
    padding-left: 0!important;
    background: transparent!important
}

.page-prev-button[data-v-9d8f1483]:hover {
    opacity: .8;
    background-color: transparent!important
}

.select-form-language[data-v-b5576c90] {
    background-color: var(--f-inputColor)!important;
    color: var(--f-answerColor)!important
}

.select-form-language li[data-v-b5576c90] {
    min-width: 0px!important
}

.select-form-language li[data-v-b5576c90]:hover {
    background-color: var(--f-inputColorHover)!important
}

.lang-menu[data-v-b5576c90] {
    border: solid 1px var(--f-borderColor);
    border-radius: 8px;
    padding: 4px 8px 4px 12px;
    font-size: .8em;
    min-height: 41px;
    background-color: var(--f-inputColor);
    color: var(--f-answerColor)
}

@media (max-width: 767px) {
    .lang-menu[data-v-b5576c90] {
        text-transform:uppercase;
        padding-left: 8px
    }
}
.create .question[data-v-98fcc278] {
    padding: 48px 20px!important
}

.create .question[data-v-98fcc278]:not(.active):not(.question-group):before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1
}

.question[data-v-98fcc278] {
    position: relative;
    border: 1px solid transparent;
    transition: opacity .3s linear,box-shadow .3s linear,border-color .3s linear,background-color .3s linear;
    border-radius: 8px;
    width: 100%
}

.question .grip-icon[data-v-98fcc278] {
    position: absolute;
    left: 50%;
    transform: translate(-50%);
    top: 8px;
    padding: .7rem 0rem;
    z-index: 1
}

.question .question-column[data-v-98fcc278] {
    position: relative
}

.question .question-title p[data-v-98fcc278] {
    line-height: inherit!important
}

.question.question-group[data-v-98fcc278] {
    padding-bottom: 0
}

.question .question-info[data-v-98fcc278] {
    display: flex;
    flex-wrap: wrap;
    font-size: inherit;
    line-height: 1.5em;
    font-weight: 500;
    gap: 4px;
    padding-bottom: 12px
}

.question .question-info .question-order[data-v-98fcc278] {
    display: inline-block;
    flex: 0 0 1em;
    position: relative;
    white-space: nowrap
}

.question .question-info .question-title-wrapper[data-v-98fcc278] {
    flex: 1;
    position: relative
}

.question .question-info .question-title[data-v-98fcc278] {
    display: inline-block;
    flex: 1 1 calc(100% - 1em)
}

.question .question-info .question-title .editor[data-v-98fcc278] {
    color: inherit;
    line-height: inherit!important
}

.question .question-info .question-title .tag>span[data-v-98fcc278] {
    padding: 2px 32px 3px 10px;
    max-height: none;
    border-radius: 8px;
    top: 0;
    margin-bottom: -2px;
    font-size: 1.1rem;
    font-weight: 600;
    padding-right: 32px!important;
    line-height: 22px;
    vertical-align: text-bottom;
    margin-right: 3px;
    margin-left: 3px;
    max-width: 180px;
    background-color: #edfdff;
    border: solid 1px
}

.question .question-info .question-title .tag>span span.ql-tag-close[data-v-98fcc278] {
    font-size: 24px;
    transition: .3s;
    background: #12c4e000
}

.question .question-info .question-title .tag>span span.ql-tag-close[data-v-98fcc278]:hover {
    background: #bdf6ff
}

.question .question-info .question-description[data-v-98fcc278] {
    flex: 1 1 calc(100% - 1em);
    justify-self: right;
    margin-bottom: 4px;
    color: var(--f-questionColor);
    font-style: italic;
    font-size: .9em;
    transition: .3s linear max-height;
    letter-spacing: .2px;
    opacity: .8
}

.question .question-info .question-description[data-v-98fcc278]:not(.filled):before {
    content: attr(data-placeholder);
    color: rgba(var(--f-questionColor),.5)
}

.question .question-info .editable-input[data-v-98fcc278] {
    display: block;
    word-break: break-word;
    min-height: 1em;
    width: 100%
}

.question .question-info .editable-input ul[data-v-98fcc278],.question .question-info .editable-input ol[data-v-98fcc278] {
    padding-left: 1.5em
}

.question[data-v-98fcc278] .show-on-active {
    visibility: hidden;
    opacity: 0;
    transition: visibility,opacity .3s linear;
    pointer-events: none
}

.question.active[data-v-98fcc278] {
    padding: 3em 1em 1.8em;
    border-color: #11c4e0;
    box-shadow: 1px 1px 9px #0000000a;
    background-color: #ffffff1c
}

.question.active[data-v-98fcc278]:before {
    content: none
}

.question.active.show-tip .question-info[data-v-98fcc278] .editor .ql-editor {
    overflow: inherit
}

.question.active.show-tip .question-info[data-v-98fcc278] .editor .ql-editor p:last-of-type:after {
    content: var(--tip-text)
}

.question.active .question-title[data-v-98fcc278] {
    border-bottom: 1px dashed #11c4e0
}

.question.active .question-description[data-v-98fcc278] {
    max-height: none!important
}

.question.active .question-context-menu[data-v-98fcc278] {
    transition: .3s linear;
    opacity: 1;
    visibility: visible
}

.question.active[data-v-98fcc278] .show-on-active {
    visibility: visible;
    opacity: 1;
    pointer-events: unset
}

.question.active .product-item .contenteditable[data-v-98fcc278] {
    border-bottom: dashed 1px #11c4e0
}

.question.active .question-suggest-wrapper.show-suggestion[data-v-98fcc278] {
    opacity: 1;
    pointer-events: all;
    transition: .3s
}

.question.active .question-suggest-wrapper.show-suggestion i#questionSuggest.animate[data-v-98fcc278]:after {
    animation: slide-98fcc278 1s 4
}

@keyframes slide-98fcc278 {
    0% {
        transform: translate(-100%)
    }

    to {
        transform: translate(100%)
    }
}

.question.required .question-title[data-v-98fcc278] {
    position: relative;
    display: flex
}

.question.required .question-title p.view[data-v-98fcc278]:after {
    content: "*";
    position: relative;
    color: inherit;
    font-size: 14px;
    top: -2px;
    line-height: 1;
    left: 3px;
    display: initial!important
}

.question.required .question-title p.view br[data-v-98fcc278] {
    display: none
}

.question.required .question-title[data-v-98fcc278] .ql-editor p {
    display: inline
}

.question.required .question-title[data-v-98fcc278] .ql-editor:after {
    content: "*";
    position: relative;
    color: inherit;
    font-size: 14px;
    top: -2px;
    line-height: 1;
    left: 0
}

.question.required .inline-text p[data-v-98fcc278] {
    display: inline-block!important;
    min-width: 10px
}

.question[data-v-98fcc278] .question-body .short-input {
    flex: .7 1
}

.question[data-v-98fcc278] .question-body .long-input {
    flex: 1 0 100%
}

.question .editor__content[data-v-98fcc278] {
    width: 100%
}

.question .ql-bubble .ql-tooltip[data-v-98fcc278] {
    min-width: 73px
}

.question[data-v-98fcc278] .gap-input {
    gap: var(--f-inputSpacing, 12px)
}

[data-v-98fcc278] .question-body .grid-column-title,[data-v-98fcc278] .question-body .grid-column {
    color: var(--f-questionColor)!important
}

[data-v-98fcc278] .question-body .grid-column .input-field {
    margin-bottom: 0!important
}

[data-v-98fcc278] .question-body .grid-table {
    display: flex;
    flex-direction: row;
    gap: var(--f-inputSpacing, 12px);
    align-items: flex-end
}

[data-v-98fcc278] .question-body .grid-table>div {
    flex: 1;
    min-width: 210px
}

[data-v-98fcc278] .question-body .grid-table div .grid-type {
    width: 100%
}

[data-v-98fcc278] .question-body .grid-footer-container {
    display: flex;
    flex-direction: row;
    gap: var(--f-inputSpacing, 12px)
}

[data-v-98fcc278] .question-body .grid-footer-container div {
    flex: 1;
    min-width: 210px;
    margin-right: 1em
}

[data-v-98fcc278] .product-category-wrapper {
    display: block;
    background: var(--f-inputColor);
    border-radius: min(var(--f-borderRadius),27px);
    padding: 4px;
    border: solid 1px var(--f-borderColor)
}

[data-v-98fcc278] .product-category-wrapper ul li {
    display: inline-block;
    cursor: pointer;
    border: solid 1px var(--f-borderColor);
    padding: 8px 12px;
    color: var(--f-answerColor);
    margin: 4px;
    border-radius: var(--f-borderRadius);
    font-weight: 500;
    font-size: .93em
}

[data-v-98fcc278] .product-category-wrapper ul li.selected {
    background-color: var(--f-mainColor);
    border-color: var(--f-mainColor);
    color: var(--f-antiMainColor)
}

[data-v-98fcc278] .product-misc {
    display: flex;
    justify-content: space-between;
    padding: .5em;
    background: var(--f-inputColor);
    border-radius: min(var(--f-borderRadius),27px);
    column-gap: 12px;
    border: solid 1px var(--f-borderColor)
}

[data-v-98fcc278] .product-misc .product-count {
    font-size: var(--f-fontSize);
    font-weight: 500;
    align-self: center
}

@media (min-width: 767px) {
    [data-v-98fcc278] .product-misc .product-count {
        padding-left:.5em
    }
}

[data-v-98fcc278] .product-misc i {
    align-self: center
}

[data-v-98fcc278] .product-misc .f-input {
    min-height: .1em
}

[data-v-98fcc278] .product-misc .product-search .f-input {
    font-size: .9em;
    background: none!important
}

[data-v-98fcc278] .product-misc .product-search .input-field {
    min-width: 198px!important;
    padding: 4px 8px!important
}

[data-v-98fcc278] .product-misc-item {
    display: flex;
    width: 100%;
    justify-content: space-between
}

[data-v-98fcc278] .viewtype-icons {
    margin-left: auto;
    display: flex;
    gap: var(--f-inputSpacing, 12px)
}

[data-v-98fcc278] .viewtype-icons .i-icon {
    position: relative;
    width: 27px!important;
    height: 27px!important;
    border-radius: var(--f-borderRadius)
}

[data-v-98fcc278] .viewtype-icons .i-icon:hover {
    color: var(--f-mainColor)
}

[data-v-98fcc278] .viewtype-icons .i-icon.selected {
    background-color: var(--f-mainColor);
    color: var(--f-antiMainColor)
}

[data-v-98fcc278] .product {
    display: flex;
    flex-direction: column;
    gap: var(--f-inputSpacing, 12px)
}

[data-v-98fcc278] .product-basket-content {
    display: grid;
    grid-template-columns: calc(50% - 6px) calc(50% - 6px);
    gap: var(--f-inputSpacing, 12px)
}

[data-v-98fcc278] .product-basket-content.product-grid3-view {
    grid-template-columns: repeat(3,minmax(0,1fr))
}

[data-v-98fcc278] .product-basket-content.product-grid3-view .product-image {
    min-height: 183px
}

[data-v-98fcc278] .product-basket-content.product-list-view {
    grid-template-columns: repeat(1,1fr)
}

[data-v-98fcc278] .product-basket-content.product-list-view .product-item {
    display: flex;
    width: 100%;
    flex-direction: row;
    align-items: center;
    min-height: 70px
}

[data-v-98fcc278] .product-basket-content.product-list-view .product-item.created {
    padding-right: 48px
}

[data-v-98fcc278] .product-basket-content.product-list-view .product-item h2 {
    margin-bottom: 0!important;
    white-space: inherit!important
}

[data-v-98fcc278] .product-basket-content.product-list-view .product-item .product-desc {
    margin-bottom: 0
}

[data-v-98fcc278] .product-basket-content.product-list-view .product-item.created .product-colomn.product-detail {
    display: flex;
    flex-direction: column!important;
    align-items: flex-start;
    justify-content: center
}

[data-v-98fcc278] .product-basket-content.product-list-view .product-item .action-product {
    position: absolute;
    right: 8px;
    top: 31px;
    transform: translateY(-50%);
    width: auto;
    padding: 0
}

[data-v-98fcc278] .product-basket-content.product-list-view .product-item .product-detail {
    display: flex;
    align-items: center;
    flex: 1;
    margin: 0;
    flex-direction: row
}

[data-v-98fcc278] .product-basket-content.product-list-view .product-item .product-bottom-section {
    margin-top: 0;
    align-items: center;
    align-self: flex-start
}

[data-v-98fcc278] .product-basket-content.product-list-view .product-item .product-price {
    text-align: right;
    justify-content: flex-end
}

[data-v-98fcc278] .product-basket-content.product-list-view .product-item .product-number {
    display: flex;
    justify-content: flex-end
}

[data-v-98fcc278] .product-basket-content.product-list-view .product-item .product-unit {
    text-align: right;
    justify-content: flex-end
}

[data-v-98fcc278] .product-basket-content.product-list-view .product-item .not-stock-badge {
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%)
}

[data-v-98fcc278] .product-basket-content.product-list-view .product-top-section {
    flex: 1;
    display: flex;
    gap: 12px;
    align-items: center;
    margin: 0;
    min-width: 0
}

[data-v-98fcc278] .product-basket-content.product-list-view .product-top-section>.flex-column {
    min-width: 0
}

[data-v-98fcc278] .product-basket-content.product-list-view .product-image {
    flex-shrink: 0;
    width: 100%;
    max-width: 78px;
    min-height: 69px!important;
    align-self: flex-start;
    margin: 0
}

@media (max-width: 767px) {
    [data-v-98fcc278] .product-basket-content.product-list-view .product-item {
        align-items:flex-start;
        flex-direction: column
    }

    [data-v-98fcc278] .product-basket-content.product-list-view .product-item .product-image {
        flex-shrink: 0;
        width: 100%;
        max-width: 75px;
        min-height: 69px!important;
        align-self: flex-start
    }

    [data-v-98fcc278] .product-basket-content.product-list-view .product-item .product-top-section {
        width: 100%;
        margin-bottom: 8px
    }

    [data-v-98fcc278] .product-basket-content.product-list-view .product-item .product-bottom-section {
        width: 100%
    }

    [data-v-98fcc278] .product-basket-content.product-list-view .product-item .product-bottom-section .product-bottom-section-left {
        display: flex;
        flex-direction: column;
        align-items: flex-end
    }
}

[data-v-98fcc278] .product-basket-content .product-unit {
    font-size: .9em;
    overflow: hidden;
    max-width: 110px;
    text-overflow: ellipsis;
    white-space: nowrap
}

[data-v-98fcc278] .product-basket-content .product-unit .input-field {
    min-width: initial!important;
    max-width: 110px
}

[data-v-98fcc278] .product-basket-content .product-unit .input-field .f-input {
    padding: 0
}

@media (max-width: 767px) {
    [data-v-98fcc278] .product-basket-content .product-list-view .product-colomn.product-detail {
        align-items:flex-start!important;
        flex-direction: column!important;
        width: 100%
    }
}

[data-v-98fcc278] .product-basket-footer-content {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    border-radius: 8px;
    border: solid 1px var(--f-borderColor);
    padding: 1em;
    width: 100%;
    color: var(--f-answerColor)
}

[data-v-98fcc278] .product-basket-footer-content .product-basket-summer-list {
    display: flex;
    flex-direction: column;
    gap: 12px;
    width: 100%
}

[data-v-98fcc278] .product-basket-footer-content .product-basket-summer-list .product-basket-summer-item {
    display: flex;
    flex-direction: row;
    justify-content: space-between
}

[data-v-98fcc278] .product-basket-footer-content .product-basket-summer-list.border>:last-child {
    padding-top: 16px;
    margin-top: 16px;
    border-top: solid 1px var(--f-borderColor)
}

@media (max-width: 767px) {
    [data-v-98fcc278] .product-misc {
        flex-direction:column-reverse
    }

    [data-v-98fcc278] .product-misc .product-search {
        width: 100%;
        margin-bottom: 1em
    }

    [data-v-98fcc278] .product-misc .product-search :deep .f-input {
        min-height: auto!important;
        padding: .8em .8em .8em 3em!important;
        min-height: 2.5em!important
    }

    [data-v-98fcc278] .product-misc .product-search :deep .i-icon {
        height: auto!important
    }

    [data-v-98fcc278] .product-list-view .product-colomn.product-detail {
        align-items: flex-start!important;
        flex-direction: column!important;
        width: 100%
    }
}

[data-v-98fcc278] .product-item {
    display: flex;
    border: solid 1px #DEDEDE;
    border-radius: min(var(--f-borderRadius),27px);
    flex-direction: column;
    background: #fff;
    position: relative;
    margin-top: 0!important;
    cursor: pointer;
    padding: 12px
}

[data-v-98fcc278] .product-item .product-top-section {
    margin-bottom: auto
}

[data-v-98fcc278] .product-item .product-sequence {
    padding: 8px;
    background-color: var(--f-mainColor);
    border-radius: 8px;
    z-index: 999
}

[data-v-98fcc278] .product-item .product-sequence .i-icon {
    color: var(--f-antiMainColor)
}

[data-v-98fcc278] .product-item .product-desc {
    margin-bottom: 1em;
    font-size: .9em;
    opacity: .7
}

[data-v-98fcc278] .product-item .product-bottom-section {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    margin-top: 1.5em;
    gap: 16px
}

[data-v-98fcc278] .product-item .product-bottom-section .product-bottom-section-left {
    flex: 1;
    min-width: 0
}

[data-v-98fcc278] .product-item .product-price {
    font-weight: 500;
    word-break: break-word;
    color: var(--f-answerColor);
    font-size: 1em
}

[data-v-98fcc278] .product-item .product-price p {
    font-size: 1em!important;
    color: inherit;
    font-weight: inherit;
    padding: 4px 0!important
}

[data-v-98fcc278] .product-item .product-price .input-field {
    max-width: 100%;
    overflow: hidden;
    min-width: initial!important;
    font-size: 1em!important
}

[data-v-98fcc278] .product-item .product-image {
    max-height: 170px;
    min-height: 293px;
    position: relative;
    margin-bottom: 12px
}

@media (max-width: 767px) {
    [data-v-98fcc278] .product-item .product-image {
        max-height:160px!important;
        min-height: 170px!important
    }
}

[data-v-98fcc278] .product-item .product-image .product-colomn-img {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-position: center!important;
    background-repeat: no-repeat!important;
    background-size: cover!important;
    background-color: transparent!important;
    border-radius: min(var(--f-borderRadius),27px);
    max-height: 340px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center
}

[data-v-98fcc278] .product-item .product-image .product-colomn-img.no-image {
    background-color: #9b9b9b!important
}

[data-v-98fcc278] .product-item .product-image .product-colomn-img .picture-add {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    background: #fff;
    background: transparent
}

[data-v-98fcc278] .product-item .product-colomn {
    font-size: var(--f-fontSize)
}

[data-v-98fcc278] .product-item .product-colomn.product-detail {
    height: 100%;
    display: flex;
    flex-direction: column
}

[data-v-98fcc278] .product-item .product-colomn.product-detail h2 {
    text-transform: initial;
    font-size: 1.05em;
    font-weight: 500;
    line-height: normal;
    color: var(--f-answerColor);
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden
}

[data-v-98fcc278] .product-item .product-colomn.product-detail .product-desc p {
    text-overflow: ellipsis;
    overflow: hidden;
    padding-top: 4px
}

[data-v-98fcc278] .product-item .product-colomn.product-detail .f-input {
    padding: 4px 0
}

[data-v-98fcc278] .product-item .action-product {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
    background: transparent;
    width: 100%;
    padding: .8em;
    font-size: 1.3em
}

[data-v-98fcc278] .question-basket {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    cursor: pointer;
    position: relative;
    padding: 1em;
    align-items: flex-end;
    background: #fff;
    border-radius: 8px;
    margin-bottom: 1em;
    border: solid 1px #DEDEDE;
    flex-wrap: wrap;
    gap: 12px
}

[data-v-98fcc278] .question-basket .i-select-wrapper {
    max-width: 200px;
    width: 100%
}

[data-v-98fcc278] .question-basket .basket-text-total span {
    font-weight: 600
}

[data-v-98fcc278] .fine-uploader-dropzone-container {
    background-color: #fff;
    border: 3px dotted #11c4e0;
    font-size: 1rem;
    min-height: 10em;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    color: #11c4e0
}

[data-v-98fcc278] .fine-uploader-dropzone-container span {
    font-size: 1.1em
}

[data-v-98fcc278] .fine-uploader-dropzone-container span .i-icon {
    display: flex;
    font-size: 1.5em
}

[data-v-98fcc278] .payment-total h4 {
    margin-top: 1em;
    font-weight: 500;
    color: #2d2d2d
}

[data-v-98fcc278] .payment-total .flexible-input {
    max-width: 200px
}

[data-v-98fcc278] .payment-gateway-select-item-wrapper {
    width: 100%
}

[data-v-98fcc278] .payment-gateway-select-item-wrapper .activegateway.single .payment-gateway-select-items div {
    border: solid 1px #11c4e0;
    opacity: 1!important
}

[data-v-98fcc278] .payment-gateway-wrapper {
    max-width: 100%;
    display: flex;
    width: 100%
}

[data-v-98fcc278] .payment-gateway-select-items {
    display: flex;
    flex: 1;
    gap: var(--f-inputSpacing, 12px)
}

[data-v-98fcc278] .payment-gateway-select-items>div {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 0;
    background: #fff;
    margin-top: 1em;
    border: solid 1px rgba(45,45,45,.2);
    text-align: center;
    transition: .3s linear;
    width: 185px;
    height: 116px;
    border-radius: 8px
}

[data-v-98fcc278] .payment-gateway-select-items>div.activegateway {
    border: solid 1px #11c4e0;
    opacity: 1!important
}

[data-v-98fcc278] .payment-gateway-select-items svg {
    max-width: 115px;
    height: 81px;
    min-width: 115px;
    text-align: center
}

[data-v-98fcc278] .payment-gateway-select-items img {
    width: 186px;
    height: 114px;
    user-drag: none;
    user-select: none;
    -moz-user-select: none;
    -webkit-user-drag: none;
    -webkit-user-select: none;
    -ms-user-select: none
}

[data-v-98fcc278] .payment-gateway-select-items.activegateway.single div {
    border: solid 1px #11c4e0;
    opacity: 1!important
}

[data-v-98fcc278] .question-media {
    width: 100%;
    padding-bottom: 1em;
    display: flex;
    align-items: center
}

[data-v-98fcc278] .question-media .question-media-content {
    display: flex;
    align-items: center
}

[data-v-98fcc278] .question-media.center,[data-v-98fcc278] .question-media.center .question-media-content {
    justify-content: center
}

[data-v-98fcc278] .question-media.right,[data-v-98fcc278] .question-media.right .question-media-content {
    justify-content: flex-end
}

[data-v-98fcc278] .question-media img {
    width: 100%;
    min-width: 70px
}

.question-media-container[data-v-98fcc278] {
    width: 100%;
    padding-bottom: 15px
}

.question-media-button[data-v-98fcc278] {
    padding: 5px
}

[data-v-98fcc278] .picture-choice-wrapper,[data-v-98fcc278] .picture-choice-wrapper .picture-choice-options-wrapper {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    justify-content: flex-start;
    column-gap: 1em
}

[data-v-98fcc278] .picture-choice-wrapper .picture-choice {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    overflow: hidden;
    padding: 0!important
}

[data-v-98fcc278] .picture-choice-wrapper .picture-choice:before {
    background-color: var(--f-inputColor)
}

[data-v-98fcc278] .picture-choice-wrapper .picture-choice .photo {
    justify-self: flex-start;
    overflow: hidden;
    height: 17em;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative
}

[data-v-98fcc278] .picture-choice-wrapper .picture-choice .photo img {
    max-height: 100%
}

[data-v-98fcc278] .picture-choice-wrapper .picture-choice .input {
    padding: 1em;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    gap: 4px;
    word-break: break-word;
    width: 100%;
    line-height: 24px
}

[data-v-98fcc278] .picture-choice-wrapper .picture-choice .input .i-text {
    flex: 1
}

[data-v-98fcc278] .picture-choice-wrapper .picture-choice .input .number {
    flex-basis: 10%;
    text-align: right;
    align-self: center
}

[data-v-98fcc278] .picture-choice-wrapper .picture-choice .input .i-icon {
    border-radius: 9999px;
    background-color: transparent!important
}

[data-v-98fcc278] .picture-choice-wrapper .picture-choice.i-checkbox.custom {
    margin-right: 0!important
}

[data-v-98fcc278] .picture-choice-wrapper .picture-choice.i-checkbox.custom:before,[data-v-98fcc278] .picture-choice-wrapper .picture-choice.i-radio.custom:before {
    transition: none!important
}

[data-v-98fcc278] .picture-choice-wrapper .picture-choice.i-checkbox.custom.checked,[data-v-98fcc278] .picture-choice-wrapper .picture-choice.i-radio.custom.checked {
    color: var(--f-mainColor)!important;
    border-color: var(--f-mainColor)!important
}

[data-v-98fcc278] .picture-choice-wrapper .picture-choice.i-checkbox.custom.checked:before,[data-v-98fcc278] .picture-choice-wrapper .picture-choice.i-radio.custom.checked:before {
    background-color: var(--f-mainColor)!important
}

[data-v-98fcc278] .picture-choice-wrapper .picture-choice,[data-v-98fcc278] .picture-choice-wrapper .add-choice {
    margin-bottom: 1em;
    flex-basis: calc(33.33333% - 1em)
}

@media (max-width: 1024px) {
    [data-v-98fcc278] .picture-choice-wrapper {
        column-gap:1em
    }

    [data-v-98fcc278] .picture-choice-wrapper .photo {
        height: 170px
    }

    [data-v-98fcc278] .picture-choice-wrapper .picture-choice,[data-v-98fcc278] .picture-choice-wrapper .add-choice {
        flex-basis: calc(50% - .5em);
        color: #2d2d2d;
        height: 210px!important;
        min-height: 210px!important;
        flex-direction: column!important;
        flex-wrap: nowrap!important
    }
}

@media (max-width: 767px) {
    .question-body[data-v-98fcc278] .full {
        flex-direction:column
    }

    .question-body[data-v-98fcc278] .full .input-field:not(:last-child) {
        margin-bottom: .5em
    }

    .question[data-v-98fcc278] .question-body .wrap>div:not(:first-child) {
        margin-top: 0
    }
}

.card-design .question.transparent[data-v-98fcc278] {
    transition-delay: 0s!important;
    pointer-events: none;
    opacity: .4!important
}

.card-design .question-card-scroll[data-v-98fcc278] {
    position: absolute;
    width: 100%;
    top: 0;
    right: 0;
    height: 100%;
    display: flex;
    align-items: center;
    overflow: auto;
    overscroll-behavior: contain;
    flex-direction: column
}

.card-design .question-card-scroll.form-design .question-card[data-v-98fcc278] {
    padding-right: 0
}

.card-design .question-card[data-v-98fcc278] {
    max-height: 100%;
    width: 100%;
    padding-top: 1em;
    padding-bottom: 1em;
    align-self: center
}

.card-design.timer .big-question-wrapper .question .question-text-wrapper[data-v-98fcc278] {
    height: calc(100% - 172px);
    padding-top: 90px
}

.not-digit[data-v-98fcc278] {
    margin-right: .2em
}

.card-design .question-card-scroll[data-v-98fcc278]::-webkit-scrollbar {
    width: 0
}

[data-v-98fcc278] iframe.question-media-video {
    background: #000
}

[data-v-98fcc278] .question-body .choice-options-wrapper {
    display: flex;
    flex-direction: column;
    gap: var(--f-inputSpacing, 12px)
}

[data-v-98fcc278] .question-body .choice-options-wrapper .input-choice span {
    flex: 1
}

[data-v-98fcc278] .question-body .input-choice {
    display: flex;
    align-items: center;
    position: relative;
    outline: 1px solid transparent!important;
    transition: .3s color background-color;
    background-color: var(--f-inputColor);
    border-radius: min(var(--f-borderRadius),27px);
    border: 1px solid var(--f-borderColor);
    color: var(--f-answerColor);
    padding: 13px 12px;
    width: 100%;
    gap: 12px;
    align-items: baseline
}

[data-v-98fcc278] .question-body .input-choice span {
    align-items: baseline
}

[data-v-98fcc278] .question-body .choice-states {
    transition: .3s background-color,.3s border-color,.3s outline-color;
    cursor: pointer
}

[data-v-98fcc278] .question-body .choice-states:hover {
    background-color: var(--f-inputColorHover);
    border-color: var(--f-mainColor)
}

[data-v-98fcc278] .question-body .choice-states:has(input[checked]) {
    border-color: var(--f-mainColor);
    outline-color: var(--f-mainColor)!important
}

[data-v-98fcc278] .question-body .choice-states:has(input[checked]):before,[data-v-98fcc278] .question-body .choice-states.checked:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: inherit;
    background-color: var(--f-mainColor);
    opacity: .15;
    filter: opacity(1);
    animation-name: checkAnimation;
    animation-duration: .6s
}

.question .first-question .question-card[data-v-98fcc278] {
    height: 100%
}

.question-context-menu[data-v-98fcc278] {
    opacity: 0;
    visibility: hidden;
    z-index: 2;
    top: 0;
    right: 0;
    position: absolute;
    color: #2d2d2d;
    display: flex;
    align-items: center
}

.question-context-menu a[data-v-98fcc278] {
    font-size: 1.3em;
    padding: 7px 5.5px;
    display: inline-block
}

.question-context-menu a.context-menu-trigger[data-v-98fcc278] {
    font-size: 1.8em
}

.question-context-menu .conditions[data-v-98fcc278] {
    position: relative
}

.question-context-menu .conditions span[data-v-98fcc278] {
    position: absolute;
    right: -2px;
    top: 0;
    font-size: .8rem;
    background-color: #11c4e0;
    color: #fff;
    border-radius: 999px;
    width: 1.2em;
    height: 1.2em;
    display: flex;
    align-items: center;
    justify-content: center
}

.question-media-content[data-v-98fcc278] {
    width: 100%
}

.question[data-v-98fcc278] .i-select-wrapper .hidden-layer {
    display: none
}

[data-v-98fcc278] .grid-column .input-field {
    margin-bottom: 0!important
}

[data-v-98fcc278] .grid-table>div {
    flex: 1;
    min-width: 210px;
    align-self: flex-end
}

[data-v-98fcc278] .grid-footer {
    margin-top: 1em
}

[data-v-98fcc278] .grid-column h4 {
    font-weight: 600;
    margin-bottom: .4em;
    word-break: break-word
}

[data-v-98fcc278] .grid-table div .grid-type {
    width: 100%
}

[data-v-98fcc278] .product.question-wrapper h2 {
    color: var(--f-solidTextColor)!important
}

[data-v-98fcc278] .product-item {
    display: flex;
    border: solid 1px #DEDEDE;
    flex-direction: column;
    background: #fff;
    position: relative;
    margin-top: 0!important;
    cursor: pointer
}

[data-v-98fcc278] .product-item.disabled {
    opacity: .3
}

[data-v-98fcc278] .product-item.photo-uploaded .product-action-icon {
    color: #fff
}

[data-v-98fcc278] .product-item.photo-uploaded .product-action-icon .i-icon svg {
    -webkit-filter: drop-shadow(0px 0px 1px rgba(0,0,0,.5));
    filter: drop-shadow(0px 0px 1px rgba(0,0,0,.5))
}

[data-v-98fcc278] .product-item .product-desc {
    margin-bottom: 1em
}

[data-v-98fcc278] .product-item.created {
    height: auto;
    padding: 0
}

[data-v-98fcc278] .product-item .product-price p {
    font-size: 1em!important;
    color: inherit;
    font-weight: inherit
}

[data-v-98fcc278] .product-item .product-price .input-field {
    max-width: 100%;
    overflow: hidden
}

[data-v-98fcc278] .product-item .product-price span {
    font-size: 1.2em
}

[data-v-98fcc278] .product-item .product-basket-button {
    max-width: 50%
}

[data-v-98fcc278] .product-item .product-basket-button .product-number {
    overflow: hidden
}

[data-v-98fcc278] .product-item .product-image {
    max-height: 170px;
    min-height: 293px;
    position: relative
}

[data-v-98fcc278] .product-item .action-product {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
    background: transparent;
    width: 100%;
    padding: .3em;
    font-size: 1.3em
}

[data-v-98fcc278] .product-item .action-product span {
    padding: .4em
}

[data-v-98fcc278] .product-item .add-product-wrapper {
    margin-top: 1em
}

[data-v-98fcc278] .question-basket {
    display: flex;
    cursor: pointer;
    top: 0;
    z-index: 1;
    padding: 1em;
    align-items: flex-end;
    background: #fff;
    border-radius: 8px;
    margin-bottom: 1em;
    border: solid 1px #DEDEDE
}

[data-v-98fcc278] .question-basket .i-select-wrapper {
    max-width: 200px;
    margin-right: .5em
}

[data-v-98fcc278] .question-basket .basket-text-total span {
    color: #11c4e0;
    font-weight: 600
}

[data-v-98fcc278] .question-basket .basket-text-total .product-desc {
    overflow: hidden
}

[data-v-98fcc278] .popup.product-detail-popup .product-popup {
    display: flex;
    flex-direction: row;
    gap: 28px
}

[data-v-98fcc278] .popup.product-detail-popup .product-popup .product-popup-colomn.popup-add-variant {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 8px
}

[data-v-98fcc278] .popup.product-detail-popup .product-popup .product-popup-colomn.popup-add-variant .product-colomn-title h2 {
    font-size: 1.3em;
    font-weight: 600;
    margin-bottom: 1em
}

[data-v-98fcc278] .popup.product-detail-popup .product-popup .product-popup-colomn img {
    height: 340px;
    width: 340px
}

@media (max-width: 767px) {
    [data-v-98fcc278] .popup.product-detail-popup .product-popup .product-popup-colomn img {
        height:100%;
        width: 100%
    }
}

[data-v-98fcc278] .popup.product-detail-popup .product-basket-detail-bottom {
    display: flex;
    align-items: flex-end;
    margin-top: auto;
    width: 100%
}

[data-v-98fcc278] .popup.product-detail-popup .product-basket-detail-bottom .product-number {
    max-width: 120px;
    margin-right: 1em
}

[data-v-98fcc278] .popup.product-detail-popup .product-basket-detail-bottom .i-button {
    flex: 1;
    justify-content: center;
    align-self: flex-end;
    min-height: 46px;
    font-weight: 600
}

[data-v-98fcc278] .popup.product-detail-popup .product-basket-detail-bottom-column {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    margin-top: auto;
    padding-top: 1em;
    position: sticky;
    bottom: 0;
    background-color: var(--f-solidBackgroundColor)
}

[data-v-98fcc278] .popup.product-detail-popup .product-basket-detail-bottom-column .input-field {
    padding: 4px!important
}

[data-v-98fcc278] .popup.product-detail-popup .product-basket-detail-bottom-column .product-price {
    font-size: 1.1em;
    font-weight: 700
}

[data-v-98fcc278] .table-wrapper .table-overflow-wrapper {
    width: 640px
}

[data-v-98fcc278] .table-wrapper .unit-detail span.units {
    margin-left: .6em!important;
    margin-top: .7em!important
}

[data-v-98fcc278] .table-wrapper ul {
    padding-left: .5em
}

[data-v-98fcc278] .product-option-item {
    display: flex;
    flex-direction: column;
    gap: 4px
}

[data-v-98fcc278] .product-option-item .label .error {
    color: #ef5350;
    margin-left: .4em
}

@media (max-width: 767px) {
    [data-v-98fcc278] .popup.product-detail-popup .product-popup {
        flex-direction:column;
        padding-bottom: 6em
    }

    [data-v-98fcc278] .popup.product-detail-popup .product-popup div#product-slide {
        margin-right: 0;
        text-align: center;
        margin-bottom: 1em
    }
}

[data-v-98fcc278] .map-wrapper {
    width: 100%
}

[data-v-98fcc278] .map-wrapper .i-button {
    margin-top: 1em
}

.question[data-v-98fcc278] {
    padding: 20px
}

@media (max-width: 767px) {
    .question[data-v-98fcc278] {
        padding:8px
    }
}

.question.step-view .question-text-wrapper[data-v-98fcc278] {
    padding-right: 8px;
    padding-left: 8px
}

.question.step-view .question-text-wrapper[data-v-98fcc278] .question-media-video {
    max-height: 600px
}

.question.step-view .media-cover.background[data-v-98fcc278] {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: -1
}

.question.step-view .media-cover.background .question-media[data-v-98fcc278] {
    max-width: none;
    height: 100%;
    padding: 0
}

.question.step-view .media-cover.background[data-v-98fcc278] .question-media-video {
    max-width: none!important
}

.question.step-view .media-cover.background[data-v-98fcc278] img.question-media-content {
    height: 100%;
    object-fit: cover;
    width: 100%
}

.question.step-view .media-cover.background[data-v-98fcc278] .media-img-wrapper {
    width: 100%;
    height: 100%
}

.question.step-view .media-cover[data-v-98fcc278] .question-media-video {
    width: 100%!important;
    height: 100%!important;
    -o-object-fit: cover;
    object-fit: cover;
    max-height: 100vh
}

.question.step-view.autoplay[data-v-98fcc278] .question-media {
    position: relative
}

@media (max-width: 767px) {
    .question.step-view.media-hide .question-media[data-v-98fcc278] {
        display:none
    }
}

@media (min-width: 767px) {
    .question[data-v-98fcc278] {
        max-width:750px;
        margin: 0 auto
    }

    .question[data-v-98fcc278] .media-img-wrapper {
        width: 100%;
        height: 100%;
        display: flex;
        justify-content: flex-start;
        align-items: center
    }

    .question.step-view .question-text-wrapper[data-v-98fcc278] {
        max-width: 720px;
        width: 100%;
        margin: 0 auto;
        padding-bottom: 2em
    }

    .question.step-view .question-media-wrapper[data-v-98fcc278] {
        text-align: center
    }

    .question.step-view .question-media-wrapper.background[data-v-98fcc278] .question-media.iframe {
        position: relative!important;
        width: 100%!important;
        padding-bottom: 56.25%!important
    }

    .question.step-view .question-media-wrapper.background[data-v-98fcc278] .question-media.iframe .question-media-video {
        position: absolute!important;
        top: 0!important;
        left: 0!important;
        width: 100vw!important;
        height: 100%!important;
        max-width: 100%!important;
        max-height: 100%!important
    }

    .question.step-view .question-media-wrapper.media-cover[data-v-98fcc278] .question-media.iframe .question-media-video {
        max-width: 100%!important
    }

    .question.step-view.right .question-card[data-v-98fcc278] {
        flex-direction: row-reverse
    }

    .question.step-view.right .align-column[data-v-98fcc278],.question.step-view.left .align-column[data-v-98fcc278] {
        top: 50%;
        left: 0;
        width: 100%;
        max-height: 100%;
        padding: 5.5em 0 0
    }

    .question.step-view.right .question-text-wrapper[data-v-98fcc278],.question.step-view.left .question-text-wrapper[data-v-98fcc278] {
        height: 100%
    }

    .question.step-view.right .question-card[data-v-98fcc278],.question.step-view.left .question-card[data-v-98fcc278] {
        display: flex;
        align-items: center;
        height: 100%
    }
}

@media (min-width: 767px) and (max-width: 767px) {
    .question.step-view.right .question-card[data-v-98fcc278],.question.step-view.left .question-card[data-v-98fcc278] {
        flex-direction:column
    }
}

@media (min-width: 767px) {
    .question.step-view.right[data-v-98fcc278] .question-media-video,.question.step-view.left[data-v-98fcc278] .question-media-video {
        width:100%!important;
        height: auto;
        top: 0;
        left: 0;
        display: block;
        width: 100%;
        -o-object-fit: cover;
        object-fit: cover;
        min-height: 390px
    }

    .question.step-view.right .question-media-wrapper[data-v-98fcc278],.question.step-view.left .question-media-wrapper[data-v-98fcc278] {
        text-align: center;
        flex-basis: 50%;
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center
    }
}

@media (min-width: 767px) and (max-width: 767px) {
    .question.step-view.right .question-media-wrapper[data-v-98fcc278],.question.step-view.left .question-media-wrapper[data-v-98fcc278] {
        padding-right:2em;
        padding-left: 2em
    }
}

@media (min-width: 767px) {
    .question.step-view.right .question-media-wrapper.media-cover[data-v-98fcc278] img.question-media-content,.question.step-view.left .question-media-wrapper.media-cover[data-v-98fcc278] img.question-media-content {
        height:100%;
        object-fit: cover
    }

    .question.step-view.right .question-media-wrapper.media-cover[data-v-98fcc278] .question-media,.question.step-view.left .question-media-wrapper.media-cover[data-v-98fcc278] .question-media {
        width: 100%;
        height: 100%
    }

    .question.step-view.right .question-media-wrapper[data-v-98fcc278] .question-media,.question.step-view.left .question-media-wrapper[data-v-98fcc278] .question-media {
        position: fixed;
        width: 50%!important;
        top: 50%;
        transform: translateY(-50%)
    }

    .question.step-view.right .question-text-wrapper[data-v-98fcc278],.question.step-view.left .question-text-wrapper[data-v-98fcc278] {
        flex-basis: 50%;
        padding-right: 2em;
        padding-left: 2em;
        position: relative;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column
    }

    .question.step-view.right .question-card[data-v-98fcc278],.question.step-view.left .question-card[data-v-98fcc278] {
        padding: 0!important
    }

    .question.step-view.right img[data-v-98fcc278],.question.step-view.left img[data-v-98fcc278] {
        max-width: 720px;
        width: 100%
    }

    .question.step-view.right[data-v-98fcc278] .question-media,.question.step-view.left[data-v-98fcc278] .question-media,.question.step-view .media-cover[data-v-98fcc278] .question-media {
        max-width: none;
        padding: 0
    }

    .question.step-view .media-cover[data-v-98fcc278] .question-media :deep .step-view.question-media-content {
        height: 100%;
        object-fit: cover
    }
}

.question-card-scroll.first-question .question-text-wrapper[data-v-98fcc278] {
    display: flex;
    flex-direction: column;
    justify-content: space-between!important;
    height: 100%
}
.question-title[data-v-c70bcc89] {
    display: flex;
    align-items: center
}

.question-title .i-icon[data-v-c70bcc89] {
    border-radius: 8px;
    margin-right: 16px;
    width: 32px!important;
    height: 32px!important;
    flex-shrink: 0
}

.question-title[data-v-c70bcc89] span.title {
    color: var(--txTertiary)
}
.form-header-wrapper[data-v-0c335b3d] {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    margin-bottom: 1.1em;
    margin-top: 2em;
    position: relative;
    z-index: 2
}

.form-header-wrapper.no-title[data-v-0c335b3d] {
    margin: 0!important
}

.card-design .form-header-wrapper.form-design[data-v-0c335b3d] {
    position: relative
}

.form.view .public-share-button[data-v-0c335b3d] {
    right: 0;
    top: 0;
    font-size: 1.2em;
    display: inline-flex;
    border-radius: 100%;
    width: 24px;
    height: 24px;
    z-index: 9;
    padding: 0
}

.form.view .public-share-button i[data-v-0c335b3d] {
    display: block;
    margin: 0 auto;
    text-align: center;
    align-self: center;
    font-size: inherit;
    color: inherit
}

.form.view .share-social-content[data-v-0c335b3d] {
    display: flex;
    margin-top: 1em
}

.card-design .public-share-button[data-v-0c335b3d] {
    padding-bottom: 5em
}

.form-view-dropdown[data-v-0c335b3d] {
    white-space: nowrap;
    min-height: auto!important
}

.form-view-dropdown li a[data-v-0c335b3d] {
    align-items: center
}

.question-media[data-v-71c0a250] {
    max-width: 720px;
    margin: 0 auto;
    display: flex;
    justify-content: center
}

.question-media.media-cover .question-media-video[data-v-71c0a250] {
    max-width: 100%!important
}

.question-media.left[data-v-71c0a250] {
    justify-content: flex-start
}

.question-media.right[data-v-71c0a250] {
    justify-content: flex-end
}

.question-media .question-media-video[data-v-71c0a250] {
    width: 100%
}
.pdf-templates-section .template-item[data-v-e6982948] {
    border-radius: 12px;
    border: 1px solid var(--brPrimary);
    background-color: var(--bgSecondary);
    padding: 16px 12px
}

.pdf-templates-section .template-item.selected[data-v-e6982948] {
    border-color: var(--brPurple)
}

.edit-url[data-v-e6982948] {
    width: 100%;
    color: var(--txPrimary);
    background: transparent;
    font-weight: 400;
    flex: 1;
    white-space: nowrap;
    overflow: hidden
}

.template-name-edit-popup[data-v-e6982948] .popup-content {
    max-width: 400px;
    max-height: 250px
}

.pdf-list[data-v-023d98b2] {
    max-height: 39vh;
    overflow: auto
}

@media (max-width: 767px) {
    .pdf-list[data-v-023d98b2] {
        height:auto;
        overflow: hidden
    }
}

.question-pdf-item .is-child[data-v-023d98b2] {
    margin-left: 28px
}

.question-pdf-item .deleted-question[data-v-023d98b2] .question-title .title {
    color: var(--txAlertRed)
}

.question-pdf-item .question-text-wrapper[data-v-023d98b2] {
    display: flex;
    align-items: center;
    gap: 8px;
    flex: 1
}

.question-pdf-item .question-text-wrapper[data-v-023d98b2] .question-title {
    font-size: 14px;
    line-height: 1.4
}

.question-pdf-item .move-icon[data-v-023d98b2] {
    visibility: hidden
}

.question-pdf-item .question-title-header[data-v-023d98b2]:hover {
    background-color: var(--bgTertiary);
    cursor: pointer;
    border-radius: 8px
}

.question-pdf-item .question-title-header:hover .move-icon[data-v-023d98b2] {
    visibility: visible
}

.field-text-edit-popup[data-v-023d98b2] .popup-content {
    max-width: 400px;
    max-height: 250px
}

.pdf-content-bar[data-v-33fc3a40] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin-bottom: 16px
}

.pdf-content-bar .change-questions[data-v-33fc3a40] {
    cursor: pointer
}

.pdf-content-bar .sub-formats[data-v-33fc3a40] {
    font-size: 10px
}

.field-text-edit-popup[data-v-33fc3a40] .popup-content {
    max-width: 400px;
    max-height: 250px
}

.pdf-color-item[data-v-c2127915] {
    margin: 28px 0
}

.pdf-logo[data-v-c2127915] {
    background-color: var(--bgSecondary);
    border-radius: 8px;
    border: 1px solid var(--brPrimary);
    padding: 8px;
    position: relative
}

.pdf-logo .background-image[data-v-c2127915] {
    height: 80px;
    width: 80px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center
}

.pdf-create-menu[data-v-ffe75a55] {
    position: sticky;
    top: -20px;
    background: var(--bgPrimary);
    display: flex;
    justify-content: center;
    z-index: 9
}

.pdf-save-btn[data-v-ffe75a55] {
    margin-top: auto;
    position: sticky;
    bottom: 0;
    flex-shrink: 0
}

.pdf-builder-navigation[data-v-ffe75a55] {
    display: flex;
    flex-direction: row
}

.pdf-builder-navigation[data-v-ffe75a55] .sidebar {
    max-width: 300px;
    min-width: 300px
}

.pdf-builder-navigation .line[data-v-ffe75a55] {
    display: none
}

.pdf-builder-navigation .builder-sidebars[data-v-ffe75a55] {
    display: flex
}

.pdf-builder-navigation.fixed-bottom[data-v-ffe75a55] {
    position: fixed;
    width: 100%;
    bottom: 0;
    left: 0;
    z-index: 999
}

.pdf-builder-navigation.fixed-bottom .builder-sidebars[data-v-ffe75a55] {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%
}

.pdf-builder-navigation.fixed-bottom .builder-sidebars[data-v-ffe75a55]>div {
    width: 100%;
    max-width: unset!important
}

.pdf-builder-navigation.fixed-bottom>div[data-v-ffe75a55]:first-child {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    background-color: var(--bgPrimary);
    width: 100%;
    padding: 0 16px;
    border-radius: 8px
}

.pdf-builder-navigation.fixed-bottom[data-v-ffe75a55] .sidebar>div {
    padding-left: 12px
}

.pdf-builder-navigation.fixed-bottom.fixed-bottom-navigation[data-v-ffe75a55] {
    position: sticky;
    z-index: 100
}

.pdf-popup[data-v-469fdc81]>.popup-content {
    height: 100vh
}

.pdf-popup[data-v-469fdc81]>.popup-content .popup-content-wrapper {
    height: 100%
}

.silent-pdf-container[data-v-469fdc81] {
    position: absolute;
    left: -9999px;
    top: -9999px;
    width: 794px;
    pointer-events: none
}

[data-v-469fdc81] .skeleton-loader {
    padding: 16px 0;
    width: 100%
}

.pdf-template-content[data-v-469fdc81] {
    display: flex;
    flex-direction: row;
    gap: 16px;
    height: 100%;
    width: 100%;
    z-index: 0;
    position: relative
}

@media (max-width: 767px) {
    .pdf-template-content[data-v-469fdc81] {
        flex-direction:column
    }
}

.pdf-template-content .pdf-editor-menu[data-v-469fdc81] {
    width: 100%;
    max-width: 350px;
    border-radius: 12px;
    border: 1px solid var(--brPrimary);
    background-color: var(--bgPrimary);
    padding: 20px 16px;
    overflow: auto;
    display: flex;
    flex-direction: column
}

.pdf-template-content .pdf-preview-content[data-v-469fdc81] {
    width: 100%;
    box-sizing: border-box;
    position: relative;
    overflow: auto;
    height: 100%
}

.pdf-template-content .pdf-preview-content[data-v-469fdc81] .pdf-preview-wrapper {
    margin: 0 auto;
    max-width: 794px;
    width: 100%
}

@media (max-width: 767px) {
    .pdf-template-content .pdf-preview-content[data-v-469fdc81] .pdf-preview-wrapper {
        flex:1;
        overflow: auto
    }
}

.select-pdf-template[data-v-469fdc81] {
    padding: 12px;
    background-color: var(--bgSecondary);
    border-radius: 8px
}

.select-pdf-template.bg-primary[data-v-469fdc81] {
    background-color: var(--bgPrimary)
}

.mobile-bar[data-v-469fdc81] {
    padding: 12px;
    border-radius: 8px;
    border: 1px solid var(--brPrimary);
    background-color: var(--bgPrimary)
}

.mobile-slide-menu-wrapper[data-v-469fdc81] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.mobile-slide-menu-wrapper .mobile-slide-menu[data-v-469fdc81] {
    position: absolute;
    width: 80%;
    height: 100%;
    left: 0;
    top: 0;
    max-width: 350px;
    height: 100vh;
    background-color: var(--bgPrimary);
    z-index: 9999;
    display: flex;
    flex-direction: column;
    padding: 12px;
    overflow-y: auto
}

.mobile-slide-menu-wrapper .mobile-slide-menu-overlay[data-v-469fdc81] {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 1
}

.mobile-slide-header[data-v-469fdc81] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 12px;
    font-weight: 700
}

.slide-enter-active[data-v-469fdc81],.slide-leave-active[data-v-469fdc81] {
    transition: transform .3s ease
}

.slide-enter-from[data-v-469fdc81],.slide-leave-to[data-v-469fdc81] {
    transform: translate(-100%)
}

.slide-enter-to[data-v-469fdc81],.slide-leave-from[data-v-469fdc81] {
    transform: translate(0)
}

.pdf-popup-wrapper[data-v-469fdc81] {
    display: contents
}
.i-toggle-button-wrapper[data-v-aacecaa2] {
    display: flex;
    border-radius: 8px;
    overflow: hidden;
    border: 1px solid var(--brPrimary)
}

.i-toggle-button-wrapper[data-v-aacecaa2] .i-button {
    border: none;
    border-radius: 0;
    width: 100%;
    align-self: stretch
}

.i-toggle-button-wrapper[data-v-aacecaa2] .i-button:not(:first-child) {
    border-left: 1px solid var(--brPrimary)
}

.i-toggle-button-wrapper[data-v-aacecaa2] .i-button.selected {
    background: var(--bgTertiary)
}

.i-toggle-button-wrapper[data-v-aacecaa2] .i-button .text-wrapper {
    font-weight: 400;
    width: auto
}

.i-toggle-button-wrapper[data-v-aacecaa2] .i-button>div {
    flex: 1
}

.i-toggle-button-wrapper.auto-width[data-v-aacecaa2] .i-button {
    width: auto
}
.slidecontainer[data-v-a32d7425] {
    display: flex;
    flex-direction: column;
    width: 100%;
    position: relative
}

.slidecontainer-wrapper[data-v-a32d7425] {
    position: relative;
    min-height: 8px;
    background: var(--bgSecondary);
    border-radius: 9999px;
    border: 1px solid var(--brPrimary)
}

.slider[data-v-a32d7425] {
    position: absolute;
    -webkit-appearance: none;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: transparent;
    outline: none;
    min-height: 0px!important;
    z-index: 1
}

.input-filler-container[data-v-a32d7425] {
    display: flex;
    width: calc(100% - 16px);
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    pointer-events: none
}

.input-filler-container .input-filler[data-v-a32d7425] {
    background-color: var(--bgAccentNight);
    height: 100%;
    border-radius: 9999px
}

.slider-number[data-v-a32d7425] {
    text-align: end;
    position: absolute;
    right: 0;
    top: -22px;
    font-size: 12px
}

.slider[data-v-a32d7425]::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 20px;
    height: 20px;
    background: var(--bgAccentNight);
    border-radius: 9999px;
    cursor: pointer;
    z-index: 10;
    border: 4px var(--brPrimary) solid;
    transition: .2s
}

.slider[data-v-a32d7425]:active::-webkit-slider-thumb {
    width: 24px;
    height: 24px
}

.slider[data-v-a32d7425]::-moz-range-thumb {
    appearance: none;
    background: var(--bgAccentNight);
    border-radius: 9999px;
    cursor: pointer;
    z-index: 10;
    border: 4px var(--brPrimary) solid;
    transition: .2s
}

.slider[data-v-a32d7425]:active::-moz-range-thumb {
    width: 24px;
    height: 24px
}
.for-only-validation[data-v-c3f73a79] {
    position: relative;
    float: left;
    overflow: hidden;
    width: 1px;
    height: 1px;
    opacity: 0
}