:root {
    --vt-c-white: #ffffff;
    --vt-c-white-soft: #f8f8f8;
    --vt-c-white-mute: #f2f2f2;
    --vt-c-black: #181818;
    --vt-c-black-soft: #222222;
    --vt-c-black-mute: #282828;
    --vt-c-indigo: #2c3e50;
    --vt-c-divider-light-1: rgba(60, 60, 60, .29);
    --vt-c-divider-light-2: rgba(60, 60, 60, .12);
    --vt-c-divider-dark-1: rgba(84, 84, 84, .65);
    --vt-c-divider-dark-2: rgba(84, 84, 84, .48);
    --vt-c-text-light-1: var(--vt-c-indigo);
    --vt-c-text-light-2: rgba(60, 60, 60, .66);
    --vt-c-text-dark-1: var(--vt-c-white);
    --vt-c-text-dark-2: rgba(235, 235, 235, .64)
}

:root {
    --color-background: var(--vt-c-white);
    --color-background-soft: var(--vt-c-white-soft);
    --color-background-mute: var(--vt-c-white-mute);
    --color-border: var(--vt-c-divider-light-2);
    --color-border-hover: var(--vt-c-divider-light-1);
    --color-heading: var(--vt-c-text-light-1);
    --color-text: var(--vt-c-text-light-1);
    --section-gap: 160px
}

@media(prefers-color-scheme: dark) {
    :root {
        --color-background: var(--vt-c-black);
        --color-background-soft: var(--vt-c-black-soft);
        --color-background-mute: var(--vt-c-black-mute);
        --color-border: var(--vt-c-divider-dark-2);
        --color-border-hover: var(--vt-c-divider-dark-1);
        --color-heading: var(--vt-c-text-dark-1);
        --color-text: var(--vt-c-text-dark-2)
    }
}

* {
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none
}

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

body {
    top: 0;
    left: 0;
    width: 100%;
    height: 100svh;
    margin: 0;
    color: var(--color-text);
    background: #fff;
    transition: color .5s,background-color .5s;
    line-height: 1.6;
    font-family: Inter,Arial,Helvetica Neue,sans-serif;
    font-size: 15px;
    color: #424242;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    overscroll-behavior: none
}

.no-scroll {
    position: fixed;
    height: 100svh;
    overflow: hidden;
    top: 0;
    left: 0;
    width: 100%;
    overscroll-behavior: none;
    touch-action: none
}

@font-face {
    font-family: Inter;
    src: url(/fonts/Inter_18pt-SemiBold.ttf);
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: Inter;
    src: url(/fonts/Inter_18pt-Medium.ttf);
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: Inter;
    src: url(/fonts/Inter_18pt-Regular.ttf);
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: Inter;
    src: url(/fonts/Inter_18pt-Light.ttf);
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: Inter;
    src: url(/fonts/Inter_18pt-ExtraLight.ttf);
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

#app {
    position: relative;
    top: 0;
    min-height: 100vh;
    background: #fff;
    overscroll-behavior: none
}

.app_wrapper {
    position: relative;
    top: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    overscroll-behavior: none;
    min-height: 100vh
}

.app_wrapper.pointer {
    cursor: pointer
}

.width_desktop_wrapper {
    width: 1298px
}

#render_canvas {
    z-index: 2;
    position: fixed;
    display: none;
    top: 157px;
    left: 50%;
    width: 1087px;
    height: 673px;
    margin-left: -543.5px;
    outline: none;
    opacity: 0;
    border-radius: 31px;
    transition: opacity 341ms ease,left cubic-bezier(.39,.17,0,.99) 791ms;
    box-shadow: 0 0 21.2px #5867ab40
}

#render_canvas.show {
    display: block
}

#render_canvas.layout {
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    margin: 0;
    border-radius: 0;
    box-shadow: none
}

.result_page #render_canvas {
    position: relative;
    top: 0;
    left: 0;
    width: 1140px;
    height: 641px;
    margin: 114px 0 31px
}

.fullscreen #render_canvas {
    top: 0;
    height: 100%
}

#render_canvas.right_shift {
    left: -157px
}

#canvas_2d {
    width: 1140px;
    height: 641px;
    margin-bottom: 81px;
    object-fit: contain;
    background-color: #fff;
    outline: none;
    border-radius: 31px;
    box-shadow: 0 0 21.2px #5867ab40
}

.progress_bar {
    position: absolute;
    bottom: 0;
    left: 0;
    height: 6px;
    background: #5867ab;
    transition: width linear .1s
}

.suspended {
    pointer-events: none
}

#render_canvas.transition_show {
    opacity: 1
}

#render_canvas.screenshot_taking {
    width: 1920px;
    height: 1080px;
    opacity: 0
}

#render_canvas.preview_screenshot_taking {
    width: 1536px;
    height: 1496px;
    opacity: 0;
    transition: none
}

#editor_canvas {
    z-index: 1;
    position: relative;
    display: block;
    width: 100%;
    height: 600px;
    outline: none
}

.right_tab_item {
    position: relative;
    width: 123px;
    height: 170px;
    margin-top: 0;
    margin-bottom: 16px;
    background: #f9f9f9;
    border-radius: 10px;
    box-shadow: 0 0 2px 1px #0000001a;
    cursor: pointer;
    overflow: hidden
}

.right_tab_item.fixed {
    z-index: 160;
    position: fixed;
    opacity: .786;
    pointer-events: none;
    cursor: pointer
}

.right_tab_item.hidden {
    opacity: 0
}

.right_tab_item.add:hover,.right_tab_item.active {
    background-color: #c1ccff;
    box-shadow: 0 0 4px 1px #5867abb3
}

.right_tab_item img {
    position: absolute;
    top: 10%;
    left: 10%;
    width: 80%;
    height: 80%;
    object-fit: contain;
    object-position: center;
    -webkit-user-select: none;
    user-select: none;
    -webkit-user-drag: none;
    -khtml-user-drag: none;
    -moz-user-drag: none;
    -o-user-drag: none;
    user-drag: none
}

.wall_entity_edit,.wall_entity_delete {
    position: absolute;
    top: 0;
    left: auto;
    right: 0;
    display: flex;
    align-items: center;
    padding: 0;
    width: 32px;
    height: 32px;
    background: #5867ab;
    justify-content: center
}

.wall_entity_edit svg {
    width: 17px;
    height: 17px
}

.floor_tag {
    padding: 5px 10px;
    font-size: 16px;
    font-weight: 500;
    color: #5867ab;
    cursor: pointer;
    -webkit-user-select: none;
    user-select: none
}

.floor_tag.fixed {
    z-index: 160;
    position: fixed;
    pointer-events: none
}

.slider-handle {
    background-color: #5867ab!important;
    box-shadow: 0 0 7px #5867abe5!important
}

.slider-handle-lower {
    margin-right: 29px!important
}

.slider-handle-upper {
    margin-right: -29px!important
}

.slider-tooltip {
    position: absolute;
    bottom: 0!important;
    background: transparent!important;
    border: none!important;
    border-radius: var(--slider-tooltip-radius, 5px);
    color: var(--slider-tooltip-color, #fff);
    display: block;
    font-size: 15px!important;
    font-weight: 500!important;
    line-height: 25px!important;
    width: 60px;
    height: 25px;
    padding: 1px 0 0!important;
    box-sizing: border-box;
    text-align: center;
    white-space: nowrap
}

.slider-tooltip:before {
    display: none
}

.slider-tooltip:after {
    content: " м²"
}

.slider-connects {
    border: 1px solid #5867AB;
    border-width: 1px 0;
    border-radius: 0!important;
    overflow: visible!important
}

.slider-connects:before {
    content: "";
    position: absolute;
    top: -1px;
    right: 100%;
    width: 58px;
    height: 4px;
    border-radius: 2px 0 0 2px;
    border: 1px solid #5867AB;
    border-width: 1px 0 1px 1px
}

.slider-connects:after {
    content: "";
    position: absolute;
    top: -1px;
    left: 100%;
    width: 58px;
    height: 4px;
    border-radius: 0 2px 2px 0;
    border: 1px solid #5867AB;
    border-width: 1px 1px 1px 0
}

.like_cont.liked path {
    fill: #5867ab
}

.like_cont.liked.default path {
    fill: #fff
}

.layouts_cont {
    display: flex;
    flex-direction: column;
    width: 83%;
    padding-top: 34px;
    padding-bottom: 34px
}

.layout {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    aspect-ratio: 1;
    border-radius: 10px;
    box-shadow: 0 0 15.8px #5867ab40;
    overflow: hidden
}

.layout+.layout {
    margin-top: 16px
}

.layout img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
    -webkit-user-select: none;
    user-select: none;
    -webkit-user-drag: none;
    -khtml-user-drag: none;
    -moz-user-drag: none;
    -o-user-drag: none;
    user-drag: none
}

.layout_type {
    position: absolute;
    top: 15px;
    left: 15px;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 26px;
    padding: 1px 16px 0;
    border-radius: 38px;
    border: 2px solid #5867AB;
    font-size: 11px;
    line-height: 13px;
    color: #5867ab;
    font-weight: 500;
    background-color: #fff;
    -webkit-user-select: none;
    user-select: none
}

.layout_description_frontpage {
    position: absolute;
    top: 15px;
    left: 80px;
    width: calc(100% - 140px);
    font-size: 11px;
    line-height: 13px;
    height: 26px;
    color: #5867ab;
    font-weight: 500;
    -webkit-user-select: none;
    user-select: none;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

.modesfy_b2 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 253px;
    height: 49px;
    border-radius: 24.5px;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    text-decoration: none;
    background-color: #5867ab;
    box-shadow: 0 0 7px #5867abe5;
    -webkit-user-select: none;
    user-select: none;
    cursor: pointer
}

.fade-enter-active,.fade-leave-active {
    transition: opacity .341s ease
}

.fade-enter-from,.fade-leave-to {
    opacity: 0
}

.admin_page_cont[data-v-2d113c9a] {
    width: 100%;
    min-height: calc(100vh - 80px);
    padding-top: 30px
}

.admin_page_cont.centered_inner[data-v-2d113c9a] {
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: 0
}

.login_form[data-v-2d113c9a] {
    display: flex;
    flex-direction: column;
    margin-top: -120px;
    box-shadow: 0 0 3.5px 5px #00000008
}

.login_form input[data-v-2d113c9a] {
    margin-bottom: 5px
}

.title[data-v-2d113c9a] {
    margin: 10px 0;
    font-weight: 500;
    font-size: 20px;
    text-transform: uppercase
}

.items_cont[data-v-2d113c9a] {
    display: flex;
    flex-wrap: wrap
}

.right_tab_item[data-v-2d113c9a] {
    margin-right: 20px
}

.right_tab_item.inactive[data-v-2d113c9a] {
    opacity: .5
}

.right_tab_item>svg[data-v-2d113c9a] {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 44px;
    height: 44px;
    margin: -22px 0 0 -22px;
    stroke: #5867ab;
    opacity: .5
}

.right_tab_item:hover>svg[data-v-2d113c9a] {
    transform: scale(1.13);
    opacity: 1
}

.wall_entity_delete[data-v-2d113c9a] {
    background-image: url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='utf-8'?%3e%3c!--%20Uploaded%20to:%20SVG%20Repo,%20www.svgrepo.com,%20Generator:%20SVG%20Repo%20Mixer%20Tools%20--%3e%3csvg%20width='800px'%20height='800px'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M4%207H20'%20stroke='%23ffffff'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M6%2010L7.70141%2019.3578C7.87432%2020.3088%208.70258%2021%209.66915%2021H14.3308C15.2974%2021%2016.1257%2020.3087%2016.2986%2019.3578L18%2010'%20stroke='%23ffffff'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M9%205C9%203.89543%209.89543%203%2011%203H13C14.1046%203%2015%203.89543%2015%205V7H9V5Z'%20stroke='%23ffffff'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/svg%3e");
    background-size: 60%;
    background-position: 50% center;
    background-repeat: no-repeat
}

.add_cont[data-v-2d113c9a] {
    display: flex;
    justify-content: center;
    padding: 20px 0
}

.layout_link[data-v-2d113c9a],.layouts_title[data-v-2d113c9a] {
    font-size: 32px;
    font-weight: 500;
    text-align: center;
    line-height: 1.4;
    color: #5867ab
}

.layouts_title[data-v-2d113c9a] {
    text-align: left
}

.layouts_cont[data-v-2d113c9a] {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    width: 100%;
    margin: 0 auto;
    justify-content: flex-start;
    padding: 36px 0 78px
}

.layouts_item[data-v-2d113c9a] {
    position: relative;
    width: 385px;
    height: 374px;
    margin-right: 47px;
    margin-bottom: 47px;
    background: #fff;
    border-radius: 27px;
    box-shadow: 0 0 2px 1px #0000001a;
    cursor: pointer;
    overflow: hidden
}

.layouts_item img[data-v-2d113c9a] {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
    -webkit-user-select: none;
    user-select: none;
    -webkit-user-drag: none;
    -khtml-user-drag: none;
    -moz-user-drag: none;
    -o-user-drag: none;
    user-drag: none
}

.layouts_item .wall_entity_delete[data-v-2d113c9a] {
    width: 52px;
    height: 52px
}

form[data-v-02f43bd1] {
    z-index: 100;
    position: absolute;
    top: 32px;
    left: 50%;
    display: flex;
    margin-left: -72px;
    border-radius: 2px;
    overflow: hidden
}

form.user[data-v-02f43bd1] {
    top: auto;
    bottom: 0;
    margin-left: -66px;
    border-radius: 15px;
    background-color: #fff;
    overflow: visible
}

form.user br[data-v-02f43bd1],input[data-v-02f43bd1] {
    display: none
}

label[data-v-02f43bd1] {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 72px;
    height: 31px;
    font-size: 16px;
    font-weight: 600;
    background-color: #fff;
    text-transform: uppercase;
    -webkit-user-select: none;
    user-select: none;
    outline: none;
    cursor: pointer
}

.user label[data-v-02f43bd1] {
    font-size: 15px;
    height: 31px;
    width: 66px;
    background-color: transparent
}

label[for="3d"][data-v-02f43bd1],label[for="2d"][data-v-02f43bd1] {
    box-shadow: -3px -3px 2px -2px #0d275029 inset,3px 3px 2px -2px #fff inset
}

.user label[for="3d"][data-v-02f43bd1] {
    border-radius: 0 15px 15px 0;
    box-shadow: -4px 0 5.5px -1px #5867ab73,0 4px 4px #5867ab40;
    overflow: hidden
}

.user label[for="2d"][data-v-02f43bd1] {
    border-radius: 15px 0 0 15px;
    box-shadow: 4px 0 5.5px -1px #5867ab73,0 4px 4px #5867ab40;
    overflow: hidden
}

label[for="2d"][data-v-02f43bd1]:after {
    content: "";
    position: absolute;
    top: -50%;
    right: 0;
    width: 200%;
    height: 200%;
    box-shadow: 0 0 3px #00000040 inset
}

label[for="3d"][data-v-02f43bd1]:before {
    content: "";
    position: absolute;
    top: -50%;
    left: 0;
    width: 200%;
    height: 200%
}

.user label[for="2d"][data-v-02f43bd1]:before,.user label[for="3d"][data-v-02f43bd1]:after {
    display: none
}

.user label[for="2d"][data-v-02f43bd1]:after {
    box-shadow: none
}

.user label[for="3d"][data-v-02f43bd1]:before {
    box-shadow: none
}

input:checked+label[for="2d"][data-v-02f43bd1] {
    box-shadow: 5px 5px 5px -2px #0d275029 inset
}

.user input:checked+label[for="2d"][data-v-02f43bd1] {
    box-shadow: none
}

.user input:checked+label[for="2d"][data-v-02f43bd1] {
    background-color: #5867ab;
    color: #fff;
    box-shadow: none
}

input:checked+label[for="2d"][data-v-02f43bd1]:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: -5px -5px 3px -2px #fff inset
}

input:checked+label[for="2d"][data-v-02f43bd1]:after {
    content: "";
    position: absolute;
    top: -50%;
    right: 0;
    width: 200%;
    height: 200%;
    box-shadow: none
}

input:checked+label[for="3d"][data-v-02f43bd1] {
    box-shadow: 5px 5px 5px -2px #0d275029 inset
}

.user input:checked+label[for="3d"][data-v-02f43bd1] {
    background-color: #5867ab;
    color: #fff;
    box-shadow: none
}

input:checked+label[for="3d"][data-v-02f43bd1]:before {
    box-shadow: -5px -5px 3px -2px #fff inset
}

.user input:checked+label[for="3d"][data-v-02f43bd1]:before {
    box-shadow: 3px 0 3.7px -2px #0000005e inset
}

.user input:checked+label[for="2d"][data-v-02f43bd1]:after {
    box-shadow: -3px 0 3.7px -2px #0000005e inset
}

#right-tab[data-v-745fc538] {
    z-index: 151;
    position: fixed;
    right: -360px;
    top: 0;
    display: flex;
    width: 314px;
    height: 100%;
    padding-top: 124px;
    flex-direction: column;
    background: #fff;
    box-shadow: -4px 1px 40.4px #00000026;
    transition: right cubic-bezier(.39,.17,0,.99) 391ms
}

#right-tab.show[data-v-745fc538] {
    right: 0
}

.parameters[data-v-745fc538] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 108px;
    height: 24px;
    margin-left: 22px;
    margin-bottom: 4px;
    border-radius: 5px;
    font-size: 10px;
    text-transform: uppercase;
    background: #5867ab;
    color: #fff;
    -webkit-user-select: none;
    user-select: none;
    cursor: pointer
}

.parameters .icon[data-v-745fc538] {
    width: 13px;
    height: 13px;
    margin-right: 5px;
    background-image: url("data:image/svg+xml,%3csvg%20width='13'%20height='11'%20viewBox='0%200%2013%2011'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M11.5%204H1M11.5%201H1M11.5%207H1M11.5%2010H1'%20stroke='white'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/svg%3e");
    background-size: 100%;
    background-position: center;
    background-repeat: no-repeat;
    cursor: pointer
}

.parameters .text[data-v-745fc538] {
    position: relative;
    top: 1px
}

.doortype_select[data-v-745fc538],.title[data-v-745fc538] {
    z-index: 3;
    position: absolute;
    top: 33px;
    left: 50%;
    width: 263px;
    height: 58px;
    margin-left: -131.5px;
    overflow: hidden;
    border-radius: 28px 28px 25px 25px;
    box-shadow: 0 4px 18px #5867ab59;
    transition: height .3s cubic-bezier(.51,.01,.4,.92)
}

.doortype_select.wide[data-v-745fc538] {
    width: 288px;
    margin-left: -144px
}

.doortype_select.opened[data-v-745fc538] {
    height: 149px
}

.selected_doortype[data-v-745fc538] {
    z-index: 12;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 263px;
    height: 58px;
    border-radius: 29px;
    padding-left: 45px;
    font-size: 20px;
    font-weight: 500;
    color: #fff;
    background: #5867ab;
    box-shadow: 0 4px 18px #5867ab59;
    cursor: pointer;
    -webkit-user-select: none;
    user-select: none
}

.selected_doortype.wide[data-v-745fc538] {
    width: 288px
}

.select_arrow[data-v-745fc538] {
    position: absolute;
    top: 9px;
    left: 9px;
    width: 38px;
    height: 38px;
    border-radius: 19px;
    background-color: #fff;
    box-shadow: 0 2px 6px #00000040
}

.select_arrow_svg[data-v-745fc538] {
    width: 38px;
    height: 38px;
    background-image: url("data:image/svg+xml,%3csvg%20width='22'%20height='22'%20viewBox='0%200%2022%2022'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20transform='translate(0,5)'%3e%3cpath%20d='M2%202L11%2013L20%202'%20stroke='%235867AB'%20stroke-width='4'%20stroke-linecap='round'/%3e%3c/g%3e%3c/svg%3e");
    background-position: center;
    background-repeat: no-repeat;
    transform: rotate(0);
    transition: transform .3s cubic-bezier(.51,.01,.4,.92)
}

.select_arrow_svg.opened[data-v-745fc538] {
    transform: rotate(180deg)
}

.other_type[data-v-745fc538] {
    z-index: 11;
    position: absolute;
    left: 0;
    bottom: 0;
    display: flex;
    justify-content: center;
    align-items: flex-end;
    width: 100%;
    height: 100%;
    background: #fff
}

.other_title[data-v-745fc538] {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 242px;
    height: 58px;
    margin-bottom: 15px;
    font-size: 20px;
    font-weight: 500;
    color: #5867ab;
    border: 3px solid #5867AB;
    border-radius: 29px;
    opacity: 0;
    transition: opacity .3s cubic-bezier(.51,.01,.4,.92);
    cursor: pointer;
    -webkit-user-select: none;
    user-select: none
}

.other_type.opened .other_title[data-v-745fc538] {
    opacity: 1
}

.title[data-v-745fc538] {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 263px;
    height: 58px;
    border-radius: 29px;
    font-size: 20px;
    font-weight: 500;
    color: #fff;
    background: #5867ab;
    -webkit-user-select: none;
    user-select: none
}

.items_cont[data-v-745fc538] {
    position: relative;
    padding: 0 15px 0 28px;
    overflow: hidden
}

.items_cont[data-v-745fc538]:before {
    z-index: 10;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 23px;
    height: 100%;
    background: linear-gradient(90deg,#fff,#fffffff5,#fff0)
}

.items_cont[data-v-745fc538]:after {
    z-index: 10;
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 10px;
    height: 100%;
    background: #fff;
    background: linear-gradient(270deg,#fff,#fffffff5 38%,#fff0)
}

.items_wrapper[data-v-745fc538] {
    z-index: 1;
    content: "";
    position: relative;
    left: 0;
    display: flex;
    width: max-content;
    transition: left cubic-bezier(.39,.17,0,.99) 541ms
}

.items_block[data-v-745fc538] {
    display: flex;
    flex-shrink: 0;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
    width: 271px;
    margin-right: 20px;
    height: min-content
}

.pagination_cont[data-v-745fc538] {
    position: absolute;
    bottom: 20px;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 73px
}

.pagination_list[data-v-745fc538] {
    display: flex;
    align-items: center
}

.nav[data-v-745fc538] {
    width: 52px;
    height: 52px;
    border-radius: 26px;
    background-color: #5867ab;
    background-position: center;
    background-repeat: no-repeat;
    box-shadow: 0 2px 6px #00000040
}

.nav.show[data-v-745fc538]:hover {
    transform: scale(1.13)
}

.nav.show[data-v-745fc538] {
    cursor: pointer
}

.nav.prev[data-v-745fc538] {
    background-image: url("data:image/svg+xml,%3csvg%20width='17'%20height='22'%20viewBox='0%200%2017%2022'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M14.1582%2020.0001L3.1582%2011.0001L14.1582%202.00006'%20stroke='white'%20stroke-width='4'%20stroke-linecap='round'/%3e%3c/svg%3e");
    background-position-x: 43%;
    margin-right: 19px
}

.nav.next[data-v-745fc538] {
    background-position-x: 57%;
    background-image: url("data:image/svg+xml,%3csvg%20width='17'%20height='22'%20viewBox='0%200%2017%2022'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M2%2020.0001L13%2011.0001L2%202.00006'%20stroke='white'%20stroke-width='4'%20stroke-linecap='round'/%3e%3c/svg%3e");
    margin-left: 19px
}

.page[data-v-745fc538] {
    height: 23px;
    margin: 0 5.5px;
    line-height: 23px;
    font-size: 24px;
    color: #42424280;
    -webkit-user-select: none;
    user-select: none;
    cursor: pointer
}

.page.active[data-v-745fc538] {
    font-size: 32px;
    font-weight: 600;
    color: #5867ab;
    cursor: default
}

@keyframes zoom-out-745fc538 {
    0% {
        transform: scale(1)
    }

    to {
        transform: scale(.947)
    }
}

@keyframes zoom-in-745fc538 {
    0% {
        transform: scale(.947)
    }

    to {
        transform: scale(1)
    }
}

.click-animation[data-v-745fc538] {
    animation: .17s ease-in zoom-out-745fc538,.17s ease-out .17s zoom-in-745fc538
}

.wall_editor[data-v-e63cff8d] {
    display: flex;
    flex-direction: column;
    align-items: center
}

.switcher_cont[data-v-e63cff8d] {
    z-index: 16;
    position: fixed;
    left: 0;
    width: 100%;
    top: 80px
}

.right_bottom_button[data-v-e63cff8d],.left_bottom_button[data-v-e63cff8d],.left_top_button[data-v-e63cff8d] {
    position: absolute;
    bottom: 0;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 80px;
    padding: 0 43px;
    font-size: 24px;
    font-weight: 500;
    color: #fff;
    text-transform: uppercase;
    background: #5867ab;
    border-radius: 20px 0 0;
    box-shadow: -6px 6px 13px #42424240;
    cursor: pointer;
    -webkit-user-select: none;
    user-select: none
}

.left_bottom_button[data-v-e63cff8d] {
    right: auto;
    left: 0;
    border-radius: 0 20px 0 0;
    box-shadow: 6px 6px 13px #42424240
}

.left_top_button[data-v-e63cff8d] {
    z-index: 151;
    inset: 0 auto auto 0;
    height: 91px;
    padding: 0 48px;
    font-size: 32px;
    border-radius: 0 0 20px;
    box-shadow: 6px 6px 13px #42424240
}

.buttons_cont_wrapper[data-v-e63cff8d] {
    z-index: 1;
    position: fixed;
    top: 157px;
    left: 50%;
    width: 1087px;
    height: 673px;
    margin-left: -543.5px
}

.buttons_cont[data-v-e63cff8d] {
    position: absolute;
    top: 0;
    left: -103px;
    display: flex;
    flex-direction: column
}

.buttons_cont div[data-v-e63cff8d] {
    width: 68px;
    height: 60px;
    margin-bottom: 36px;
    border-radius: 15px;
    background-color: #f5f5fa;
    background-size: 180%;
    background-repeat: no-repeat;
    background-position: center;
    box-shadow: -10px -10px 20px #fff,10px 10px 20px #5867ab40,5px 5px 10px #5867ab40,-5px -5px 10px #ffffff80;
    cursor: pointer
}

.buttons_cont div.active[data-v-e63cff8d] {
    box-shadow: -5px -5px 10px #fff inset,5px 5px 10px #5867ab40 inset,2px 2px 4px #5867ab40 inset,-2px -2px 4px #ffffff80 inset
}

.main_outer[data-v-e63cff8d] {
    background-image: url("data:image/svg+xml,%3csvg%20width='134'%20height='120'%20viewBox='0%200%20128%20120'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20filter='url(%23filter0_dddd_1093_993)'%3e%3cline%20x1='82.5'%20y1='75.5'%20x2='82.5'%20y2='43.5'%20stroke='%235867AB'%20stroke-width='5'%20stroke-linecap='round'/%3e%3cline%20x1='82.5'%20y1='43.5'%20x2='45.5'%20y2='43.5'%20stroke='%235867AB'%20stroke-width='5'%20stroke-linecap='round'/%3e%3cline%20x1='45.5'%20y1='75.5'%20x2='45.5'%20y2='44.5'%20stroke='%235867AB'%20stroke-width='5'%20stroke-linecap='round'/%3e%3crect%20x='65.75'%20y='44.75'%20width='1.5'%20height='32.5'%20rx='0.75'%20stroke='%235867AB'%20stroke-width='1.5'/%3e%3cline%20x1='45'%20y1='60.8787'%20x2='60.8787'%20y2='45'%20stroke='%235867AB'%20stroke-width='3'%20stroke-linecap='round'/%3e%3cline%20x1='47'%20y1='71.8787'%20x2='65.8787'%20y2='53'%20stroke='%235867AB'%20stroke-width='3'%20stroke-linecap='round'/%3e%3cline%20x1='55'%20y1='76.8787'%20x2='65.8787'%20y2='66'%20stroke='%235867AB'%20stroke-width='3'%20stroke-linecap='round'/%3e%3ccircle%20cx='66'%20cy='51'%20r='1'%20fill='%235867AB'/%3e%3ccircle%20cx='67'%20cy='57'%20r='1'%20fill='%235867AB'/%3e%3ccircle%20cx='66'%20cy='69'%20r='1'%20fill='%235867AB'/%3e%3ccircle%20cx='67'%20cy='76'%20r='1'%20fill='%235867AB'/%3e%3cpath%20d='M69%2047H79V76C79%2077.1046%2078.1046%2078%2077%2078H71C69.8954%2078%2069%2077.1046%2069%2076V47Z'%20fill='%235867AB'/%3e%3c/g%3e%3cdefs%3e%3cfilter%20id='filter0_dddd_1093_993'%20x='0'%20y='0'%20width='128'%20height='120'%20filterUnits='userSpaceOnUse'%20color-interpolation-filters='sRGB'%3e%3cfeFlood%20flood-opacity='0'%20result='BackgroundImageFix'/%3e%3cfeColorMatrix%20in='SourceAlpha'%20type='matrix'%20values='0%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%20127%200'%20result='hardAlpha'/%3e%3cfeOffset%20dx='-10'%20dy='-10'/%3e%3cfeGaussianBlur%20stdDeviation='10'/%3e%3cfeColorMatrix%20type='matrix'%20values='0%200%200%200%201%200%200%200%200%201%200%200%200%200%201%200%200%200%201%200'/%3e%3cfeBlend%20mode='normal'%20in2='BackgroundImageFix'%20result='effect1_dropShadow_1093_993'/%3e%3cfeColorMatrix%20in='SourceAlpha'%20type='matrix'%20values='0%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%20127%200'%20result='hardAlpha'/%3e%3cfeOffset%20dx='10'%20dy='10'/%3e%3cfeGaussianBlur%20stdDeviation='10'/%3e%3cfeColorMatrix%20type='matrix'%20values='0%200%200%200%200.345098%200%200%200%200%200.403922%200%200%200%200%200.670588%200%200%200%200.25%200'/%3e%3cfeBlend%20mode='normal'%20in2='effect1_dropShadow_1093_993'%20result='effect2_dropShadow_1093_993'/%3e%3cfeColorMatrix%20in='SourceAlpha'%20type='matrix'%20values='0%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%20127%200'%20result='hardAlpha'/%3e%3cfeOffset%20dx='5'%20dy='5'/%3e%3cfeGaussianBlur%20stdDeviation='5'/%3e%3cfeColorMatrix%20type='matrix'%20values='0%200%200%200%200.345098%200%200%200%200%200.403922%200%200%200%200%200.670588%200%200%200%200.25%200'/%3e%3cfeBlend%20mode='normal'%20in2='effect2_dropShadow_1093_993'%20result='effect3_dropShadow_1093_993'/%3e%3cfeColorMatrix%20in='SourceAlpha'%20type='matrix'%20values='0%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%20127%200'%20result='hardAlpha'/%3e%3cfeOffset%20dx='-5'%20dy='-5'/%3e%3cfeGaussianBlur%20stdDeviation='5'/%3e%3cfeColorMatrix%20type='matrix'%20values='0%200%200%200%201%200%200%200%200%201%200%200%200%200%201%200%200%200%200.5%200'/%3e%3cfeBlend%20mode='normal'%20in2='effect3_dropShadow_1093_993'%20result='effect4_dropShadow_1093_993'/%3e%3cfeBlend%20mode='normal'%20in='SourceGraphic'%20in2='effect4_dropShadow_1093_993'%20result='shape'/%3e%3c/filter%3e%3c/defs%3e%3c/svg%3e")
}

.main_inner[data-v-e63cff8d] {
    background-image: url("data:image/svg+xml,%3csvg%20width='134'%20height='120'%20viewBox='0%200%20128%20120'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20filter='url(%23filter0_dddd_1093_1008)'%3e%3cline%20x1='75.5'%20y1='75.5'%20x2='75.5'%20y2='43.5'%20stroke='%235867AB'%20stroke-width='5'%20stroke-linecap='round'/%3e%3cline%20x1='75.5'%20y1='43.5'%20x2='52.5'%20y2='43.5'%20stroke='%235867AB'%20stroke-width='5'%20stroke-linecap='round'/%3e%3cline%20x1='52.5'%20y1='75.5'%20x2='52.5'%20y2='44.5'%20stroke='%235867AB'%20stroke-width='5'%20stroke-linecap='round'/%3e%3cline%20x1='54'%20y1='61.8787'%20x2='71.8787'%20y2='44'%20stroke='%235867AB'%20stroke-width='3'%20stroke-linecap='round'/%3e%3cline%20x1='54'%20y1='74.8787'%20x2='73.8787'%20y2='55'%20stroke='%235867AB'%20stroke-width='3'%20stroke-linecap='round'/%3e%3cline%20x1='65'%20y1='75.8787'%20x2='73.8787'%20y2='67'%20stroke='%235867AB'%20stroke-width='3'%20stroke-linecap='round'/%3e%3c/g%3e%3cdefs%3e%3cfilter%20id='filter0_dddd_1093_1008'%20x='0'%20y='0'%20width='128'%20height='120'%20filterUnits='userSpaceOnUse'%20color-interpolation-filters='sRGB'%3e%3cfeFlood%20flood-opacity='0'%20result='BackgroundImageFix'/%3e%3cfeColorMatrix%20in='SourceAlpha'%20type='matrix'%20values='0%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%20127%200'%20result='hardAlpha'/%3e%3cfeOffset%20dx='-10'%20dy='-10'/%3e%3cfeGaussianBlur%20stdDeviation='10'/%3e%3cfeColorMatrix%20type='matrix'%20values='0%200%200%200%201%200%200%200%200%201%200%200%200%200%201%200%200%200%201%200'/%3e%3cfeBlend%20mode='normal'%20in2='BackgroundImageFix'%20result='effect1_dropShadow_1093_1008'/%3e%3cfeColorMatrix%20in='SourceAlpha'%20type='matrix'%20values='0%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%20127%200'%20result='hardAlpha'/%3e%3cfeOffset%20dx='10'%20dy='10'/%3e%3cfeGaussianBlur%20stdDeviation='10'/%3e%3cfeColorMatrix%20type='matrix'%20values='0%200%200%200%200.345098%200%200%200%200%200.403922%200%200%200%200%200.670588%200%200%200%200.25%200'/%3e%3cfeBlend%20mode='normal'%20in2='effect1_dropShadow_1093_1008'%20result='effect2_dropShadow_1093_1008'/%3e%3cfeColorMatrix%20in='SourceAlpha'%20type='matrix'%20values='0%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%20127%200'%20result='hardAlpha'/%3e%3cfeOffset%20dx='5'%20dy='5'/%3e%3cfeGaussianBlur%20stdDeviation='5'/%3e%3cfeColorMatrix%20type='matrix'%20values='0%200%200%200%200.345098%200%200%200%200%200.403922%200%200%200%200%200.670588%200%200%200%200.25%200'/%3e%3cfeBlend%20mode='normal'%20in2='effect2_dropShadow_1093_1008'%20result='effect3_dropShadow_1093_1008'/%3e%3cfeColorMatrix%20in='SourceAlpha'%20type='matrix'%20values='0%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%20127%200'%20result='hardAlpha'/%3e%3cfeOffset%20dx='-5'%20dy='-5'/%3e%3cfeGaussianBlur%20stdDeviation='5'/%3e%3cfeColorMatrix%20type='matrix'%20values='0%200%200%200%201%200%200%200%200%201%200%200%200%200%201%200%200%200%200.5%200'/%3e%3cfeBlend%20mode='normal'%20in2='effect3_dropShadow_1093_1008'%20result='effect4_dropShadow_1093_1008'/%3e%3cfeBlend%20mode='normal'%20in='SourceGraphic'%20in2='effect4_dropShadow_1093_1008'%20result='shape'/%3e%3c/filter%3e%3c/defs%3e%3c/svg%3e")
}

.inner[data-v-e63cff8d] {
    background-image: url("data:image/svg+xml,%3csvg%20width='134'%20height='120'%20viewBox='0%200%20128%20120'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20filter='url(%23filter0_dddd_1093_1035)'%3e%3cline%20x1='69.5'%20y1='75.5'%20x2='69.5'%20y2='43.5'%20stroke='%235867AB'%20stroke-width='5'%20stroke-linecap='round'/%3e%3cline%20x1='58.5'%20y1='75.5'%20x2='58.5'%20y2='43.5'%20stroke='%235867AB'%20stroke-width='5'%20stroke-linecap='round'/%3e%3cline%20x1='69.5'%20y1='43.5'%20x2='58.5'%20y2='43.5'%20stroke='%235867AB'%20stroke-width='5'%20stroke-linecap='round'/%3e%3cpath%20d='M62%2047H66V77C66%2077.5523%2065.5523%2078%2065%2078H63C62.4477%2078%2062%2077.5523%2062%2077V47Z'%20fill='%235867AB'/%3e%3c/g%3e%3cdefs%3e%3cfilter%20id='filter0_dddd_1093_1035'%20x='0'%20y='0'%20width='128'%20height='120'%20filterUnits='userSpaceOnUse'%20color-interpolation-filters='sRGB'%3e%3cfeFlood%20flood-opacity='0'%20result='BackgroundImageFix'/%3e%3cfeColorMatrix%20in='SourceAlpha'%20type='matrix'%20values='0%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%20127%200'%20result='hardAlpha'/%3e%3cfeOffset%20dx='-10'%20dy='-10'/%3e%3cfeGaussianBlur%20stdDeviation='10'/%3e%3cfeColorMatrix%20type='matrix'%20values='0%200%200%200%201%200%200%200%200%201%200%200%200%200%201%200%200%200%201%200'/%3e%3cfeBlend%20mode='normal'%20in2='BackgroundImageFix'%20result='effect1_dropShadow_1093_1035'/%3e%3cfeColorMatrix%20in='SourceAlpha'%20type='matrix'%20values='0%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%20127%200'%20result='hardAlpha'/%3e%3cfeOffset%20dx='10'%20dy='10'/%3e%3cfeGaussianBlur%20stdDeviation='10'/%3e%3cfeColorMatrix%20type='matrix'%20values='0%200%200%200%200.345098%200%200%200%200%200.403922%200%200%200%200%200.670588%200%200%200%200.25%200'/%3e%3cfeBlend%20mode='normal'%20in2='effect1_dropShadow_1093_1035'%20result='effect2_dropShadow_1093_1035'/%3e%3cfeColorMatrix%20in='SourceAlpha'%20type='matrix'%20values='0%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%20127%200'%20result='hardAlpha'/%3e%3cfeOffset%20dx='5'%20dy='5'/%3e%3cfeGaussianBlur%20stdDeviation='5'/%3e%3cfeColorMatrix%20type='matrix'%20values='0%200%200%200%200.345098%200%200%200%200%200.403922%200%200%200%200%200.670588%200%200%200%200.25%200'/%3e%3cfeBlend%20mode='normal'%20in2='effect2_dropShadow_1093_1035'%20result='effect3_dropShadow_1093_1035'/%3e%3cfeColorMatrix%20in='SourceAlpha'%20type='matrix'%20values='0%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%20127%200'%20result='hardAlpha'/%3e%3cfeOffset%20dx='-5'%20dy='-5'/%3e%3cfeGaussianBlur%20stdDeviation='5'/%3e%3cfeColorMatrix%20type='matrix'%20values='0%200%200%200%201%200%200%200%200%201%200%200%200%200%201%200%200%200%200.5%200'/%3e%3cfeBlend%20mode='normal'%20in2='effect3_dropShadow_1093_1035'%20result='effect4_dropShadow_1093_1035'/%3e%3cfeBlend%20mode='normal'%20in='SourceGraphic'%20in2='effect4_dropShadow_1093_1035'%20result='shape'/%3e%3c/filter%3e%3c/defs%3e%3c/svg%3e")
}

.buttons_cont div.doors[data-v-e63cff8d] {
    background-size: 32%;
    background-image: url("data:image/svg+xml,%3csvg%20width='30'%20height='51'%20viewBox='0%200%2030%2051'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3crect%20x='1.25'%20y='1.25'%20width='27.3575'%20height='48.2578'%20rx='3.75'%20stroke='%235867AB'%20stroke-width='2.5'/%3e%3cline%20x1='20.4082'%20y1='28.8577'%20x2='22.8868'%20y2='28.8577'%20stroke='%235867AB'%20stroke-width='2'%20stroke-linecap='round'/%3e%3c/svg%3e")
}

.buttons_cont div.windows[data-v-e63cff8d] {
    background-size: 45%;
    background-image: url("data:image/svg+xml,%3csvg%20width='40'%20height='40'%20viewBox='0%200%2040%2040'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3crect%20width='40'%20height='40'%20fill='%23F5F5FA'/%3e%3cpath%20d='M20%205H31.6667C32.5507%205%2033.3986%205.35119%2034.0237%205.97631C34.6488%206.60143%2035%207.44928%2035%208.33333V31.6667C35%2032.5507%2034.6488%2033.3986%2034.0237%2034.0237C33.3986%2034.6488%2032.5507%2035%2031.6667%2035H20M20%205H8.33333C7.44928%205%206.60143%205.35119%205.97631%205.97631C5.35119%206.60143%205%207.44928%205%208.33333V31.6667C5%2032.5507%205.35119%2033.3986%205.97631%2034.0237C6.60143%2034.6488%207.44928%2035%208.33333%2035H20M20%205V35'%20stroke='%235867AB'%20stroke-width='2.5'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cline%20x1='21'%20y1='20.5'%20x2='33.7273'%20y2='20.5'%20stroke='%235867AB'/%3e%3c/svg%3e")
}

.buttons_cont div.furniture[data-v-e63cff8d] {
    background-size: 210%;
    background-image: url("data:image/svg+xml,%3csvg%20width='110'%20height='103'%20viewBox='0%200%20110%20103'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20filter='url(%23filter0_dddd_2176_1496)'%3e%3crect%20x='30'%20y='30'%20width='50'%20height='43'%20rx='10'%20fill='%23F5F5FA'/%3e%3cpath%20d='M55%2043V53.2857M47%2061V58.4286M63%2061V58.4286M64.3333%2048.2526C63.5565%2048.5173%2063%2049.2317%2063%2050.0714V53.2857H47V50.0714C47%2049.2317%2046.4435%2048.5173%2045.6667%2048.2526C45.4581%2048.1815%2045.2338%2048.1429%2045%2048.1429C43.8954%2048.1429%2043%2049.0063%2043%2050.0714V55.8571C43%2057.2773%2044.1939%2058.4286%2045.6667%2058.4286H64.3333C65.8061%2058.4286%2067%2057.2773%2067%2055.8571V50.0714C67%2049.0063%2066.1046%2048.1429%2065%2048.1429C64.7662%2048.1429%2064.5419%2048.1815%2064.3333%2048.2526ZM45.6667%2048.2526V48.1429C45.6667%2045.3025%2048.0545%2043%2051%2043H59C61.9455%2043%2064.3333%2045.3025%2064.3333%2048.1429V48.2526'%20stroke='%235867AB'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/g%3e%3cdefs%3e%3cfilter%20id='filter0_dddd_2176_1496'%20x='0'%20y='0'%20width='110'%20height='103'%20filterUnits='userSpaceOnUse'%20color-interpolation-filters='sRGB'%3e%3cfeFlood%20flood-opacity='0'%20result='BackgroundImageFix'/%3e%3cfeColorMatrix%20in='SourceAlpha'%20type='matrix'%20values='0%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%20127%200'%20result='hardAlpha'/%3e%3cfeOffset%20dx='-10'%20dy='-10'/%3e%3cfeGaussianBlur%20stdDeviation='10'/%3e%3cfeColorMatrix%20type='matrix'%20values='0%200%200%200%201%200%200%200%200%201%200%200%200%200%201%200%200%200%201%200'/%3e%3cfeBlend%20mode='normal'%20in2='BackgroundImageFix'%20result='effect1_dropShadow_2176_1496'/%3e%3cfeColorMatrix%20in='SourceAlpha'%20type='matrix'%20values='0%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%20127%200'%20result='hardAlpha'/%3e%3cfeOffset%20dx='10'%20dy='10'/%3e%3cfeGaussianBlur%20stdDeviation='10'/%3e%3cfeColorMatrix%20type='matrix'%20values='0%200%200%200%200.345098%200%200%200%200%200.403922%200%200%200%200%200.670588%200%200%200%200.25%200'/%3e%3cfeBlend%20mode='normal'%20in2='effect1_dropShadow_2176_1496'%20result='effect2_dropShadow_2176_1496'/%3e%3cfeColorMatrix%20in='SourceAlpha'%20type='matrix'%20values='0%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%20127%200'%20result='hardAlpha'/%3e%3cfeOffset%20dx='5'%20dy='5'/%3e%3cfeGaussianBlur%20stdDeviation='5'/%3e%3cfeColorMatrix%20type='matrix'%20values='0%200%200%200%200.345098%200%200%200%200%200.403922%200%200%200%200%200.670588%200%200%200%200.25%200'/%3e%3cfeBlend%20mode='normal'%20in2='effect2_dropShadow_2176_1496'%20result='effect3_dropShadow_2176_1496'/%3e%3cfeColorMatrix%20in='SourceAlpha'%20type='matrix'%20values='0%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%20127%200'%20result='hardAlpha'/%3e%3cfeOffset%20dx='-5'%20dy='-5'/%3e%3cfeGaussianBlur%20stdDeviation='5'/%3e%3cfeColorMatrix%20type='matrix'%20values='0%200%200%200%201%200%200%200%200%201%200%200%200%200%201%200%200%200%200.5%200'/%3e%3cfeBlend%20mode='normal'%20in2='effect3_dropShadow_2176_1496'%20result='effect4_dropShadow_2176_1496'/%3e%3cfeBlend%20mode='normal'%20in='SourceGraphic'%20in2='effect4_dropShadow_2176_1496'%20result='shape'/%3e%3c/filter%3e%3c/defs%3e%3c/svg%3e")
}

.floor_tags[data-v-e63cff8d] {
    position: absolute;
    top: 0;
    left: calc(100% + 30px);
    width: 300px
}

.floor_tags_title[data-v-e63cff8d] {
    font-size: 20px;
    font-weight: 500
}

.floor_tags_cont[data-v-e63cff8d] {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -10px
}

.delete_button[data-v-e63cff8d],.entity_popup[data-v-e63cff8d] {
    z-index: 100;
    position: fixed;
    padding: 5px 10px;
    border-radius: 10px;
    border: 2px solid rgba(88,103,171,1);
    background: #fff;
    box-shadow: -10px -10px 20px #5867ab40,10px 10px 20px #5867ab40,5px 5px 10px #5867ab40,-5px -5px 10px #ffffff80;
    cursor: pointer;
    -webkit-user-select: none;
    user-select: none
}

.entity_popup[data-v-e63cff8d] {
    pointer-events: none
}

.download_project[data-v-e63cff8d] {
    position: relative;
    top: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 404px;
    height: 115px;
    line-height: 115px;
    margin-bottom: 100px;
    border-radius: 79px;
    color: #fff;
    font-size: 40px;
    font-weight: 500;
    text-transform: uppercase;
    background-color: #5867ab;
    box-shadow: 0 4px 18px #00000040;
    cursor: pointer;
    -webkit-user-select: none;
    user-select: none;
    transition: top cubic-bezier(.39,.17,0,.99) .3s,box-shadow cubic-bezier(.39,.17,0,.99) .3s
}

.download_project[data-v-e63cff8d]:active {
    top: 2px;
    box-shadow: 0 4px 18px #00000080
}

input[type=checkbox][data-v-e63cff8d] {
    display: none
}

.is_paid[data-v-e63cff8d] {
    position: relative;
    display: block;
    width: 19.16px;
    height: 19.16px;
    margin-right: 10px;
    border: 2px solid rgba(88,103,171,1);
    cursor: pointer
}

.is_paid[data-v-e63cff8d]:after {
    display: none;
    content: "✓";
    position: absolute;
    top: -4px;
    left: 2px;
    justify-content: center;
    align-items: center;
    width: 15.16px;
    height: 15.16px;
    font-size: 24px;
    font-weight: 600
}

#is_paid:checked+.is_paid[data-v-e63cff8d]:after {
    display: flex
}

.is_paid_cont[data-v-e63cff8d] {
    display: flex;
    align-items: center;
    margin-top: 20px
}

.is_paid_title[data-v-e63cff8d] {
    font-size: 20px;
    font-weight: 500
}

.is_paid_cont sup[data-v-e63cff8d] {
    font-size: 12px
}

.like_wrapper[data-v-87c42358] {
    position: absolute;
    top: 15px;
    right: 15px
}

.like_cont[data-v-87c42358] {
    z-index: 4;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 38px;
    height: 38px;
    border-radius: 20px;
    background-color: #fff;
    box-shadow: 0 4px 4px -2px #5867ab99,0 -1px 1.9px #5867ab inset,-4px -2px 12.6px -9px #5867ab80 inset;
    cursor: pointer
}

.like_cont path[data-v-87c42358] {
    transition: fill .13s linear
}

.like_cont.checked path[data-v-87c42358] {
    fill: #5867ab
}

.like_cont svg[data-v-87c42358] {
    position: relative
}

.saved[data-v-87c42358] {
    z-index: 3;
    position: absolute;
    top: 50%;
    right: 50%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    width: 0;
    height: 30px;
    margin-top: -15px;
    padding-left: 21px;
    border-radius: 15px 0 0 15px;
    white-space: nowrap;
    font-weight: 600;
    font-size: 11px;
    color: #fff;
    background-color: #5867ab;
    box-shadow: 0 0 10px #fff3;
    overflow: hidden;
    opacity: 0;
    transition: width 341ms ease,opacity 241ms ease
}

.saved.show[data-v-87c42358] {
    width: 184px;
    opacity: 1
}

.orientation-overlay[data-v-86f6ec60] {
    display: none
}

@media screen and (orientation: landscape)and (max-height:800px) {
    .orientation-overlay[data-v-86f6ec60] {
        display:flex;
        position: fixed;
        top: 0;
        left: 0;
        width: 100vw;
        height: 100vh;
        height: 100svh;
        background-color: #fff;
        z-index: 999999;
        justify-content: center;
        align-items: center
    }

    .overlay-content[data-v-86f6ec60] {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 24px
    }

    .warning-text[data-v-86f6ec60] {
        font-size: 20px;
        font-weight: 600;
        color: #5867ab;
        text-align: center;
        padding: 0 20px;
        font-family: inherit
    }

    .phone-icon[data-v-86f6ec60] {
        width: 80px;
        height: 80px;
        animation: rotatePhone-86f6ec60 2s ease-in-out infinite
    }
}

@keyframes rotatePhone-86f6ec60 {
    0% {
        transform: rotate(-90deg)
    }

    50% {
        transform: rotate(0)
    }

    to {
        transform: rotate(0)
    }
}

.hard-paywall-wrapper[data-v-6344105c] {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    border-radius: 16px;
    overflow: hidden
}

.button-continue-free-container[data-v-6344105c],.button-continue-paid-container[data-v-6344105c] {
    flex: 1;
    width: 100%;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

.button-continue-free-container[data-v-6344105c] {
    background-color: #d9d9d9
}

.button-continue-paid-container[data-v-6344105c] {
    background-color: #fff
}

.button-continue-free[data-v-6344105c],.button-continue-paid[data-v-6344105c] {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 254px;
    height: 53px;
    background: #fff;
    border-radius: 28px;
    font-size: 13px;
    font-weight: 400;
    -webkit-user-select: none;
    user-select: none;
    text-decoration: none;
    position: absolute;
    bottom: 27px;
    left: 40px;
    cursor: pointer
}

.button-continue-free[data-v-6344105c] {
    color: #424242;
    box-shadow: 0 4px 9.2px -6px #5867abcf,inset 0 -1px 1.8px #5867ab4d,inset 0 2px 4.9px -3px #5867ab33;
    font-size: 12px;
    font-weight: 400
}

.button-continue-paid[data-v-6344105c] {
    color: #5867ab;
    box-shadow: 0 4px 4px -2px #5867ab99,inset 0 -1px 1.9px #5867ab33,inset -4px -2px 12.6px -9px #5867ab80;
    font-size: 13px;
    font-weight: 600
}

.button-continue-free[data-v-6344105c]:active,.button-continue-paid[data-v-6344105c]:active {
    background: #5867ab;
    color: #fff
}

.paywall-container[data-v-6344105c] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    height: 100%;
    padding-top: 60px
}

.paywall-container h2[data-v-6344105c] {
    color: #5867ab;
    font-size: 20px;
    font-weight: 600;
    text-align: center;
    padding: 0 20px
}

.training-overlay[data-v-6344105c] {
    position: absolute;
    top: 0;
    left: 0;
    background: transparent;
    width: 340px;
    height: 450px;
    display: flex;
    justify-content: center;
    perspective: 1000px
}

.training-card-content h2[data-v-6344105c] {
    font-size: 24px;
    font-weight: 800;
    margin-bottom: 20px
}

.training-card-content p[data-v-6344105c] {
    font-size: 16px;
    font-weight: 500;
    line-height: 1.5
}

.button-disabled[data-v-6344105c] {
    opacity: .5;
    pointer-events: none
}

.fake-like-wrapper[data-v-6344105c] {
    position: absolute;
    bottom: 34px;
    right: 93px;
    z-index: 4
}

.fake-like-wrapper-step-4[data-v-6344105c] {
    position: absolute;
    top: 50%;
    right: 146px;
    z-index: 4
}

.fake-like-cont[data-v-6344105c] {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 38px;
    height: 38px;
    border-radius: 20px;
    background-color: #fff;
    box-shadow: 0 4px 4px -2px #5867ab99,0 -1px 1.9px #5867ab inset,-4px -2px 12.6px -9px #5867ab80 inset;
    cursor: pointer;
    transition: transform .2s ease,box-shadow .2s ease
}

@keyframes pulse-heart-6344105c {
    0% {
        transform: scale(1);
        box-shadow: 0 4px 4px -2px #5867ab99,0 -1px 1.9px #5867ab inset,-4px -2px 12.6px -9px #5867ab80 inset
    }

    50% {
        transform: scale(1.15);
        box-shadow: 0 4px 15px 4px #5867ab99,0 -1px 1.9px #5867ab inset,-4px -2px 12.6px -9px #5867ab80 inset
    }

    to {
        transform: scale(1);
        box-shadow: 0 4px 4px -2px #5867ab99,0 -1px 1.9px #5867ab inset,-4px -2px 12.6px -9px #5867ab80 inset
    }
}

.fake-like-cont.pulse[data-v-6344105c] {
    animation: pulse-heart-6344105c 1.5s infinite
}

.width_desktop_wrapper[data-v-6344105c] {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    min-width: 388px;
    background: #fff;
    overflow: hidden
}

.top_plate[data-v-6344105c] {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 80%;
    height: 43px;
    border-radius: 66px;
    background-color: #0000000a;
    font-weight: 600;
    font-size: 13px;
    letter-spacing: 0%;
    text-transform: uppercase
}

.slider_cont[data-v-6344105c] {
    width: calc(62.5% - 120px);
    margin-top: 34px;
    margin-bottom: 30px
}

.slider[data-v-6344105c] {
    width: 100%;
    --slider-handle-width: 60px;
    --slider-handle-height: 25px;
    --slider-height: 4px;
    --slider-bg: transparent;
    --slider-connect-bg: #5867ab
}

.plates_cont[data-v-6344105c] {
    display: flex;
    justify-content: space-between;
    width: 83%
}

.select_plate[data-v-6344105c] {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 72px;
    height: 28px;
    border-radius: 15px;
    border: 2px solid #5867ab;
    font-size: 11px;
    line-height: 13px;
    font-weight: 500;
    color: #5867ab;
    box-shadow: 0 0 7px #5867abe5;
    -webkit-user-select: none;
    user-select: none;
    cursor: pointer
}

.select_plate sup[data-v-6344105c] {
    position: relative;
    top: -3px;
    font-size: 7px
}

.layouts_container[data-v-6344105c] {
    position: absolute;
    top: 143px
}

.layouts_cont[data-v-6344105c] {
    position: relative;
    width: 340px;
    height: 450px;
    display: flex;
    justify-content: center;
    perspective: 1000px
}

.layout.swipe-card[data-v-6344105c] {
    position: absolute;
    top: 0;
    width: 332%;
    max-width: 332px;
    height: clamp(230px,calc(87.73vh - 147.22px),473px);
    height: clamp(230px,calc(87.73svh - 147.22px),473px);
    will-change: transform;
    background: #fff;
    border-radius: 16px;
    box-shadow: 0 0 10px #5867ab40;
    -webkit-user-select: none;
    user-select: none;
    -webkit-user-drag: none;
    margin: 0 auto;
    left: 0;
    right: 0
}

.layout.swipe-card[data-v-6344105c]:active {
    cursor: grabbing
}

.no_cards_msg[data-v-6344105c] {
    position: absolute;
    top: 50%;
    color: #5867ab;
    font-weight: 500;
    text-align: center;
    transform: translateY(-50%)
}

.layout_modal_wr[data-v-6344105c] {
    z-index: 10
}

.layout_modal[data-v-6344105c] {
    z-index: 10;
    position: fixed;
    top: 14.4vh;
    left: 8.5%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-end;
    width: 83%;
    height: 71.2vh;
    border-radius: 10px;
    background-color: #fff
}

.layout_modal_bg[data-v-6344105c] {
    z-index: 9;
    content: "";
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #0000008c
}

.layout_modal img[data-v-6344105c] {
    width: 100%;
    height: 65%;
    margin-top: 5%;
    object-fit: contain;
    object-position: center;
    -webkit-user-select: none;
    user-select: none;
    -webkit-user-drag: none;
    user-drag: none
}

.layout img[data-v-6344105c],.training-card-content-img[data-v-6344105c] {
    position: absolute;
    top: 80px;
    left: 0;
    width: 100%;
    height: calc(100% - 160px);
    object-position: center;
    -webkit-user-select: none;
    user-select: none;
    -webkit-user-drag: none;
    -khtml-user-drag: none;
    -moz-user-drag: none;
    -o-user-drag: none;
    user-drag: none
}

.training-card-content-img-4[data-v-6344105c] {
    position: absolute;
    top: 145px!important;
    left: 15%!important;
    width: 70%!important;
    height: calc(100% - 240px)!important;
    object-position: center;
    -webkit-user-select: none;
    user-select: none;
    -webkit-user-drag: none;
    -khtml-user-drag: none;
    -moz-user-drag: none;
    -o-user-drag: none;
    user-drag: none
}

.close_modal[data-v-6344105c] {
    position: absolute;
    bottom: -64px;
    left: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 124px;
    height: 44px;
    margin-left: -62px;
    border-radius: 22px;
    font-size: 15px;
    font-weight: 600;
    color: #5867ab;
    background-color: #fff;
    box-shadow: 0 0 10px #fff3;
    -webkit-user-select: none;
    user-select: none;
    cursor: pointer
}

.select-area-container[data-v-6344105c] {
    position: absolute;
    width: 295px;
    height: 440px;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%)
}

.select-area-svg-background[data-v-6344105c] {
    position: absolute;
    width: 324px;
    height: 403px;
    top: 67px;
    left: -15px
}

.select-area-button[data-v-6344105c] {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 53px;
    background: #fff;
    border-radius: 28px;
    font-size: 13px;
    font-weight: 600;
    color: #5867ab;
    -webkit-user-select: none;
    user-select: none;
    text-decoration: none;
    position: absolute;
    cursor: pointer;
    box-shadow: 0 4px 4px -2px #5867ab99,0 -1px 1.9px #5867ab inset,-4px -2px 12.6px -9px #5867ab80 inset;
    transition: background-color 150ms ease, color 150ms ease, transform 150ms ease
}

.select-area-button.is-selected[data-v-6344105c] {
    background: #5867ab;
    color: #fff
}

.select-area-button--1[data-v-6344105c] {
    width: 141px;
    top: 156px;
    left: 50%;
    transform: translate(-50%)
}

.select-area-button--2[data-v-6344105c] {
    width: 141px;
    top: 221px;
    left: 50%;
    transform: translate(-50%)
}

.select-area-button--3[data-v-6344105c] {
    width: 179px;
    top: 287px;
    left: 50%;
    transform: translate(-50%)
}

.select-area-button--1[data-v-6344105c]:active,
.select-area-button--2[data-v-6344105c]:active,
.select-area-button--3[data-v-6344105c]:active {
    transform: translate(-50%) scale(0.96);
    background: #5867ab;
    color: #fff
}

.button-to-3d-disabled[data-v-6344105c] {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 201px;
    height: 53px;
    background: #424242;
    border-radius: 28px;
    font-size: 13px;
    font-weight: 600;
    color: #fff;
    -webkit-user-select: none;
    user-select: none;
    text-decoration: none;
    position: absolute;
    cursor: pointer;
    bottom: 27px;
    left: 65px;
    box-shadow: 0 4px 4px #00000040,inset 0 -2px 4px #fff3,inset 0 2px 4px #fff3;
    transition: transform 150ms ease
}

.button-to-3d-disabled[data-v-6344105c]:active {
    transform: scale(0.96)
}

.button-to-3d[data-v-6344105c] {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 254px;
    height: 53px;
    background: #fff;
    border-radius: 28px;
    font-size: 13px;
    font-weight: 600;
    color: #5867ab;
    -webkit-user-select: none;
    user-select: none;
    text-decoration: none;
    position: absolute;
    cursor: pointer;
    bottom: 27px;
    left: 40px;
    box-shadow: 0 4px 4px -2px #5867ab99,0 -1px 1.9px #5867ab inset,-4px -2px 12.6px -9px #5867ab80 inset;
    transition: transform 150ms ease, background-color 150ms ease, color 150ms ease
}

.button-to-3d[data-v-6344105c]:active {
    background: #5867ab;
    color: #fff;
    transform: scale(0.96)
}

.tags[data-v-6344105c] {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    width: 83%;
    margin-bottom: 15px
}

.tag[data-v-6344105c] {
    display: flex;
    align-items: center;
    height: 21px;
    padding-right: 10px;
    margin: 5px 4px;
    border-radius: 10px;
    font-size: 10px;
    line-height: 11px;
    font-weight: 500;
    color: #fff;
    white-space: nowrap;
    -webkit-user-select: none;
    user-select: none
}

.tag_number[data-v-6344105c] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 46px;
    height: 17px;
    margin-left: 2px;
    margin-right: 5px;
    border-radius: 8px;
    background-color: #fff
}

.tag sup[data-v-6344105c] {
    position: relative;
    top: -2px;
    font-size: 6px
}

.tag.red[data-v-6344105c] {
    background-color: #ff4f4f;
    box-shadow: 0 4px 4px #ff4f4f40
}

.tag.red .tag_number[data-v-6344105c] {
    color: #ff4f4f
}

.tag.yellow[data-v-6344105c] {
    padding-left: 10px;
    background-color: #f80;
    box-shadow: 0 4px 4px #ff880040
}

.tag.blue[data-v-6344105c] {
    background-color: #4fa7ff;
    box-shadow: 0 4px 4px #4fa7ff40
}

.tag.blue .tag_number[data-v-6344105c] {
    color: #4fa7ff;
    width: 21px;
    height: 21px;
    margin-left: 0;
    border: 2px solid #4fa7ff;
    border-radius: 10px;
    box-shadow: 2px 0 4px -1px #39393940
}

.tag.violet[data-v-6344105c] {
    padding-left: 10px;
    background-color: #ca68ff;
    box-shadow: 0 4px 4px #ca68ff40
}

.user_button[data-v-6344105c] {
    z-index: 6;
    position: fixed;
    bottom: 21px;
    right: 21px;
    width: 68px;
    height: 68px;
    border-radius: 34px;
    background-color: #5867ab;
    background-image: url(/icons/user-icon.svg);
    background-size: 50%;
    background-position: 50% center;
    background-repeat: no-repeat;
    box-shadow: 0 0 7px #5867abe5
}

.layout_area[data-v-6344105c] {
    position: absolute;
    left: 20px;
    top: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 84px;
    height: 30px;
    border-radius: 15px;
    color: #fff;
    font-size: 13px;
    font-weight: 500;
    background-color: #58ab64;
    box-shadow: 0 4px 4px #5867ab59,0 -2px 4px #fff3 inset,0 2px 4px #fff3 inset
}

.layout-rooms[data-v-6344105c] {
    position: absolute;
    left: 114px;
    top: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 112px;
    height: 30px;
    border-radius: 15px;
    color: #fff;
    font-size: 12px;
    font-weight: 500;
    background-color: #ab7458;
    box-shadow: 0 4px 4px #5867ab59,0 -2px 4px #fff3 inset,0 2px 4px #fff3 inset
}

.layout_area sup[data-v-6344105c] {
    position: relative;
    top: -3px;
    font-size: 7px
}

.cards-screen[data-v-6344105c] {
    width: 338px;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%);
    height: 100svh!important
}

.arc-base[data-v-6344105c] {
    stroke-dasharray: 101;
    stroke-dashoffset: 100
}

.animated-arc[data-v-6344105c] {
    animation: drawLine-6344105c 2s ease-in-out forwards;
    animation-delay: 1s
}

@keyframes drawLine-6344105c {
    0% {
        stroke-dashoffset: 100
    }

    to {
        stroke-dashoffset: 0
    }
}

.loader-bar[data-v-6344105c] {
    width: 163px;
    height: 40px
}

.slide-element[data-v-6344105c] {
    transition: opacity 1.6s ease-out,transform 1.6s cubic-bezier(.16,1,.3,1)
}

.slide-hidden[data-v-6344105c] {
    opacity: .01;
    transform: translateY(130px)
}

.loader-mid-container[data-v-6344105c] {
    position: absolute;
    left: 114px;
    bottom: min(231px,calc(37.14vh - 30.86px))
}

.loader-2d-3d-buttons[data-v-6344105c] {
    background-image: url(/icons/loader-2d-3d-buttons.webp);
    position: absolute;
    height: 84px;
    width: 277px;
    background-size: cover;
    top: 20px;
    left: -55px
}

#loader-screen[data-v-6344105c] {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%);
    height: 100vh;
    height: 100svh!important;
    width: 388px;
    overflow: hidden;
    padding: 0;
    margin: 0
}

.loader-bottom-image[data-v-6344105c] {
    background-image: url(/icons/loader-bottom.webp);
    position: absolute;
    height: 205px;
    width: 388px;
    background-size: cover;
    left: 0;
    bottom: clamp(-130px,calc(29.89vh - 210.7px),0px)
}

.loader-top-image[data-v-6344105c] {
    background-image: url(/icons/loader-top.webp);
    position: absolute;
    height: 350px;
    width: 350px;
    background-size: cover;
    left: 19px;
    top: clamp(0px,calc(65.71vh - 394.26px),69px);
    transform-origin: top center;
    transform: scale(1)
}

.image[data-v-6344105c] {
    position: absolute
}

@media(max-height: 720px) {
    .loader-top-image[data-v-6344105c] {
        transform:scale(.93)
    }
}

@media(max-height: 550px) {
    .loader-top-image[data-v-6344105c] {
        transform:scale(.8)
    }
}

@media(max-height: 490px) {
    .loader-top-image[data-v-6344105c] {
        transform:scale(.65)
    }
}

@media(max-height: 420px) {
    .loader-top-image[data-v-6344105c] {
        transform:scale(.5)
    }
}

@media(max-height: 280px) {
    .loader-top-image[data-v-6344105c] {
        transform:scale(.4)
    }
}

@media(max-height: 220px) {
    .loader-top-image[data-v-6344105c] {
        transform:scale(.3)
    }
}

.loader-mid-text-container[data-v-6344105c] {
    position: absolute;
    left: 50%;
    transform: translate(-50%,-50%);
    top: 50%;
    width: 314px;
    display: flex;
    flex-direction: column;
    gap: 0px
}

.loader-mid-text-line-1[data-v-6344105c] {
    text-align: center;
    width: 100%;
    font-weight: 800;
    font-size: 32px;
    letter-spacing: 15%;
    height: 48px;
    line-height: 48px;
    color: #5867ab
}

.loader-mid-text-line-2[data-v-6344105c] {
    text-align: center;
    width: 100%;
    font-weight: 400;
    font-size: 15px;
    letter-spacing: 5%;
    height: 23px;
    line-height: 23px;
    color: #424242;
    margin-top: 12px
}

.loader-mid-container-text-zagruzka[data-v-6344105c] {
    position: absolute;
    top: 22px;
    left: 0;
    text-align: center;
    line-height: 23px;
    letter-spacing: 5%;
    width: 163px;
    height: 23px;
    font-weight: 400;
    font-size: 15px;
    color: #5867ab
}

#loader-white-overlay[data-v-6344105c] {
    position: absolute;
    top: 0;
    left: 0;
    background-color: #fff;
    width: 100vw;
    height: 100vh;
    opacity: .01
}

.select-area-assistant-text[data-v-6344105c] {
    position: absolute;
    height: 54px;
    width: 196px;
    left: 4px;
    top: 13px;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 150%;
    color: #424242;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 15%;
    text-align: center
}

.select-area-assistant-image[data-v-6344105c] {
    position: absolute;
    height: 175px;
    width: 112px;
    right: 16px;
    top: -23px;
    background-image: url(/icons/assistant.webp);
    background-size: cover
}

.select-area-text[data-v-6344105c] {
    position: absolute;
    width: 159px;
    height: 19px;
    top: 110px;
    left: 74px;
    font-size: 16px;
    line-height: 16px;
    color: #424242;
    text-align: center
}

.layout-assistant-image[data-v-6344105c] {
    position: absolute;
    height: 175px;
    width: 112px;
    left: 20px;
    top: -105px;
    background-image: url(/icons/assistant.png);
    background-size: cover;
    transform: scaleX(-1)
}

.layout-assistant-text[data-v-6344105c] {
    position: absolute;
    height: 36px;
    width: 196px;
    right: 25px;
    top: -58px;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 150%;
    color: #424242;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 15%;
    text-align: center
}

.layout-button-back[data-v-6344105c] {
    position: absolute;
    height: 54px;
    width: 54px;
    border-radius: 50%;
    bottom: 25px;
    left: 98px;
    background-color: #424242;
    background-image: url(/icons/button-back.svg);
    background-size: cover;
    box-shadow: 0 4px 4px #00000040,0 -2px 4px #fff3 inset,0 2px 4px #fff3 inset;
    cursor: pointer
}

.layout-button-back[data-v-6344105c]:active {
    background-color: #fff;
    background-image: url(/icons/button-back-over.svg);
    box-shadow: 0 4px 4px -2px #5867ab99,0 -1px 1.9px #5867ab inset,-4px -2px 12.6px -9px #5867ab80 inset
}

.layout-button-home[data-v-6344105c]:active {
    background-color: #5867ab;
    background-image: url(/icons/button-home-over.svg);
    box-shadow: 0 4px 4px -2px #5867ab99,inset 0 -1px 1.9px #0003,inset -4px -2px 12.6px -9px #00000080
}

.layout-button-home[data-v-6344105c] {
    position: absolute;
    height: 54px;
    width: 54px;
    border-radius: 50%;
    bottom: 25px;
    right: 98px;
    background-color: #fff;
    background-image: url(/icons/button-home.svg);
    background-size: cover;
    box-shadow: 0 4px 4px -2px #5867ab99;
    box-shadow: 0 4px 4px -2px #5867ab99,0 -1px 1.9px #5867ab inset,-4px -2px 12.6px -9px #5867ab80 inset;
    cursor: pointer
}

.training-layout-button-home[data-v-6344105c] {
    position: absolute;
    height: 38px;
    width: 38px;
    border-radius: 50%;
    top: 113px;
    right: 148px;
    background-color: #fff;
    background-image: url(/icons/button-home.svg);
    background-size: cover;
    box-shadow: 0 4px 4px -2px #5867ab99;
    box-shadow: 0 4px 4px -2px #5867ab99,0 -1px 1.9px #5867ab inset,-4px -2px 12.6px -9px #5867ab80 inset;
    cursor: pointer
}

.layout-button-help[data-v-6344105c] {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 144px;
    height: 42px;
    background: #fff;
    border-radius: 28px;
    font-size: 13px;
    font-weight: 600;
    color: #5867ab;
    -webkit-user-select: none;
    user-select: none;
    text-decoration: none;
    position: absolute;
    top: 11px;
    left: 97px;
    box-shadow: 0 4px 4px -2px #5867ab99,0 -1px 1.9px #5867ab inset,-4px -2px 12.6px -9px #5867ab80 inset;
    cursor: pointer
}

.layout-button-help[data-v-6344105c]:active {
    background: #5867ab;
    color: #fff;
    box-shadow: 0 4px 4px -2px #5867ab99,inset 0 -1px 1.9px #0003,inset -4px -2px 12.6px -9px #00000080
}

.big-question[data-v-6344105c] {
    font-size: 24px
}

.training-title[data-v-6344105c] {
    position: absolute;
    width: 280px;
    left: 26px;
    top: 23px;
    color: #5867ab;
    font-size: 16px;
    text-align: center
}

.training-card-content-img[data-v-6344105c] {
    top: 80px
}

.training-touch[data-v-6344105c] {
    position: absolute;
    top: 414px;
    left: 156px;
    width: 17px;
    height: 25px;
    border-width: 1px;
    border-color: #0e25a0;
    border-style: solid;
    border-radius: 20px
}

.training-press-heart[data-v-6344105c] {
    position: absolute;
    bottom: 43px;
    left: 93px;
    font-weight: 500;
    font-size: 16px;
    text-align: center;
    color: #5867ab
}

.training-step-4-text-bottom[data-v-6344105c] {
    position: absolute;
    bottom: 20px;
    left: 32px;
    width: 269px;
    height: 64px;
    color: #5867ab;
    font-size: 16px;
    line-height: 200%;
    font-weight: 500;
    text-align: center;
    text-decoration: underline
}

.training-step-4-text-top[data-v-6344105c] {
    position: absolute;
    top: 83px;
    left: 32px;
    width: 269px;
    height: 24px;
    color: #5867ab;
    font-size: 12px;
    line-height: 200%;
    font-weight: 400;
    text-align: center
}

.training-step-4-top-container[data-v-6344105c] {
    position: absolute;
    top: 29px;
    left: 38px;
    width: 255px;
    height: 43px;
    background-color: #5867ab;
    border-radius: 30px
}

.training-step-4-top-container-text[data-v-6344105c] {
    position: absolute;
    top: 14px;
    left: 46px;
    width: 184px;
    height: 16px;
    color: #fff;
    font-size: 16px;
    line-height: 100%;
    font-weight: 500;
    text-align: center
}

.training-step-4-top-container-svg[data-v-6344105c] {
    position: absolute;
    top: 10px;
    left: 17px;
    width: 16px;
    height: 12px;
    text-align: center
}

.like_wrapper[data-v-10a541d2] {
    position: absolute;
    top: 15px;
    right: 15px
}

.like_cont[data-v-10a541d2] {
    z-index: 4;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 56px;
    height: 56px;
    border-radius: 28px;
    background-color: #fff;
    box-shadow: 0 4px 4px -2px #5867ab99,0 -1px 1.9px #5867ab inset,-4px -2px 12.6px -9px #5867ab80 inset;
    cursor: pointer
}

.like_cont path[data-v-10a541d2] {
    transition: fill .13s linear
}

.like_cont.checked path[data-v-10a541d2] {
    fill: #5867ab
}

.like_cont svg[data-v-10a541d2] {
    position: relative
}

.saved[data-v-10a541d2] {
    z-index: 3;
    position: absolute;
    top: 50%;
    right: 50%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    width: 0;
    height: 30px;
    margin-top: -15px;
    padding-left: 21px;
    border-radius: 15px 0 0 15px;
    white-space: nowrap;
    font-weight: 600;
    font-size: 11px;
    color: #fff;
    background-color: #5867ab;
    box-shadow: 0 0 10px #fff3;
    overflow: hidden;
    opacity: 0;
    transition: width 341ms ease,opacity 241ms ease
}

.saved.show[data-v-10a541d2] {
    width: 184px;
    opacity: 1
}

.disabled-switcher[data-v-673db891] {
    opacity: .5;
    pointer-events: none;
    cursor: default
}

.saved-notification[data-v-673db891] {
    position: absolute;
    top: 14px;
    left: 46px;
    width: 184px;
    height: 16px;
    color: #fff;
    font-size: 16px;
    line-height: 100%;
    font-weight: 500;
    text-align: center
}

.layout-text-description[data-v-673db891] {
    position: absolute;
    top: 98px;
    left: 108px;
    width: 172px;
    height: 72px;
    font-weight: 400;
    font-style: Regular;
    font-size: 12px;
    leading-trim: NONE;
    line-height: 150%;
    letter-spacing: 15%;
    text-align: center
}

.auth-modal-button-cancel[data-v-673db891] {
    position: absolute;
    top: 207px;
    left: 39px;
    height: 46px;
    width: 113px;
    border-radius: 23px;
    font-weight: 500;
    font-style: Medium;
    font-size: 16px;
    line-height: 100%;
    letter-spacing: 0%;
    line-height: 46px;
    color: #fff;
    background-color: #424242;
    text-align: center;
    box-shadow: 0 4px 4px #00000040,inset 0 -2px 4px #fff3,inset 0 2px 4px #fff3;
    -webkit-user-select: none;
    user-select: none
}

.auth-modal-button-auth[data-v-673db891] {
    position: absolute;
    top: 207px;
    right: 39px;
    height: 46px;
    width: 98px;
    border-radius: 23px;
    font-weight: 500;
    font-style: Medium;
    font-size: 16px;
    line-height: 100%;
    letter-spacing: 0%;
    color: #5867ab;
    background-color: #fff;
    text-align: center;
    line-height: 46px;
    box-shadow: 0 4px 4px -2px #5867ab99,inset 0 -1px 1.9px #5867ab33,inset -4px -2px 12.6px -9px #5867ab80;
    -webkit-user-select: none;
    user-select: none
}

.auth-modal-text[data-v-673db891] {
    position: absolute;
    width: 248px;
    height: 98px;
    top: 103px;
    left: 28px;
    line-height: 150%;
    letter-spacing: 15%;
    font-size: 15px;
    font-weight: 500;
    text-align: center;
    color: #424242
}

.auth-modal span[data-v-673db891] {
    color: #5867ab;
    font-weight: 600
}

.black-overlay[data-v-673db891] {
    position: absolute;
    width: 100vw;
    height: 100vh;
    left: 0;
    top: 0;
    background-color: #00000061;
    z-index: 50
}

.auth-modal[data-v-673db891] {
    position: absolute;
    width: 304px;
    height: 288px;
    left: calc(50% - 159px);
    top: calc(50% - 144px);
    background-image: url(/icons/layout-modal-auth.png);
    background-size: cover;
    z-index: 51
}

.width_desktop_wrapper[data-v-673db891] {
    position: relative;
    width: 100%;
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center
}

.width_desktop_wrapper.unmount[data-v-673db891] {
    z-index: 10
}

.load_cont[data-v-673db891] {
    display: flex;
    flex-direction: column;
    align-items: center
}

.load_logo[data-v-673db891] {
    width: 117px;
    height: 158px;
    background-image: url(/icons/assistant.png);
    background-size: cover
}

.load_text[data-v-673db891] {
    margin-bottom: 21px;
    font-size: 20px;
    font-weight: 500;
    color: #5867ab
}

.load_progress[data-v-673db891] {
    width: 151px;
    height: 8px;
    border-radius: 4px;
    background-color: #5867ab4d;
    overflow: hidden
}

.load_progress>div[data-v-673db891] {
    width: 0;
    height: 8px;
    border-radius: 4px;
    background-color: #5867ab;
    transition: width .3s linear
}

.top_cont[data-v-673db891] {
    z-index: 4;
    position: absolute;
    top: 24px;
    left: calc((100% - 388px)/2);
    display: flex;
    justify-content: flex-end;
    align-items: flex-start;
    width: 388px;
    padding-top: 0;
    height: 72px;
    opacity: 1;
    transition: opacity 341ms ease
}

.back[data-v-673db891] {
    font-size: 15px;
    font-weight: 500;
    color: #5867ab;
    text-decoration: none
}

.user_button[data-v-673db891] {
    width: 48px;
    height: 48px;
    border-radius: 24px;
    background-color: #5867ab;
    background-image: url(/icons/user-icon.svg);
    background-size: 43%;
    background-position: 50% center;
    background-repeat: no-repeat;
    box-shadow: 0 0 7px #5867abe5
}

.bottom-container[data-v-673db891] {
    z-index: 4;
    position: absolute;
    left: calc((100% - 388px)/2);
    bottom: 45px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 388px;
    height: 72px;
    opacity: 1;
    transition: opacity 341ms ease;
    padding-top: 0
}

.like[data-v-673db891] {
    position: absolute;
    right: 30px;
    top: 8px!important;
    -webkit-user-select: none;
    user-select: none
}

.load_text span[data-v-673db891] {
    animation: wave-673db891 1.4s infinite ease-in-out both
}

.load_text span[data-v-673db891]:nth-child(1) {
    animation-delay: -.32s
}

.load_text span[data-v-673db891]:nth-child(2) {
    animation-delay: -.16s
}

.suspended[data-v-673db891] {
    opacity: 0
}

@keyframes wave-673db891 {
    0%,80%,to {
        transform: scale(0);
        opacity: .2
    }

    40% {
        transform: scale(1);
        opacity: 1
    }
}

#render_canvas.layout[data-v-673db891] {
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    margin: 0;
    border-radius: 0;
    box-shadow: none
}

.layout-button-back[data-v-673db891] {
    position: absolute;
    height: 54px;
    width: 54px;
    border-radius: 50%;
    top: 8px;
    right: 30px;
    background-color: #424242;
    background-image: url(/icons/button-back.svg);
    background-size: cover;
    box-shadow: 0 4px 4px #00000040,0 -2px 4px #fff3 inset,0 2px 4px #fff3 inset;
    cursor: pointer;
    -webkit-user-select: none;
    user-select: none
}

.layout-button-back[data-v-673db891]:active {
    background-color: #fff;
    background-image: url(/icons/button-back-over.svg);
    box-shadow: 0 4px 4px -2px #5867ab99,0 -1px 1.9px #5867ab inset,-4px -2px 12.6px -9px #5867ab80 inset
}

.layout-button-home[data-v-673db891] {
    position: absolute;
    height: 54px;
    width: 54px;
    border-radius: 50%;
    bottom: 8px;
    left: 30px;
    background-color: #fff;
    background-image: url(/icons/button-home.svg);
    background-size: cover;
    box-shadow: 0 4px 4px -2px #5867ab99;
    box-shadow: 0 4px 4px -2px #5867ab99,0 -1px 1.9px #5867ab inset,-4px -2px 12.6px -9px #5867ab80 inset;
    cursor: pointer
}

.layout-button-home[data-v-673db891]:active {
    background-color: #5867ab;
    background-image: url(/icons/button-home-over.svg);
    box-shadow: 0 4px 4px -2px #5867ab99,inset 0 -1px 1.9px #0003,inset -4px -2px 12.6px -9px #00000080;
    -webkit-user-select: none;
    user-select: none
}

.switcher2d3d[data-v-673db891] {
    position: absolute;
    top: 16px;
    left: 156px;
    width: 76px;
    height: 38px;
    font-size: 16px;
    font-weight: 500;
    background-color: #fff;
    color: #5867ab;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 19px;
    box-shadow: 0 4px 4px -2px #5867ab99,inset 0 -1px 1.9px #5867ab33,inset -4px -2px 12.6px -9px #5867ab80;
    -webkit-user-select: none;
    user-select: none
}

.areaTag[data-v-673db891] {
    position: absolute;
    top: 15px;
    left: 30px;
    width: 84px;
    height: 38px;
    font-size: 15px;
    font-weight: 400;
    background-color: #5867abf2;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 19px;
    box-shadow: 0 4px 4px #5867ab59,inset 0 -2px 4px #fff3,inset 0 2px 4px #fff3
}

.layout-home-face[data-v-673db891] {
    position: absolute;
    top: 0;
    left: 153px;
    width: 81px;
    height: 81px;
    background-image: url(/icons/layout-face.jpg);
    background-size: cover
}

.loader-image[data-v-673db891] {
    height: 81px;
    width: 51px;
    background-image: url(/icons/assistant.png)
}

.like-notification-top-container[data-v-673db891] {
    position: absolute;
    top: 182px;
    left: 69px;
    width: 255px;
    height: 43px;
    background-color: #5867ab;
    border-radius: 30px;
    box-shadow: 0 4px 4px #5867ab40
}

.like-notification-top-container-text[data-v-673db891] {
    position: absolute;
    top: 14px;
    left: 46px;
    width: 184px;
    height: 16px;
    color: #fff;
    font-size: 16px;
    line-height: 100%;
    font-weight: 500;
    text-align: center
}

.like-notification-top-container-svg[data-v-673db891] {
    position: absolute;
    top: 10px;
    left: 17px;
    width: 16px;
    height: 12px;
    text-align: center
}

#render_canvas.canvas3dview {
    top: 30svh;
    left: 0;
    width: 100%;
    height: 380px;
    height: 53svh;
    border-radius: 0;
    box-shadow: none;
    margin-left: 0;
    position: absolute!important
}

.width_desktop_wrapper[data-v-e07f8b35] {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    height: 100vh;
    min-width: 388px;
    padding-top: 25vh;
    background: #fff
}

.auth-page-container[data-v-e07f8b35] {
    position: absolute;
    top: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 388px;
    height: 100svh
}

.form_cont[data-v-e07f8b35] {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center
}

.auth-page[data-v-e07f8b35] {
    width: 388px;
    height: 528px;
    background-image: url(/icons/auth-page.jpg);
    background-size: contain;
    transform-origin: bottom center;
    position: absolute;
    bottom: 0
}

.logo_text[data-v-e07f8b35] {
    position: relative;
    font-weight: 700;
    font-size: 36px;
    line-height: 100%;
    letter-spacing: 0%;
    color: #5867abf2;
    text-shadow: 2px 2px 0px rgba(88,103,171,.17)
}

.logo_text[data-v-e07f8b35]:after {
    content: "";
    position: absolute;
    left: 50%;
    top: 53px;
    display: block;
    width: 273px;
    height: 20px;
    margin-left: -136.5px;
    background-image: url(/icons/main_line.png);
    background-size: contain;
    background-repeat: no-repeat
}

.logo_text.no_line[data-v-e07f8b35]:after {
    display: none
}

.circles[data-v-e07f8b35] {
    display: flex;
    justify-content: center;
    margin-top: 16px
}

.circles div[data-v-e07f8b35] {
    width: 8px;
    height: 8px;
    margin: 0 3px;
    border-radius: 4px;
    border: 1px solid rgba(202,104,255,1)
}

.circles div+div[data-v-e07f8b35] {
    border: 1px solid rgba(255,166,58,1)
}

.circles div+div+div[data-v-e07f8b35] {
    border: 1px solid rgba(88,171,106,1)
}

.circles div+div+div+div[data-v-e07f8b35] {
    border: 1px solid rgba(255,0,4,1)
}

.text[data-v-e07f8b35] {
    font-weight: 600;
    font-size: 20px;
    line-height: 20px;
    letter-spacing: 0%;
    color: #424242
}

.text.login[data-v-e07f8b35] {
    position: relative;
    margin-top: 15px;
    color: #38a64f
}

.text.login[data-v-e07f8b35]:after {
    content: "";
    position: absolute;
    left: -29px;
    top: 0;
    display: block;
    width: 20px;
    height: 20px;
    background-image: url(/icons/check.svg);
    background-size: contain;
    background-repeat: no-repeat
}

.sub_text[data-v-e07f8b35] {
    padding-top: 19px;
    font-size: 11px;
    font-weight: 200;
    line-height: 120%;
    text-align: center;
    color: #424242
}

.social_auth_cont[data-v-e07f8b35] {
    display: flex;
    margin-top: 19px;
    margin-bottom: 19px
}

.social_auth[data-v-e07f8b35] {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 50px;
    height: 50px;
    margin: 0 10px;
    border-radius: 25px;
    font-weight: 400;
    font-size: 12px;
    background-color: #d9d9d9
}

.input[data-v-e07f8b35] {
    width: 253px;
    height: 53px;
    margin-top: 22px;
    padding: 0 25px;
    border-radius: 26.5px;
    border: 3px solid #848484;
    box-shadow: 0 4px 4px #00000040,0 -2px 4px #fff3 inset,0 2px 4px #fff3 inset;
    font-size: 12px;
    font-weight: 600;
    color: #424242;
    outline: none;
    transition: border-color 341ms ease
}

.input.error[data-v-e07f8b35] {
    border-color: red;
    box-shadow: 0 0 7px #ab5858e5
}

.input[data-v-e07f8b35]::placeholder {
    color: #424242c5;
    font-weight: 400
}

.input_cont[data-v-e07f8b35] {
    position: relative;
    margin-top: 18px
}

.input_cont input[data-v-e07f8b35] {
    margin-top: 0
}

.gen_but[data-v-e07f8b35] {
    z-index: 11;
    position: absolute;
    top: 50%;
    right: 12px;
    width: 32px;
    height: 32px;
    margin-top: -16px;
    border-radius: 16px;
    background-image: url(/icons/pass-gen.svg);
    background-color: #424242;
    background-size: 18px;
    background-position: center;
    background-repeat: no-repeat;
    box-shadow: 0 4px 4px #00000040,0 -2px 4px #fff3 inset,0 2px 4px #fff3 inset;
    cursor: pointer
}

.error[data-v-e07f8b35] {
    position: absolute;
    left: 0;
    bottom: -21px;
    width: 100%;
    font-size: 10px;
    font-weight: 200;
    line-height: 120%;
    text-align: center;
    color: #ff0004;
    top: 184px
}

.error_login[data-v-e07f8b35] {
    position: absolute;
    left: 0;
    width: 100%;
    font-size: 10px;
    font-weight: 200;
    line-height: 120%;
    text-align: center;
    color: #ff0004;
    top: 182px
}

.error_cross[data-v-e07f8b35] {
    position: absolute;
    top: 50%;
    left: -25px;
    width: 20px;
    height: 20px;
    margin-top: -10px;
    background-image: url(/icons/x.svg);
    background-position: center;
    background-repeat: no-repeat
}

.bg_cont[data-v-e07f8b35] {
    z-index: 9;
    position: fixed;
    inset: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-top: 30.5vh;
    background-color: #00000073
}

.gen_plate[data-v-e07f8b35] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 348px;
    height: 38px;
    color: #424242;
    font-size: 12px;
    border-radius: 10px;
    background-color: #fff;
    box-shadow: 0 0 4px #fff
}

.gen_plate span[data-v-e07f8b35] {
    display: inline;
    font-weight: 600
}

.gen_prog[data-v-e07f8b35] {
    width: 194px;
    height: 4px;
    margin-top: 12px;
    border-radius: 2px;
    background-color: #d8d8d8
}

.gen_prog div[data-v-e07f8b35] {
    width: 0;
    height: 4px;
    border-radius: 2px;
    background-color: #fff
}

.gen_prog div.go[data-v-e07f8b35] {
    width: 100%;
    transition: width 1s linear
}

.slogan_plate[data-v-e07f8b35] {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 21px;
    color: #424242;
    font-size: 14px;
    font-weight: 300;
    letter-spacing: 12%
}

.slogan_plate div[data-v-e07f8b35] {
    text-align: center
}

.slogan_plate span[data-v-e07f8b35] {
    display: inline;
    font-weight: 500;
    color: #424242
}

.modesfy_b2[data-v-e07f8b35] {
    margin-top: 31px
}

.tags_cont[data-v-e07f8b35] {
    position: absolute;
    top: 51px;
    left: 107px;
    font-weight: 500;
    font-size: 12px;
    letter-spacing: 20%;
    color: #424242
}

.tags_cont>div[data-v-e07f8b35] {
    position: absolute
}

.tags_cont>div[data-v-e07f8b35]:after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: calc(100% + 2px);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat
}

.tags_cont>div[data-v-e07f8b35]:before {
    content: "";
    position: absolute;
    left: 50%;
    top: 65%
}

.but1[data-v-e07f8b35],.but2[data-v-e07f8b35],.but3[data-v-e07f8b35] {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 293px;
    height: 47px;
    margin-top: 50px;
    font-size: 16px;
    font-weight: 600;
    color: #fff;
    border-radius: 23.5px;
    background-color: #424242;
    box-shadow: 0 0 7px #5867abe6
}

.but2[data-v-e07f8b35] {
    height: 57px;
    border-radius: 28.5px;
    margin-top: 22px;
    background-color: #fff;
    color: #424242
}

.but3[data-v-e07f8b35] {
    width: 325px;
    height: 61px;
    margin-top: 68px;
    border-radius: 30px;
    font-weight: 500;
    font-size: 20px;
    text-decoration: none
}

.bottom_text[data-v-e07f8b35] {
    margin-top: 57px;
    color: #424242;
    font-size: 12px;
    font-weight: 300
}

.data_usage_accept[data-v-e07f8b35] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 253px;
    margin-top: 34px;
    font-size: 11px;
    line-height: 100%;
    font-weight: 200;
    color: #ff0004;
    text-decoration: underline
}

.data_usage_accept.checked[data-v-e07f8b35] {
    color: #38a64f
}

.data_usage_accept.aerror[data-v-e07f8b35] {
    color: #ff0004
}

.data_usage_accept input[data-v-e07f8b35] {
    display: none
}

.data_usage_accept label[data-v-e07f8b35] {
    position: relative;
    display: block;
    width: 17px;
    height: 17px;
    border: 2px solid #FF0004;
    border-radius: 8px
}

.data_usage_accept input:checked+label[data-v-e07f8b35] {
    position: relative;
    display: block;
    width: 17px;
    height: 17px;
    border: 1px solid rgba(56,166,79,1);
    border-radius: 8px
}

.data_usage_accept input:checked+label[data-v-e07f8b35]:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    width: 9px;
    height: 9px;
    margin: -4.5px 0 0 -4.5px;
    border-radius: 4px;
    background-color: #38a64f
}

.data_usage_accept.aerror label[data-v-e07f8b35] {
    border-color: #ff0004
}

.data_usage_accept.aerror label[data-v-e07f8b35]:after {
    background-color: #ff0004
}

.text_bottom_cont[data-v-e07f8b35] {
    font-size: 11px;
    line-height: 100%;
    font-weight: 200;
    text-decoration: underline;
    position: absolute;
    top: calc(100svh - 66px)
}

.text_bottom+.text_bottom[data-v-e07f8b35] {
    margin-top: 15px
}

.text_bottom[data-v-e07f8b35] {
    cursor: pointer
}

.text_modal[data-v-e07f8b35] {
    z-index: 12;
    position: fixed;
    inset: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 17px 0 27px;
    font-size: 12px;
    letter-spacing: 0;
    background-color: #fff
}

.text_modal_cont[data-v-e07f8b35] {
    display: flex;
    flex-direction: column;
    height: 80vh;
    padding: 0 34px;
    overflow-y: scroll
}

.text_modal_title[data-v-e07f8b35] {
    margin-bottom: 5px;
    font-size: 12px;
    font-weight: 600;
    text-align: center;
    text-transform: uppercase;
    color: #424242
}

.text_modal_stitle[data-v-e07f8b35] {
    font-size: 12px;
    font-weight: 600;
    text-align: center
}

.text_modal_sstitle[data-v-e07f8b35] {
    margin: 5px 0;
    font-weight: 600
}

.text_modal_cont ul[data-v-e07f8b35] {
    padding-left: 13px;
    list-style: none
}

.text_modal_close[data-v-e07f8b35] {
    width: 48px;
    height: 48px;
    border-radius: 24px;
    margin-top: 20px;
    background-image: url("data:image/svg+xml,%3csvg%20width='20'%20height='20'%20viewBox='0%200%2020%2020'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M15%205L5%2015M5%205L15%2015'%20stroke='%23FF0000'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/svg%3e");
    background-size: 24px;
    background-position: center;
    background-repeat: no-repeat;
    box-shadow: 0 4px 4px -2px #ff000499,0 -1px 1.9px #ff000433 inset,-4px -2px 12.6px -9px #ff000480 inset
}

.new-password-arrow-svg[data-v-e07f8b35] {
    position: absolute;
    width: 24px;
    height: 15px;
    top: 18px;
    left: 175px
}

.button-registration[data-v-e07f8b35] {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 226px;
    height: 54px;
    border-radius: 27px;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    text-decoration: none;
    background-color: #424242;
    box-shadow: 0 4px 4px #00000040,0 -2px 4px #fff3 inset,0 2px 4px #fff3 inset;
    -webkit-user-select: none;
    user-select: none;
    cursor: pointer;
    margin-top: 19px
}

.button-login[data-v-e07f8b35] {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 226px;
    height: 60px;
    border-radius: 30px;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    text-decoration: none;
    background-color: #424242;
    box-shadow: 0 4px 4px #00000040,0 -2px 4px #fff3 inset,0 2px 4px #fff3 inset;
    -webkit-user-select: none;
    user-select: none;
    cursor: pointer;
    margin-top: 38px
}

.auth-page-login-button[data-v-e07f8b35] {
    transition: transform .1s ease;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 230px;
    height: 52px;
    background: #fff;
    border-radius: 28px;
    font-size: 13px;
    font-weight: 600;
    color: #5867ab;
    -webkit-user-select: none;
    user-select: none;
    text-decoration: none;
    position: absolute;
    cursor: pointer;
    left: 79px;
    bottom: 177px;
    box-shadow: 0 4px 9px -2px #5867ab99,0 -1px 1.9px #5867ab11 inset,0 2px 5px -3px #5867ab02 inset
}

.auth-page-login-button-back[data-v-e07f8b35] {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 230px;
    height: 52px;
    background: #fff;
    border-radius: 28px;
    font-size: 13px;
    font-weight: 600;
    color: #5867ab;
    -webkit-user-select: none;
    user-select: none;
    text-decoration: none;
    position: absolute;
    cursor: pointer;
    left: 79px;
    bottom: 171px;
    box-shadow: 0 4px 4px -2px #5867ab99,0 -1px 1.9px #5867ab inset,-4px -2px 12.6px -9px #5867ab80 inset
}

.auth-page-registration-button[data-v-e07f8b35] {
    transition: transform .1s ease;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 230px;
    height: 52px;
    background: #5867ab;
    border-radius: 28px;
    font-size: 13px;
    font-weight: 600;
    color: #fff;
    -webkit-user-select: none;
    user-select: none;
    text-decoration: none;
    position: absolute;
    cursor: pointer;
    bottom: 101px;
    left: 79px;
    box-shadow: 0 4px 4px -2px #5867ab99,0 -1px 1.9px #5867ab inset,-4px -2px 12.6px -9px #5867ab80 inset
}

.auth-page-registration-button-back[data-v-e07f8b35] {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 230px;
    height: 52px;
    background: #445189;
    border-radius: 28px;
    font-size: 13px;
    font-weight: 600;
    color: #fff;
    -webkit-user-select: none;
    user-select: none;
    text-decoration: none;
    position: absolute;
    cursor: pointer;
    bottom: 94px;
    left: 79px;
    box-shadow: 0 4px 4px -2px #5867ab99,0 -1px 1.9px #5867ab inset,-4px -2px 12.6px -9px #5867ab80 inset
}

.auth-page-login-button[data-v-e07f8b35]:active,.auth-page-registration-button[data-v-e07f8b35]:active {
    transform: translateY(6px)
}

.layout-button-help[data-v-e07f8b35] {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 144px;
    height: 42px;
    background: #fff;
    border-radius: 28px;
    font-size: 13px;
    font-weight: 600;
    color: #5867ab;
    -webkit-user-select: none;
    user-select: none;
    text-decoration: none;
    position: absolute;
    top: 11px;
    left: 122px;
    box-shadow: 0 4px 4px -2px #5867ab99,0 -1px 1.9px #5867ab inset,-4px -2px 12.6px -9px #5867ab80 inset;
    opacity: .5
}

.big-question[data-v-e07f8b35] {
    font-size: 24px
}

.auth-notice-button[data-v-e07f8b35] {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 250px;
    height: 44px;
    background: #58ab64;
    border-radius: 28px;
    font-size: 16px;
    font-weight: 400;
    color: #fff;
    -webkit-user-select: none;
    user-select: none;
    text-decoration: none;
    position: absolute;
    top: 82px;
    left: 69px;
    box-shadow: 0 4px 4px -2px #58ab6499,0 2px 4px #fff3 inset,0 -2px 4px #fff3 inset
}

.user-card[data-v-7dd2746a] {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 332px;
    height: 332px;
    aspect-ratio: 1;
    border-radius: 10px;
    box-shadow: 0 0 15.8px #5867ab40;
    overflow: hidden
}

.user-button-go-main[data-v-7dd2746a] {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 253px;
    height: 49px;
    border-radius: 24.5px;
    color: #5867ab;
    font-size: 16px;
    font-weight: 600;
    text-decoration: none;
    background-color: #fff;
    -webkit-user-select: none;
    user-select: none;
    cursor: pointer;
    box-shadow: 0 4px 4px -2px #5867ab99,0 -1px 1.9px #5867ab inset,-4px -2px 12.6px -9px #5867ab80 inset
}

.width_desktop_wrapper[data-v-7dd2746a] {
    position: relative;
    width: 100%;
    height: auto;
    display: flex;
    justify-content: center;
    align-items: center
}

.back[data-v-7dd2746a] {
    font-size: 15px;
    font-weight: 500;
    color: #5867ab;
    text-align: center;
    text-decoration: none;
    -webkit-user-select: none;
    user-select: none
}

.back.pointr[data-v-7dd2746a] {
    cursor: pointer
}

.back2[data-v-7dd2746a] {
    margin-bottom: 31px;
    font-size: 16px;
    font-weight: 500;
    color: #5867ab;
    text-align: center;
    line-height: 16px;
    -webkit-user-select: none;
    user-select: none
}

.user_cont[data-v-7dd2746a] {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-top: 71px
}

.user_cont.t2[data-v-7dd2746a] {
    padding-top: 36vh
}

.liked[data-v-7dd2746a] {
    position: relative;
    top: auto;
    right: auto;
    margin-bottom: 13px;
    cursor: default;
    pointer-events: none
}

.user_cont.t2 .liked[data-v-7dd2746a] {
    margin-bottom: 24px
}

.user-card+.user-card[data-v-7dd2746a] {
    margin-top: 32px
}

.layout_type[data-v-7dd2746a] {
    left: auto;
    top: 20px;
    right: 20px
}

.layout_num[data-v-7dd2746a] {
    position: absolute;
    left: 15px;
    top: 15px;
    display: flex;
    justify-content: center;
    padding-right: 2px;
    align-items: center;
    width: 30px;
    height: 30px;
    border: 2px solid #5867ab;
    color: #5867ab;
    border-radius: 15px;
    background-color: #fff;
    font-size: 15px;
    font-weight: 500;
    text-decoration: none;
    -webkit-user-select: none;
    user-select: none
}

.user-layout-button-3d[data-v-7dd2746a] {
    position: absolute;
    right: 15px;
    top: 15px;
    display: flex;
    justify-content: center;
    padding-right: 2px;
    align-items: center;
    color: #5867ab;
    border-radius: 24px;
    background-color: #fff;
    font-size: 15px;
    font-weight: 500;
    text-decoration: none;
    -webkit-user-select: none;
    user-select: none;
    width: 48px;
    height: 48px;
    box-shadow: 0 4px 4px -2px #5867ab99,0 -1px 1.9px #5867ab inset,-4px -2px 12.6px -9px #5867ab80 inset
}

.user-card-img[data-v-7dd2746a] {
    position: absolute;
    top: 40px;
    width: 100%;
    height: calc(100% - 80px);
    object-fit: contain;
    object-position: center;
    -webkit-user-select: none;
    user-select: none
}

.user-card-area[data-v-7dd2746a] {
    position: absolute;
    right: 15px;
    bottom: 15px;
    display: flex;
    justify-content: center;
    padding-right: 2px;
    align-items: center;
    width: 84px;
    height: 38px;
    color: #fff;
    border-radius: 24px;
    background-color: #5867ab;
    font-size: 15px;
    font-weight: 500;
    text-decoration: none;
    -webkit-user-select: none;
    user-select: none;
    box-shadow: 0 4px 4px #5867ab59,inset 0 -2px 4px #fff3,inset 0 2px 4px #fff3
}

.user_cont_title[data-v-7dd2746a] {
    margin-bottom: 31px;
    font-size: 20px;
    line-height: 20px;
    font-weight: 600;
    color: #5867ab;
    -webkit-user-select: none;
    user-select: none
}

.user-card-container[data-v-7dd2746a] {
    display: flex;
    flex-direction: column;
    margin-top: 34px
}

.user-button-back[data-v-7dd2746a] {
    position: absolute;
    height: 54px;
    width: 54px;
    border-radius: 50%;
    top: 20px;
    left: 0;
    background-color: #424242;
    background-image: url(/icons/button-back.svg);
    background-size: cover;
    box-shadow: 0 4px 4px #00000040,0 -2px 4px #fff3 inset,0 2px 4px #fff3 inset;
    cursor: pointer
}

.user-button-back[data-v-7dd2746a]:active {
    background-color: #fff;
    background-image: url(/icons/button-back-over.svg);
    box-shadow: 0 4px 4px -2px #5867ab99,0 -1px 1.9px #5867ab inset,-4px -2px 12.6px -9px #5867ab80 inset
}

.user-top-container[data-v-7dd2746a] {
    z-index: 4;
    position: absolute;
    top: 0;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    width: 332px;
    padding-top: 28px;
    height: 66px;
    opacity: 1;
    transition: opacity 341ms ease
}

.width_desktop_wrapper[data-v-61615300] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100vh;
    min-width: 388px;
    background: #fff
}

.logo_cont[data-v-61615300] {
    z-index: 2;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #fff;
    height: 112px;
    width: 365px;
    font-size: 32px;
    font-weight: 500;
    border-radius: 20px;
    background: #fff;
    box-shadow: 6px 6px 13.8px #5867ab40
}

.logo_icon[data-v-61615300] {
    width: 89px;
    height: 89px;
    margin-right: 13px;
    background-image: url(/logo.jpg);
    background-size: contain
}

.bottom_cont[data-v-61615300] {
    position: relative;
    top: -47px;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 517px;
    height: 457px;
    border-radius: 31px;
    box-shadow: 0 0 21.2px #5867ab40
}

.text[data-v-61615300] {
    padding: 85px 0 7px;
    font-size: 36px;
    font-weight: 500;
    line-height: 150%;
    color: #5867ab
}

.text2[data-v-61615300] {
    font-size: 24px;
    font-weight: 500;
    line-height: 150%
}

.text2 span[data-v-61615300] {
    color: #5867ab
}

.img[data-v-61615300] {
    width: 174px;
    height: 174px;
    margin-top: 30px
}

.progress_bar[data-v-762e778d] {
    bottom: auto
}

#editor_canvas[data-v-762e778d] {
    width: 100%;
    height: 600px;
    outline: none;
    opacity: 0;
    transition: opacity 541ms linear
}

#editor_canvas.transition_show[data-v-762e778d] {
    opacity: 1
}

.width_desktop_wrapper[data-v-762e778d] {
    display: flex;
    justify-content: space-between;
    padding-top: 64px
}

.column30[data-v-762e778d] {
    width: 29%
}

.column70[data-v-762e778d] {
    position: relative;
    width: 69%
}

.form_row[data-v-762e778d] {
    display: flex;
    flex-direction: column
}

.flex_row[data-v-762e778d] {
    display: flex;
    flex-direction: row;
    align-items: center
}

.space_between[data-v-762e778d] {
    justify-content: space-between
}

.form_row+.form_row[data-v-762e778d] {
    margin-top: 10px
}

.f_title[data-v-762e778d] {
    font-weight: 600
}

.f_unit[data-v-762e778d] {
    padding: 0 6px;
    font-weight: 600
}

.f_unit sup[data-v-762e778d] {
    font-size: 10px
}

input[type=text][data-v-762e778d],input[type=number][data-v-762e778d] {
    width: 150px;
    background: #d9d9d926;
    border: 2px solid rgba(88,103,171,1);
    padding: 6px;
    outline: none
}

input[type=text].number[data-v-762e778d],input[type=number][data-v-762e778d] {
    width: 60px;
    outline: none
}

input[type=checkbox][data-v-762e778d] {
    display: none
}

.is_published[data-v-762e778d] {
    position: relative;
    display: block;
    width: 19.16px;
    height: 19.16px;
    margin-right: 10px;
    border: 2px solid rgba(88,103,171,1);
    cursor: pointer
}

.is_published[data-v-762e778d]:after {
    display: none;
    content: "✓";
    position: absolute;
    top: -4px;
    left: 2px;
    justify-content: center;
    align-items: center;
    width: 15.16px;
    height: 15.16px;
    font-size: 24px;
    font-weight: 600
}

#is_published:checked+.is_published[data-v-762e778d]:after {
    display: flex
}

textarea[data-v-762e778d] {
    border: 2px solid rgba(88,103,171,1);
    width: 100%;
    min-height: 250px;
    resize: vertical;
    outline: none
}

button[data-v-762e778d] {
    padding: 6px;
    margin-right: 10px;
    cursor: pointer
}

.reload_2d[data-v-762e778d] {
    font-size: 20px;
    font-weight: 600;
    color: #5867ab;
    cursor: pointer;
    -webkit-user-select: none;
    user-select: none
}

.progress_bar[data-v-c7ce7a6b] {
    bottom: auto
}

.width_desktop_wrapper[data-v-c7ce7a6b] {
    display: flex;
    justify-content: space-between;
    padding-top: 64px
}

.column30[data-v-c7ce7a6b] {
    width: 29%
}

.column70[data-v-c7ce7a6b] {
    position: relative;
    width: 69%
}

.form_row[data-v-c7ce7a6b] {
    display: flex;
    flex-direction: column
}

.flex_row[data-v-c7ce7a6b] {
    display: flex;
    flex-direction: row;
    align-items: center
}

.space_between[data-v-c7ce7a6b] {
    justify-content: space-between
}

.form_row+.form_row[data-v-c7ce7a6b] {
    margin-top: 10px
}

.f_title[data-v-c7ce7a6b] {
    font-weight: 600
}

.right_tab_item[data-v-c7ce7a6b] {
    margin: 3px 0 7px
}

.f_unit[data-v-c7ce7a6b] {
    padding: 0 6px;
    font-weight: 600
}

.f_unit sup[data-v-c7ce7a6b] {
    font-size: 10px
}

input[type=text][data-v-c7ce7a6b],input[type=number][data-v-c7ce7a6b] {
    width: 150px;
    background: #d9d9d926;
    border: 2px solid rgba(88,103,171,1);
    padding: 6px;
    outline: none
}

input[type=text].number[data-v-c7ce7a6b],input[type=number][data-v-c7ce7a6b] {
    width: 60px;
    outline: none
}

input[type=checkbox][data-v-c7ce7a6b] {
    display: none
}

input[type=radio][data-v-c7ce7a6b] {
    width: 16px;
    height: 16px;
    margin-right: 10px
}

.is_published[data-v-c7ce7a6b] {
    position: relative;
    display: block;
    width: 19.16px;
    height: 19.16px;
    margin-right: 10px;
    border: 2px solid rgba(88,103,171,1);
    cursor: pointer
}

.is_published[data-v-c7ce7a6b]:after {
    display: none;
    content: "✓";
    position: absolute;
    top: -4px;
    left: 2px;
    justify-content: center;
    align-items: center;
    width: 15.16px;
    height: 15.16px;
    font-size: 24px;
    font-weight: 600
}

#is_published:checked+.is_published[data-v-c7ce7a6b]:after {
    display: flex
}

textarea[data-v-c7ce7a6b] {
    border: 2px solid rgba(88,103,171,1);
    width: 100%;
    min-height: 250px;
    resize: vertical;
    outline: none
}

button[data-v-c7ce7a6b] {
    padding: 6px;
    margin-right: 10px;
    cursor: pointer;
    -webkit-user-select: none;
    user-select: none
}

.reload_2d[data-v-c7ce7a6b] {
    font-size: 20px;
    font-weight: 600;
    color: #5867ab;
    cursor: pointer;
    -webkit-user-select: none;
    user-select: none
}

#depth_range[data-v-c7ce7a6b] {
    width: 100px
}

#depth_range+div[data-v-c7ce7a6b] {
    margin-left: 7px
}

.errors[data-v-8c6e390c] {
    z-index: 149;
    position: fixed;
    top: 80px;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 40px;
    background-color: #e0373766
}