@charset "UTF-8";
[data-v-98a7d28c]:root {
    --color-scheme-active: #6C78F4
}

.fade-enter-active[data-v-98a7d28c],
.fade-leave-active[data-v-98a7d28c] {
    transition: opacity .3s, transform .3s
}

.fade-enter-from[data-v-98a7d28c],
.fade-leave-to[data-v-98a7d28c] {
    opacity: 0;
    transform: translateY(10px)
}

.FastNotifications[data-v-98a7d28c] {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 10000;
    pointer-events: none;
    width: 100%;
    padding: 15px 25px
}

.FastNotifications__item[data-v-98a7d28c] {
    pointer-events: all;
    display: flex;
    align-items: center;
    width: max-content;
    margin: 8px auto;
    padding: 10px 17px;
    background-color: #202430;
    cursor: pointer;
    max-width: 600px;
    border-radius: 4px;
    box-shadow: 0 4px 13px #3030301a
}

.FastNotifications__itemIconWrap[data-v-98a7d28c] {
    margin-right: 15px
}

.FastNotifications__content[data-v-98a7d28c] {
    display: flex;
    gap: 20px;
    align-items: center
}

.FastNotifications__itemText[data-v-98a7d28c] {
    font-size: 14px;
    font-weight: 300;
    word-break: normal;
    overflow-wrap: anywhere;
    color: #fff
}

.FastNotifications__button[data-v-98a7d28c] {
    font-size: 14px;
    font-weight: 600;
    color: #6c78f4
}

[data-v-7b383a2f]:root {
    --color-scheme-active: #6C78F4
}

.right-side-transitioned-modal-enter-active[data-v-7b383a2f],
.right-side-transitioned-modal-leave-active[data-v-7b383a2f] {
    transition: .25s ease-in-out
}

.right-side-transitioned-modal-enter-from[data-v-7b383a2f],
.right-side-transitioned-modal-leave-to[data-v-7b383a2f] {
    transform: translate(100%)
}

[data-v-24352008]:root {
    --color-scheme-active: #6C78F4
}

.settings[data-v-24352008] {
    position: absolute;
    top: 24px;
    right: 16px;
    z-index: 10;
    opacity: 0;
    transition: all .2s ease-in-out
}

.notification:hover .settings[data-v-24352008] {
    opacity: 1
}

.settings__dropdown[data-v-24352008] {
    position: absolute;
    top: 100%;
    right: 0;
    width: 260px;
    margin-top: 4px
}

[data-v-ced58c5a]:root {
    --color-scheme-active: #6C78F4
}

.editor-component[data-v-ced58c5a] {
    position: relative;
    pointer-events: none;
    margin-top: 8px;
    padding: 8px;
    overflow: hidden;
    background-color: #f8f8fb;
    border-radius: 8px;
    border: 1px solid #E5E7EE;
    max-height: 80px;
    cursor: pointer
}

.editor-component[data-v-ced58c5a]:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 130px;
    background: linear-gradient(to bottom, transparent, 30%, #fff 60%)
}

.dark .editor-component[data-v-ced58c5a] {
    background: #2f3136;
    border-color: #2a2a2a
}

.dark .editor-component[data-v-ced58c5a]:before {
    background: linear-gradient(to bottom, transparent, 30%, #202225 60%)
}

[data-v-b6fecc09]:root {
    --color-scheme-active: #6C78F4
}

.priority[data-v-b6fecc09] {
    display: inline-flex;
    cursor: text
}

[data-v-60126c0f]:root {
    --color-scheme-active: #6C78F4
}

.date-time[data-v-60126c0f] {
    font-weight: 500;
    font-size: 12px;
    line-height: 100%;
    display: inline-flex;
    height: 20px;
    padding: 4px 6px;
    color: var(--color-scheme-active);
    background: rgba(var(--color-scheme-active-rgb), 15%);
    cursor: text;
    border-radius: 6px
}

.date-time.is-danger[data-v-60126c0f] {
    color: #fa4b4b;
    background: #fa4b4b26
}

[data-v-e9313c74]:root {
    --color-scheme-active: #6C78F4
}

.date-time-range[data-v-e9313c74] {
    font-weight: 500;
    font-size: 12px;
    line-height: 100%;
    display: inline-flex;
    height: 20px;
    padding: 4px 6px;
    color: var(--color-scheme-active);
    background: rgba(var(--color-scheme-active-rgb), 15%);
    cursor: text;
    border-radius: 6px
}

[data-v-a31c7f51]:root {
    --color-scheme-active: #6C78F4
}

.user[data-v-a31c7f51] {
    font-weight: 500;
    font-size: 14px;
    line-height: 125%;
    display: inline-flex;
    transition: all .2s ease-in-out;
    cursor: pointer;
    border-radius: 4px
}

.user.hovered[data-v-a31c7f51],
.user[data-v-a31c7f51]:hover {
    background-color: #f8f8fb
}

.user[data-v-a31c7f51] .card-wrapper__button {
    gap: 4px;
    align-items: center;
    height: 24px;
    padding: 0 4px
}

.dark .user.hovered[data-v-a31c7f51],
.dark .user[data-v-a31c7f51]:hover {
    background-color: #2f3136
}

.user__name[data-v-a31c7f51] {
    max-width: 200px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

[data-v-8377abb1]:root {
    --color-scheme-active: #6C78F4
}

.initiator[data-v-8377abb1] {
    margin-left: -4px
}

.initiator__text[data-v-8377abb1] {
    font-weight: 500;
    font-size: 14px;
    line-height: 125%;
    display: inline-flex;
    transition: all .2s ease-in-out;
    cursor: pointer;
    border-radius: 4px
}

.initiator__text[data-v-8377abb1]:hover {
    background-color: #f8f8fb
}

.dark .initiator__text[data-v-8377abb1]:hover {
    background-color: #2f3136
}

.initiator__name[data-v-8377abb1] {
    display: flex;
    gap: 4px;
    align-items: center;
    height: 24px;
    padding: 0 4px
}

[data-v-ff78425b]:root {
    --color-scheme-active: #6C78F4
}

.task[data-v-ff78425b] {
    font-weight: 500;
    font-size: 14px;
    line-height: 100%;
    display: inline;
    transition: all .2s ease-in-out;
    cursor: pointer
}

.task[data-v-ff78425b]:hover {
    color: var(--color-scheme-active)
}

[data-v-720b0405]:root {
    --color-scheme-active: #6C78F4
}

.project[data-v-720b0405] {
    font-weight: 500;
    font-size: 14px;
    line-height: 100%;
    display: inline-flex;
    align-items: center;
    height: 24px;
    padding: 0 4px;
    color: #242629;
    transition: all .2s ease-in-out;
    cursor: pointer;
    border-radius: 4px;
    text-decoration: none
}

.project[data-v-720b0405]:hover {
    background-color: #f8f8fb
}

.dark .project[data-v-720b0405] {
    color: #8d8d8d
}

.dark .project[data-v-720b0405]:hover {
    background-color: #2f3136
}

.project__avatar[data-v-720b0405] {
    margin-right: 4px
}

.project__name[data-v-720b0405] {
    display: inline;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 160px;
    white-space: nowrap
}

[data-v-c58c1cc2]:root {
    --color-scheme-active: #6C78F4
}

.article[data-v-c58c1cc2] {
    font-weight: 500;
    font-size: 14px;
    line-height: 100%;
    display: inline-flex;
    align-items: center;
    height: 24px;
    padding: 0 4px;
    color: #242629;
    transition: all .2s ease-in-out;
    cursor: pointer;
    border-radius: 4px;
    text-decoration: none
}

.article[data-v-c58c1cc2]:hover {
    background-color: #f8f8fb
}

.dark .article[data-v-c58c1cc2] {
    color: #8d8d8d
}

.dark .article[data-v-c58c1cc2]:hover {
    background-color: #2f3136
}

.article__avatar[data-v-c58c1cc2] {
    margin-right: 4px
}

.article__name[data-v-c58c1cc2] {
    display: inline;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 160px;
    white-space: nowrap
}

[data-v-38d3f58a]:root {
    --color-scheme-active: #6C78F4
}

.workspace[data-v-38d3f58a] {
    font-weight: 500;
    font-size: 14px;
    line-height: 100%;
    display: inline-flex;
    align-items: center;
    height: 24px;
    margin: 2px 0;
    padding: 0 4px;
    color: #242629;
    transition: all .2s ease-in-out;
    cursor: pointer;
    border-radius: 4px;
    text-decoration: none
}

.workspace[data-v-38d3f58a]:hover {
    background-color: #f8f8fb
}

.dark .workspace[data-v-38d3f58a] {
    color: #8d8d8d
}

.dark .workspace[data-v-38d3f58a]:hover {
    background-color: #2f3136
}

.workspace__avatar[data-v-38d3f58a] {
    margin-right: 4px
}

.workspace__name[data-v-38d3f58a] {
    display: inline;
    white-space: nowrap
}

[data-v-a25a392c]:root {
    --color-scheme-active: #6C78F4
}

.deal[data-v-a25a392c] {
    font-weight: 500;
    font-size: 14px;
    line-height: 100%;
    display: inline;
    transition: all .2s ease-in-out;
    cursor: pointer
}

.deal[data-v-a25a392c]:hover {
    color: var(--color-scheme-active)
}

[data-v-71a1f9ed]:root {
    --color-scheme-active: #6C78F4
}

.custom-field[data-v-71a1f9ed] {
    font-weight: 500;
    font-size: 14px;
    line-height: 100%;
    display: inline
}

[data-v-482627c3]:root {
    --color-scheme-active: #6C78F4
}

.body[data-v-482627c3] {
    font-weight: 400;
    font-size: 14px;
    line-height: 100%;
    padding-right: 24px;
    color: #242629
}

.dark .body[data-v-482627c3] {
    color: #ddd
}

.body__node[data-v-482627c3] {
    display: inline;
    vertical-align: middle
}

[data-v-059ae326]:root {
    --color-scheme-active: #6C78F4
}

.locations[data-v-059ae326] {
    position: relative;
    display: flex;
    align-items: center;
    transition: all .2s ease-in-out
}

.locations[data-v-059ae326]:not(:last-child):before {
    content: "";
    position: absolute;
    top: 4px;
    right: -16px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 16px;
    height: 16px;
    background-image: url("data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M7%205L10%208L7%2011'%20stroke='%2393969F'%20stroke-linecap='round'/%3e%3c/svg%3e");
    background-repeat: no-repeat
}

.dark .locations[data-v-059ae326] {
    color: #8d8d8d
}

.locations__title[data-v-059ae326] {
    display: flex;
    align-items: center;
    height: 24px;
    padding: 2px 1px 2px 4px;
    overflow: hidden;
    white-space: nowrap;
    color: #aeaeae;
    transition: all .2s ease-in-out;
    cursor: pointer;
    text-overflow: ellipsis;
    text-decoration: none;
    max-width: 200px;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    font-weight: 400;
    font-size: 12px;
    line-height: 16px
}

.locations__title[data-v-059ae326]:hover {
    background-color: #f8f8fb
}

.dark .locations__title[data-v-059ae326]:hover {
    color: #ddd;
    background-color: #2f3136
}

.locations__more[data-v-059ae326] {
    display: flex;
    align-items: center;
    height: 24px;
    padding: 2px 4px 2px 1px;
    overflow: hidden;
    white-space: nowrap;
    color: #aeaeae;
    transition: all .2s ease-in-out;
    cursor: pointer;
    text-overflow: ellipsis;
    text-decoration: none;
    max-width: 200px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    font-weight: 400;
    font-size: 12px;
    line-height: 16px
}

.locations__more[data-v-059ae326]:hover,
.locations__more.opened[data-v-059ae326] {
    background-color: #f8f8fb
}

.dark .locations__more[data-v-059ae326]:hover,
.dark .locations__more.opened[data-v-059ae326] {
    color: #ddd;
    background-color: #2f3136
}

.locations__information[data-v-059ae326] {
    position: fixed;
    top: 15px;
    z-index: 100;
    width: 280px;
    height: max-content;
    padding: 4px 0;
    max-width: 320px;
    overflow-y: auto;
    max-height: 320px;
    scrollbar-gutter: stable
}

.locations__project[data-v-059ae326] {
    display: grid;
    grid-template-columns: max-content 1fr;
    grid-column-gap: 8px;
    align-items: center;
    height: 32px;
    padding: 0 12px;
    text-decoration: unset
}

.locations__project-name[data-v-059ae326] {
    overflow: hidden;
    color: #60636c;
    text-overflow: ellipsis;
    font-weight: 500;
    font-size: 14px;
    line-height: 14px
}

.dark .locations__project-name[data-v-059ae326] {
    color: #ddd
}

[data-v-fdb6b93a]:root {
    --color-scheme-active: #6C78F4
}

.breadcrumbs[data-v-fdb6b93a] {
    display: flex;
    gap: 16px;
    overflow: hidden
}

.breadcrumbs__item-wrapper[data-v-fdb6b93a] {
    display: flex;
    gap: 16px;
    align-items: center
}

.breadcrumbs__item[data-v-fdb6b93a] {
    position: relative;
    display: flex;
    gap: 16px;
    align-items: center;
    min-width: 0;
    height: 24px;
    padding: 2px 4px;
    transition: all .2s ease-in-out;
    border-radius: 4px
}

.breadcrumbs__item[data-v-fdb6b93a]:not(:last-child):before {
    content: "";
    position: absolute;
    top: 4px;
    right: -16px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 16px;
    height: 16px;
    background-image: url("data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M7%205L10%208L7%2011'%20stroke='%2393969F'%20stroke-linecap='round'/%3e%3c/svg%3e");
    background-repeat: no-repeat
}

.dark .breadcrumbs__item[data-v-fdb6b93a] {
    color: #8d8d8d
}

.breadcrumbs__item[data-v-fdb6b93a]:hover {
    background-color: #f8f8fb
}

.dark .breadcrumbs__item[data-v-fdb6b93a]:hover {
    color: #ddd;
    background-color: #2f3136
}

.breadcrumbs__node[data-v-fdb6b93a] {
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    overflow: hidden;
    white-space: nowrap;
    color: #aeaeae;
    cursor: pointer;
    text-overflow: ellipsis;
    text-decoration: none;
    max-width: 200px
}

.breadcrumbs__service[data-v-fdb6b93a] {
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    position: relative;
    display: flex;
    gap: 4px;
    align-items: center;
    min-width: fit-content;
    height: 24px;
    padding: 2px 4px;
    white-space: nowrap;
    color: #aeaeae;
    transition: all .2s ease-in-out;
    cursor: pointer;
    text-decoration: none;
    border-radius: 4px
}

.breadcrumbs__service[data-v-fdb6b93a]:not(:last-child):before {
    content: "";
    position: absolute;
    top: 4px;
    right: -16px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 16px;
    height: 16px;
    background-image: url("data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M7%205L10%208L7%2011'%20stroke='%2393969F'%20stroke-linecap='round'/%3e%3c/svg%3e");
    background-repeat: no-repeat
}

.dark .breadcrumbs__service[data-v-fdb6b93a] {
    color: #8d8d8d
}

.breadcrumbs__service[data-v-fdb6b93a]:hover {
    background-color: #f8f8fb
}

.dark .breadcrumbs__service[data-v-fdb6b93a]:hover {
    color: #ddd;
    background-color: #2f3136
}

[data-v-4c7740ab]:root {
    --color-scheme-active: #6C78F4
}

.bottom[data-v-4c7740ab] {
    display: grid;
    grid-template-columns: 1fr max-content;
    gap: 20px;
    justify-content: space-between;
    align-items: center;
    margin-left: -4px;
    overflow: hidden
}

.bottom.top[data-v-4c7740ab] {
    margin-top: 8px
}

.bottom.is-push[data-v-4c7740ab] {
    margin-top: 12px
}

.bottom__date[data-v-4c7740ab] {
    font-weight: 400;
    font-size: 12px;
    line-height: 100%;
    white-space: nowrap;
    color: #aeaeae
}

.dark .bottom__date[data-v-4c7740ab] {
    color: #8d8d8d
}

[data-v-8c8a41d8]:root {
    --color-scheme-active: #6C78F4
}

.initiator[data-v-8c8a41d8] {
    padding: 20px 0
}

.is-push .initiator[data-v-8c8a41d8] {
    padding: 12px 0
}

.dark .initiator[data-v-8c8a41d8] .avatars-image__content {
    background-color: #2f3136
}

.initiator__avatar[data-v-8c8a41d8] {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 32px;
    height: 32px;
    background-color: #f8f8fb;
    border-radius: 8px
}

.dark .initiator__avatar[data-v-8c8a41d8] {
    background-color: #2f3136
}

[data-v-874c6a78]:root {
    --color-scheme-active: #6C78F4
}

.notification[data-v-874c6a78] {
    position: relative;
    display: grid;
    grid-template-columns: 32px 1fr;
    gap: 8px;
    padding: 0 16px;
    border-radius: 4px;
    background-color: #fff
}

.dark .notification[data-v-874c6a78] {
    background-color: #383a3f;
    border-color: #2a2a2a
}

.notification.unread[data-v-874c6a78]:not(.is-push):before {
    content: "";
    position: absolute;
    top: 33px;
    left: 5px;
    width: 6px;
    height: 6px;
    background-color: var(--color-scheme-active);
    border-radius: 50%
}

.notification__content[data-v-874c6a78] {
    padding: 20px 0
}

.notification__content[data-v-874c6a78]:not(.notification:last-child .notification__content,
.is-push .notification__content) {
    border-bottom: 1px solid #E5E7EE
}

.dark .notification__content[data-v-874c6a78]:not(.notification:last-child .notification__content,
.is-push .notification__content) {
    border-color: #2a2a2a
}

.is-push .notification__content[data-v-874c6a78] {
    padding: 12px 0
}

.notification__settings[data-v-874c6a78] {
    position: absolute;
    top: 24px;
    right: 16px;
    opacity: 0;
    transition: all .2s ease-in-out
}

.notification:hover .notification__settings[data-v-874c6a78] {
    opacity: 1
}

.notification__settings-dropdown[data-v-874c6a78] {
    position: absolute;
    top: 100%;
    right: 0;
    width: 260px;
    margin-top: 4px
}

.notification__initiator[data-v-874c6a78] {
    padding: 20px 0
}

.is-push .notification__initiator[data-v-874c6a78] {
    padding: 12px 0
}

.dark .notification__initiator[data-v-874c6a78] .avatars-image__content {
    background-color: #2f3136
}

.notification__initiator-avatar[data-v-874c6a78] {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 32px;
    height: 32px;
    background-color: #f8f8fb;
    border-radius: 8px
}

.dark .notification__initiator-avatar[data-v-874c6a78] {
    background-color: #2f3136
}

.notification__button-hide[data-v-874c6a78] {
    position: absolute;
    top: 12px;
    right: 12px;
    opacity: 0;
    transition: all .2s ease-in-out
}

.notification:hover .notification__button-hide[data-v-874c6a78] {
    opacity: 1
}

[data-v-38f73884]:root {
    --color-scheme-active: #6C78F4
}

.fade-enter-active[data-v-38f73884],
.fade-leave-active[data-v-38f73884] {
    transition: opacity .5s
}

.fade-enter-from[data-v-38f73884],
.fade-leave-to[data-v-38f73884] {
    opacity: 0
}

.push[data-v-38f73884] {
    position: fixed;
    right: 0;
    bottom: 0;
    z-index: 1000;
    width: 460px;
    padding: 8px
}

.push__notifications[data-v-38f73884] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-bottom: 8px
}

.push__button[data-v-38f73884] {
    min-width: 120px;
    margin-right: -2px;
    margin-bottom: -2px;
    margin-left: auto
}

.push__notification[data-v-38f73884] {
    padding: 0 12px;
    border-radius: 12px;
    border: 1px solid #EDEDF5;
    box-shadow: 0 4px 10px #27272c1a, 0 2px 2px #27272c1a
}

[data-v-17e7ae56]:root {
    --color-scheme-active: #6C78F4
}

.card[data-v-17e7ae56] {
    position: relative;
    width: 264px;
    padding: 12px;
    transition: background-color .15s ease-out;
    border-radius: 24px;
    text-decoration: none
}

.card[data-v-17e7ae56]:link:hover {
    background-color: #f8f8fb
}

.card.active[data-v-17e7ae56] {
    background-color: #f4f4ff
}

.card.not-available[data-v-17e7ae56] {
    pointer-events: none;
    background-color: transparent
}

.card.disabled[data-v-17e7ae56] {
    pointer-events: none;
    opacity: .5
}

.dark .card[data-v-17e7ae56]:hover {
    background-color: #242629
}

.dark .card.active[data-v-17e7ae56] {
    background-color: #202225
}

.dark .card.not-available[data-v-17e7ae56] {
    background-color: transparent
}

.card__image-wrapper[data-v-17e7ae56] {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 240px;
    height: 120px;
    margin-bottom: 20px;
    border: 1px solid transparent;
    border-radius: 12px
}

.not-available .card__image-wrapper[data-v-17e7ae56] {
    background: #f8f8fb;
    border: 1px solid #ededf5;
    border-radius: 12px
}

.dark .not-available .card__image-wrapper[data-v-17e7ae56] {
    background-color: #242629;
    border-color: #242629
}

.card__image-disabled[data-v-17e7ae56] {
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
    display: flex;
    gap: 4px;
    justify-content: center;
    align-items: center;
    color: #acb1c2;
    flex-direction: column
}

.dark .card__image-disabled[data-v-17e7ae56] {
    color: #8d8d8d
}

.card__image[data-v-17e7ae56] {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.card__disabled-status[data-v-17e7ae56] {
    font-weight: 700;
    font-size: 10px;
    line-height: 14px;
    position: absolute;
    top: 130px;
    left: 50%;
    padding: 2px 4px;
    color: #fff;
    background-color: var(--color-scheme-active);
    border-radius: 4px;
    box-shadow: 0 2px 4px rgb(var(--color-scheme-active) .4);
    transform: translate(-50%, -50%)
}

.card__name[data-v-17e7ae56] {
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    column-gap: 4px;
    margin-bottom: 8px;
    color: #202430
}

.dark .card__name[data-v-17e7ae56] {
    color: #ddd
}

.not-available .card__name[data-v-17e7ae56] {
    opacity: .5
}

.taskManager[data-v-17e7ae56] .card__name-icon path {
    fill: #6788f3
}

.knowledgeBase[data-v-17e7ae56] .card__name-icon path {
    fill: #ffb55d
}

.crm[data-v-17e7ae56] .card__name-icon path {
    fill: #ef7171
}

.training[data-v-17e7ae56] .card__name-icon path {
    fill: #66caa0
}

.users[data-v-17e7ae56] .card__name-icon path {
    fill: #35aaff
}

.analytics[data-v-17e7ae56] .card__name-icon path {
    fill: #ff607c
}

.card__description[data-v-17e7ae56] {
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
    margin: 0 auto;
    color: #7b8193;
    text-align: center
}

.not-available .card__description[data-v-17e7ae56] {
    opacity: .5
}

.taskManager .card__description[data-v-17e7ae56] {
    max-width: 160px
}

.knowledgeBase .card__description[data-v-17e7ae56] {
    max-width: 180px
}

.training .card__description[data-v-17e7ae56] {
    max-width: 220px
}

.crm .card__description[data-v-17e7ae56] {
    max-width: 188px
}

.users .card__description[data-v-17e7ae56] {
    max-width: 210px
}

[data-v-619bb0ec]:root {
    --color-scheme-active: #6C78F4
}

.switch[data-v-619bb0ec] {
    z-index: 998;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    padding-bottom: 50px;
    background-color: #fff;
    flex-direction: column
}

.dark .switch[data-v-619bb0ec] {
    background-color: #2f3136
}

.switch__title[data-v-619bb0ec] {
    display: flex;
    justify-content: center;
    margin-bottom: 12px;
    font-weight: 600;
    font-size: 24px;
    line-height: 29px;
    color: #202430
}

.dark .switch__title[data-v-619bb0ec] {
    color: #ddd
}

.switch__description[data-v-619bb0ec] {
    max-width: 294px;
    margin-bottom: 32px;
    color: #7b8193;
    text-align: center;
    font-weight: 400;
    font-size: 16px;
    line-height: 19px
}

.dark .switch__description[data-v-619bb0ec] {
    color: #ddd
}

.switch__cards[data-v-619bb0ec] {
    display: flex;
    gap: 16px;
    justify-content: center;
    flex-wrap: wrap;
    max-width: 824px
}

.switch__button-return[data-v-619bb0ec] {
    position: absolute;
    bottom: 30px;
    left: 50%;
    transform: translate(-50%)
}

[data-v-56e046b3]:root {
    --color-scheme-active: #6C78F4
}

.dark .theme-loader[data-v-56e046b3] {
    background: #2f3136
}

.dark .theme-loader .text[data-v-56e046b3] {
    color: #ddd
}

.dark .theme-loader .icon svg path[data-v-56e046b3] {
    stroke: #b6bbf9
}

.theme-loader[data-v-56e046b3] {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999999;
    pointer-events: none;
    opacity: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    background: #fff;
    transition: .5s ease-in-out;
    flex-direction: column;
    transform: scale(1.3)
}

.theme-loader.show[data-v-56e046b3] {
    pointer-events: all;
    opacity: 1;
    transform: none;
    transition: 0s
}

.theme-loader.show .icon svg path[data-v-56e046b3] {
    stroke-dashoffset: 2794;
    animation: DrawLine 2s linear infinite
}

.theme-loader .text[data-v-56e046b3] {
    text-align: center;
    animation: pulse 2s ease infinite
}

.theme-loader .icon[data-v-56e046b3] {
    margin-bottom: 25px
}

.theme-loader .icon svg[data-v-56e046b3] {
    display: block;
    width: 35px;
    height: 35px
}

.theme-loader .icon svg path[data-v-56e046b3] {
    opacity: .3;
    stroke: #6c78f4;
    stroke-dasharray: 2000;
    stroke-dashoffset: 0
}

[data-v-612c4ddd]:root {
    --color-scheme-active: #6C78F4
}

.header-workspace-avatar[data-v-612c4ddd] {
    flex: none;
    margin: 0 10px;
    overflow: hidden
}

[data-v-174a7f37]:root {
    --color-scheme-active: #6C78F4
}

.texts[data-v-174a7f37] {
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    max-width: 170px
}

.texts__description[data-v-174a7f37] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: .75rem
}

.texts__title[data-v-174a7f37] {
    width: 100%;
    margin-top: 2px;
    overflow: hidden;
    font-weight: 500;
    white-space: nowrap;
    color: #262626;
    cursor: pointer;
    text-decoration: none;
    text-overflow: ellipsis
}

.dark .texts__title[data-v-174a7f37] {
    color: #ddd
}

.texts__status[data-v-174a7f37] {
    margin-right: 6px
}

.texts__name[data-v-174a7f37] {
    flex: 1 1 auto
}

.dark .texts__name[data-v-174a7f37] {
    color: #8d8d8d;
    cursor: pointer
}

[data-v-293903b0]:root {
    --color-scheme-active: #6C78F4
}

.dots[data-v-293903b0] {
    display: flex;
    justify-content: center;
    align-items: center;
    min-width: 40px;
    height: 40px;
    transition: all .3s ease-in-out;
    cursor: pointer;
    max-width: 40px
}

[data-v-76b02b47]:root {
    --color-scheme-active: #6C78F4
}

.dropdown-item[data-v-76b02b47] {
    position: relative;
    display: flex;
    align-items: center;
    padding: 6px;
    color: inherit;
    transition: all .2s ease-in-out;
    cursor: pointer;
    text-decoration: none;
    border-radius: 8px
}

.dropdown-item[data-v-76b02b47]:hover {
    background: #f8f8fb
}

.dark .dropdown-item[data-v-76b02b47]:hover {
    background: #242629
}

.dropdown-item.active[data-v-76b02b47] {
    pointer-events: none;
    padding-right: 38px
}

.dropdown-item__avatar[data-v-76b02b47] {
    flex: none;
    margin-right: 10px;
    border: .5px solid rgba(0, 0, 0, .1);
    overflow: hidden;
    border-radius: 4px
}

.dropdown-item__info[data-v-76b02b47] {
    flex: 1 1 auto;
    overflow: hidden
}

.dropdown-item__title[data-v-76b02b47] {
    display: flex;
    gap: 4px;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    margin-bottom: 3px
}

.dark .dropdown-item__title[data-v-76b02b47] {
    color: #ddd
}

.dropdown-item__title-text[data-v-76b02b47] {
    font-weight: 400;
    font-size: 14px;
    line-height: 110%;
    overflow: hidden;
    white-space: nowrap;
    color: #202430;
    text-overflow: ellipsis
}

.dark .dropdown-item__title-text[data-v-76b02b47] {
    color: #ddd
}

.dropdown-item__icon-checked[data-v-76b02b47] {
    position: absolute;
    top: 50%;
    right: 8px;
    transform: translateY(-50%)
}

.dropdown-item__description[data-v-76b02b47] {
    font-weight: 400;
    font-size: 12px;
    line-height: 110%;
    overflow: hidden;
    white-space: nowrap;
    color: #20243080;
    text-transform: lowercase;
    text-overflow: ellipsis
}

.dark .dropdown-item__description[data-v-76b02b47] {
    color: #8d8d8d
}

[data-v-827d1fc5]:root {
    --color-scheme-active: #6C78F4
}

.dropdown-links[data-v-827d1fc5] {
    padding: 8px 0;
    background: #f8f8fb
}

.dark .dropdown-links[data-v-827d1fc5] {
    background-color: #242629
}

.dropdown-links__item[data-v-827d1fc5] {
    font-weight: 400;
    font-size: 14px;
    line-height: 100%;
    display: flex;
    gap: 8px;
    align-items: center;
    padding: 8px 10px 8px 48px;
    color: #60636c;
    transition: all .2s ease-in-out;
    cursor: pointer;
    text-decoration: none
}

.dropdown-links__item[data-v-827d1fc5] path {
    transition: all .2s ease-in-out
}

.dark .dropdown-links__item[data-v-827d1fc5] {
    color: #8d8d8d
}

.dropdown-links__item[data-v-827d1fc5]:hover {
    color: var(--color-scheme-active)
}

.dropdown-links__item[data-v-827d1fc5]:hover path {
    fill: var(--color-scheme-active)
}

.dropdown-links__item.disabled[data-v-827d1fc5] {
    pointer-events: none;
    opacity: .5
}

[data-v-e5a8c1c2]:root {
    --color-scheme-active: #6C78F4
}

.dropdown[data-v-e5a8c1c2] {
    position: fixed;
    top: 58px;
    left: 10px;
    z-index: 999;
    display: flex;
    width: 312px;
    overflow: hidden;
    background-color: #fff;
    transition: all .2s ease-in-out;
    flex-direction: column;
    border-radius: 8px;
    border: 1px solid #f0f0f0;
    box-shadow: 0 4px 13px #3030301a
}

.dark .dropdown[data-v-e5a8c1c2] {
    background-color: #2f3136;
    border-color: #191a1c;
    box-shadow: 0 6px 13px #1919197a
}

.dropdown__item[data-v-e5a8c1c2] {
    margin: 0 4px
}

.dropdown__item_selected[data-v-e5a8c1c2] {
    margin: 4px
}

.dropdown__workspaces[data-v-e5a8c1c2] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    overflow-y: auto;
    margin: 4px
}

.dropdown__button[data-v-e5a8c1c2] {
    width: auto;
    min-height: 32px;
    margin: 20px
}

[data-v-d66488cb]:root {
    --color-scheme-active: #6C78F4
}

.header-workspace[data-v-d66488cb] {
    position: relative;
    flex: none;
    display: flex;
    align-items: center;
    min-width: 255px;
    height: 58px;
    background-color: #fff;
    transition: all .3s ease-in-out;
    border-right: 1px solid #EDEDF5
}

.dark .header-workspace[data-v-d66488cb] {
    border-right: 1px solid #1E1F22;
    background-color: #242629
}

.header-workspace__wrapper[data-v-d66488cb] {
    display: flex;
    align-items: center;
    width: 274px;
    height: 100%;
    padding-right: 40px;
    cursor: pointer
}

.header-workspace__dots-tooltip[data-v-d66488cb] {
    position: absolute;
    right: 6px;
    width: 40px;
    height: 40px
}

.header-workspace__tooltip[data-v-d66488cb] {
    display: flex;
    align-items: center;
    min-width: 274px;
    max-width: 274px
}

[data-v-8af64e25]:root {
    --color-scheme-active: #6C78F4
}

.header-title-icon[data-v-8af64e25] {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 24px;
    height: 24px;
    margin-right: 8px
}

.M {
    position: relative;
    margin: 0 auto 0 10px
}

.N {
    display: flex;
    align-items: center
}

.O {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
    background: #ededf5;
    transition: .2s ease;
    cursor: pointer;
    border-radius: 8px
}

.O:hover {
    background: #e5e7ee
}

.dark .O {
    background-color: #383a3f
}

.dark .O:hover {
    background: #242629
}

.P {
    height: 100%
}

.P svg:focus {
    outline: none
}

.Q {
    transform: rotate(-90deg)
}

.R {
    display: inline-flex;
    align-items: center;
    width: fit-content;
    height: 40px;
    padding: 8px 12px 8px 8px;
    font-weight: 600;
    background-color: #ededf5;
    transition: .2s ease;
    cursor: pointer;
    border-radius: 8px
}

.R span {
    white-space: nowrap
}

.R:hover {
    background: #e5e7ee
}

.dark .R {
    color: #ddd;
    background-color: #383a3f
}

.dark .R:hover {
    background: #242629
}

.H {
    display: flex;
    column-gap: 8px;
    margin-left: 10px
}

@media (max-width: 1150px) {
    .H {
        display: none
    }
}

[data-v-37c5f9f4]:root {
    --color-scheme-active: #6C78F4
}

.menu[data-v-37c5f9f4] {
    position: absolute;
    top: 100%;
    right: 0;
    z-index: 12;
    display: flex;
    flex-direction: column;
    width: 330px;
    margin-top: 4px;
    padding: 12px;
    background-color: #fff;
    border: 1px solid #EDEDF5;
    box-shadow: 0 4px 13px #0000001a;
    border-radius: 8px
}

.dark .menu[data-v-37c5f9f4] {
    background-color: #242629;
    border-color: #191a1c
}

.menu__items[data-v-37c5f9f4] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 8px
}

.menu__item[data-v-37c5f9f4] {
    position: relative;
    display: flex;
    gap: 4px;
    flex-direction: column;
    align-items: center;
    padding: 16px 8px;
    overflow: hidden;
    background-color: #f8f8fb;
    border-radius: 8px;
    cursor: pointer
}

.menu__item.disabled[data-v-37c5f9f4] {
    pointer-events: none
}

.dark .menu__item.disabled[data-v-37c5f9f4] {
    background-color: #2f3136
}

.menu__item.disabled.accent[data-v-37c5f9f4]:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    background-image: url("data:image/svg+xml,%3csvg%20width='97'%20height='67'%20viewBox='0%200%2097%2067'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20opacity='0.5'%20filter='url(%23filter0_f_10_80)'%3e%3cellipse%20cx='-1.5'%20cy='-6'%20rx='13.5'%20ry='16'%20fill='%23A354FF'/%3e%3cellipse%20cx='97.5'%20cy='69'%20rx='13.5'%20ry='12'%20fill='%23A354FF'/%3e%3c/g%3e%3cdefs%3e%3cfilter%20id='filter0_f_10_80'%20x='-57'%20y='-62'%20width='208'%20height='204.527'%20filterUnits='userSpaceOnUse'%20color-interpolation-filters='sRGB'%3e%3cfeFlood%20flood-opacity='0'%20result='BackgroundImageFix'/%3e%3cfeBlend%20mode='normal'%20in='SourceGraphic'%20in2='BackgroundImageFix'%20result='shape'/%3e%3cfeGaussianBlur%20stdDeviation='20'%20result='effect1_foregroundBlur_10_80'/%3e%3c/filter%3e%3c/defs%3e%3c/svg%3e");
    z-index: 0;
    width: 128px;
    height: 125px
}

.dark .menu__item.disabled.accent[data-v-37c5f9f4]:before {
    background-color: #2f3136;
    border-color: #242629
}

.dark .menu__item[data-v-37c5f9f4] {
    background-color: #383a3f
}

.menu__item-title[data-v-37c5f9f4] {
    font-weight: 600;
    font-size: 11px;
    line-height: 100%;
    position: relative;
    z-index: 1;
    color: #9499ad;
    transition: all .3s ease-in-out
}

.active .menu__item-title[data-v-37c5f9f4],
.menu__item:hover .menu__item-title[data-v-37c5f9f4] {
    color: #242629
}

.dark .active .menu__item-title[data-v-37c5f9f4],
.dark .menu__item:hover .menu__item-title[data-v-37c5f9f4] {
    color: #ddd
}

.menu__item.disabled .menu__item-title[data-v-37c5f9f4] {
    color: #cacad2
}

.dark .menu__item.disabled .menu__item-title[data-v-37c5f9f4] {
    color: #8d8d8d
}

.menu__item.accent.disabled .menu__item-title[data-v-37c5f9f4] {
    opacity: .39;
    background: linear-gradient(129.29deg, #6c78f4 9%, #c86cf4 69.6%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent
}

.menu__item-pin[data-v-37c5f9f4] {
    position: absolute;
    top: 4px;
    right: 4px;
    z-index: 1;
    opacity: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 20px;
    height: 20px;
    background: #fff;
    border-radius: 4px;
    border: 1px solid #EDEDF5
}

.dark .menu__item-pin[data-v-37c5f9f4] {
    background-color: #383a3f;
    border-color: #2a2a2a
}

.menu__item-pin.active[data-v-37c5f9f4] {
    opacity: 1;
    background-color: #e5e7ee
}

.dark .menu__item-pin.active[data-v-37c5f9f4] {
    background-color: #383a3f
}

.menu__item-pin.active[data-v-37c5f9f4] path {
    fill: #acb1c2
}

.menu__item-pin.active.locked[data-v-37c5f9f4] {
    opacity: 1
}

.menu__item-pin.locked[data-v-37c5f9f4] {
    border-color: transparent;
    pointer-events: none;
    background-color: transparent
}

.menu__item-pin.locked[data-v-37c5f9f4] path {
    fill: #cacad2
}

.menu__item:hover .menu__item-pin[data-v-37c5f9f4] {
    opacity: 1
}

.menu__item-icon[data-v-37c5f9f4] {
    position: relative;
    z-index: 1
}

.menu__item:hover .menu__item-icon[data-v-37c5f9f4] path {
    fill: var(--color-scheme-active)
}

.menu__item.disabled:not(.accent) .menu__item-icon[data-v-37c5f9f4] path {
    fill: #cacad2
}

.menu__item-pin:hover .menu__item-pin-icon[data-v-37c5f9f4] path {
    fill: var(--color-scheme-active)
}

.menu__item-soon[data-v-37c5f9f4] {
    position: absolute;
    top: 5px;
    right: 5px;
    z-index: 1
}

.g_ {
    display: flex;
    justify-content: center;
    align-items: center
}

[data-v-9a314b57]:root {
    --color-scheme-active: #6C78F4
}

.header[data-v-9a314b57] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 60px;
    padding: 10px 16px;
    border-bottom: 1px solid #E5E7EE
}

.dark .header[data-v-9a314b57] {
    border-bottom: 1px solid #2F3136
}

.header__title[data-v-9a314b57] {
    font-weight: 500;
    font-size: 20px;
    line-height: 100%;
    color: #202430
}

.dark .header__title[data-v-9a314b57] {
    color: #ddd
}

.header__column[data-v-9a314b57] {
    display: flex;
    gap: 8px
}

.header__button-settings[data-v-9a314b57] {
    display: flex;
    gap: 4px;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
    padding: 4px 8px;
    background-color: #f8f8fb;
    transition: all .2s ease-in-out;
    cursor: pointer;
    border-radius: 8px;
    text-decoration: none;
    -webkit-user-select: none;
    user-select: none
}

.header__button-settings[data-v-9a314b57]:hover {
    background-color: #ededf5
}

.dark .header__button-settings[data-v-9a314b57] {
    background-color: #2f3136
}

.dark .header__button-settings[data-v-9a314b57]:hover {
    background-color: #242629
}

.header__telegram[data-v-9a314b57] {
    font-weight: 500;
    font-size: 14px;
    line-height: 100%;
    display: flex;
    gap: 8px;
    align-items: center;
    height: 40px;
    padding: 4px 16px;
    color: #60636c;
    background-color: #f8f8fb;
    border-radius: 8px;
    transition: all .2s ease-in-out;
    cursor: pointer
}

.header__telegram[data-v-9a314b57]:hover {
    background-color: #ededf5
}

.dark .header__telegram[data-v-9a314b57] {
    color: #8d8d8d;
    background-color: #2f3136
}

.dark .header__telegram[data-v-9a314b57]:hover,
.dark .header__telegram.active[data-v-9a314b57] {
    background-color: #202225
}

[data-v-c76f31c6]:root {
    --color-scheme-active: #6C78F4
}

.controls[data-v-c76f31c6] {
    display: flex;
    gap: 8px;
    justify-content: space-between;
    align-items: center;
    padding: 8px 16px
}

.dark .controls[data-v-c76f31c6] {
    border-bottom: 1px solid #2F3136
}

.controls__settings[data-v-c76f31c6] {
    position: relative;
    display: flex;
    gap: 4px;
    justify-content: center;
    align-items: center;
    max-width: 40px;
    width: 100%;
    height: 40px;
    padding: 4px 8px;
    background-color: #f8f8fb;
    transition: all .2s ease-in-out;
    cursor: pointer;
    border-radius: 8px;
    text-decoration: none;
    -webkit-user-select: none;
    user-select: none
}

.controls__settings.active[data-v-c76f31c6],
.controls__settings[data-v-c76f31c6]:hover {
    background-color: #ededf5
}

.dark .controls__settings[data-v-c76f31c6] {
    background-color: #2f3136
}

.dark .controls__settings[data-v-c76f31c6]:hover,
.dark .controls__settings.active[data-v-c76f31c6] {
    background-color: #202225
}

.controls__settings-dropdown[data-v-c76f31c6] {
    top: 100%;
    right: 0;
    z-index: 20;
    width: 260px;
    margin-top: 4px
}

.controls__tab-counter[data-v-c76f31c6] {
    font-weight: 400;
    font-size: 10px;
    line-height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    min-width: 12px;
    padding: 2px 4px;
    color: var(--color-scheme-active);
    background: rgba(var(--color-scheme-active-rgb), 15%);
    border-radius: 4px
}

[data-v-df872061]:root {
    --color-scheme-active: #6C78F4
}

@keyframes loading-df872061 {
    0% {
        transform: translate(-100%)
    }
    to {
        transform: translate(100%)
    }
}

.skeleton[data-v-df872061] {
    position: relative;
    display: grid;
    grid-auto-flow: row;
    grid-auto-rows: max-content;
    grid-gap: 8px;
    width: 100%;
    transition: opacity .2s ease-in-out
}

.skeleton[data-v-df872061]:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    pointer-events: none;
    opacity: .4;
    display: block;
    width: 100%;
    height: 100%;
    background: linear-gradient(to right, transparent, #fff, transparent);
    animation: loading-df872061 1.3s cubic-bezier(.5, 1, 1, 1) infinite
}

.dark .skeleton[data-v-df872061]:before {
    background: linear-gradient(to right, transparent, #383A3F, transparent)
}

.skeleton__item[data-v-df872061] {
    display: grid;
    grid-template-columns: max-content 1fr;
    grid-column-gap: 8px;
    padding: 0 16px
}

.skeleton__left[data-v-df872061] {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 32px;
    height: 32px;
    margin: 20px 0;
    background-color: #f8f8fb;
    border-radius: 8px
}

.dark .skeleton__left[data-v-df872061] {
    background-color: #2f3136
}

.skeleton__left-square[data-v-df872061] {
    width: 16px;
    height: 16px;
    background-color: #e5e7ee;
    border-radius: 4px
}

.dark .skeleton__left-square[data-v-df872061] {
    background-color: #2f3136
}

.skeleton__right[data-v-df872061] {
    display: flex;
    gap: 24px;
    padding: 28px 0;
    flex-direction: column
}

.skeleton__right[data-v-df872061]:not(.skeleton__item:last-child .skeleton__right) {
    border-bottom: 1px solid #E5E7EE
}

.dark .skeleton__right[data-v-df872061]:not(.skeleton__item:last-child .skeleton__right) {
    border-color: #2a2a2a
}

.skeleton__right-top[data-v-df872061] {
    display: flex;
    flex-direction: column;
    gap: 8px
}

.skeleton__right-top-line[data-v-df872061] {
    width: 100%;
    height: 11px;
    background-color: #ededf5;
    border-radius: 4px
}

.dark .skeleton__right-top-line[data-v-df872061] {
    background-color: #2f3136
}

.skeleton__right-top-line_small[data-v-df872061] {
    width: 244px;
    height: 11px;
    background-color: #ededf5;
    border-radius: 4px
}

.dark .skeleton__right-top-line_small[data-v-df872061] {
    background-color: #2f3136
}

.skeleton__right-bottom[data-v-df872061] {
    display: flex;
    gap: 8px;
    justify-content: space-between
}

.skeleton__right-bottom-line[data-v-df872061] {
    width: 155px;
    height: 8px;
    background-color: #ededf5;
    border-radius: 4px
}

.dark .skeleton__right-bottom-line[data-v-df872061] {
    background-color: #2f3136
}

.skeleton__right-bottom-line_small[data-v-df872061] {
    width: 56px;
    height: 8px;
    background-color: #ededf5;
    border-radius: 4px
}

.dark .skeleton__right-bottom-line_small[data-v-df872061] {
    background-color: #2f3136
}

[data-v-791f5cc6]:root {
    --color-scheme-active: #6C78F4
}

.notifications[data-v-791f5cc6] {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    overflow: hidden auto
}

.notifications__wrapper[data-v-791f5cc6] {
    width: 100%;
    height: 100%
}

.notifications__empty[data-v-791f5cc6] {
    padding: 60px 0;
    font-weight: 300;
    color: #aeaeae;
    text-align: center
}

[data-v-c41ec174]:root {
    --color-scheme-active: #6C78F4
}

.modal[data-v-c41ec174] {
    position: fixed;
    top: 68px;
    right: 8px;
    bottom: 8px;
    z-index: 11;
    display: flex;
    flex-direction: column;
    width: 660px;
    overflow: hidden;
    border-radius: 12px;
    border: 1px solid #EDEDF5;
    box-shadow: 0 8px 64px #00000029;
    background-color: #fff;
    -webkit-user-select: text;
    user-select: text
}

.dark .modal[data-v-c41ec174] {
    border-color: #2a2a2a;
    background: #383a3f;
    box-shadow: 0 0 29px #2426299e
}

.h_ {
    display: flex
}

.i_ {
    position: absolute;
    top: -7px;
    left: 50%;
    z-index: 2;
    pointer-events: none;
    display: flex;
    justify-content: center;
    align-items: center;
    min-width: 14px;
    height: 15px;
    margin-left: 2px;
    padding: 1px 2px;
    color: #fff;
    background: #fa4c4c;
    border-radius: 6px;
    border: 2px solid #fff;
    font-weight: 400;
    font-size: 9px;
    line-height: 100%
}

.dark .i_ {
    color: #ddd;
    border-color: #383a3f
}

.j_ {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    -webkit-user-select: none;
    user-select: none
}

[data-v-ed59a8e0]:root {
    --color-scheme-active: #6C78F4
}

.time-select[data-v-ed59a8e0] {
    display: flex;
    width: 120px;
    padding: 4px;
    background-color: #fff;
    flex-direction: column;
    border: 1px solid #F0F0F0;
    border-radius: 12px;
    box-shadow: 0 4px 13px #3030301a
}

.dark .time-select[data-v-ed59a8e0] {
    background-color: #383a3f;
    border: unset
}

.time-select__value[data-v-ed59a8e0] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 32px;
    padding: 0 8px;
    font-size: 14px;
    font-weight: 500;
    line-height: 100%;
    color: #60636c;
    border-radius: 4px
}

.time-select__value[data-v-ed59a8e0]:hover {
    background-color: #f8f8f8
}

.dark .time-select__value[data-v-ed59a8e0]:hover {
    background-color: #202225
}

[data-v-23438751]:root {
    --color-scheme-active: #6C78F4
}

.pomodoro[data-v-23438751] {
    position: relative
}

.pomodoro__button[data-v-23438751] {
    position: relative;
    z-index: 2;
    display: flex;
    align-items: center;
    padding: 6px 8px;
    column-gap: 4px;
    border-radius: 6px;
    cursor: pointer
}

.pomodoro__button-background[data-v-23438751] {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    background: linear-gradient(to right, rgba(var(--color-scheme-active-rgb), 15%) var(--1e07799a), #fff var(--1e07799a));
    border-radius: 6px
}

.dark .pomodoro__button-background[data-v-23438751] {
    background: linear-gradient(to right, rgba(var(--color-scheme-active-rgb), 15%) var(--1e07799a), #2F3136 var(--1e07799a))
}

.pomodoro__button-icon[data-v-23438751] {
    position: relative;
    z-index: 2
}

.pomodoro__button-text[data-v-23438751] {
    position: relative;
    z-index: 2;
    min-width: 50px;
    font-size: 14px;
    font-weight: 500;
    line-height: 100%;
    color: #9499ad;
    text-align: center
}

.pomodoro__button-text_active[data-v-23438751] {
    color: var(--color-scheme-active)
}

.pomodoro__box[data-v-23438751] {
    position: absolute;
    top: 40px;
    left: 50px;
    z-index: 10;
    pointer-events: none;
    opacity: 0;
    width: 260px;
    padding: 12px 0 3px;
    background: #fff;
    transition: .3s ease-in-out;
    transform: translate(-50%);
    border-radius: 12px;
    box-shadow: 0 4px 13px #3030301a
}

.dark .pomodoro__box[data-v-23438751] {
    background: #383a3f
}

.pomodoro__box.opened[data-v-23438751] {
    pointer-events: all;
    opacity: 1
}

.pomodoro__title[data-v-23438751] {
    margin-bottom: 9px;
    padding: 0 12px;
    font-size: 12px;
    font-weight: 500;
    line-height: 100%;
    color: #acb1c2
}

.pomodoro__counting[data-v-23438751] {
    height: 175px;
    padding: 0 12px
}

.pomodoro__background[data-v-23438751] {
    position: relative;
    padding: 12px 4px;
    border-radius: 8px
}

.pomodoro__background-progress[data-v-23438751] {
    position: absolute;
    top: 0;
    left: 1px;
    width: 100%;
    height: 100%;
    background: linear-gradient(to right, rgba(var(--color-scheme-active-rgb), 15%) var(--1e07799a), rgba(var(--color-scheme-active-rgb), 5%) var(--1e07799a));
    border-radius: 8px
}

.pomodoro__counting-title[data-v-23438751] {
    position: relative;
    z-index: 2;
    margin-bottom: 40px;
    font-size: 12px;
    font-weight: 500;
    color: var(--color-scheme-active);
    text-align: center
}

.pomodoro__counting-time[data-v-23438751] {
    position: relative;
    z-index: 2;
    margin-bottom: 16px;
    font-size: 32px;
    font-weight: 500;
    color: var(--color-scheme-active);
    letter-spacing: -1.28px;
    text-align: center
}

.pomodoro__counting-scale[data-v-23438751] {
    position: relative;
    display: inline-block;
    overflow-x: hidden;
    width: 100%;
    height: 38px;
    padding: 0 12px
}

.pomodoro__counting-scale>svg[data-v-23438751] {
    width: unset!important;
    height: unset!important
}

.pomodoro__scale-icon[data-v-23438751] {
    position: absolute;
    left: var(--6ddceb52);
    width: fit-content;
    height: 100%
}

.pomodoro__box-buttons[data-v-23438751] {
    display: flex;
    gap: 8px;
    padding: 0 12px
}

.pomodoro__box-button[data-v-23438751] {
    width: 100%;
    height: 32px;
    margin-top: 8px;
    margin-bottom: 12px;
    padding: 8px;
    background: #f8f8fb;
    border-radius: 8px
}

.pomodoro__box-button[data-v-23438751]:hover {
    background: #f8f8fb
}

.dark .pomodoro__box-button[data-v-23438751]:hover {
    background: #2f3136
}

.pomodoro__box-button_play[data-v-23438751] {
    background: var(--color-scheme-active)!important
}

.dark .pomodoro__box-button[data-v-23438751] {
    background: #2f3136
}

.pomodoro__next-button[data-v-23438751] {
    transform: rotate(180deg)
}

.pomodoro__modes[data-v-23438751] {
    display: flex;
    padding: 0 4px;
    cursor: pointer;
    flex-direction: column
}

.pomodoro__mode[data-v-23438751] {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 9px 12px;
    border-radius: 8px
}

.pomodoro__mode[data-v-23438751]:hover {
    opacity: .65;
    background-color: #f8f8fb
}

.dark .pomodoro__mode[data-v-23438751]:hover {
    background-color: #2f3136
}

.pomodoro__mode_active[data-v-23438751] {
    background-color: #ededf5!important
}

.dark .pomodoro__mode_active[data-v-23438751] {
    background-color: #2f3136!important
}

.pomodoro__mode-name[data-v-23438751] {
    font-size: 14px;
    font-weight: 500;
    line-height: 100%;
    color: #60636c
}

.pomodoro__mode-value[data-v-23438751] {
    margin-right: 4px;
    margin-left: auto;
    font-size: 14px;
    font-weight: 400;
    line-height: 100%;
    color: #9499ad
}

.pomodoro__select[data-v-23438751] {
    position: absolute;
    top: 0;
    left: 103%
}

[data-v-deac0479]:root {
    --color-scheme-active: #6C78F4
}

.search[data-v-deac0479] {
    position: relative;
    width: calc(100% - 50px);
    height: 60px;
    max-width: 887px
}

.search__icon[data-v-deac0479] {
    position: absolute;
    top: 50%;
    left: 23px;
    pointer-events: none;
    transform: translateY(-50%)
}

.search__input[data-v-deac0479] {
    height: 60px;
    padding: 0 23px 0 65px;
    font-size: .875rem;
    background-color: #f8f8fb;
    transition: none;
    border: none;
    outline: none;
    box-shadow: none!important
}

.dark .search__input[data-v-deac0479] {
    color: #ddd;
    background-color: #242629;
    border-color: transparent
}

[data-v-9f33badc]:root {
    --color-scheme-active: #6C78F4
}

.helper[data-v-9f33badc] {
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: max-content;
    grid-gap: 8px;
    align-items: center;
    min-height: 40px;
    padding: 0 8px;
    background-color: #f8f8fb;
    border-radius: 8px
}

.dark .helper[data-v-9f33badc] {
    background-color: #242629
}

.helper__results[data-v-9f33badc] {
    font-weight: 500;
    font-size: 14px;
    line-height: 14px;
    color: #60636c
}

.dark .helper__results[data-v-9f33badc] {
    color: #ddd
}

.helper__variant[data-v-9f33badc] {
    display: grid;
    grid-template-columns: repeat(2, max-content);
    grid-column-gap: 2px;
    align-items: center;
    color: #60636c;
    font-weight: 500;
    font-size: 14px;
    line-height: 14px
}

.dark .helper__variant[data-v-9f33badc] {
    color: #ddd
}

.helper__variant-target[data-v-9f33badc] {
    padding: 1px 5px;
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
    color: #acb1c2;
    background-color: #ededf5;
    border-radius: 4px;
    transition: background-color .2s ease
}

.helper__variant:hover .helper__variant-target[data-v-9f33badc] {
    background-color: #e5e7ee
}

.dark .helper__variant:hover .helper__variant-target[data-v-9f33badc] {
    background-color: #2f3136
}

.dark .helper__variant-target[data-v-9f33badc] {
    color: #ddd;
    background-color: #383a3f
}

[data-v-d72e3ecc]:root {
    --color-scheme-active: #6C78F4
}

.navigation-item[data-v-d72e3ecc] {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 8px 12px;
    color: #202430;
    transition: background-color .15s ease-out;
    border: none;
    border-radius: 10px;
    text-decoration: none;
    column-gap: 4px;
    font-weight: 600;
    font-size: 16px;
    line-height: 20px
}

.navigation-item.active[data-v-d72e3ecc] {
    background-color: #fff;
    box-shadow: 0 6px 16px #6788f314, 0 1px #0000001a
}

.navigation-item[disabled][data-v-d72e3ecc] {
    opacity: .5;
    color: #7b8193
}

.dark .navigation-item[data-v-d72e3ecc] {
    color: #ddd
}

.dark .navigation-item.active[data-v-d72e3ecc] {
    background-color: #202225
}

.change-service-card_taskManager[data-v-d72e3ecc] .change-service-card__name-icon path {
    fill: #6788f3
}

.change-service-card_knowledgeBase[data-v-d72e3ecc] .change-service-card__name-icon path {
    fill: #ffb55d
}

.change-service-card_crm[data-v-d72e3ecc] .change-service-card__name-icon path {
    fill: #ef7171
}

.change-service-card_training[data-v-d72e3ecc] .change-service-card__name-icon path {
    fill: #66caa0
}

.change-service-card_users[data-v-d72e3ecc] .change-service-card__name-icon path {
    fill: #35aaff
}

.change-service-card_analytics[data-v-d72e3ecc] .change-service-card__name-icon path {
    fill: #ff607c
}

[data-v-44179e3b]:root {
    --color-scheme-active: #6C78F4
}

.active[data-v-44179e3b] svg {
    fill: #6788f3!important
}

[data-v-a7f9a33b]:root {
    --color-scheme-active: #6C78F4
}

.active[data-v-a7f9a33b] svg {
    fill: #ffb55d!important
}

[data-v-cb75f3d6]:root {
    --color-scheme-active: #6C78F4
}

.active[data-v-cb75f3d6] svg {
    fill: #ef7171!important
}

[data-v-b52b4891]:root {
    --color-scheme-active: #6C78F4
}

.navigation[data-v-b52b4891] {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    padding: 4px
}

[data-v-624c274c]:root {
    --color-scheme-active: #6C78F4
}

.column[data-v-624c274c] {
    display: grid;
    grid-template-rows: max-content 1fr;
    grid-row-gap: 16px;
    width: 286px;
    height: 100%;
    padding: 13px 0;
    background-color: #f8f8fb;
    border-radius: 4px;
    overflow-y: hidden
}

.dark .column[data-v-624c274c] {
    background-color: #242629
}

.column__name[data-v-624c274c] {
    padding: 0 10px;
    font-weight: 700;
    font-size: 18px;
    line-height: 21px;
    color: #202430
}

.dark .column__name[data-v-624c274c] {
    color: #ddd
}

.column__body[data-v-624c274c] {
    display: grid;
    grid-auto-rows: max-content;
    grid-row-gap: 4px;
    padding: 0 10px;
    overflow-y: auto
}

[data-v-b6dd2194]:root {
    --color-scheme-active: #6C78F4
}

.card[data-v-b6dd2194] {
    width: 100%;
    min-height: 40px;
    padding: 8px 9px;
    overflow: hidden;
    background-color: #fff;
    border-radius: 4px;
    text-decoration: none
}

.dark .card[data-v-b6dd2194] {
    background-color: #383a3f
}

.card__breadcrumbs[data-v-b6dd2194] {
    display: flex;
    gap: 4px;
    align-items: center;
    margin-bottom: 8px;
    overflow: hidden
}

.card__breadcrumb[data-v-b6dd2194] {
    display: flex;
    gap: 2px;
    align-items: center;
    max-width: 90px;
    overflow: hidden
}

.card__breadcrumb[data-v-b6dd2194]:nth-child(2) {
    opacity: .5
}

.card__breadcrumb[data-v-b6dd2194]:nth-child(3) {
    opacity: .3
}

.card__breadcrumb-icon[data-v-b6dd2194] {
    flex: none
}

.card__breadcrumb-text[data-v-b6dd2194] {
    font-weight: 500;
    font-size: 10px;
    line-height: 12px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.card__wrapper[data-v-b6dd2194] {
    display: flex;
    align-items: center;
    color: #60636c;
    column-gap: 10px;
    font-weight: 400;
    font-size: 14px;
    line-height: 14px
}

.dark .card__wrapper[data-v-b6dd2194] {
    background-color: #383a3f
}

.card__name[data-v-b6dd2194] {
    text-overflow: ellipsis;
    overflow: hidden
}

[data-v-e67e0d4f]:root {
    --color-scheme-active: #6C78F4
}

.card[data-v-e67e0d4f] {
    display: grid;
    grid-row-gap: 8px;
    width: 100%;
    padding: 12px 14px;
    overflow: hidden;
    background-color: #fff;
    border-radius: 4px;
    text-decoration: none
}

.dark .card[data-v-e67e0d4f] {
    background-color: #383a3f
}

.card__line[data-v-e67e0d4f] {
    display: flex;
    align-items: center
}

.card__name[data-v-e67e0d4f] {
    margin-left: 6px;
    overflow: hidden;
    color: #202430;
    text-overflow: ellipsis;
    font-weight: 500;
    font-size: 14px;
    line-height: 14px
}

.dark .card__name[data-v-e67e0d4f] {
    color: #ddd
}

.card__tasks[data-v-e67e0d4f] {
    flex: 1;
    font-weight: 400;
    font-size: 10px;
    line-height: 12px;
    color: #acb1c2
}

.card__breadcrumb[data-v-e67e0d4f] {
    font-weight: 500;
    font-size: 10px;
    line-height: 12px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

[data-v-d861eede]:root {
    --color-scheme-active: #6C78F4
}

.card[data-v-d861eede] {
    display: flex;
    align-items: center;
    width: 100%;
    min-height: 40px;
    padding: 8px;
    overflow: hidden;
    background-color: #fff;
    border: none;
    border-radius: 4px;
    text-decoration: none;
    column-gap: 8px
}

.dark .card[data-v-d861eede] {
    background-color: #383a3f
}

.card__information[data-v-d861eede] {
    display: flex;
    flex-direction: column;
    align-items: center;
    overflow: hidden
}

.card__name[data-v-d861eede] {
    font-weight: 400;
    font-size: 12px;
    line-height: 14px;
    overflow: hidden;
    white-space: nowrap;
    color: #000;
    text-align: start;
    text-overflow: ellipsis
}

.dark .card__name[data-v-d861eede] {
    color: #ddd
}

.card__email[data-v-d861eede] {
    font-weight: 300;
    font-size: 10px;
    line-height: 12px;
    overflow: hidden;
    white-space: nowrap;
    color: #ababab;
    text-align: start;
    text-overflow: ellipsis
}

.dark .card__email[data-v-d861eede] {
    color: #ddd
}

[data-v-5fad4dac]:root {
    --color-scheme-active: #6C78F4
}

.breadcrumbs[data-v-5fad4dac] {
    font-weight: 300;
    font-size: 13px;
    line-height: 14px;
    color: #acb1c2
}

.breadcrumbs__breadcrumb[data-v-5fad4dac] {
    color: inherit;
    text-decoration: none
}

.breadcrumbs__breadcrumb.active[data-v-5fad4dac] {
    color: var(--color-scheme-active)
}

[data-v-abc7dd5d]:root {
    --color-scheme-active: #6C78F4
}

.card[data-v-abc7dd5d] {
    display: flex;
    align-items: center;
    padding: 10px;
    background-color: #fff;
    border-radius: 4px;
    text-decoration: none;
    column-gap: 5px
}

.card.with-breadcrumbs[data-v-abc7dd5d] {
    align-items: unset
}

.dark .card[data-v-abc7dd5d] {
    background-color: #383a3f
}

.card__information[data-v-abc7dd5d] {
    display: grid;
    grid-auto-rows: max-content;
    grid-row-gap: 2px
}

.card__name[data-v-abc7dd5d] {
    font-weight: 700;
    font-size: 16px;
    line-height: 16px;
    color: #202430
}

.dark .card__name[data-v-abc7dd5d] {
    color: #ddd
}

[data-v-f1cd7558]:root {
    --color-scheme-active: #6C78F4
}

.column-documents[data-v-f1cd7558] {
    width: 100%;
    max-width: 887px
}

[data-v-a4dd74b4]:root {
    --color-scheme-active: #6C78F4
}

.funnel-item[data-v-a4dd74b4] {
    position: relative
}

.funnel-item.sorting-top[data-v-a4dd74b4]:before {
    content: "";
    position: absolute;
    top: -8px;
    right: -2px;
    left: -2px;
    z-index: 10;
    width: calc(100%+ 4px);
    height: 3px;
    border-radius: 2px;
    background-color: var(--color-scheme-active);
    pointer-events: none;
    box-shadow: 0 1px 2px #6c78f440
}

.funnel-item.sorting-bottom[data-v-a4dd74b4]:before {
    content: "";
    position: absolute;
    right: 2px;
    bottom: -7px;
    left: -2px;
    z-index: 10;
    width: calc(100%+ 4px);
    height: 3px;
    border-radius: 2px;
    background-color: var(--color-scheme-active);
    pointer-events: none;
    box-shadow: 0 1px 2px #6c78f440
}

.nav-funnel[data-v-a4dd74b4] {
    position: relative;
    padding: 8px;
    border-radius: 6px;
    background-color: #f9f9f9;
    text-decoration: none;
    transition: all .2s ease;
    cursor: pointer
}

.nav-funnel.mini[data-v-a4dd74b4] {
    display: flex;
    justify-content: center;
    width: 48px;
    height: 48px
}

.nav-funnel[data-v-a4dd74b4]:hover,
.nav-funnel.active[data-v-a4dd74b4] {
    background-color: #f0f0f5
}

.dark .nav-funnel[data-v-a4dd74b4] {
    background-color: #2f3136
}

.dark .nav-funnel[data-v-a4dd74b4]:hover,
.dark .nav-funnel.active[data-v-a4dd74b4] {
    background-color: #383a3f
}

.nav-funnel__tooltip[data-v-a4dd74b4] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.nav-funnel__tooltip-template[data-v-a4dd74b4] {
    width: 100%;
    height: 100%
}

.nav-funnel__header[data-v-a4dd74b4] {
    display: flex;
    justify-content: space-between;
    margin-bottom: 12px
}

.mini .nav-funnel__header[data-v-a4dd74b4] {
    margin-bottom: 0
}

.nav-funnel__logo[data-v-a4dd74b4] {
    display: block;
    width: 32px;
    height: 32px;
    overflow: hidden;
    border-radius: 4px;
    box-shadow: inset 0 0 1px #0000001f
}

.mini .nav-funnel__logo[data-v-a4dd74b4] {
    width: 16px;
    height: 16px
}

.nav-funnel__menu[data-v-a4dd74b4] {
    position: relative;
    opacity: 0;
    height: max-content;
    transition: .2s ease-in-out
}

.nav-funnel:hover .nav-funnel__menu[data-v-a4dd74b4],
.nav-funnel__menu.active[data-v-a4dd74b4] {
    opacity: 1
}

.nav-funnel__menu-dropdown[data-v-a4dd74b4] {
    position: fixed;
    z-index: 1000;
    width: 210px
}

.nav-funnel__name[data-v-a4dd74b4] {
    min-width: 234px;
    margin-bottom: 8px;
    color: #60636c;
    max-width: 234px;
    font-weight: 400;
    font-size: 14px;
    line-height: 14px
}

.active .nav-funnel__name[data-v-a4dd74b4] {
    font-weight: 500;
    font-size: 14px;
    line-height: 14px;
    color: #202430
}

.dark .nav-funnel__name[data-v-a4dd74b4] {
    color: #ddd
}

.nav-funnel__statistics[data-v-a4dd74b4] {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.nav-funnel__statistics-left[data-v-a4dd74b4] {
    display: flex;
    column-gap: 12px
}

.nav-funnel__amount[data-v-a4dd74b4],
.nav-funnel__count[data-v-a4dd74b4] {
    display: flex;
    align-items: center;
    column-gap: 6px;
    font-weight: 500;
    font-size: 12px;
    line-height: 12px;
    color: #93969f
}

.active .nav-funnel__amount[data-v-a4dd74b4],
.active .nav-funnel__count[data-v-a4dd74b4] {
    color: #202430
}

.dark .nav-funnel__amount[data-v-a4dd74b4],
.dark .nav-funnel__count[data-v-a4dd74b4] {
    color: #ddd
}

.nav-funnel__amount-text[data-v-a4dd74b4] {
    white-space: nowrap
}

[data-v-449cad39]:root {
    --color-scheme-active: #6C78F4
}

.column-funnels__funnel[data-v-449cad39] {
    background-color: #fff!important
}

.dark .column-funnels__funnel[data-v-449cad39] {
    background-color: #383a3f!important
}

[data-v-fc3ae794]:root {
    --color-scheme-active: #6C78F4
}

.column-deals__deal[data-v-fc3ae794] {
    margin: 0
}

[data-v-10c8652c]:root {
    --color-scheme-active: #6C78F4
}

.result[data-v-10c8652c] {
    display: flex;
    gap: 13px;
    justify-content: center;
    width: 100%;
    height: 100%;
    overflow-y: auto;
    flex-wrap: wrap
}

[data-v-a0a28b46]:root {
    --color-scheme-active: #6C78F4
}

.information[data-v-a0a28b46] {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    padding: 61px 0;
    background-color: #e5e7ee;
    border-radius: 4px;
    flex-direction: column;
    row-gap: 7px;
    font-weight: 700;
    font-size: 24px;
    line-height: 28px
}

.dark .information[data-v-a0a28b46] {
    background-color: #383a3f
}

.information__title[data-v-a0a28b46] {
    text-align: center
}

.dark .information__title[data-v-a0a28b46] {
    color: #ddd
}

.information__description[data-v-a0a28b46] {
    font-weight: 500;
    font-size: 16px;
    line-height: 18px
}

.dark .information__description[data-v-a0a28b46] {
    color: #ddd
}

[data-v-c890491e]:root {
    --color-scheme-active: #6C78F4
}

.information-no-result[data-v-c890491e] {
    max-width: 887px
}

[data-v-fda5cd23]:root {
    --color-scheme-active: #6C78F4
}

.information-empty[data-v-fda5cd23] {
    max-width: 887px;
    background-color: #f8f8fb
}

[data-v-3f5dfcc9]:root {
    --color-scheme-active: #6C78F4
}

.global-search[data-v-3f5dfcc9] {
    position: fixed;
    top: 58px;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 11;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding: 0 20px 26px;
    background-color: #fff;
    overflow-y: hidden;
    flex-direction: column
}

.dark .global-search[data-v-3f5dfcc9] {
    background-color: #2f3136
}

.global-search__search[data-v-3f5dfcc9] {
    margin: 26px 25px 18px
}

.global-search__helper[data-v-3f5dfcc9] {
    margin-bottom: 18px
}

.global-search__navigation[data-v-3f5dfcc9] {
    margin: 0 25px 28px
}

.global-search__wrapper[data-v-3f5dfcc9] {
    overflow: hidden
}

.global-search__result[data-v-3f5dfcc9] {
    padding: 0 25px
}

.global-search__cards[data-v-3f5dfcc9] {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    max-width: 894px;
    margin-top: 28px;
    padding: 4px 0
}

[data-v-7f4b11c1]:root {
    --color-scheme-active: #6C78F4
}

.modal-dialog[data-v-7f4b11c1] {
    width: 100%;
    max-width: 500px
}

.modal-dialog__body[data-v-7f4b11c1] {
    padding: 16px
}

.modal-dialog__buttons[data-v-7f4b11c1] {
    display: flex;
    gap: 8px;
    justify-content: flex-end;
    align-items: center;
    margin-top: 24px
}

.modal-dialog__button[data-v-7f4b11c1] {
    max-width: 176px;
    width: 100%
}

[data-v-e90cafac]:root {
    --color-scheme-active: #6C78F4
}

.section[data-v-e90cafac] {
    display: grid;
    grid-template-columns: max-content 1fr;
    grid-column-gap: 8px;
    align-items: center;
    width: 100%;
    height: 32px;
    padding: 0 8px;
    color: #60636c;
    transition: background-color .2s ease;
    border-radius: 4px;
    text-align: start;
    font-weight: 400;
    font-size: 14px;
    line-height: 14px
}

.section[data-v-e90cafac]:hover {
    background-color: #f8f8fb
}

.dark .section[data-v-e90cafac]:hover {
    background-color: #383a3f
}

.section[data-v-e90cafac]:active,
.section.active[data-v-e90cafac] {
    background-color: #ededf5
}

.dark .section[data-v-e90cafac]:active,
.dark .section.active[data-v-e90cafac] {
    color: #ddd;
    background-color: #383a3f
}

.dark .section[data-v-e90cafac] {
    color: #ddd
}

[data-v-f2f957a0]:root {
    --color-scheme-active: #6C78F4
}

.folder[data-v-f2f957a0] {
    width: 100%;
    overflow: hidden
}

.folder__wrapper[data-v-f2f957a0] {
    display: flex;
    gap: 8px;
    align-items: center;
    padding: 8px;
    overflow: hidden;
    color: #60636c;
    transition: all .2s ease;
    cursor: pointer;
    border-radius: 4px;
    font-weight: 400;
    font-size: 14px;
    line-height: 14px
}

.folder__wrapper[data-v-f2f957a0] .v-popper {
    flex: 1;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.folder__wrapper[data-v-f2f957a0]:hover,
.folder__wrapper.active[data-v-f2f957a0] {
    background-color: #f8f8fb
}

.dark .folder__wrapper[data-v-f2f957a0]:hover,
.dark .folder__wrapper.active[data-v-f2f957a0] {
    color: #ddd;
    background-color: #383a3f
}

.dark .folder__wrapper[data-v-f2f957a0] {
    color: #ddd
}

.folder__icon[data-v-f2f957a0] {
    transform: rotate(-90deg);
    transition: all .2s ease
}

.folder__icon.hidden[data-v-f2f957a0] {
    pointer-events: none;
    opacity: 0
}

.folder__icon.opened[data-v-f2f957a0] {
    transform: none
}

[data-v-d08d5212]:root {
    --color-scheme-active: #6C78F4
}

.side-navigation[data-v-d08d5212] {
    display: grid;
    grid-template-rows: repeat(2, max-content) 1fr;
    padding-top: 16px;
    border-right: 1px solid #EDEDF5;
    overflow: hidden
}

.dark .side-navigation[data-v-d08d5212] {
    border-color: #2a2a2a
}

.side-navigation__section[data-v-d08d5212] {
    width: unset;
    margin: 0 12px
}

.side-navigation__folders[data-v-d08d5212] {
    height: 100%;
    margin-top: 8px;
    padding: 0 12px;
    overflow: auto
}

.side-navigation__content[data-v-d08d5212] {
    display: flex;
    flex-direction: column;
    overflow: hidden
}

[data-v-a40bb4c0]:root {
    --color-scheme-active: #6C78F4
}

.breadcrumb[data-v-a40bb4c0] {
    padding: 4.5px 4px;
    overflow: hidden;
    white-space: nowrap;
    color: #93969f;
    transition: all .2s ease;
    border-radius: 4px;
    text-overflow: ellipsis;
    font-weight: 500;
    font-size: 15px;
    line-height: 15px
}

.dark .breadcrumb[data-v-a40bb4c0] {
    color: #ddd
}

[data-v-13082858]:root {
    --color-scheme-active: #6C78F4
}

.breadcrumbs[data-v-13082858] {
    position: relative;
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: auto;
    align-items: center
}

.breadcrumbs__button[data-v-13082858] {
    display: flex;
    align-items: center;
    padding: 0 4px;
    transition: background .2s ease;
    border-radius: 4px
}

.breadcrumbs__button[data-v-13082858]:hover,
.breadcrumbs__button.opened[data-v-13082858] {
    background: #838fa729
}

.dark .breadcrumbs__button[data-v-13082858] {
    color: #ddd
}

.breadcrumbs__breadcrumb[data-v-13082858]:not(:last-child):hover {
    background: #838fa729
}

.breadcrumbs__breadcrumb[data-v-13082858]:last-child {
    color: #383a3f;
    cursor: default
}

.dark .breadcrumbs__breadcrumb[data-v-13082858]:last-child {
    color: #ddd
}

.breadcrumbs__more[data-v-13082858] {
    position: absolute;
    top: calc(100%+ 2px);
    left: -4px;
    z-index: 10;
    width: 260px;
    padding: 4px 0;
    background-color: #fff;
    max-height: 220px;
    overflow-y: auto
}

.breadcrumbs__item-more[data-v-13082858] {
    display: grid;
    grid-template-columns: max-content 1fr;
    grid-column-gap: 8px;
    align-items: center;
    width: 100%;
    height: 32px;
    padding: 0 12px;
    overflow: hidden;
    transition: background .2s ease;
    text-align: start
}

.breadcrumbs__item-more[data-v-13082858]:hover {
    background: #838fa714
}

.breadcrumbs__item-more[data-v-13082858]:active {
    background: #838fa729
}

.breadcrumbs__item-text[data-v-13082858] {
    overflow: hidden;
    white-space: nowrap;
    color: #60636c;
    text-overflow: ellipsis;
    font-weight: 500;
    font-size: 14px;
    line-height: 14px
}

.dark .breadcrumbs__item-text[data-v-13082858] {
    color: #ddd
}

[data-v-6db3b2e1]:root {
    --color-scheme-active: #6C78F4
}

.button[data-v-6db3b2e1] {
    display: flex;
    gap: 4px;
    align-items: center;
    padding: 6px 8px;
    color: #60636c;
    transition: all .2s ease;
    cursor: pointer;
    border-radius: 4px;
    text-decoration: none;
    font-weight: 500;
    font-size: 13px;
    line-height: 13px
}

.button[data-v-6db3b2e1]:hover,
.button.active[data-v-6db3b2e1] {
    color: #383a3f;
    background: #838fa729
}

.dark .button[data-v-6db3b2e1] {
    color: #8d8d8d;
    background-color: #383a3f
}

[data-v-c63b815c]:root {
    --color-scheme-active: #6C78F4
}

.menu[data-v-c63b815c] {
    position: relative
}

.menu__button[data-v-c63b815c] {
    padding: 10px;
    border-radius: 8px
}

.menu__dropdown[data-v-c63b815c] {
    position: absolute;
    top: 100%;
    z-index: 2;
    display: flex;
    width: 100%;
    min-width: 180px;
    padding: 4px 0;
    background-color: #fff;
    flex-direction: column;
    max-width: 300px;
    border: 1px solid #F0F0F0;
    box-shadow: 0 4px 13px #3030301a;
    border-radius: 6px
}

.dark .menu__dropdown[data-v-c63b815c] {
    background-color: #242629;
    border-color: #191a1c
}

[data-v-62575278]:root {
    --color-scheme-active: #6C78F4
}

.create-folder__button[data-v-62575278] {
    padding: 10px;
    border-radius: 8px
}

[data-v-6abdcee9]:root {
    --color-scheme-active: #6C78F4
}

.search__button[data-v-6abdcee9] {
    padding: 10px;
    border-radius: 8px
}

.search__controls[data-v-6abdcee9] {
    position: relative
}

.search__input[data-v-6abdcee9] {
    min-width: 240px
}

.search__close[data-v-6abdcee9] {
    position: absolute;
    top: 10px;
    right: 12px;
    z-index: 2
}

[data-v-364a397d]:root {
    --color-scheme-active: #6C78F4
}

.sorting[data-v-364a397d] {
    position: relative
}

.sorting__button[data-v-364a397d] {
    display: flex;
    gap: 4px;
    align-items: center;
    padding: 8px 4px;
    color: #93969f;
    transition: all .2s ease;
    cursor: pointer;
    border-radius: 4px;
    text-decoration: none;
    font-weight: 400;
    font-size: 13px;
    line-height: 13px
}

.sorting__button span[data-v-364a397d] {
    color: #60636c
}

.dark .sorting__button span[data-v-364a397d] {
    color: #a6a7b3
}

.sorting__button[data-v-364a397d]:hover,
.sorting__button.active[data-v-364a397d] {
    color: #383a3f;
    background: #838fa729
}

.dark .sorting__button[data-v-364a397d] {
    color: #ddd;
    background-color: #383a3f
}

.sorting__dropdown[data-v-364a397d] {
    position: absolute;
    left: 0;
    z-index: 11;
    display: flex;
    width: 100%;
    min-width: 200px;
    padding: 4px 0;
    background-color: #fff;
    flex-direction: column;
    max-width: 300px;
    border: 1px solid #F0F0F0;
    box-shadow: 0 4px 13px #3030301a;
    border-radius: 6px
}

.dark .sorting__dropdown[data-v-364a397d] {
    background-color: #242629;
    border-color: #191a1c
}

.sorting__icon[data-v-364a397d] {
    transition: transform .2s ease
}

.active .sorting__icon[data-v-364a397d] {
    transform: rotate(180deg)
}

[data-v-ca0e366c]:root {
    --color-scheme-active: #6C78F4
}

.view-mode[data-v-ca0e366c] {
    display: flex;
    gap: 4px;
    padding: 3px;
    background-color: #ededf5;
    border-radius: 8px
}

.dark .view-mode[data-v-ca0e366c] {
    background-color: #383a3f
}

.view-mode__item[data-v-ca0e366c] {
    display: block;
    padding: 5px;
    border-radius: 6px
}

.view-mode__item.active[data-v-ca0e366c] {
    background: #fff;
    box-shadow: 0 2px 4px #0000001a
}

.view-mode__item-icon[data-v-ca0e366c] {
    display: block
}

[data-v-142e82db]:root {
    --color-scheme-active: #6C78F4
}

.header[data-v-142e82db] {
    margin-bottom: 20px;
    padding: 16px 0 0 16px
}

.header__row[data-v-142e82db] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 12px
}

.header__row[data-v-142e82db]:last-child {
    margin-bottom: 0
}

.header__wrapper[data-v-142e82db] {
    display: flex;
    gap: 8px;
    margin-left: auto
}

.header__button[data-v-142e82db] {
    min-width: 160px
}

[data-v-1dc03fba]:root {
    --color-scheme-active: #6C78F4
}

.avatar[data-v-1dc03fba] {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 117px;
    height: 117px;
    background-color: #ededf5;
    border-radius: 12px
}

.dark .avatar[data-v-1dc03fba] {
    background-color: #383a3f
}

[data-v-32294456]:root {
    --color-scheme-active: #6C78F4
}

.name__text[data-v-32294456] {
    margin-top: 8px;
    overflow: hidden;
    white-space: nowrap;
    color: #242629;
    text-overflow: ellipsis;
    font-weight: 400;
    font-size: 13px;
    line-height: 16px
}

.dark .name__text[data-v-32294456] {
    color: #ddd
}

[data-v-ff43ee9b]:root {
    --color-scheme-active: #6C78F4
}

.menu-dropdown[data-v-ff43ee9b] {
    position: absolute;
    right: 0;
    display: flex;
    width: 100%;
    min-width: 180px;
    padding: 4px 0;
    background-color: #fff;
    flex-direction: column;
    max-width: fit-content;
    border: 1px solid #F0F0F0;
    box-shadow: 0 4px 13px #3030301a;
    border-radius: 6px
}

.dark .menu-dropdown[data-v-ff43ee9b] {
    background-color: #242629;
    border-color: #191a1c
}

[data-v-e4ddd0d6]:root {
    --color-scheme-active: #6C78F4
}

.menu[data-v-e4ddd0d6] {
    position: absolute;
    top: 6px;
    right: 6px;
    z-index: 3;
    opacity: 0;
    transition: opacity .2s ease
}

.folder:hover .menu[data-v-e4ddd0d6],
.menu.opened[data-v-e4ddd0d6] {
    opacity: 1
}

.menu__button[data-v-e4ddd0d6] {
    display: flex;
    align-items: center;
    padding: 2px;
    font-weight: 500;
    font-size: 13px;
    line-height: 13px;
    color: #60636c;
    background: #838fa73d;
    border-radius: 6px;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    transition: all .2s ease;
    text-decoration: none;
    cursor: pointer
}

.menu__button[data-v-e4ddd0d6]:hover,
.menu__button.opened[data-v-e4ddd0d6] {
    background: #838fa729
}

.dark .menu__button[data-v-e4ddd0d6] {
    color: #8d8d8d;
    background-color: #383a3f
}

[data-v-432bea44]:root {
    --color-scheme-active: #6C78F4
}

.folder[data-v-432bea44] {
    position: relative;
    max-width: 117px;
    width: 100%;
    cursor: pointer
}

.folder__menu[data-v-432bea44] {
    z-index: 4
}

[data-v-bf8112ca]:root {
    --color-scheme-active: #6C78F4
}

.avatar[data-v-bf8112ca] {
    flex: none
}

.avatar__image[data-v-bf8112ca] {
    display: flex;
    width: 117px;
    height: 117px;
    border-radius: 12px;
    object-fit: contain
}

.avatar__icon-wrapper[data-v-bf8112ca] {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 117px;
    height: 117px;
    background-color: #ededf5;
    border-radius: 12px
}

.dark .avatar__icon-wrapper[data-v-bf8112ca] {
    background-color: #383a3f
}

.avatar__icon[data-v-bf8112ca] {
    display: block;
    width: 64px;
    height: 64px
}

[data-v-20c09deb]:root {
    --color-scheme-active: #6C78F4
}

.information[data-v-20c09deb] {
    display: flex;
    gap: 2px;
    margin-top: 8px;
    overflow: hidden
}

.information__text[data-v-20c09deb] {
    display: flex;
    overflow: hidden;
    white-space: nowrap;
    color: #acb1c2;
    text-overflow: ellipsis;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 10px;
    line-height: 10px
}

.information__text[data-v-20c09deb]:after {
    content: "•";
    display: block;
    margin-left: 2px;
    font-weight: 500;
    font-size: 10px;
    line-height: 10px;
    color: #acb1c2
}

.dark .information__text[data-v-20c09deb]:after {
    color: #a6a7b3
}

.information__text[data-v-20c09deb]:last-child:after {
    display: none
}

.dark .information__text[data-v-20c09deb] {
    color: #a6a7b3
}

[data-v-a31ca0a7]:root {
    --color-scheme-active: #6C78F4
}

.dropdown[data-v-a31ca0a7] {
    position: absolute;
    right: 0;
    display: flex;
    width: 100%;
    min-width: 180px;
    padding: 4px 0;
    background-color: #fff;
    flex-direction: column;
    max-width: fit-content;
    border: 1px solid #F0F0F0;
    box-shadow: 0 4px 13px #3030301a;
    border-radius: 6px
}

.dark .dropdown[data-v-a31ca0a7] {
    background-color: #242629;
    border-color: #191a1c
}

[data-v-f742ae18]:root {
    --color-scheme-active: #6C78F4
}

.menu[data-v-f742ae18] {
    position: absolute;
    top: 6px;
    right: 6px;
    z-index: 3;
    opacity: 0;
    transition: opacity .2s ease
}

.file:hover .menu[data-v-f742ae18],
.menu.opened[data-v-f742ae18] {
    opacity: 1
}

.menu__button[data-v-f742ae18] {
    display: flex;
    align-items: center;
    padding: 2px;
    color: #60636c;
    background: #838fa73d;
    border-radius: 6px;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    transition: background .2s ease;
    text-decoration: none;
    cursor: pointer;
    font-weight: 500;
    font-size: 13px;
    line-height: 13px
}

.menu__button[data-v-f742ae18]:hover,
.menu__button.opened[data-v-f742ae18] {
    background: #838fa729
}

.dark .menu__button[data-v-f742ae18] {
    color: #8d8d8d;
    background-color: #383a3f
}

[data-v-0d39efbb]:root {
    --color-scheme-active: #6C78F4
}

.file[data-v-0d39efbb] {
    position: relative;
    max-width: 117px;
    width: 100%;
    cursor: pointer
}

.file__menu[data-v-0d39efbb] {
    z-index: 4
}

[data-v-f02df811]:root {
    --color-scheme-active: #6C78F4
}

.preview[data-v-f02df811] {
    position: relative;
    max-width: 117px;
    width: 100%;
    cursor: pointer
}

.preview__menu[data-v-f02df811] {
    z-index: 4
}

.preview__avatar[data-v-f02df811] {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 117px;
    height: 117px;
    background-color: #ededf5;
    border-radius: 12px
}

.dark .preview__avatar[data-v-f02df811] {
    background-color: #383a3f
}

.preview__avatar-icon[data-v-f02df811] {
    display: block;
    width: 64px;
    height: 64px
}

.preview__progress-line[data-v-f02df811] {
    width: 100%;
    height: 4px;
    margin: 4px 0;
    background-color: #e5e7ee;
    border-radius: 4px
}

.preview__progress-value[data-v-f02df811] {
    height: 100%;
    background-color: var(--color-scheme-active);
    border-radius: 4px
}

.preview__information[data-v-f02df811] {
    display: flex;
    justify-content: space-between
}

.preview__size[data-v-f02df811],
.preview__progres-percentages[data-v-f02df811] {
    color: #acb1c2;
    font-weight: 500;
    font-size: 10px;
    line-height: 10px
}

[data-v-2d14aca2]:root {
    --color-scheme-active: #6C78F4
}

.grid[data-v-2d14aca2] {
    position: relative;
    display: grid;
    grid-auto-rows: max-content;
    grid-template-columns: repeat(auto-fill, minmax(117px, 1fr));
    gap: 16px 12px;
    height: 100%;
    padding-right: 16px;
    overflow: auto;
    scrollbar-gutter: stable
}

.grid[data-v-2d14aca2]::-webkit-scrollbar {
    width: 3px;
    height: 3px
}

[data-v-7175585a]:root {
    --color-scheme-active: #6C78F4
}

.column[data-v-7175585a] {
    position: relative;
    flex: none;
    height: 100%;
    white-space: nowrap
}

.column__wrapper[data-v-7175585a] {
    display: flex;
    align-items: center;
    height: 100%;
    padding: 0 8px;
    transition: background-color .2s ease;
    border-radius: 8px
}

.column.type .column__wrapper[data-v-7175585a],
.column.size .column__wrapper[data-v-7175585a],
.column.updated .column__wrapper[data-v-7175585a] {
    justify-content: flex-end;
    text-align: right
}

.column.resizing .column__wrapper[data-v-7175585a],
.column__wrapper[data-v-7175585a]:hover {
    background-color: #f8f8fb
}

.column.resizing .dark .column__wrapper[data-v-7175585a],
.dark .column__wrapper[data-v-7175585a]:hover {
    background-color: #383a3f
}

.column__name[data-v-7175585a] {
    font-weight: 400;
    font-size: 13px;
    line-height: 13px;
    overflow: hidden;
    color: #93969f;
    text-overflow: ellipsis
}

.column:first-child .column__name[data-v-7175585a] {
    font-weight: 500;
    color: #60636c
}

.dark .column:first-child .column__name[data-v-7175585a] {
    color: #a6a7b3
}

.dark .column__name[data-v-7175585a] {
    color: #8d8d8d
}

.column__resize-wrapper[data-v-7175585a] {
    position: absolute;
    right: -5px;
    opacity: 0;
    width: 10px;
    padding: 0 2px;
    transition: opacity .2s ease;
    cursor: grab
}

.column:hover .column__resize-wrapper[data-v-7175585a] {
    opacity: 1
}

.column.resizing .column__resize-wrapper[data-v-7175585a] {
    opacity: 1;
    cursor: grabbing
}

.column__resize-handle[data-v-7175585a] {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 6px;
    height: 24px;
    background-color: #fff;
    border-radius: 123px
}

.dark .column__resize-handle[data-v-7175585a] {
    background-color: #242629
}

.column__resize-handle-line[data-v-7175585a] {
    width: 2px;
    height: 20px;
    background-color: #acb1c2;
    border-radius: 2px;
    transition: background-color .2s ease
}

.column.resizing .column__resize-handle-line[data-v-7175585a] {
    background-color: var(--color-scheme-active)!important
}

.dark .column__resize-handle-line[data-v-7175585a] {
    background-color: #2f3136
}

[data-v-444597df]:root {
    --color-scheme-active: #6C78F4
}

.header[data-v-444597df] {
    position: sticky;
    top: 0;
    z-index: 10;
    flex: none;
    display: flex;
    align-items: center;
    height: 36px;
    column-gap: 20px;
    background: #fff
}

.dark .header[data-v-444597df] {
    background: #2f3136
}

[data-v-91e53a88]:root {
    --color-scheme-active: #6C78F4
}

.name[data-v-91e53a88] {
    display: flex;
    gap: 8px;
    align-items: center;
    padding: 0 8px;
    overflow: hidden;
    contain: content
}

.name__image[data-v-91e53a88] {
    display: flex;
    width: 28px;
    height: 28px;
    border-radius: 4px;
    object-fit: contain
}

.name__icon[data-v-91e53a88] {
    flex: none;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 28px;
    height: 28px;
    background-color: #ededf5;
    border-radius: 4px
}

.dark .name__icon[data-v-91e53a88] {
    background-color: #383a3f
}

.name__icon-component[data-v-91e53a88] {
    display: block;
    width: 20px;
    height: 20px
}

.name__title[data-v-91e53a88] {
    font-weight: 400;
    font-size: 13px;
    line-height: 16px;
    overflow: hidden;
    white-space: nowrap;
    color: #242629;
    transition: all .2s ease;
    text-overflow: ellipsis
}

.folder:hover .name__title[data-v-91e53a88],
.file:hover .name__title[data-v-91e53a88] {
    color: var(--color-scheme-active)
}

.dark .name__title[data-v-91e53a88] {
    color: #a6a7b3
}

[data-v-805fb4e2]:root {
    --color-scheme-active: #6C78F4
}

.author[data-v-805fb4e2] {
    opacity: 1;
    display: flex;
    gap: 8px;
    align-items: center;
    padding: 0 8px;
    overflow: hidden;
    contain: content;
    transition: opacity .2s ease
}

.folder:hover .author[data-v-805fb4e2],
.file:hover .author[data-v-805fb4e2] {
    display: none
}

.author__name[data-v-805fb4e2] {
    font-weight: 400;
    font-size: 13px;
    line-height: 13px;
    overflow: hidden;
    white-space: nowrap;
    color: #60636c;
    text-overflow: ellipsis
}

.dark .author__name[data-v-805fb4e2] {
    color: #8d8d8d
}

[data-v-ccde7414]:root {
    --color-scheme-active: #6C78F4
}

.type[data-v-ccde7414] {
    opacity: 1;
    padding: 0 8px;
    overflow: hidden;
    white-space: nowrap;
    color: #acb1c2;
    transition: opacity .2s ease;
    text-overflow: ellipsis;
    text-align: right;
    font-weight: 500;
    font-size: 11px;
    line-height: 11px
}

.folder:hover .type[data-v-ccde7414],
.file:hover .type[data-v-ccde7414] {
    display: none
}

.dark .type[data-v-ccde7414] {
    color: #ddd
}

[data-v-e18ca0ab]:root {
    --color-scheme-active: #6C78F4
}

.size[data-v-e18ca0ab] {
    opacity: 1;
    padding: 0 8px;
    overflow: hidden;
    white-space: nowrap;
    color: #acb1c2;
    transition: opacity .2s ease;
    text-overflow: ellipsis;
    text-align: right;
    font-weight: 500;
    font-size: 11px;
    line-height: 11px
}

.folder:hover .size[data-v-e18ca0ab],
.file:hover .size[data-v-e18ca0ab] {
    display: none
}

.dark .size[data-v-e18ca0ab] {
    color: #ddd
}

[data-v-1c8b3471]:root {
    --color-scheme-active: #6C78F4
}

.updated[data-v-1c8b3471] {
    opacity: 1;
    padding: 0 8px;
    overflow: hidden;
    white-space: nowrap;
    color: #acb1c2;
    transition: opacity .2s ease;
    text-overflow: ellipsis;
    text-align: right;
    font-weight: 500;
    font-size: 11px;
    line-height: 11px
}

.folder:hover .updated[data-v-1c8b3471],
.file:hover .updated[data-v-1c8b3471] {
    display: none
}

.dark .updated[data-v-1c8b3471] {
    color: #ddd
}

[data-v-58534284]:root {
    --color-scheme-active: #6C78F4
}

.download[data-v-58534284] {
    opacity: 0;
    transition: opacity .2s ease
}

.folder:hover .download[data-v-58534284],
.file:hover .download[data-v-58534284] {
    opacity: 1
}

[data-v-501069fa]:root {
    --color-scheme-active: #6C78F4
}

.dropdown[data-v-501069fa] {
    position: absolute;
    right: 0;
    z-index: 10;
    display: flex;
    width: 100%;
    min-width: 180px;
    padding: 4px 0;
    background-color: #fff;
    flex-direction: column;
    max-width: fit-content;
    border: 1px solid #F0F0F0;
    box-shadow: 0 4px 13px #3030301a;
    border-radius: 6px
}

.dark .dropdown[data-v-501069fa] {
    background-color: #242629;
    border-color: #191a1c
}

[data-v-65fdb998]:root {
    --color-scheme-active: #6C78F4
}

.dropdown[data-v-65fdb998] {
    position: absolute;
    right: 0;
    z-index: 10;
    display: flex;
    width: 100%;
    min-width: 180px;
    padding: 4px 0;
    background-color: #fff;
    flex-direction: column;
    max-width: fit-content;
    border: 1px solid #F0F0F0;
    box-shadow: 0 4px 13px #3030301a;
    border-radius: 6px
}

.dark .dropdown[data-v-65fdb998] {
    background-color: #242629;
    border-color: #191a1c
}

[data-v-a1f20fb3]:root {
    --color-scheme-active: #6C78F4
}

.menu[data-v-a1f20fb3] {
    position: relative;
    z-index: 10;
    opacity: 0;
    transition: opacity .2s ease
}

.folder:hover .menu[data-v-a1f20fb3],
.file:hover .menu[data-v-a1f20fb3],
.menu.opened[data-v-a1f20fb3] {
    opacity: 1
}

.menu__dropdown[data-v-a1f20fb3] {
    top: calc(100%+ 4px)!important
}

[data-v-6b27bbda]:root {
    --color-scheme-active: #6C78F4
}

.buttons[data-v-6b27bbda] {
    display: flex;
    margin-left: auto;
    padding: 0 8px
}

[data-v-1f26c807]:root {
    --color-scheme-active: #6C78F4
}

.file[data-v-1f26c807] {
    position: relative;
    display: flex;
    align-items: center;
    column-gap: 20px;
    height: 36px;
    text-rendering: optimizelegibility;
    -webkit-font-smoothing: antialiased;
    will-change: scroll-position;
    border-radius: 8px;
    transition: background-color .2s ease;
    cursor: pointer
}

.file[data-v-1f26c807]:hover {
    z-index: 1;
    background-color: #838fa714
}

.file__menu[data-v-1f26c807] {
    z-index: 4
}

.file__buttons[data-v-1f26c807] {
    display: none
}

.file:hover .file__buttons[data-v-1f26c807] {
    display: flex
}

[data-v-414c9d1b]:root {
    --color-scheme-active: #6C78F4
}

.folder[data-v-414c9d1b] {
    position: relative;
    display: flex;
    align-items: center;
    column-gap: 20px;
    height: 36px;
    text-rendering: optimizelegibility;
    -webkit-font-smoothing: antialiased;
    will-change: scroll-position;
    border-radius: 8px;
    transition: all .2s ease;
    cursor: pointer
}

.folder[data-v-414c9d1b]:hover {
    z-index: 1;
    background-color: #838fa714
}

.folder__menu[data-v-414c9d1b] {
    z-index: 4
}

[data-v-192979e8]:root {
    --color-scheme-active: #6C78F4
}

.file[data-v-192979e8] {
    position: relative;
    display: flex;
    align-items: center;
    column-gap: 20px;
    height: 36px;
    text-rendering: optimizelegibility;
    -webkit-font-smoothing: antialiased;
    will-change: scroll-position;
    border-radius: 8px;
    transition: background-color .2s ease;
    cursor: pointer
}

.file[data-v-192979e8]:hover {
    z-index: 1;
    background-color: #838fa714
}

.preview__progress-line[data-v-192979e8] {
    width: 200px;
    height: 4px;
    margin: 4px 0;
    background-color: #e5e7ee;
    border-radius: 4px
}

.preview__progress-value[data-v-192979e8] {
    height: 100%;
    background-color: var(--color-scheme-active);
    border-radius: 4px
}

.preview__information[data-v-192979e8] {
    display: flex;
    justify-content: space-between
}

.preview__size[data-v-192979e8],
.preview__progres-percentages[data-v-192979e8] {
    color: #acb1c2;
    font-weight: 500;
    font-size: 10px;
    line-height: 10px
}

[data-v-e4d16005]:root {
    --color-scheme-active: #6C78F4
}

.list[data-v-e4d16005] {
    position: relative;
    display: grid;
    grid-template-rows: max-content 1fr;
    min-height: 100%;
    padding-right: 16px;
    overflow: auto;
    max-height: 100%;
    scrollbar-gutter: stable
}

.list[data-v-e4d16005]::-webkit-scrollbar {
    width: 3px;
    height: 3px
}

[data-v-af484789]:root {
    --color-scheme-active: #6C78F4
}

.no-files[data-v-af484789] {
    display: flex;
    justify-content: center;
    align-items: center;
    height: calc(100% - 100px);
    flex-direction: column;
    text-align: center
}

.no-files__title[data-v-af484789] {
    max-width: 246px;
    color: #383a3f;
    font-weight: 400;
    font-size: 15px;
    line-height: 15px
}

.dark .no-files__title[data-v-af484789] {
    color: #ddd
}

.no-files__description[data-v-af484789] {
    display: block;
    max-width: 246px;
    margin: 4px auto 0;
    color: #545454;
    font-weight: 400;
    font-size: 12px;
    line-height: 14px
}

.dark .no-files__description[data-v-af484789] {
    color: #e5e7ee
}

.no-files__link[data-v-af484789] {
    display: block;
    max-width: fit-content;
    margin: 0 auto;
    color: var(--color-scheme-active);
    font-weight: 400;
    font-size: 12px;
    line-height: 14px
}

.no-files__link[data-v-af484789]:hover {
    text-decoration: none
}

.no-files__button[data-v-af484789] {
    margin-top: 12px
}

[data-v-c1afd488]:root {
    --color-scheme-active: #6C78F4
}

.data-enter-active[data-v-c1afd488],
.data-leave-active[data-v-c1afd488] {
    transition: opacity .2s ease
}

.data-enter-from[data-v-c1afd488],
.data-leave-to[data-v-c1afd488] {
    opacity: 0
}

.view[data-v-c1afd488] {
    width: 100%;
    height: 100%;
    padding-left: 16px;
    overflow: hidden
}

[data-v-8bd051c1]:root {
    --color-scheme-active: #6C78F4
}

.overview[data-v-8bd051c1] {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1000;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #30303066
}

.overview__container[data-v-8bd051c1] {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: 1fr;
    width: 100%;
    height: 100vh;
    padding: 48px;
    background-color: unset;
    max-height: unset
}

.overview__item[data-v-8bd051c1] {
    display: flex;
    align-items: stretch;
    width: 100%;
    height: 100%;
    padding: 0;
    overflow: hidden;
    background-color: #fff;
    flex-direction: column;
    border-radius: 16px
}

.dark .overview__item[data-v-8bd051c1] {
    background-color: #2f3136
}

.overview__head[data-v-8bd051c1] {
    height: 56px
}

.overview__wrapper[data-v-8bd051c1] {
    display: grid;
    grid-template-columns: 274px 1fr;
    grid-template-rows: 1fr;
    width: 100%;
    height: 100%;
    overflow: hidden
}

.overview__main[data-v-8bd051c1] {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    overflow: hidden
}

.overview__loading[data-v-8bd051c1] {
    margin: auto
}

.overview__header[data-v-8bd051c1] {
    padding-right: 24px
}

[data-v-894298f6]:root {
    --color-scheme-active: #6C78F4
}

.files[data-v-894298f6] {
    display: flex;
    justify-content: center;
    align-items: center
}

[data-v-c110f8ee]:root {
    --color-scheme-active: #6C78F4
}

.header-help-base[data-v-c110f8ee] {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center
}

.header-help-base__notification[data-v-c110f8ee] {
    font-weight: 400;
    font-size: 9px;
    line-height: 100%;
    position: absolute;
    top: -7px;
    left: 50%;
    pointer-events: none;
    display: flex;
    justify-content: center;
    align-items: center;
    min-width: 12px;
    height: 15px;
    margin-left: 2px;
    padding: 1px 2px;
    color: #fff;
    background: #fa4c4c;
    border-radius: 6px;
    border: 2px solid #fff
}

.dark .header-help-base__notification[data-v-c110f8ee] {
    color: #ddd;
    border-color: #383a3f
}

[data-v-4941bb2d]:root {
    --color-scheme-active: #6C78F4
}

.ai__tooltip[data-v-4941bb2d] {
    width: 24px;
    height: 24px
}

.ai__icon[data-v-4941bb2d] {
    outline: none;
    cursor: pointer
}

[data-v-d3ae7958]:root {
    --color-scheme-active: #6C78F4
}

.forms__icon[data-v-d3ae7958] {
    cursor: pointer
}

.I {
    position: relative;
    display: flex;
    gap: 12px;
    align-items: center;
    height: 40px;
    padding: 0 8px;
    border-radius: 8px;
    background: #f8f8fb;
    -webkit-user-select: none;
    user-select: none
}

.dark .I {
    background-color: #383a3f
}

[data-v-d2ce1fce]:root {
    --color-scheme-active: #6C78F4
}

.header[data-v-d2ce1fce] {
    position: relative;
    z-index: 997;
    display: grid;
    grid-template-columns: 1fr max-content;
    height: 58px;
    background-color: #fff;
    border-bottom: 1px solid #EDEDF5;
    box-sizing: content-box
}

@media print {
    .header[data-v-d2ce1fce] {
        display: none
    }
}

.dark .header[data-v-d2ce1fce] {
    border-bottom: 1px solid #1E1F22!important;
    background: #2f3136
}

.header__side[data-v-d2ce1fce] {
    display: flex;
    align-items: center;
    width: 100%
}

.header__side.right[data-v-d2ce1fce] {
    justify-content: flex-end;
    width: auto;
    padding: 0 10px
}

[data-v-41ffc856]:root {
    --color-scheme-active: #6C78F4
}

.reminder[data-v-41ffc856] {
    display: grid;
    grid-template-columns: repeat(2, max-content) 1fr max-content;
    align-items: center;
    padding: 16px 18px;
    background-color: #ffeb00;
    border-bottom: 1px solid #e5e7ee
}

.dark .reminder[data-v-41ffc856] {
    border-bottom-color: #1e1f22
}

.reminder__icon-warning[data-v-41ffc856] {
    margin-right: 16px
}

.reminder__type[data-v-41ffc856] {
    margin-right: 20px;
    font-weight: 600;
    font-size: 14px;
    line-height: 14px;
    color: #202430
}

.reminder__description[data-v-41ffc856] {
    margin-right: 10px;
    font-weight: 400;
    font-size: 14px;
    line-height: 14px;
    color: #202430
}

[data-v-13bddfdc]:root {
    --color-scheme-active: #6C78F4
}

.timer[data-v-13bddfdc] {
    font-weight: 400;
    font-size: 16px;
    line-height: 100%;
    display: flex;
    gap: 4px;
    justify-content: center;
    align-items: center;
    min-width: 120px;
    height: 40px;
    padding: 0 16px;
    background-color: #f8f8fb;
    border-radius: 8px
}

.dark .timer[data-v-13bddfdc] {
    color: #ddd;
    background-color: #242629
}

.timer.disabled[data-v-13bddfdc] {
    color: #acb1c2
}

.timer__input[data-v-13bddfdc] {
    text-align: center;
    width: 20px
}

.timer__input[data-v-13bddfdc] .v-input__item {
    height: 20px;
    padding: 0;
    background: transparent!important;
    border: none;
    border-bottom: 1px solid #CACAD2!important;
    border-radius: 0;
    cursor: pointer
}

.timer__input[data-v-13bddfdc] .v-input__item:hover,
.timer__input[data-v-13bddfdc] .v-input__item:focus {
    background: transparent;
    border-color: var(--color-scheme-active)!important
}

[data-v-c83facb5]:root {
    --color-scheme-active: #6C78F4
}

.controls[data-v-c83facb5],
.controls__buttons[data-v-c83facb5] {
    display: flex;
    gap: 8px;
    align-items: center
}

.controls__button.button[data-v-c83facb5] {
    width: 40px;
    padding: 0
}

.dark .controls__button.button.not-accent[data-v-c83facb5] {
    background-color: #242629
}

[data-v-2a2fe00d]:root {
    --color-scheme-active: #6C78F4
}

.progress-circle[data-v-2a2fe00d] {
    position: relative;
    z-index: 1;
    pointer-events: none;
    width: 40vh;
    height: 40vh
}

.progress-circle[data-v-2a2fe00d]:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: radial-gradient(61.88% 61.88% at 50% 50%, #ededf5, #ededf500);
    border: 12px solid #fff;
    border-radius: 50%
}

.dark .progress-circle[data-v-2a2fe00d]:before {
    border: #1E1F22;
    background: transparent
}

.progress-circle.active[data-v-2a2fe00d]:before {
    opacity: .5;
    background: radial-gradient(61.88% 61.88% at 50% 50%, #94abff, #ffffff78)
}

.dark .progress-circle.active[data-v-2a2fe00d]:before {
    background: #242629
}

.progress-circle svg[data-v-2a2fe00d] {
    position: absolute;
    transform: rotate(-90deg)
}

.progress-circle__background[data-v-2a2fe00d] {
    position: relative;
    z-index: 1;
    stroke: #f8f8fb
}

.dark .progress-circle__background[data-v-2a2fe00d] {
    stroke: #383a3f
}

.progress-circle__value[data-v-2a2fe00d] {
    position: relative;
    z-index: 2;
    fill: none;
    stroke: #cacad2;
    stroke-linecap: round;
    transition: stroke-dashoffset 1s linear
}

.active .progress-circle__value[data-v-2a2fe00d] {
    stroke: #94abff
}

[data-v-c8ad0cad]:root {
    --color-scheme-active: #6C78F4
}

.flower[data-v-c8ad0cad] {
    position: fixed;
    top: 50%;
    left: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 40vh;
    height: 40vh;
    transform: translate(-50%, -50%);
    flex-direction: column
}

@media (max-height: 680px) {
    .flower[data-v-c8ad0cad] {
        position: static;
        transform: translate(0)
    }
}

.flower__wrapper[data-v-c8ad0cad] {
    position: absolute;
    z-index: 10;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 40vh;
    height: 40vh;
    transition: 1.5s;
    border-radius: 500px
}

.flower__group[data-v-c8ad0cad] {
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center
}

.flower__petal[data-v-c8ad0cad] {
    position: absolute;
    width: 12vh;
    height: 12vh;
    background: linear-gradient(180deg, #acb1c2, #acb1c200);
    border-radius: 100% 0
}

.flower__wrapper.active .flower__petal[data-v-c8ad0cad] {
    background: linear-gradient(170deg, #6788f3, #6788f300)
}

.flower__group:nth-child(1) .flower__petal[data-v-c8ad0cad] {
    opacity: .8
}

.flower__group:nth-child(1) .flower__petal[data-v-c8ad0cad]:nth-child(1) {
    transform-origin: bottom left;
    top: -12vh;
    left: 0;
    transform: rotate(-45deg)
}

.flower__group:nth-child(1) .flower__petal[data-v-c8ad0cad]:nth-child(2) {
    transform-origin: bottom left;
    top: -12vh;
    left: 0;
    transform: rotate(45deg)
}

.flower__group:nth-child(1) .flower__petal[data-v-c8ad0cad]:nth-child(3) {
    transform-origin: top right;
    top: 0;
    left: -12vh;
    transform: rotate(-45deg)
}

.flower__group:nth-child(1) .flower__petal[data-v-c8ad0cad]:nth-child(4) {
    transform-origin: top right;
    top: 0;
    left: -12vh;
    transform: rotate(45deg)
}

.flower__group:nth-child(2) .flower__petal[data-v-c8ad0cad] {
    opacity: .6
}

.flower__group:nth-child(2) .flower__petal[data-v-c8ad0cad]:nth-child(1) {
    transform-origin: bottom left;
    transform: rotate(90deg);
    top: -12vh;
    left: 0
}

.flower__group:nth-child(2) .flower__petal[data-v-c8ad0cad]:nth-child(2) {
    transform-origin: top right;
    transform: rotate(90deg);
    top: 0;
    left: -12vh
}

.flower__group:nth-child(2) .flower__petal[data-v-c8ad0cad]:nth-child(3) {
    transform-origin: top right;
    transform: rotate(0);
    top: 0;
    left: -12vh
}

.flower__group:nth-child(2) .flower__petal[data-v-c8ad0cad]:nth-child(4) {
    transform-origin: bottom left;
    transform: rotate(0);
    top: -12vh;
    left: 0
}

.flower__group:nth-child(3) .flower__petal[data-v-c8ad0cad] {
    opacity: .2
}

.flower__group:nth-child(3) .flower__petal[data-v-c8ad0cad]:nth-child(1) {
    transform-origin: bottom left;
    transform: rotate(-160deg);
    top: -12vh;
    left: 0
}

.flower__group:nth-child(3) .flower__petal[data-v-c8ad0cad]:nth-child(2) {
    transform-origin: bottom left;
    transform: rotate(-115deg);
    top: -12vh;
    left: 0
}

.flower__group:nth-child(3) .flower__petal[data-v-c8ad0cad]:nth-child(3) {
    transform-origin: bottom left;
    transform: rotate(25deg);
    top: -12vh;
    left: 0
}

.flower__group:nth-child(3) .flower__petal[data-v-c8ad0cad]:nth-child(4) {
    transform-origin: bottom left;
    transform: rotate(70deg);
    top: -12vh;
    left: 0
}

.flower__group:nth-child(3) .flower__petal[data-v-c8ad0cad]:nth-child(5) {
    transform-origin: bottom left;
    transform: rotate(-25deg);
    top: -12vh;
    left: 0
}

.flower__group:nth-child(3) .flower__petal[data-v-c8ad0cad]:nth-child(6) {
    transform-origin: bottom left;
    transform: rotate(110deg);
    top: -12vh;
    left: 0
}

.flower__group:nth-child(3) .flower__petal[data-v-c8ad0cad]:nth-child(7) {
    transform-origin: bottom left;
    transform: rotate(-70deg);
    top: -12vh;
    left: 0
}

.flower__group:nth-child(3) .flower__petal[data-v-c8ad0cad]:nth-child(8) {
    transform-origin: bottom left;
    transform: rotate(160deg);
    top: -12vh;
    left: 0
}

[data-v-db8a1e15]:root {
    --color-scheme-active: #6C78F4
}

.program[data-v-db8a1e15] {
    display: flex;
    flex-direction: column;
    padding: 8px;
    transition: all .2s ease-in-out;
    cursor: pointer;
    border-radius: 8px
}

.program.active[data-v-db8a1e15] {
    pointer-events: none
}

.program.active[data-v-db8a1e15],
.program[data-v-db8a1e15]:hover {
    background-color: #ededf5
}

.dark .program[data-v-db8a1e15] {
    background-color: #2f3136
}

.program__name[data-v-db8a1e15] {
    font-weight: 500;
    font-size: 14px;
    line-height: 100%;
    color: #242629
}

.dark .program__name[data-v-db8a1e15] {
    color: #ddd
}

.program__duration[data-v-db8a1e15] {
    font-weight: 500;
    font-size: 12px;
    line-height: 100%;
    margin-bottom: 8px;
    color: var(--color-scheme-active)
}

.program__description[data-v-db8a1e15] {
    font-weight: 400;
    font-size: 12px;
    line-height: 120%;
    margin-top: 4px;
    color: #a6acbf;
    transition: all .2s ease-in-out
}

.program:hover .program__description[data-v-db8a1e15] {
    color: #60636c
}

.dark .program__description[data-v-db8a1e15] {
    color: #8d8d8d
}

[data-v-83b649d1]:root {
    --color-scheme-active: #6C78F4
}

.modal__body[data-v-83b649d1] {
    display: flex;
    gap: 24px;
    align-items: center;
    padding: 16px 8px;
    flex-direction: column
}

.modal__author[data-v-83b649d1] {
    display: flex;
    gap: 10px;
    align-items: center;
    padding: 8px
}

.modal__author-image[data-v-83b649d1] {
    width: 24px;
    height: 24px;
    object-fit: contain
}

.modal__author-name[data-v-83b649d1] {
    font-weight: 500;
    font-size: 16px;
    line-height: 100%;
    color: #242629
}

.dark .modal__author-name[data-v-83b649d1] {
    color: #ddd
}

.modal__category-name[data-v-83b649d1] {
    font-weight: 500;
    font-size: 14px;
    line-height: 100%;
    padding: 8px;
    color: #acb1c2
}

.dark .modal__category-name[data-v-83b649d1] {
    color: #ddd
}

[data-v-ef1e6159]:root {
    --color-scheme-active: #6C78F4
}

.program[data-v-ef1e6159] {
    position: relative;
    display: flex;
    gap: 8px;
    justify-content: center;
    align-items: center;
    padding: 8px 16px;
    background-color: #f8f8fb;
    transition: all .2s ease-in-out;
    cursor: pointer;
    flex-direction: column;
    border-radius: 8px
}

.program[data-v-ef1e6159]:hover {
    background-color: #ededf5
}

.dark .program[data-v-ef1e6159] {
    background-color: #242629
}

.program__name[data-v-ef1e6159] {
    font-weight: 500;
    font-size: 14px;
    line-height: 100%;
    color: #2e3038
}

.dark .program__name[data-v-ef1e6159] {
    color: #ddd
}

.program__row[data-v-ef1e6159] {
    display: flex;
    gap: 8px;
    align-items: center
}

.program__category[data-v-ef1e6159] {
    font-weight: 500;
    font-size: 12px;
    line-height: 100%;
    color: #acb1c2
}

.dark .program__category[data-v-ef1e6159] {
    color: #a6a7b3
}

.program__time[data-v-ef1e6159] {
    font-weight: 500;
    font-size: 12px;
    line-height: 100%;
    color: var(--color-scheme-active)
}

[data-v-733f34f5]:root {
    --color-scheme-active: #6C78F4
}

.meditation[data-v-733f34f5] {
    position: fixed;
    z-index: 9;
    display: flex;
    gap: 16px;
    align-items: center;
    height: calc(100vh - 59px);
    padding: 24px 0;
    background-color: #fff;
    top: 59px;
    right: 0;
    bottom: 0;
    left: 0;
    flex-direction: column;
    overflow-y: auto
}

.dark .meditation[data-v-733f34f5] {
    background: #2f3136
}

.meditation__top[data-v-733f34f5] {
    display: flex;
    gap: 12px;
    align-items: center;
    flex-direction: column
}

[data-v-0b4775ee]:root {
    --color-scheme-active: #6C78F4
}

@keyframes loading-0b4775ee {
    0% {
        transform: translate(-100%)
    }
    to {
        transform: translate(100%)
    }
}

.skeleton[data-v-0b4775ee] {
    position: relative;
    display: grid;
    grid-template-columns: 412px 1fr;
    grid-column-gap: 9px;
    align-items: center;
    height: 40px;
    transition: opacity .2s ease-in-out
}

.skeleton[data-v-0b4775ee]:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    pointer-events: none;
    opacity: .4;
    display: block;
    width: 100%;
    height: 100%;
    background: linear-gradient(to right, transparent, #fff, transparent);
    animation: loading-0b4775ee 1.3s cubic-bezier(.5, 1, 1, 1) infinite
}

.dark .skeleton[data-v-0b4775ee]:before {
    background: linear-gradient(to right, transparent, #383A3F, transparent)
}

.skeleton__rectangle[data-v-0b4775ee] {
    width: 100%;
    height: 100%;
    background-color: #ececec;
    border-radius: 6px
}

.dark .skeleton__rectangle[data-v-0b4775ee] {
    background-color: #2f3136
}

[data-v-5899cc24]:root {
    --color-scheme-active: #6C78F4
}

.invitation[data-v-5899cc24] {
    display: grid;
    grid-template-columns: 1fr max-content;
    grid-column-gap: 9px
}

.invitation__choosing[data-v-5899cc24] {
    position: relative
}

.invitation__suggestions[data-v-5899cc24] {
    position: fixed;
    z-index: 99;
    max-height: 180px;
    border: 1px solid #F0F0F0;
    border-radius: 8px;
    overflow-y: auto;
    background-color: #fff;
    box-shadow: 0 4px 13px #3030301a
}

.dark .invitation__suggestions[data-v-5899cc24] {
    background-color: #383a3f;
    border-color: #242629
}

.invitation__hr[data-v-5899cc24] {
    height: 1px;
    margin: 0;
    background-color: #f8f8fb;
    border: none
}

.dark .invitation__hr[data-v-5899cc24] {
    background-color: #2a2a2a
}

.invitation__button[data-v-5899cc24] {
    max-width: 115px;
    width: 100%
}

[data-v-048cb080]:root {
    --color-scheme-active: #6C78F4
}

.privacy[data-v-048cb080] {
    display: flex;
    justify-content: space-between;
    width: 100%;
    height: 36px;
    margin-top: 24px;
    margin-bottom: 16px;
    padding: 4px;
    background-color: #f8f8fb;
    border-radius: 4px;
    grid-column: span 2;
    column-gap: 4px
}

.dark .privacy[data-v-048cb080] {
    background-color: #2f3136
}

.privacy__status[data-v-048cb080] {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    color: #60636c;
    border-radius: 4px;
    column-gap: 4px;
    transition: background-color, opacity .2s ease;
    font-weight: 400;
    font-size: 14px;
    line-height: 16px
}

.privacy__status[data-v-048cb080]:hover:not([disabled]),
.privacy__status.active[data-v-048cb080] {
    background-color: #ededf5
}

.dark .privacy__status[data-v-048cb080] {
    color: #ddd
}

.dark .privacy__status.active[data-v-048cb080] {
    background-color: #242629
}

.privacy__icon[data-v-048cb080] {
    width: 14px;
    height: 16px;
    object-fit: contain
}

[data-v-f98ab058]:root {
    --color-scheme-active: #6C78F4
}

.permission[data-v-f98ab058] {
    width: max-content
}

.permission__current[data-v-f98ab058] {
    display: flex;
    align-items: center;
    height: 32px;
    padding: 8px;
    color: #525c7a;
    background-color: #f4f4f8;
    transition: all .2s ease-in-out;
    cursor: pointer;
    border-radius: 8px;
    column-gap: 8px;
    font-weight: 500;
    font-size: 13px;
    line-height: 13px
}

.permission__current[disabled][data-v-f98ab058] {
    cursor: default
}

.permission__current[data-v-f98ab058]:hover:not([disabled]),
.active .permission__current[data-v-f98ab058] {
    background-color: #ededf5
}

.dark .permission__current[data-v-f98ab058] {
    color: #ddd;
    background-color: #2f3136
}

.permission__arrow[data-v-f98ab058] {
    transform: rotate(-90deg)
}

.permission__menu[data-v-f98ab058] {
    position: fixed;
    z-index: 99;
    width: 300px
}

.permission__menu-item[data-v-f98ab058] {
    display: grid;
    grid-template-columns: 44px 1fr;
    grid-gap: 4px 8px;
    width: 100%;
    padding: 4px 12px;
    transition: background .2s ease;
    cursor: pointer
}

.permission__menu-item[data-v-f98ab058]:hover {
    background: #e5e7ee80
}

.dark .permission__menu-item[data-v-f98ab058]:hover {
    background-color: #383a3f
}

.permission__menu-item-image-wrap[data-v-f98ab058] {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 44px;
    height: 44px;
    border-radius: 8px;
    background: #f8f8fb;
    grid-row: span 2
}

.dark .permission__menu-item-image-wrap[data-v-f98ab058] {
    background-color: #383a3f
}

.permission__menu-item-image[data-v-f98ab058] {
    width: 100%;
    height: 100%;
    object-fit: contain
}

.permission__menu-item-name[data-v-f98ab058] {
    align-self: flex-end;
    color: #60636c;
    text-align: start;
    font-weight: 500;
    font-size: 14px;
    line-height: 14px
}

.dark .permission__menu-item-name[data-v-f98ab058] {
    color: #ddd
}

.permission__menu-item-description[data-v-f98ab058] {
    color: #60636c;
    text-align: start;
    font-weight: 400;
    font-size: 12px;
    line-height: 12px
}

.dark .permission__menu-item-description[data-v-f98ab058] {
    color: #ddd
}

[data-v-0341135c]:root {
    --color-scheme-active: #6C78F4
}

.teammate[data-v-0341135c] {
    display: flex;
    align-items: center;
    column-gap: 8px;
    height: 32px
}

.teammate__user[data-v-0341135c] {
    display: flex;
    align-items: center;
    column-gap: 8px;
    width: 100%
}

.teammate__user[data-v-0341135c] .information__button {
    column-gap: 8px
}

.teammate__avatar[data-v-0341135c] {
    flex: none
}

.teammate__name[data-v-0341135c] {
    max-width: 200px;
    height: 17px;
    overflow: hidden;
    color: #202430;
    text-overflow: ellipsis;
    font-weight: 500;
    font-size: 14px;
    line-height: 17px
}

.dark .teammate__name[data-v-0341135c] {
    color: #ddd
}

.teammate__role[data-v-0341135c] {
    margin-right: auto
}

[data-v-0199251b]:root {
    --color-scheme-active: #6C78F4
}

.team__information[data-v-0199251b] {
    display: flex;
    align-items: center;
    height: 32px;
    margin-bottom: 6px;
    column-gap: 10px
}

.team__icon-open[data-v-0199251b] {
    transform: rotate(-90deg)
}

.team__icon-open.opened[data-v-0199251b] {
    transform: unset
}

.team__avatar[data-v-0199251b] {
    flex: none
}

.team__name[data-v-0199251b] {
    height: 17px;
    overflow: hidden;
    color: #202430;
    text-overflow: ellipsis;
    font-weight: 500;
    font-size: 14px;
    line-height: 17px
}

.dark .team__name[data-v-0199251b] {
    color: #ddd
}

.team__role[data-v-0199251b] {
    margin-right: auto
}

.team__items[data-v-0199251b] {
    display: flex;
    flex-direction: column;
    row-gap: 3px;
    padding-left: 34px
}

[data-v-bb055f04]:root {
    --color-scheme-active: #6C78F4
}

.team__title-row[data-v-bb055f04] {
    display: flex;
    gap: 8px;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 8px
}

.team__title[data-v-bb055f04] {
    font-weight: 500;
    font-size: 14px;
    line-height: 14px;
    color: #93969f
}

.dark .team__title[data-v-bb055f04] {
    color: #8d8d8d
}

.team__privacy-status[data-v-bb055f04] {
    position: relative;
    display: flex;
    align-items: center;
    column-gap: 4px;
    font-weight: 600;
    font-size: 12px;
    line-height: 14px;
    color: #000
}

.dark .team__privacy-status[data-v-bb055f04] {
    color: #ddd
}

.team__items[data-v-bb055f04] {
    display: flex;
    overflow-y: auto;
    flex-direction: column;
    row-gap: 4px
}

[data-v-a2201f54]:root {
    --color-scheme-active: #6C78F4
}

@keyframes loading-a2201f54 {
    0% {
        transform: translate(-100%)
    }
    to {
        transform: translate(100%)
    }
}

.skeleton[data-v-a2201f54] {
    position: relative;
    display: grid;
    grid-auto-flow: row;
    grid-auto-rows: max-content;
    grid-row-gap: 4px;
    transition: opacity .2s ease-in-out
}

.skeleton[data-v-a2201f54]:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    pointer-events: none;
    opacity: .4;
    display: block;
    width: 100%;
    height: 100%;
    background: linear-gradient(to right, transparent, #fff, transparent);
    animation: loading-a2201f54 1.3s cubic-bezier(.5, 1, 1, 1) infinite
}

.dark .skeleton[data-v-a2201f54]:before {
    background: linear-gradient(to right, transparent, #383A3F, transparent)
}

.skeleton__item[data-v-a2201f54] {
    display: grid;
    grid-template-columns: max-content 1fr;
    grid-column-gap: 8px
}

.skeleton__circle[data-v-a2201f54] {
    width: 24px;
    height: 24px;
    background-color: #ececec;
    border-radius: 50%
}

.dark .skeleton__circle[data-v-a2201f54] {
    background-color: #2f3136
}

.skeleton__rectangle[data-v-a2201f54] {
    width: 100%;
    height: 24px;
    background-color: #ececec;
    border-radius: 6px
}

.dark .skeleton__rectangle[data-v-a2201f54] {
    background-color: #2f3136
}

[data-v-538f45dc]:root {
    --color-scheme-active: #6C78F4
}

.team[data-v-538f45dc] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 24px
}

.team__title[data-v-538f45dc] {
    font-weight: 500;
    font-size: 14px;
    line-height: 14px;
    color: #93969f
}

[data-v-f7284755]:root {
    --color-scheme-active: #6C78F4
}

.project-privacy-and-access[data-v-f7284755] {
    display: flex;
    flex-direction: column;
    height: 100%;
    overflow: hidden
}

.project-privacy-and-access__top[data-v-f7284755] {
    display: flex;
    flex-direction: column;
    gap: 3px;
    margin-bottom: 12px
}

.project-privacy-and-access__row[data-v-f7284755] {
    display: flex;
    gap: 10px;
    align-items: center;
    overflow: hidden;
    white-space: nowrap
}

.project-privacy-and-access__description[data-v-f7284755] {
    font-weight: 400;
    font-size: 14px;
    line-height: 125%;
    margin: 0;
    color: #60636c
}

.dark .project-privacy-and-access__description[data-v-f7284755] {
    color: #ddd
}

.project-privacy-and-access__project[data-v-f7284755] {
    display: flex;
    gap: 10px;
    align-items: center;
    height: 24px;
    padding: 4px;
    overflow: hidden;
    border-radius: 4px;
    background: rgb(var(--color-scheme-active-rgb) 15%)
}

.project-privacy-and-access__project-name[data-v-f7284755] {
    font-weight: 300;
    font-size: 14px;
    line-height: 150%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.dark .project-privacy-and-access__project-name[data-v-f7284755] {
    color: #ddd
}

.project-privacy-and-access__team[data-v-f7284755] {
    display: flex;
    flex-direction: column;
    overflow: hidden
}

[data-v-6fad47e4]:root {
    --color-scheme-active: #6C78F4
}

.team__information[data-v-6fad47e4] {
    display: flex;
    align-items: center;
    height: 32px;
    margin-bottom: 6px;
    column-gap: 10px
}

.team__icon-open[data-v-6fad47e4] {
    transform: rotate(-90deg)
}

.team__icon-open.opened[data-v-6fad47e4] {
    transform: unset
}

.team__avatar[data-v-6fad47e4] {
    flex: none
}

.team__name[data-v-6fad47e4] {
    height: 17px;
    overflow: hidden;
    color: #202430;
    text-overflow: ellipsis;
    font-weight: 500;
    font-size: 14px;
    line-height: 17px
}

.dark .team__name[data-v-6fad47e4] {
    color: #ddd
}

.team__role[data-v-6fad47e4] {
    margin-right: auto
}

.team__items[data-v-6fad47e4] {
    display: flex;
    flex-direction: column;
    row-gap: 3px;
    padding-left: 34px
}

[data-v-86f5e874]:root {
    --color-scheme-active: #6C78F4
}

.team__title-row[data-v-86f5e874] {
    display: flex;
    gap: 8px;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 8px
}

.team__title[data-v-86f5e874] {
    font-weight: 500;
    font-size: 14px;
    line-height: 14px;
    color: #93969f
}

.dark .team__title[data-v-86f5e874] {
    color: #8d8d8d
}

.team__privacy-status[data-v-86f5e874] {
    position: relative;
    display: flex;
    align-items: center;
    column-gap: 4px;
    font-weight: 600;
    font-size: 12px;
    line-height: 14px;
    color: #000
}

.dark .team__privacy-status[data-v-86f5e874] {
    color: #ddd
}

.team__items[data-v-86f5e874] {
    display: flex;
    overflow-y: auto;
    flex-direction: column;
    row-gap: 4px
}

[data-v-679f4e7e]:root {
    --color-scheme-active: #6C78F4
}

@keyframes loading-679f4e7e {
    0% {
        transform: translate(-100%)
    }
    to {
        transform: translate(100%)
    }
}

.skeleton[data-v-679f4e7e] {
    position: relative;
    display: grid;
    grid-auto-flow: row;
    grid-auto-rows: max-content;
    grid-row-gap: 4px;
    transition: opacity .2s ease-in-out
}

.skeleton[data-v-679f4e7e]:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    pointer-events: none;
    opacity: .4;
    display: block;
    width: 100%;
    height: 100%;
    background: linear-gradient(to right, transparent, #fff, transparent);
    animation: loading-679f4e7e 1.3s cubic-bezier(.5, 1, 1, 1) infinite
}

.dark .skeleton[data-v-679f4e7e]:before {
    background: linear-gradient(to right, transparent, #383A3F, transparent)
}

.skeleton__item[data-v-679f4e7e] {
    display: grid;
    grid-template-columns: max-content 1fr;
    grid-column-gap: 8px
}

.skeleton__circle[data-v-679f4e7e] {
    width: 24px;
    height: 24px;
    background-color: #ececec;
    border-radius: 50%
}

.dark .skeleton__circle[data-v-679f4e7e] {
    background-color: #2f3136
}

.skeleton__rectangle[data-v-679f4e7e] {
    width: 100%;
    height: 24px;
    background-color: #ececec;
    border-radius: 6px
}

.dark .skeleton__rectangle[data-v-679f4e7e] {
    background-color: #2f3136
}

[data-v-5eafe90a]:root {
    --color-scheme-active: #6C78F4
}

.team[data-v-5eafe90a] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 24px
}

.team__title[data-v-5eafe90a] {
    font-weight: 500;
    font-size: 14px;
    line-height: 14px;
    color: #93969f
}

[data-v-9471aa0b]:root {
    --color-scheme-active: #6C78F4
}

.portfolio-privacy-and-access[data-v-9471aa0b] {
    display: flex;
    flex-direction: column;
    height: 100%;
    overflow: hidden
}

.portfolio-privacy-and-access__top[data-v-9471aa0b] {
    display: flex;
    flex-direction: column;
    gap: 3px;
    margin-bottom: 12px
}

.portfolio-privacy-and-access__row[data-v-9471aa0b] {
    display: flex;
    gap: 10px;
    align-items: center;
    overflow: hidden;
    white-space: nowrap
}

.portfolio-privacy-and-access__description[data-v-9471aa0b] {
    font-weight: 400;
    font-size: 14px;
    line-height: 125%;
    margin: 0;
    color: #60636c
}

.dark .portfolio-privacy-and-access__description[data-v-9471aa0b] {
    color: #ddd
}

.portfolio-privacy-and-access__portfolio[data-v-9471aa0b] {
    display: flex;
    gap: 10px;
    align-items: center;
    height: 24px;
    padding: 4px;
    overflow: hidden;
    border-radius: 4px;
    background: rgb(var(--color-scheme-active-rgb) 15%)
}

.portfolio-privacy-and-access__portfolio-title[data-v-9471aa0b] {
    font-weight: 300;
    font-size: 14px;
    line-height: 150%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.dark .portfolio-privacy-and-access__portfolio-title[data-v-9471aa0b] {
    color: #ddd
}

.portfolio-privacy-and-access__team[data-v-9471aa0b] {
    display: flex;
    flex-direction: column;
    overflow: hidden
}

[data-v-5f409dbd]:root {
    --color-scheme-active: #6C78F4
}

.team__information[data-v-5f409dbd] {
    display: flex;
    align-items: center;
    height: 32px;
    margin-bottom: 6px;
    column-gap: 10px
}

.team__icon-open[data-v-5f409dbd] {
    transform: rotate(-90deg)
}

.team__icon-open.opened[data-v-5f409dbd] {
    transform: unset
}

.team__avatar[data-v-5f409dbd] {
    flex: none
}

.team__name[data-v-5f409dbd] {
    height: 17px;
    overflow: hidden;
    color: #202430;
    text-overflow: ellipsis;
    font-weight: 500;
    font-size: 14px;
    line-height: 17px
}

.dark .team__name[data-v-5f409dbd] {
    color: #ddd
}

.team__role[data-v-5f409dbd] {
    margin-right: auto
}

.team__items[data-v-5f409dbd] {
    display: flex;
    flex-direction: column;
    row-gap: 3px;
    padding-left: 34px
}

[data-v-58c13627]:root {
    --color-scheme-active: #6C78F4
}

.team__title-row[data-v-58c13627] {
    display: flex;
    gap: 8px;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 8px
}

.team__title[data-v-58c13627] {
    font-weight: 500;
    font-size: 14px;
    line-height: 14px;
    color: #93969f
}

.dark .team__title[data-v-58c13627] {
    color: #8d8d8d
}

.team__privacy-status[data-v-58c13627] {
    position: relative;
    display: flex;
    align-items: center;
    column-gap: 4px;
    font-weight: 600;
    font-size: 12px;
    line-height: 14px;
    color: #000
}

.dark .team__privacy-status[data-v-58c13627] {
    color: #ddd
}

.team__items[data-v-58c13627] {
    display: flex;
    overflow-y: auto;
    flex-direction: column;
    row-gap: 4px
}

[data-v-44a2c693]:root {
    --color-scheme-active: #6C78F4
}

@keyframes loading-44a2c693 {
    0% {
        transform: translate(-100%)
    }
    to {
        transform: translate(100%)
    }
}

.skeleton[data-v-44a2c693] {
    position: relative;
    display: grid;
    grid-auto-flow: row;
    grid-auto-rows: max-content;
    grid-row-gap: 4px;
    transition: opacity .2s ease-in-out
}

.skeleton[data-v-44a2c693]:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    pointer-events: none;
    opacity: .4;
    display: block;
    width: 100%;
    height: 100%;
    background: linear-gradient(to right, transparent, #fff, transparent);
    animation: loading-44a2c693 1.3s cubic-bezier(.5, 1, 1, 1) infinite
}

.dark .skeleton[data-v-44a2c693]:before {
    background: linear-gradient(to right, transparent, #383A3F, transparent)
}

.skeleton__item[data-v-44a2c693] {
    display: grid;
    grid-template-columns: max-content 1fr;
    grid-column-gap: 8px
}

.skeleton__circle[data-v-44a2c693] {
    width: 24px;
    height: 24px;
    background-color: #ececec;
    border-radius: 50%
}

.dark .skeleton__circle[data-v-44a2c693] {
    background-color: #2f3136
}

.skeleton__rectangle[data-v-44a2c693] {
    width: 100%;
    height: 24px;
    background-color: #ececec;
    border-radius: 6px
}

.dark .skeleton__rectangle[data-v-44a2c693] {
    background-color: #2f3136
}

[data-v-ef0da60f]:root {
    --color-scheme-active: #6C78F4
}

.team[data-v-ef0da60f] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 24px
}

.team__title[data-v-ef0da60f] {
    font-weight: 500;
    font-size: 14px;
    line-height: 14px;
    color: #93969f
}

[data-v-b857d785]:root {
    --color-scheme-active: #6C78F4
}

.board-privacy-and-access[data-v-b857d785] {
    display: flex;
    flex-direction: column;
    height: 100%;
    overflow: hidden
}

.board-privacy-and-access__top[data-v-b857d785] {
    display: flex;
    flex-direction: column;
    gap: 3px;
    margin-bottom: 12px
}

.board-privacy-and-access__row[data-v-b857d785] {
    display: flex;
    gap: 10px;
    align-items: center;
    overflow: hidden;
    white-space: nowrap
}

.board-privacy-and-access__description[data-v-b857d785] {
    font-weight: 400;
    font-size: 14px;
    line-height: 125%;
    margin: 0;
    color: #60636c
}

.dark .board-privacy-and-access__description[data-v-b857d785] {
    color: #ddd
}

.board-privacy-and-access__board[data-v-b857d785] {
    gap: 10px;
    align-items: center;
    height: 24px;
    padding: 4px;
    overflow: hidden;
    white-space: nowrap;
    background: rgb(var(--color-scheme-active-rgb) 15%);
    border-radius: 4px;
    text-overflow: ellipsis;
    font-weight: 300;
    font-size: 14px;
    line-height: 150%
}

.dark .board-privacy-and-access__board[data-v-b857d785] {
    color: #ddd
}

.board-privacy-and-access__team[data-v-b857d785] {
    display: flex;
    flex-direction: column;
    overflow: hidden
}

[data-v-0bb15055]:root {
    --color-scheme-active: #6C78F4
}

.team__information[data-v-0bb15055] {
    display: flex;
    align-items: center;
    height: 32px;
    margin-bottom: 6px;
    column-gap: 10px
}

.team__icon-open[data-v-0bb15055] {
    transform: rotate(-90deg)
}

.team__icon-open.opened[data-v-0bb15055] {
    transform: unset
}

.team__avatar[data-v-0bb15055] {
    flex: none
}

.team__name[data-v-0bb15055] {
    height: 17px;
    overflow: hidden;
    color: #202430;
    text-overflow: ellipsis;
    font-weight: 500;
    font-size: 14px;
    line-height: 17px
}

.dark .team__name[data-v-0bb15055] {
    color: #ddd
}

.team__role[data-v-0bb15055] {
    margin-right: auto
}

.team__items[data-v-0bb15055] {
    display: flex;
    flex-direction: column;
    row-gap: 3px;
    padding-left: 34px
}

[data-v-6e1ffa3b]:root {
    --color-scheme-active: #6C78F4
}

.team__title-row[data-v-6e1ffa3b] {
    display: flex;
    gap: 8px;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 8px
}

.team__title[data-v-6e1ffa3b] {
    font-weight: 500;
    font-size: 14px;
    line-height: 14px;
    color: #93969f
}

.dark .team__title[data-v-6e1ffa3b] {
    color: #8d8d8d
}

.team__privacy-status[data-v-6e1ffa3b] {
    position: relative;
    display: flex;
    align-items: center;
    column-gap: 4px;
    font-weight: 600;
    font-size: 12px;
    line-height: 14px;
    color: #000
}

.dark .team__privacy-status[data-v-6e1ffa3b] {
    color: #ddd
}

.team__items[data-v-6e1ffa3b] {
    display: flex;
    overflow-y: auto;
    flex-direction: column;
    row-gap: 4px
}

[data-v-01b0db1b]:root {
    --color-scheme-active: #6C78F4
}

@keyframes loading-01b0db1b {
    0% {
        transform: translate(-100%)
    }
    to {
        transform: translate(100%)
    }
}

.skeleton[data-v-01b0db1b] {
    position: relative;
    display: grid;
    grid-auto-flow: row;
    grid-auto-rows: max-content;
    grid-row-gap: 4px;
    transition: opacity .2s ease-in-out
}

.skeleton[data-v-01b0db1b]:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    pointer-events: none;
    opacity: .4;
    display: block;
    width: 100%;
    height: 100%;
    background: linear-gradient(to right, transparent, #fff, transparent);
    animation: loading-01b0db1b 1.3s cubic-bezier(.5, 1, 1, 1) infinite
}

.dark .skeleton[data-v-01b0db1b]:before {
    background: linear-gradient(to right, transparent, #383A3F, transparent)
}

.skeleton__item[data-v-01b0db1b] {
    display: grid;
    grid-template-columns: max-content 1fr;
    grid-column-gap: 8px
}

.skeleton__circle[data-v-01b0db1b] {
    width: 24px;
    height: 24px;
    background-color: #ececec;
    border-radius: 50%
}

.dark .skeleton__circle[data-v-01b0db1b] {
    background-color: #2f3136
}

.skeleton__rectangle[data-v-01b0db1b] {
    width: 100%;
    height: 24px;
    background-color: #ececec;
    border-radius: 6px
}

.dark .skeleton__rectangle[data-v-01b0db1b] {
    background-color: #2f3136
}

[data-v-f59bee8a]:root {
    --color-scheme-active: #6C78F4
}

.team[data-v-f59bee8a] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 24px
}

.team__title[data-v-f59bee8a] {
    font-weight: 500;
    font-size: 14px;
    line-height: 14px;
    color: #93969f
}

[data-v-956e0758]:root {
    --color-scheme-active: #6C78F4
}

.document-privacy-and-access[data-v-956e0758] {
    display: flex;
    height: 100%;
    overflow: hidden;
    flex-direction: column
}

.document-privacy-and-access__top[data-v-956e0758] {
    display: flex;
    flex-direction: column;
    gap: 3px;
    margin-bottom: 12px
}

.document-privacy-and-access__row[data-v-956e0758] {
    display: flex;
    gap: 10px;
    align-items: center;
    overflow: hidden;
    white-space: nowrap
}

.document-privacy-and-access__description[data-v-956e0758] {
    font-weight: 400;
    font-size: 14px;
    line-height: 125%;
    margin: 0;
    color: #60636c
}

.dark .document-privacy-and-access__description[data-v-956e0758] {
    color: #ddd
}

.document-privacy-and-access__document[data-v-956e0758] {
    display: flex;
    gap: 10px;
    align-items: center;
    height: 24px;
    padding: 4px;
    overflow: hidden;
    border-radius: 4px;
    background: rgba(var(--color-scheme-active-rgb), 15%)
}

.document-privacy-and-access__document-name[data-v-956e0758] {
    font-weight: 300;
    font-size: 14px;
    line-height: 150%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.dark .document-privacy-and-access__document-name[data-v-956e0758] {
    color: #ddd
}

.document-privacy-and-access__team[data-v-956e0758] {
    display: flex;
    flex-direction: column;
    overflow: hidden
}

[data-v-ed666d98]:root {
    --color-scheme-active: #6C78F4
}

.team__information[data-v-ed666d98] {
    display: flex;
    align-items: center;
    height: 32px;
    margin-bottom: 6px;
    column-gap: 10px
}

.team__icon-open[data-v-ed666d98] {
    transform: rotate(-90deg)
}

.team__icon-open.opened[data-v-ed666d98] {
    transform: unset
}

.team__avatar[data-v-ed666d98] {
    flex: none
}

.team__name[data-v-ed666d98] {
    height: 17px;
    overflow: hidden;
    color: #202430;
    text-overflow: ellipsis;
    font-weight: 500;
    font-size: 14px;
    line-height: 17px
}

.dark .team__name[data-v-ed666d98] {
    color: #ddd
}

.team__role[data-v-ed666d98] {
    margin-right: auto
}

.team__items[data-v-ed666d98] {
    display: flex;
    flex-direction: column;
    row-gap: 3px;
    padding-left: 34px
}

[data-v-3fb6e5df]:root {
    --color-scheme-active: #6C78F4
}

.team__title-row[data-v-3fb6e5df] {
    display: flex;
    gap: 8px;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 8px
}

.team__title[data-v-3fb6e5df] {
    font-weight: 500;
    font-size: 14px;
    line-height: 14px;
    color: #93969f
}

.dark .team__title[data-v-3fb6e5df] {
    color: #8d8d8d
}

.team__privacy-status[data-v-3fb6e5df] {
    position: relative;
    display: flex;
    align-items: center;
    column-gap: 4px;
    font-weight: 600;
    font-size: 12px;
    line-height: 14px;
    color: #000
}

.dark .team__privacy-status[data-v-3fb6e5df] {
    color: #ddd
}

.team__items[data-v-3fb6e5df] {
    display: flex;
    overflow-y: auto;
    flex-direction: column;
    row-gap: 4px
}

[data-v-1322dd8c]:root {
    --color-scheme-active: #6C78F4
}

@keyframes loading-1322dd8c {
    0% {
        transform: translate(-100%)
    }
    to {
        transform: translate(100%)
    }
}

.skeleton[data-v-1322dd8c] {
    position: relative;
    display: grid;
    grid-auto-flow: row;
    grid-auto-rows: max-content;
    grid-row-gap: 4px;
    transition: opacity .2s ease-in-out
}

.skeleton[data-v-1322dd8c]:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    pointer-events: none;
    opacity: .4;
    display: block;
    width: 100%;
    height: 100%;
    background: linear-gradient(to right, transparent, #fff, transparent);
    animation: loading-1322dd8c 1.3s cubic-bezier(.5, 1, 1, 1) infinite
}

.dark .skeleton[data-v-1322dd8c]:before {
    background: linear-gradient(to right, transparent, #383A3F, transparent)
}

.skeleton__item[data-v-1322dd8c] {
    display: grid;
    grid-template-columns: max-content 1fr;
    grid-column-gap: 8px
}

.skeleton__circle[data-v-1322dd8c] {
    width: 24px;
    height: 24px;
    background-color: #ececec;
    border-radius: 50%
}

.dark .skeleton__circle[data-v-1322dd8c] {
    background-color: #2f3136
}

.skeleton__rectangle[data-v-1322dd8c] {
    width: 100%;
    height: 24px;
    background-color: #ececec;
    border-radius: 6px
}

.dark .skeleton__rectangle[data-v-1322dd8c] {
    background-color: #2f3136
}

[data-v-b3c3e2d5]:root {
    --color-scheme-active: #6C78F4
}

.team[data-v-b3c3e2d5] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 24px
}

.team__title[data-v-b3c3e2d5] {
    font-weight: 500;
    font-size: 14px;
    line-height: 14px;
    color: #93969f
}

[data-v-0014af67]:root {
    --color-scheme-active: #6C78F4
}

.funnel-privacy-and-access[data-v-0014af67] {
    display: flex;
    flex-direction: column;
    height: 100%;
    overflow: hidden
}

.funnel-privacy-and-access__top[data-v-0014af67] {
    display: flex;
    flex-direction: column;
    gap: 3px;
    margin-bottom: 12px
}

.funnel-privacy-and-access__row[data-v-0014af67] {
    display: flex;
    gap: 10px;
    align-items: center;
    overflow: hidden;
    white-space: nowrap
}

.funnel-privacy-and-access__description[data-v-0014af67] {
    font-weight: 400;
    font-size: 14px;
    line-height: 125%;
    margin: 0;
    color: #60636c
}

.dark .funnel-privacy-and-access__description[data-v-0014af67] {
    color: #ddd
}

.funnel-privacy-and-access__funnel[data-v-0014af67] {
    display: flex;
    gap: 10px;
    align-items: center;
    height: 24px;
    padding: 4px;
    overflow: hidden;
    border-radius: 4px;
    background: rgba(var(--color-scheme-active-rgb), 15%)
}

.funnel-privacy-and-access__funnel-name[data-v-0014af67] {
    font-weight: 300;
    font-size: 14px;
    line-height: 150%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.dark .funnel-privacy-and-access__funnel-name[data-v-0014af67] {
    color: #ddd
}

.funnel-privacy-and-access__team[data-v-0014af67] {
    display: flex;
    flex-direction: column;
    overflow: hidden
}

[data-v-dca720c5]:root {
    --color-scheme-active: #6C78F4
}

.team__information[data-v-dca720c5] {
    display: flex;
    align-items: center;
    height: 32px;
    margin-bottom: 6px;
    column-gap: 10px
}

.team__icon-open[data-v-dca720c5] {
    transform: rotate(-90deg)
}

.team__icon-open.opened[data-v-dca720c5] {
    transform: unset
}

.team__avatar[data-v-dca720c5] {
    flex: none
}

.team__name[data-v-dca720c5] {
    height: 17px;
    overflow: hidden;
    color: #202430;
    text-overflow: ellipsis;
    font-weight: 500;
    font-size: 14px;
    line-height: 17px
}

.dark .team__name[data-v-dca720c5] {
    color: #ddd
}

.team__role[data-v-dca720c5] {
    margin-right: auto
}

.team__items[data-v-dca720c5] {
    display: flex;
    flex-direction: column;
    row-gap: 3px;
    padding-left: 34px
}

[data-v-a3b8b15f]:root {
    --color-scheme-active: #6C78F4
}

.team__title-row[data-v-a3b8b15f] {
    display: flex;
    gap: 8px;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 8px
}

.team__title[data-v-a3b8b15f] {
    font-weight: 500;
    font-size: 14px;
    line-height: 14px;
    color: #93969f
}

.dark .team__title[data-v-a3b8b15f] {
    color: #8d8d8d
}

.team__privacy-status[data-v-a3b8b15f] {
    position: relative;
    display: flex;
    align-items: center;
    column-gap: 4px;
    font-weight: 600;
    font-size: 12px;
    line-height: 14px;
    color: #000
}

.dark .team__privacy-status[data-v-a3b8b15f] {
    color: #ddd
}

.team__privacy-status-icon[data-v-a3b8b15f] {
    cursor: pointer
}

.team__items[data-v-a3b8b15f] {
    display: flex;
    overflow-y: auto;
    flex-direction: column;
    row-gap: 4px
}

[data-v-297d771a]:root {
    --color-scheme-active: #6C78F4
}

@keyframes loading-297d771a {
    0% {
        transform: translate(-100%)
    }
    to {
        transform: translate(100%)
    }
}

.skeleton[data-v-297d771a] {
    position: relative;
    display: grid;
    grid-auto-flow: row;
    grid-auto-rows: max-content;
    grid-row-gap: 4px;
    transition: opacity .2s ease-in-out
}

.skeleton[data-v-297d771a]:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    pointer-events: none;
    opacity: .4;
    display: block;
    width: 100%;
    height: 100%;
    background: linear-gradient(to right, transparent, #fff, transparent);
    animation: loading-297d771a 1.3s cubic-bezier(.5, 1, 1, 1) infinite
}

.dark .skeleton[data-v-297d771a]:before {
    background: linear-gradient(to right, transparent, #383A3F, transparent)
}

.skeleton__item[data-v-297d771a] {
    display: grid;
    grid-template-columns: max-content 1fr;
    grid-column-gap: 8px
}

.skeleton__circle[data-v-297d771a] {
    width: 24px;
    height: 24px;
    background-color: #ececec;
    border-radius: 50%
}

.dark .skeleton__circle[data-v-297d771a] {
    background-color: #2f3136
}

.skeleton__rectangle[data-v-297d771a] {
    width: 100%;
    height: 24px;
    background-color: #ececec;
    border-radius: 6px
}

.dark .skeleton__rectangle[data-v-297d771a] {
    background-color: #2f3136
}

[data-v-8290edd7]:root {
    --color-scheme-active: #6C78F4
}

.team[data-v-8290edd7] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 24px
}

.team__title[data-v-8290edd7] {
    font-weight: 500;
    font-size: 14px;
    line-height: 14px;
    color: #93969f
}

[data-v-7eca9c11]:root {
    --color-scheme-active: #6C78F4
}

.form-privacy-and-access[data-v-7eca9c11] {
    display: flex;
    height: 100%;
    overflow: hidden;
    flex-direction: column
}

.form-privacy-and-access__top[data-v-7eca9c11] {
    display: flex;
    flex-direction: column;
    gap: 3px;
    margin-bottom: 12px
}

.form-privacy-and-access__row[data-v-7eca9c11] {
    display: flex;
    gap: 10px;
    align-items: center;
    overflow: hidden;
    white-space: nowrap
}

.form-privacy-and-access__description[data-v-7eca9c11] {
    font-weight: 400;
    font-size: 14px;
    line-height: 125%;
    margin: 0;
    color: #60636c
}

.dark .form-privacy-and-access__description[data-v-7eca9c11] {
    color: #ddd
}

.form-privacy-and-access__document[data-v-7eca9c11] {
    display: flex;
    gap: 10px;
    align-items: center;
    height: 24px;
    padding: 4px;
    overflow: hidden;
    border-radius: 4px;
    background: rgb(var(--color-scheme-active-rgb) 15%)
}

.form-privacy-and-access__document-name[data-v-7eca9c11] {
    font-weight: 300;
    font-size: 14px;
    line-height: 150%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.dark .form-privacy-and-access__document-name[data-v-7eca9c11] {
    color: #ddd
}

.form-privacy-and-access__team[data-v-7eca9c11] {
    display: flex;
    flex-direction: column;
    overflow: hidden
}

[data-v-70cb61ed]:root {
    --color-scheme-active: #6C78F4
}

.team__information[data-v-70cb61ed] {
    display: flex;
    align-items: center;
    height: 32px;
    margin-bottom: 6px;
    column-gap: 10px
}

.team__icon-open[data-v-70cb61ed] {
    transform: rotate(-90deg)
}

.team__icon-open.opened[data-v-70cb61ed] {
    transform: unset
}

.team__avatar[data-v-70cb61ed] {
    flex: none
}

.team__name[data-v-70cb61ed] {
    height: 17px;
    overflow: hidden;
    color: #202430;
    text-overflow: ellipsis;
    font-weight: 500;
    font-size: 14px;
    line-height: 17px
}

.dark .team__name[data-v-70cb61ed] {
    color: #ddd
}

.team__role[data-v-70cb61ed] {
    margin-right: auto
}

.team__items[data-v-70cb61ed] {
    display: flex;
    flex-direction: column;
    row-gap: 3px;
    padding-left: 34px
}

[data-v-91833b81]:root {
    --color-scheme-active: #6C78F4
}

.team__title-row[data-v-91833b81] {
    display: flex;
    gap: 8px;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 8px
}

.team__title[data-v-91833b81] {
    font-weight: 500;
    font-size: 14px;
    line-height: 14px;
    color: #93969f
}

.dark .team__title[data-v-91833b81] {
    color: #8d8d8d
}

.team__privacy-status[data-v-91833b81] {
    position: relative;
    display: flex;
    align-items: center;
    column-gap: 4px;
    font-weight: 600;
    font-size: 12px;
    line-height: 14px;
    color: #000
}

.dark .team__privacy-status[data-v-91833b81] {
    color: #ddd
}

.team__items[data-v-91833b81] {
    display: flex;
    overflow-y: auto;
    flex-direction: column;
    row-gap: 4px
}

[data-v-29cf7ac2]:root {
    --color-scheme-active: #6C78F4
}

@keyframes loading-29cf7ac2 {
    0% {
        transform: translate(-100%)
    }
    to {
        transform: translate(100%)
    }
}

.skeleton[data-v-29cf7ac2] {
    position: relative;
    display: grid;
    grid-auto-flow: row;
    grid-auto-rows: max-content;
    grid-row-gap: 4px;
    transition: opacity .2s ease-in-out
}

.skeleton[data-v-29cf7ac2]:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    pointer-events: none;
    opacity: .4;
    display: block;
    width: 100%;
    height: 100%;
    background: linear-gradient(to right, transparent, #fff, transparent);
    animation: loading-29cf7ac2 1.3s cubic-bezier(.5, 1, 1, 1) infinite
}

.dark .skeleton[data-v-29cf7ac2]:before {
    background: linear-gradient(to right, transparent, #383A3F, transparent)
}

.skeleton__item[data-v-29cf7ac2] {
    display: grid;
    grid-template-columns: max-content 1fr;
    grid-column-gap: 8px
}

.skeleton__circle[data-v-29cf7ac2] {
    width: 24px;
    height: 24px;
    background-color: #ececec;
    border-radius: 50%
}

.dark .skeleton__circle[data-v-29cf7ac2] {
    background-color: #2f3136
}

.skeleton__rectangle[data-v-29cf7ac2] {
    width: 100%;
    height: 24px;
    background-color: #ececec;
    border-radius: 6px
}

.dark .skeleton__rectangle[data-v-29cf7ac2] {
    background-color: #2f3136
}

[data-v-f9ef1021]:root {
    --color-scheme-active: #6C78F4
}

.team[data-v-f9ef1021] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 24px
}

.team__title[data-v-f9ef1021] {
    font-weight: 500;
    font-size: 14px;
    line-height: 14px;
    color: #93969f
}

[data-v-ed4e7d3d]:root {
    --color-scheme-active: #6C78F4
}

.document-privacy-and-access[data-v-ed4e7d3d] {
    display: flex;
    flex-direction: column;
    height: 100%;
    overflow: hidden
}

.document-privacy-and-access__top[data-v-ed4e7d3d] {
    display: flex;
    flex-direction: column;
    gap: 3px;
    margin-bottom: 12px
}

.document-privacy-and-access__row[data-v-ed4e7d3d] {
    display: flex;
    gap: 10px;
    align-items: center;
    overflow: hidden;
    white-space: nowrap
}

.document-privacy-and-access__description[data-v-ed4e7d3d] {
    font-weight: 400;
    font-size: 14px;
    line-height: 125%;
    margin: 0;
    color: #60636c
}

.dark .document-privacy-and-access__description[data-v-ed4e7d3d] {
    color: #ddd
}

.document-privacy-and-access__project[data-v-ed4e7d3d] {
    display: flex;
    gap: 10px;
    align-items: center;
    height: 24px;
    padding: 4px;
    overflow: hidden;
    border-radius: 4px;
    background: rgba(var(--color-scheme-active-rgb), 15%)
}

.document-privacy-and-access__project-name[data-v-ed4e7d3d] {
    font-weight: 300;
    font-size: 14px;
    line-height: 150%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.dark .document-privacy-and-access__project-name[data-v-ed4e7d3d] {
    color: #ddd
}

.document-privacy-and-access__team[data-v-ed4e7d3d] {
    display: flex;
    flex-direction: column;
    overflow: hidden
}

[data-v-95c624a4]:root {
    --color-scheme-active: #6C78F4
}

.privacy-and-access[data-v-95c624a4] {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 999;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 15px;
    background: #30303066
}

.privacy-and-access.form[data-v-95c624a4] {
    position: fixed
}

.privacy-and-access__modal[data-v-95c624a4] {
    position: fixed;
    top: 0;
    left: 0;
    pointer-events: none;
    display: flex;
    width: 100%;
    height: 100%;
    flex-direction: column;
    overflow-y: auto
}

.privacy-and-access__modal-body[data-v-95c624a4] {
    display: flex;
    flex-direction: column;
    overflow: hidden
}

.privacy-and-access__modal-content[data-v-95c624a4] {
    pointer-events: all;
    display: flex;
    width: 560px;
    margin: auto;
    background-color: #fff;
    flex-direction: column;
    max-height: 90vh;
    border-radius: 12px;
    box-shadow: 0 20px 60px -2px #1b213a66
}

.dark .privacy-and-access__modal-content[data-v-95c624a4] {
    background-color: #383a3f;
    border-color: #2f3136
}

.privacy-and-access__limit[data-v-95c624a4] {
    margin-bottom: 20px
}

[data-v-857aaa85]:root {
    --color-scheme-active: #6C78F4
}

.connect__description[data-v-857aaa85] {
    color: #6a707c;
    font-weight: 400;
    font-size: 13px;
    line-height: 16px
}

.dark .connect__description[data-v-857aaa85] {
    color: #ddd
}

.connect__steps[data-v-857aaa85] {
    margin-top: 16px
}

.connect__steps-step[data-v-857aaa85] {
    display: flex;
    align-items: flex-start;
    margin-bottom: 8px;
    font-weight: 300;
    font-size: 14px;
    line-height: 17px
}

.connect__steps-step[data-v-857aaa85] a {
    color: var(--color-scheme-active)
}

.connect__steps-step[data-v-857aaa85]:last-child {
    margin-bottom: 0
}

.dark .connect__steps-step[data-v-857aaa85] {
    color: #8d8d8d
}

.connect__steps-step-index[data-v-857aaa85] {
    flex: none;
    display: block;
    width: 15px;
    margin-right: 6px
}

[data-v-d2c67fd2]:root {
    --color-scheme-active: #6C78F4
}

.disconnect__description[data-v-d2c67fd2] {
    font-weight: 400;
    font-size: 13px;
    line-height: 16px;
    color: #6a707c
}

.dark .disconnect__description[data-v-d2c67fd2] {
    color: #ddd
}

.disconnect__nickname[data-v-d2c67fd2] {
    flex: none;
    display: flex;
    justify-content: center;
    width: 100%;
    margin-right: 10px;
    padding: 12px 0;
    color: #6a707c;
    background: #f8f8fb;
    max-width: 316px;
    border-radius: 4px;
    font-weight: 500;
    font-size: 14px;
    line-height: 17px
}

[data-v-3cdcc8eb]:root {
    --color-scheme-active: #6C78F4
}

.modal[data-v-3cdcc8eb] {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 999;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 15px;
    background: #30303066
}

.modal__modal[data-v-3cdcc8eb] {
    position: fixed;
    top: 50%;
    left: 50%;
    width: 560px;
    background-color: #fff;
    max-height: 90%;
    border-radius: 12px;
    overflow-y: auto;
    transform: translate(-50%, -50%);
    box-shadow: 0 20px 50px #0003, 0 0 1px #0003
}

.dark .modal__modal[data-v-3cdcc8eb] {
    background-color: #383a3f;
    border-color: #2f3136
}

[data-v-6d1d9406]:root {
    --color-scheme-active: #6C78F4
}

.header[data-v-6d1d9406] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    grid-column: span 2;
    height: 58px;
    padding: 0 17px;
    background-color: #fff;
    border-bottom: 1px solid #ededf5
}

.dark .header[data-v-6d1d9406] {
    background-color: #383a3f;
    border-color: #2f3136
}

.header__information[data-v-6d1d9406] {
    display: grid;
    grid-auto-flow: row;
    grid-auto-rows: max-content;
    grid-row-gap: 3px
}

.header__name[data-v-6d1d9406] {
    font-weight: 700;
    font-size: 16px;
    line-height: 16px;
    color: #202430
}

.dark .header__name[data-v-6d1d9406] {
    color: #ddd
}

.header__icon-close[data-v-6d1d9406] {
    border-radius: 4px;
    background-color: #e5e7ee
}

.dark .header__icon-close[data-v-6d1d9406] {
    background-color: unset
}

[data-v-6ae79c55]:root {
    --color-scheme-active: #6C78F4
}

.telegram[data-v-6ae79c55] {
    display: flex;
    flex-direction: column;
    padding: 8px 6px 8px 8px;
    text-decoration: none;
    border-radius: 8px;
    background-image: url(/assets/d7c218d2/tg-CdR4pPCA.jpg);
    background-repeat: no-repeat;
    background-size: cover
}

.telegram__title[data-v-6ae79c55] {
    margin-bottom: 24px;
    font-weight: 800;
    font-size: 14px;
    line-height: 17px;
    color: #fff
}

.telegram__button[data-v-6ae79c55] {
    display: flex;
    align-items: center;
    column-gap: 8px;
    max-width: fit-content;
    margin-top: auto;
    padding: 6px 12px;
    font-weight: 600;
    font-size: 12px;
    line-height: 20px;
    color: #4d505e;
    border-radius: 8px;
    background-color: #f4f4f6
}

[data-v-0d6ef678]:root {
    --color-scheme-active: #6C78F4
}

.youtube[data-v-0d6ef678] {
    display: flex;
    flex-direction: column;
    padding: 8px 6px 8px 8px;
    text-decoration: none;
    border-radius: 8px;
    background-image: url(/assets/d7c218d2/yt-BwpUArFi.jpg);
    background-repeat: no-repeat;
    background-size: cover
}

.youtube__title[data-v-0d6ef678] {
    margin-bottom: 24px;
    font-weight: 800;
    font-size: 14px;
    line-height: 17px;
    color: #fff
}

.youtube__button[data-v-0d6ef678] {
    display: flex;
    align-items: center;
    column-gap: 8px;
    max-width: fit-content;
    margin-top: auto;
    padding: 6px 12px;
    font-weight: 600;
    font-size: 12px;
    line-height: 20px;
    color: #4d505e;
    border-radius: 8px;
    background-color: #f4f4f6
}

[data-v-9613e7da]:root {
    --color-scheme-active: #6C78F4
}

.rutube[data-v-9613e7da] {
    display: flex;
    flex-direction: column;
    padding: 8px 6px 8px 8px;
    text-decoration: none;
    border-radius: 8px;
    background-image: url(/assets/d7c218d2/rt-Nodm-lOT.png);
    background-repeat: no-repeat;
    background-size: cover
}

.rutube__title[data-v-9613e7da] {
    margin-bottom: 24px;
    font-weight: 800;
    font-size: 14px;
    line-height: 17px;
    color: #fff
}

.rutube__button[data-v-9613e7da] {
    display: flex;
    align-items: center;
    column-gap: 8px;
    max-width: fit-content;
    margin-top: auto;
    padding: 6px 12px;
    font-weight: 600;
    font-size: 12px;
    line-height: 20px;
    color: #4d505e;
    border-radius: 8px;
    background-color: #f4f4f6
}

.J {
    display: grid;
    grid-template-rows: repeat(2, max-content) 1fr max-content;
    width: 100%;
    padding: 14px 12px 20px;
    overflow: auto;
    background-color: #fff;
    border-right: 1px solid #ededf5
}

.dark .J {
    background-color: #383a3f;
    border-color: #2f3136
}

.K {
    margin-bottom: 10px
}

.L {
    display: grid;
    grid-gap: 4px
}

[data-v-89416061]:root {
    --color-scheme-active: #6C78F4
}

.footer[data-v-89416061] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    height: 60px;
    margin: 0 auto;
    padding-top: 16px;
    max-width: 680px;
    border-top: 1px solid #e9e9e9
}

.dark .footer[data-v-89416061] {
    border-color: #2a2a2a
}

.footer__blog-link[data-v-89416061] {
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    color: var(--color-scheme-active);
    text-decoration-line: underline
}

.footer__follow[data-v-89416061] {
    display: grid;
    grid-auto-flow: column;
    grid-column-gap: 10px;
    align-items: center
}

.footer__follow-text[data-v-89416061] {
    font-size: 14px;
    font-weight: 500;
    line-height: 14px;
    color: #a6acbf
}

.footer__social[data-v-89416061] {
    display: flex;
    align-items: center
}

[data-v-89416061] .footer__icon-social path {
    transition: fill .3s ease
}

[data-v-89416061] .footer__icon-social path:last-of-type {
    fill: #fff
}

[data-v-89416061] .footer__icon-social path:first-of-type {
    fill: #d0d3dd
}

[data-v-89416061] .footer__icon-social:hover.fb path:first-of-type {
    fill: #1877f2
}

[data-v-89416061] .footer__icon-social:hover.vk path:first-of-type {
    fill: #4f78a3
}

[data-v-89416061] .footer__icon-social:hover.tg path {
    fill: #23a0dc
}

[data-v-89416061] .footer__icon-social:hover.md path:first-of-type {
    fill: #000
}

[data-v-89416061] .footer__icon-social:hover.yb path:first-of-type {
    fill: red
}

.dark .footer__icon-social.fb[data-v-89416061] path:first-of-type {
    fill: #1877f2
}

.dark .footer__icon-social.vk[data-v-89416061] path:first-of-type {
    fill: #4f78a3
}

.dark .footer__icon-social.tg[data-v-89416061] path {
    fill: #23a0dc
}

.dark .footer__icon-social.md[data-v-89416061] path:first-of-type {
    fill: #000
}

.dark .footer__icon-social.yb[data-v-89416061] path:first-of-type {
    fill: red
}

[data-v-12aa5fe7]:root {
    --color-scheme-active: #6C78F4
}

.article[data-v-12aa5fe7] {
    display: flex;
    flex-direction: column;
    grid-gap: 16px;
    width: 100%;
    padding: 24px;
    overflow: auto
}

.article__breadcrumbs[data-v-12aa5fe7] {
    display: flex;
    align-items: center;
    max-width: 680px;
    width: 100%;
    margin: 0 auto
}

.article__breadcrumb[data-v-12aa5fe7] {
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    overflow: hidden;
    white-space: nowrap;
    color: #93969f;
    text-decoration: none;
    text-overflow: ellipsis
}

.article__breadcrumb[data-v-12aa5fe7]:after {
    content: "/";
    display: block;
    margin: 0 8px;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: #93969f
}

.dark .article__breadcrumb[data-v-12aa5fe7]:after {
    color: #ddd
}

.article__breadcrumb[data-v-12aa5fe7]:first-child {
    flex: none
}

.article__breadcrumb[data-v-12aa5fe7]:last-child:after {
    display: none
}

.dark .article__breadcrumb[data-v-12aa5fe7] {
    color: #ddd
}

.article__breadcrumb-title[data-v-12aa5fe7] {
    display: flex;
    align-items: center
}

.article__breadcrumb-icon[data-v-12aa5fe7] {
    display: block;
    width: 16px;
    height: 16px;
    margin-right: 4px
}

.article__title[data-v-12aa5fe7] {
    max-width: 680px;
    width: 100%;
    margin: 24px auto 0;
    color: #202430;
    font-weight: 700;
    font-size: 30px;
    line-height: 42px
}

.dark .article__title[data-v-12aa5fe7] {
    color: #ddd
}

.article__body[data-v-12aa5fe7] {
    width: 100%;
    margin: 8px auto 0;
    max-width: 680px
}

.dark .article__body[data-v-12aa5fe7] {
    color: #ddd
}

[data-v-12aa5fe7] .article__body {
    font-weight: 400;
    font-size: 16px;
    line-height: 140%;
    color: #202430
}

[data-v-12aa5fe7] .article__body p,
[data-v-12aa5fe7] .article__body h1,
[data-v-12aa5fe7] .article__body h2,
[data-v-12aa5fe7] .article__body ul,
[data-v-12aa5fe7] .article__body li,
[data-v-12aa5fe7] .article__body ol,
[data-v-12aa5fe7] .article__body a,
[data-v-12aa5fe7] .article__body img {
    margin: 16px 0
}

[data-v-12aa5fe7] .article__body h1 {
    font-weight: 700;
    font-size: 26px;
    line-height: 33px
}

[data-v-12aa5fe7] .article__body h2 {
    font-weight: 600;
    font-size: 20px;
    line-height: 27px
}

[data-v-12aa5fe7] .article__body ul {
    padding: 0;
    list-style-type: none
}

[data-v-12aa5fe7] .article__body ul li {
    position: relative;
    padding-left: 16px
}

[data-v-12aa5fe7] .article__body ul li:before {
    content: "";
    position: absolute;
    top: 8px;
    left: 0;
    width: 6px;
    height: 6px;
    background-color: #6788f3;
    border-radius: 50%
}

[data-v-12aa5fe7] .article__body ul ul {
    margin-top: 16px
}

[data-v-12aa5fe7] .article__body a {
    color: #6c78f4
}

[data-v-12aa5fe7] .article__body img {
    display: block;
    max-width: 100%;
    cursor: zoom-in
}

[data-v-ebabbd8f]:root {
    --color-scheme-active: #6C78F4
}

.question-vika[data-v-ebabbd8f] {
    display: flex;
    gap: 8px;
    align-items: center;
    margin-bottom: 24px;
    padding: 10px 12px;
    color: #acb1c2;
    background: #f8f8fb;
    border-radius: 8px;
    font-weight: 400;
    font-size: 14px;
    line-height: 18px
}

.dark .question-vika[data-v-ebabbd8f] {
    color: #ddd;
    background: #2f3136
}

[data-v-3b66c350]:root {
    --color-scheme-active: #6C78F4
}

.videos[data-v-3b66c350] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 4px 0;
    margin-top: 5px
}

.videos__video[data-v-3b66c350] {
    padding: 4px;
    border-radius: 16px;
    text-decoration: none;
    transition: all .2s ease
}

.videos__video[data-v-3b66c350]:hover {
    background-color: #f8f8fb
}

.dark .videos__video[data-v-3b66c350]:hover {
    background-color: #202225
}

.videos__video-wrapper[data-v-3b66c350] {
    position: relative;
    padding: 4px;
    border: 1px solid #E5E7EE;
    border-radius: 12px
}

.dark .videos__video-wrapper[data-v-3b66c350] {
    border-color: #93969f
}

.videos__video-button[data-v-3b66c350],
.begin__lifehacks-lifehack-video-button[data-v-3b66c350] {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 48px;
    height: 48px;
    margin: auto;
    background-color: #fff;
    transition: all .2s ease;
    border-radius: 50%
}

.videos__video:hover .videos__video-button[data-v-3b66c350],
.videos__video:hover .begin__lifehacks-lifehack-video-button[data-v-3b66c350] {
    transform: scale(1.15);
    opacity: 1
}

.dark .videos__video-button[data-v-3b66c350],
.dark .begin__lifehacks-lifehack-video-button[data-v-3b66c350] {
    background-color: #383a3f
}

.videos__video-image[data-v-3b66c350] {
    display: block;
    max-width: 100%;
    width: 100%;
    object-fit: cover;
    border-radius: 12px
}

.videos__video-texts[data-v-3b66c350] {
    margin-top: 10px
}

.videos__video-title[data-v-3b66c350] {
    margin-bottom: 3px;
    font-weight: 500;
    font-size: 16px;
    line-height: 17px;
    color: #202430
}

.dark .videos__video-title[data-v-3b66c350] {
    color: #ddd
}

.videos__video-description[data-v-3b66c350] {
    margin-top: 4px;
    overflow: hidden;
    white-space: nowrap;
    color: #aeaeae;
    text-overflow: ellipsis;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px
}

.dark .videos__video-description[data-v-3b66c350] {
    color: #a6a7b3
}

[data-v-9d549cda]:root {
    --color-scheme-active: #6C78F4
}

.shorts[data-v-9d549cda] {
    padding-top: 13px;
    border-top: 1px solid #E5E7EE
}

.dark .shorts[data-v-9d549cda] {
    border-top-color: #2a2a2a
}

.shorts__header[data-v-9d549cda] {
    margin-bottom: 10px;
    font-weight: 500;
    font-size: 16px;
    line-height: 16px;
    color: #202430
}

.dark .shorts__header[data-v-9d549cda] {
    color: #ddd
}

.shorts__list[data-v-9d549cda] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(172px, 1fr))
}

.shorts__short[data-v-9d549cda] {
    padding: 12px;
    border-radius: 16px;
    overflow: hidden;
    text-decoration: none;
    transition: .2s ease all
}

.shorts__short[data-v-9d549cda]:hover {
    background-color: #f8f8fb
}

.dark .shorts__short[data-v-9d549cda]:hover {
    background-color: #202225
}

.shorts__short-video[data-v-9d549cda] {
    position: relative;
    pointer-events: none;
    width: 100%
}

.shorts__short-button[data-v-9d549cda] {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 48px;
    height: 48px;
    margin: auto;
    background-color: #fff;
    transition: all .2s ease;
    border-radius: 50%
}

.shorts__short:hover .shorts__short-button[data-v-9d549cda] {
    transform: scale(1.15);
    opacity: 1
}

.dark .shorts__short-button[data-v-9d549cda] {
    background-color: #383a3f
}

.shorts__short-preview[data-v-9d549cda] {
    display: block;
    width: 100%;
    height: 250px;
    object-fit: cover;
    border-radius: 12px
}

.shorts__short-texts[data-v-9d549cda] {
    margin-top: 10px
}

.shorts__short-title[data-v-9d549cda] {
    display: -webkit-box;
    min-height: 34px;
    overflow: hidden;
    color: #202430;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    font-weight: 500;
    font-size: 14px;
    line-height: 17px
}

.dark .shorts__short-title[data-v-9d549cda] {
    color: #ddd
}

.shorts__short-description[data-v-9d549cda] {
    display: -webkit-box;
    margin-top: 4px;
    overflow: hidden;
    color: #acb1c2;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    font-weight: 400;
    font-size: 14px;
    line-height: 17px
}

.dark .shorts__short-description[data-v-9d549cda] {
    color: #ddd
}

[data-v-213a1b09]:root {
    --color-scheme-active: #6C78F4
}

.begin[data-v-213a1b09] {
    display: flex;
    flex-direction: column;
    grid-gap: 6px;
    width: 100%;
    padding: 24px;
    overflow: auto
}

.begin__title[data-v-213a1b09] {
    font-weight: 700;
    font-size: 24px;
    line-height: 24px;
    color: #202430
}

.dark .begin__title[data-v-213a1b09] {
    color: #ddd
}

[data-v-885cb814]:root {
    --color-scheme-active: #6C78F4
}

.help-card[data-v-885cb814] {
    z-index: 1;
    padding: 15px;
    border-radius: 4px;
    background: #f8f8fb;
    cursor: pointer
}

.dark .help-card[data-v-885cb814] {
    background: #2f3136!important
}

.help-card[data-v-885cb814]:last-of-type {
    margin-bottom: 0
}

.help-card__header[data-v-885cb814] {
    display: flex;
    justify-content: space-between;
    margin-bottom: 5px
}

.help-card__header-text[data-v-885cb814] {
    font-weight: 600;
    font-size: 18px;
    line-height: 18px
}

.dark .help-card__header-text[data-v-885cb814] {
    color: #ddd
}

.help-card__body[data-v-885cb814] {
    font-weight: 400;
    font-size: 12px;
    line-height: 17px;
    margin-bottom: 7px
}

.dark .help-card__body[data-v-885cb814] {
    color: #ddd
}

.help-card__tag[data-v-885cb814] {
    width: fit-content
}

[data-v-3ca040d4]:root {
    --color-scheme-active: #6C78F4
}

.base[data-v-3ca040d4] {
    display: flex;
    flex-direction: column;
    grid-gap: 16px;
    width: 100%;
    padding: 24px;
    overflow: auto
}

.base__search[data-v-3ca040d4] {
    margin-bottom: 8px;
    grid-column: span 2
}

.base__input[data-v-3ca040d4] .v-input__item {
    height: 40px
}

[data-v-97774492]:root {
    --color-scheme-active: #6C78F4
}

.help-base-new[data-v-97774492] {
    grid-column: span 2;
    border-radius: 8px;
    background: #f8f8fb;
    cursor: pointer
}

.dark .help-base-new[data-v-97774492] {
    background: #2f3136!important
}

.help-base-new_without-image[data-v-97774492] {
    padding-bottom: 19px
}

.help-base-new__header[data-v-97774492] {
    padding: 19px 20px 0
}

.help-base-new__header-left[data-v-97774492] {
    font-weight: 500;
    font-size: 18px;
    line-height: 18px
}

.dark .help-base-new__header-left[data-v-97774492] {
    color: #ddd
}

.help-base-new__header-left-dot[data-v-97774492] {
    display: inline-block;
    width: 8px;
    height: 8px;
    margin-left: 8px;
    vertical-align: middle;
    border-radius: 50%;
    background: #ff4d4f
}

.help-base-new__header-right[data-v-97774492] {
    margin-top: 8px;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: #aeaeae
}

.dark .help-base-new__header-right[data-v-97774492] {
    color: #8d8d8d
}

.help-base-new__header-right[data-v-97774492]:first-child {
    margin-right: 15px
}

.help-base-new__body[data-v-97774492] {
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    max-width: 418px;
    padding: 8px 19px 0;
    color: #aeaeae
}

.dark .help-base-new__body[data-v-97774492] {
    color: #ddd
}

.help-base-new__image[data-v-97774492] {
    width: 612px;
    height: 306px;
    margin: 0 auto;
    object-fit: cover;
    object-position: center
}

[data-v-97737482]:root {
    --color-scheme-active: #6C78F4
}

.news[data-v-97737482] {
    display: flex;
    flex-direction: column;
    grid-gap: 16px;
    width: 100%;
    padding: 24px;
    overflow: auto
}

.news__search[data-v-97737482] {
    margin-bottom: 8px;
    grid-column: span 2
}

.news__input[data-v-97737482] .v-input__item {
    height: 40px
}

.news__button[data-v-97737482] {
    font-weight: 400;
    font-size: 14px;
    line-height: 100%;
    width: fit-content;
    margin-left: auto;
    color: #acb1c2;
    transition: all .2s ease-in-out
}

.news__button[data-v-97737482]:hover {
    color: #60636c
}

.dark .news__button[data-v-97737482] {
    color: #8d8d8d
}

.dark .news__button[data-v-97737482]:hover {
    color: #ddd
}

[data-v-977f9a1c]:root {
    --color-scheme-active: #6C78F4
}

.fast-questions[data-v-977f9a1c] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
    padding: 24px
}

.fast-questions__question[data-v-977f9a1c] {
    display: flex;
    gap: 12px;
    align-items: center;
    padding: 12px;
    background: #6c78f40a;
    transition: all .2s ease-in-out;
    border-radius: 4px;
    text-align: left
}

.fast-questions__question[data-v-977f9a1c]:hover {
    background: #6c78f414
}

.fast-questions__question[data-v-977f9a1c]:active,
.fast-questions__question.active[data-v-977f9a1c] {
    background: #6c78f429
}

.dark .fast-questions__question[data-v-977f9a1c] {
    background: #2f3136
}

.fast-questions__question-title[data-v-977f9a1c] {
    font-weight: 400;
    font-size: 14px;
    line-height: normal;
    color: #6c78f4
}

.dark .fast-questions__question-title[data-v-977f9a1c] {
    color: #ddd
}

.fast-questions__question-description[data-v-977f9a1c] {
    opacity: .75;
    margin-top: 2px;
    color: #6c78f4;
    font-weight: 400;
    font-size: 12px;
    line-height: normal
}

.dark .fast-questions__question-description[data-v-977f9a1c] {
    color: #ddd
}

.fast-questions__question-arrow[data-v-977f9a1c] {
    opacity: 0;
    margin-left: auto;
    transition: all .2s ease-in-out;
    transform: rotate(-90deg)
}

.fast-questions__question:hover .fast-questions__question-arrow[data-v-977f9a1c] {
    opacity: 1
}

[data-v-967b7713]:root {
    --color-scheme-active: #6C78F4
}

.welcome[data-v-967b7713] {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%
}

.welcome__icon[data-v-967b7713] {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 160px;
    height: 160px;
    border-radius: 24px;
    background: #fff
}

.dark .welcome__icon[data-v-967b7713] {
    background-color: #383a3f
}

.welcome__title[data-v-967b7713] {
    margin-top: 20px;
    font-weight: 600;
    font-size: 22px;
    line-height: normal;
    color: #242629;
    text-align: center
}

.dark .welcome__title[data-v-967b7713] {
    color: #ddd
}

.welcome__description[data-v-967b7713] {
    max-width: 490px;
    margin: 8px auto 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 23px;
    color: #242629;
    text-align: center
}

.dark .welcome__description[data-v-967b7713] {
    color: #ddd
}

[data-v-7be42b8e]:root {
    --color-scheme-active: #6C78F4
}

.message[data-v-7be42b8e] {
    display: flex;
    gap: 12px;
    padding-top: 4px
}

.message.question[data-v-7be42b8e] {
    padding-bottom: 20px
}

.message__avatar[data-v-7be42b8e] {
    flex: none;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 24px;
    height: 24px;
    background: #e16cf4;
    border-radius: 24px
}

.message__wrapper[data-v-7be42b8e] {
    padding-top: 3.5px
}

.message__row[data-v-7be42b8e] {
    display: flex;
    gap: 8px;
    align-items: flex-end
}

.message__name[data-v-7be42b8e] {
    font-weight: 400;
    font-size: 14px;
    line-height: normal;
    color: #202430
}

.dark .message__name[data-v-7be42b8e] {
    color: #ddd
}

.message__date[data-v-7be42b8e] {
    font-weight: 400;
    font-size: 12px;
    line-height: normal;
    color: #acb1c2
}

.dark .message__date[data-v-7be42b8e] {
    color: #ddd
}

.message__text[data-v-7be42b8e] {
    max-width: 640px;
    margin-top: 8px;
    font-weight: 400;
    font-size: 14px;
    line-height: normal;
    color: #242629
}

.dark .message__text[data-v-7be42b8e] {
    color: #ddd
}

[data-v-7be42b8e] .message__text p {
    margin: 4px 0;
    font-weight: 400;
    font-size: 14px;
    line-height: normal
}

[data-v-7be42b8e] .message__text h1,
[data-v-7be42b8e] .message__text h2,
[data-v-7be42b8e] .message__text h3,
[data-v-7be42b8e] .message__text h4,
[data-v-7be42b8e] .message__text h5 {
    margin: 20px 0 8px;
    font-weight: 500;
    font-size: 16px;
    line-height: normal
}

[data-v-7be42b8e] .message__text ul {
    margin: 8px 0 12px;
    padding: 0
}

[data-v-7be42b8e] .message__text ul li {
    display: block;
    margin: 8px 0;
    padding: 0;
    font-weight: 400;
    font-size: 14px;
    line-height: normal
}

[data-v-7be42b8e] .message__text ul li:before {
    content: "•";
    display: inline-block;
    margin: 0 8px 0 4px;
    font-weight: 400;
    font-size: 14px;
    line-height: normal;
    vertical-align: top
}

[data-v-7be42b8e] .message__text ol {
    margin: 8px 0 12px;
    padding: 0
}

[data-v-7be42b8e] .message__text ol li {
    display: block;
    margin: 8px 0;
    padding: 0;
    font-weight: 400;
    font-size: 14px;
    line-height: normal
}

[data-v-7be42b8e] .message__text ol li::marker {
    color: #60636c
}

[data-v-7be42b8e] .message__text a {
    color: var(--color-scheme-active)
}

[data-v-7be42b8e] .message__text img {
    display: block;
    margin: 8px 0;
    max-width: 640px;
    max-height: 440px;
    border-radius: 8px
}

[data-v-7be42b8e] .message__text video,
[data-v-7be42b8e] .message__text iframe {
    display: block;
    max-width: 640px;
    width: 100%!important;
    height: 380px!important;
    margin: 8px 0;
    border-radius: 8px
}

.message__buttons[data-v-7be42b8e] {
    display: flex;
    gap: 8px;
    align-items: center;
    margin-top: 4px
}

.message__reactions[data-v-7be42b8e] {
    display: flex;
    gap: 8px;
    align-items: center
}

.message__reaction[data-v-7be42b8e] {
    transition: .2s ease-in-out
}

.message__reaction.dislike[data-v-7be42b8e] {
    transform: scaleY(-1)
}

.message__reaction.selected[data-v-7be42b8e] {
    opacity: 1
}

.message__supports[data-v-7be42b8e] {
    display: flex;
    gap: 8px;
    align-items: center
}

.message__supports[data-v-7be42b8e]:before {
    content: "";
    display: block;
    width: 3px;
    height: 3px;
    background-color: #cacad2;
    border-radius: 50%
}

.question .message__supports[data-v-7be42b8e]:before {
    display: none
}

[data-v-a46fe4ee]:root {
    --color-scheme-active: #6C78F4
}

.wait-answer[data-v-a46fe4ee] {
    display: flex;
    gap: 12px;
    padding: 12px 0 4px
}

.wait-answer__avatar[data-v-a46fe4ee] {
    flex: none;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 24px;
    height: 24px;
    background: #e16cf4;
    border-radius: 24px
}

.wait-answer__wrapper[data-v-a46fe4ee] {
    padding: 3.5px 0
}

.wait-answer__name[data-v-a46fe4ee] {
    font-weight: 400;
    font-size: 14px;
    line-height: normal;
    color: #202430
}

.dark .wait-answer__name[data-v-a46fe4ee] {
    color: #ddd
}

.wait-answer__row[data-v-a46fe4ee] {
    display: flex;
    gap: 10px;
    align-items: center;
    min-height: 17px;
    margin-top: 8px
}

.wait-answer__text[data-v-a46fe4ee] {
    font-weight: 400;
    font-size: 14px;
    line-height: normal;
    color: #131415
}

.dark .wait-answer__text[data-v-a46fe4ee] {
    color: #ddd
}

.wait-answer__text-loading[data-v-a46fe4ee] {
    display: flex;
    align-items: center;
    color: #131415
}

.dark .wait-answer__text-loading[data-v-a46fe4ee] {
    color: #ddd
}

.wait-answer__text-loading span[data-v-a46fe4ee] {
    width: 3px;
    height: 3px;
    margin: 0 2px;
    background-color: #131415;
    border-radius: 50%;
    animation: ellipsis-a46fe4ee 1s infinite
}

.wait-answer__text-loading span[data-v-a46fe4ee]:nth-child(2) {
    animation-delay: .2s
}

.wait-answer__text-loading span[data-v-a46fe4ee]:nth-child(3) {
    animation-delay: .4s
}

.wait-answer__rofl[data-v-a46fe4ee] {
    font-weight: 400;
    font-size: 14px;
    line-height: normal;
    color: #acb1c2;
    animation: showText-a46fe4ee .5s ease-out
}

.dark .wait-answer__rofl[data-v-a46fe4ee] {
    color: #ddd
}

@keyframes ellipsis-a46fe4ee {
    0%,
    to {
        opacity: .2;
        transform: scale(1)
    }
    20% {
        opacity: 1;
        transform: scale(1.2)
    }
    40% {
        opacity: .2;
        transform: scale(1)
    }
}

@keyframes showText-a46fe4ee {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

[data-v-117b1c66]:root {
    --color-scheme-active: #6C78F4
}

.chat[data-v-117b1c66] {
    display: flex;
    flex-direction: column;
    gap: 10px;
    width: 100%;
    height: 100%;
    padding: 24px;
    overflow: auto
}

[data-v-67f15bf2]:root {
    --color-scheme-active: #6C78F4
}

.form[data-v-67f15bf2] {
    display: flex;
    gap: 12px;
    width: 100%;
    margin-top: auto;
    padding: 24px;
    border-top: 1px solid #ebebeb
}

.dark .form[data-v-67f15bf2] {
    border-color: #2f3136
}

.form__input[data-v-67f15bf2] {
    width: 100%
}

.form__input[data-v-67f15bf2] .form__input {
    max-height: none
}

.form__button[data-v-67f15bf2] {
    max-width: 176px
}

[data-v-21c9bc6e]:root {
    --color-scheme-active: #6C78F4
}

.vika[data-v-21c9bc6e] {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%
}

.vika__loading[data-v-21c9bc6e] {
    margin: auto
}

[data-v-1b824238]:root {
    --color-scheme-active: #6C78F4
}

.loading[data-v-1b824238] {
    display: flex;
    justify-content: center;
    align-items: center
}

.content[data-v-1b824238] {
    display: flex;
    overflow: hidden
}

[data-v-4b94c403]:root {
    --color-scheme-active: #6C78F4
}

.help[data-v-4b94c403] {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 999;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #30303066
}

.help__wrapper[data-v-4b94c403] {
    position: fixed;
    top: 50%;
    left: 50%;
    display: flex;
    justify-content: center;
    width: 100%;
    height: 100%;
    padding: 20px;
    max-width: 1252px;
    max-height: 846px;
    transform: translate(-50%, -50%)
}

.help__item[data-v-4b94c403] {
    display: grid;
    grid-template-columns: 300px 1fr;
    grid-template-rows: max-content 1fr;
    width: 100%;
    height: 100%;
    border-radius: 8px;
    overflow: hidden;
    background-color: #fff;
    box-shadow: 0 20px 50px #0003, 0 0 1px #0003
}

.dark .help__item[data-v-4b94c403] {
    background-color: #383a3f
}

[data-v-60a2e820]:root {
    --color-scheme-active: #6C78F4
}

.estimate[data-v-60a2e820] {
    position: fixed;
    bottom: 0;
    z-index: 100;
    display: flex;
    justify-content: center;
    width: 100%
}

.estimate__box[data-v-60a2e820] {
    margin-bottom: 16px;
    padding: 16px;
    border-radius: 16px;
    background: #fff;
    box-shadow: 0 4px 14px #0000001a
}

.dark .estimate__box[data-v-60a2e820] {
    background-color: #383a3f
}

.estimate__header[data-v-60a2e820] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 16px
}

.estimate__title[data-v-60a2e820] {
    font-size: 16px;
    font-weight: 500;
    line-height: 16px;
    color: #202430
}

.dark .estimate__title[data-v-60a2e820] {
    color: #ddd
}

.estimate__close[data-v-60a2e820] {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 24px;
    height: 24px;
    background-color: #f8f8fb;
    border-radius: 4px
}

.estimate__row[data-v-60a2e820] {
    display: flex;
    align-items: flex-start;
    margin-top: 12px
}

.estimate__rates[data-v-60a2e820] {
    display: flex;
    gap: 8px;
    align-items: center
}

.estimate__rate[data-v-60a2e820] {
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 40px;
    min-width: 40px;
    height: 40px;
    color: #60636c;
    background-color: #f8f8fb;
    transition: all .2s ease;
    border-radius: 4px
}

.estimate__rate[data-v-60a2e820]:hover,
.estimate__rate.active[data-v-60a2e820] {
    color: #fff;
    background-color: var(--color-scheme-active)
}

.dark .estimate__rate[data-v-60a2e820]:hover,
.dark .estimate__rate.active[data-v-60a2e820] {
    background-color: var(--color-scheme-active)
}

.dark .estimate__rate[data-v-60a2e820] {
    color: #ddd;
    background-color: #2f3136
}

.estimate__rates-placeholders[data-v-60a2e820] {
    display: flex;
    justify-content: space-between;
    width: 100%;
    margin-top: 8px
}

.estimate__rates-placeholders-placeholder[data-v-60a2e820] {
    font-weight: 400;
    font-size: 12px;
    line-height: 17px;
    color: #aeaeae
}

.dark .estimate__rates-placeholders-placeholder[data-v-60a2e820] {
    color: #8d8d8d
}

.estimate__button[data-v-60a2e820] {
    margin-left: 16px;
    padding: 12px 16px
}

.estimate__thank[data-v-60a2e820] {
    display: none;
    align-items: center;
    width: fit-content;
    height: fit-content;
    padding: 6px;
    background-color: #000;
    border-radius: 4px
}

.estimate__thank_active[data-v-60a2e820] {
    display: flex
}

.estimate__desc[data-v-60a2e820] {
    font-size: 14px;
    font-weight: 400;
    line-height: 17px;
    color: #fff
}

[data-v-864887f1]:root {
    --color-scheme-active: #6C78F4
}

.models[data-v-864887f1] {
    display: flex;
    padding: 4px;
    background: #f8f8fb;
    border-radius: 8px
}

.dark .models[data-v-864887f1] {
    background-color: #242629
}

.models__model[data-v-864887f1] {
    padding: 9px 16px;
    font-weight: 400;
    font-size: 14px;
    line-height: 14px;
    border-radius: 4px;
    color: #000;
    cursor: pointer
}

.models__model.active[data-v-864887f1] {
    background: #fff;
    cursor: default
}

.dark .models__model.active[data-v-864887f1] {
    background-color: #383a3f
}

.dark .models__model[data-v-864887f1] {
    color: #ddd
}

.models__model-input[data-v-864887f1] {
    display: none
}

[data-v-660f8e99]:root {
    --color-scheme-active: #6C78F4
}

.header[data-v-660f8e99] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 16px;
    border-bottom: 1px solid #E5E7EE
}

.dark .header[data-v-660f8e99] {
    border-color: #2a2a2a
}

.header__wrapper[data-v-660f8e99] {
    display: flex;
    gap: 8px;
    align-items: center
}

.header__name[data-v-660f8e99] {
    display: flex;
    gap: 8px;
    align-items: center;
    color: #242629;
    font-weight: 500;
    font-size: 20px;
    line-height: normal
}

.dark .header__name[data-v-660f8e99] {
    color: #a6a7b3
}

[data-v-938b9dde]:root {
    --color-scheme-active: #6C78F4
}

.welcome[data-v-938b9dde] {
    height: 100%;
    padding: 8px;
    overflow: auto;
    scrollbar-width: none
}

.welcome__preview[data-v-938b9dde] {
    margin-bottom: 32px
}

.welcome__preview-icon[data-v-938b9dde] {
    display: block;
    margin: 0 auto
}

.welcome__preview-title[data-v-938b9dde] {
    margin-top: 20px;
    font-weight: 600;
    font-size: 22px;
    line-height: normal;
    color: #242629;
    text-align: center
}

.dark .welcome__preview-title[data-v-938b9dde] {
    color: #ddd
}

.welcome__preview-description[data-v-938b9dde] {
    max-width: 490px;
    margin: 8px auto 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 23px;
    color: #242629;
    text-align: center
}

.dark .welcome__preview-description[data-v-938b9dde] {
    color: #ddd
}

.welcome__column[data-v-938b9dde] {
    margin-bottom: 20px
}

.welcome__column[data-v-938b9dde]:nth-last-of-type(1) {
    margin-bottom: 0
}

.welcome__column-title[data-v-938b9dde] {
    padding-left: 8px;
    color: #acb1c2;
    font-weight: 600;
    font-size: 12px;
    line-height: normal
}

.dark .welcome__column-title[data-v-938b9dde] {
    color: #ddd
}

.welcome__column-items[data-v-938b9dde] {
    margin-top: 8px
}

.welcome__column-item[data-v-938b9dde] {
    display: flex;
    gap: 8px;
    align-items: center;
    width: fit-content;
    padding: 8px;
    color: #242629;
    max-width: 100%;
    border-radius: 4px;
    text-decoration: none;
    font-weight: 400;
    font-size: 16px;
    line-height: 16px;
    transition: .2s ease-in-out
}

.welcome__column-item[data-v-938b9dde]:hover {
    background: #f8f8fb
}

.dark .welcome__column-item[data-v-938b9dde]:hover {
    background: #2f3136
}

.dark .welcome__column-item[data-v-938b9dde] {
    color: #a6a7b3
}

.welcome__column-item-text[data-v-938b9dde] {
    display: block;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    letter-spacing: .32px
}

.welcome__column-item-icon[data-v-938b9dde] {
    flex: none
}

[data-v-35eb5eea]:root {
    --color-scheme-active: #6C78F4
}

.user[data-v-35eb5eea] {
    display: flex;
    gap: 8px;
    align-items: flex-start;
    padding: 8px 0
}

.user__text[data-v-35eb5eea] {
    font-weight: 400;
    font-size: 14px;
    line-height: normal;
    color: #242629
}

.dark .user__text[data-v-35eb5eea] {
    color: #ddd
}

[data-v-35eb5eea] .user__text p {
    margin: 4px 0;
    font-weight: 400;
    font-size: 14px;
    line-height: normal
}

[data-v-35eb5eea] .user__text h1,
[data-v-35eb5eea] .user__text h2,
[data-v-35eb5eea] .user__text h3,
[data-v-35eb5eea] .user__text h4,
[data-v-35eb5eea] .user__text h5 {
    margin: 20px 0 8px;
    font-weight: 500;
    font-size: 16px;
    line-height: normal
}

[data-v-35eb5eea] .user__text ul {
    margin: 8px 0 12px;
    padding: 0
}

[data-v-35eb5eea] .user__text ul li {
    display: block;
    margin: 8px 0;
    padding: 0;
    font-weight: 400;
    font-size: 14px;
    line-height: normal
}

[data-v-35eb5eea] .user__text ul li:before {
    content: "•";
    display: inline-block;
    margin: 0 8px 0 4px;
    font-weight: 400;
    font-size: 14px;
    line-height: normal;
    vertical-align: top
}

[data-v-35eb5eea] .user__text ol {
    margin: 8px 0 12px;
    padding: 0
}

[data-v-35eb5eea] .user__text ol li {
    display: block;
    margin: 8px 0;
    padding: 0;
    font-weight: 400;
    font-size: 14px;
    line-height: normal
}

[data-v-35eb5eea] .user__text ol li::marker {
    color: #60636c
}

[data-v-35eb5eea] .user__text a {
    color: #6c78f4
}

[data-v-35eb5eea] .user__text img {
    display: block;
    margin: 8px 0;
    max-width: 640px;
    max-height: 440px;
    border-radius: 8px
}

[data-v-35eb5eea] .user__text video,
[data-v-35eb5eea] .user__text iframe {
    display: block;
    max-width: 640px;
    width: 100%!important;
    height: 380px!important;
    margin: 8px 0;
    border-radius: 8px
}

[data-v-7ee8b661]:root {
    --color-scheme-active: #6C78F4
}

.avatar[data-v-7ee8b661] {
    flex: none;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 24px;
    height: 24px;
    border: 2px solid rgba(225, 108, 244, .1);
    border-radius: 50%
}

[data-v-e1e702b7]:root {
    --color-scheme-active: #6C78F4
}

.assistant[data-v-e1e702b7] {
    display: flex;
    gap: 8px;
    align-items: flex-start;
    padding: 8px 0
}

.assistant__wrapper[data-v-e1e702b7] {
    max-width: 578px;
    max-width: calc(100% - 32px)
}

.assistant__row[data-v-e1e702b7] {
    display: flex;
    gap: 4px;
    align-items: center
}

.assistant__name[data-v-e1e702b7] {
    font-weight: 500;
    font-size: 12px;
    line-height: 12px;
    color: #e16cf4
}

.assistant__date[data-v-e1e702b7] {
    font-weight: 500;
    font-size: 10px;
    line-height: 12px;
    color: #acb1c2
}

.dark .assistant__date[data-v-e1e702b7] {
    color: #8d8d8d
}

.assistant__text[data-v-e1e702b7] {
    font-weight: 400;
    font-size: 14px;
    line-height: normal;
    color: #242629
}

.dark .assistant__text[data-v-e1e702b7] {
    color: #ddd
}

[data-v-e1e702b7] .assistant__text p {
    margin: 4px 0;
    font-weight: 400;
    font-size: 14px;
    line-height: normal
}

[data-v-e1e702b7] .assistant__text h1,
[data-v-e1e702b7] .assistant__text h2,
[data-v-e1e702b7] .assistant__text h3,
[data-v-e1e702b7] .assistant__text h4,
[data-v-e1e702b7] .assistant__text h5 {
    margin: 20px 0 8px;
    font-weight: 500;
    font-size: 16px;
    line-height: normal
}

[data-v-e1e702b7] .assistant__text ul {
    margin: 8px 0 12px;
    padding: 0
}

[data-v-e1e702b7] .assistant__text ul li {
    display: block;
    margin: 8px 0;
    padding: 0;
    font-weight: 400;
    font-size: 14px;
    line-height: normal
}

[data-v-e1e702b7] .assistant__text ul li:before {
    content: "•";
    display: inline-block;
    margin: 0 8px 0 4px;
    font-weight: 400;
    font-size: 14px;
    line-height: normal;
    vertical-align: top
}

[data-v-e1e702b7] .assistant__text ul p {
    display: inline
}

[data-v-e1e702b7] .assistant__text ol {
    margin: 8px 0 12px;
    padding: 0
}

[data-v-e1e702b7] .assistant__text ol li {
    display: block;
    margin: 8px 0;
    padding: 0;
    font-weight: 400;
    font-size: 14px;
    line-height: normal
}

[data-v-e1e702b7] .assistant__text ol li::marker {
    color: #60636c
}

[data-v-e1e702b7] .assistant__text ol p {
    display: inline
}

[data-v-e1e702b7] .assistant__text a {
    color: #6c78f4
}

[data-v-e1e702b7] .assistant__text img {
    display: block;
    margin: 8px 0;
    max-width: 640px;
    max-height: 440px;
    border-radius: 8px
}

[data-v-e1e702b7] .assistant__text video,
[data-v-e1e702b7] .assistant__text iframe {
    display: block;
    max-width: 640px;
    width: 100%!important;
    height: 380px!important;
    margin: 8px 0;
    border-radius: 8px
}

.assistant__buttons[data-v-e1e702b7] {
    display: flex;
    gap: 8px;
    align-items: center;
    margin-top: 4px
}

.assistant__reactions[data-v-e1e702b7] {
    display: flex;
    gap: 8px;
    align-items: center
}

.assistant__reaction[data-v-e1e702b7] {
    transition: .2s ease-in-out
}

.assistant__reaction.dislike[data-v-e1e702b7] {
    transform: scaleY(-1)
}

.assistant__reaction.selected[data-v-e1e702b7] {
    opacity: 1
}

.assistant__supports[data-v-e1e702b7] {
    display: flex;
    gap: 8px;
    align-items: center
}

.assistant__supports[data-v-e1e702b7]:before {
    content: "";
    display: block;
    width: 3px;
    height: 3px;
    background-color: #cacad2;
    border-radius: 50%
}

.question .assistant__supports[data-v-e1e702b7]:before {
    display: none
}

[data-v-3ed1c590]:root {
    --color-scheme-active: #6C78F4
}

.temporary[data-v-3ed1c590] {
    display: flex;
    gap: 8px;
    padding: 8px 0
}

.temporary__name[data-v-3ed1c590] {
    font-weight: 500;
    font-size: 12px;
    line-height: 12px;
    color: #e16cf4
}

.temporary__date[data-v-3ed1c590] {
    font-weight: 500;
    font-size: 10px;
    line-height: 12px;
    color: #acb1c2
}

.dark .temporary__date[data-v-3ed1c590] {
    color: #8d8d8d
}

.temporary__header[data-v-3ed1c590] {
    display: flex;
    gap: 4px;
    align-items: center
}

.temporary__row[data-v-3ed1c590] {
    display: flex;
    gap: 10px;
    align-items: center;
    min-height: 17px;
    margin-top: 8px
}

.temporary__text[data-v-3ed1c590] {
    font-weight: 400;
    font-size: 14px;
    line-height: normal;
    color: #131415
}

.dark .temporary__text[data-v-3ed1c590] {
    color: #ddd
}

.temporary__text-loading[data-v-3ed1c590] {
    display: flex;
    align-items: center;
    color: #131415
}

.dark .temporary__text-loading[data-v-3ed1c590] {
    color: #ddd
}

.temporary__text-loading span[data-v-3ed1c590] {
    width: 3px;
    height: 3px;
    margin: 0 2px;
    background-color: #131415;
    border-radius: 50%;
    animation: ellipsis-3ed1c590 1s infinite
}

.temporary__text-loading span[data-v-3ed1c590]:nth-child(2) {
    animation-delay: .2s
}

.temporary__text-loading span[data-v-3ed1c590]:nth-child(3) {
    animation-delay: .4s
}

.temporary__rofl[data-v-3ed1c590] {
    font-weight: 400;
    font-size: 14px;
    line-height: normal;
    color: #acb1c2;
    animation: showText-3ed1c590 .5s ease-out
}

.dark .temporary__rofl[data-v-3ed1c590] {
    color: #ddd
}

@keyframes ellipsis-3ed1c590 {
    0%,
    to {
        opacity: .2;
        transform: scale(1)
    }
    20% {
        opacity: 1;
        transform: scale(1.2)
    }
    40% {
        opacity: .2;
        transform: scale(1)
    }
}

@keyframes showText-3ed1c590 {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

[data-v-8cbc7f49]:root {
    --color-scheme-active: #6C78F4
}

.temporary[data-v-8cbc7f49] {
    display: flex;
    gap: 8px;
    padding: 8px 0
}

.temporary__avatar[data-v-8cbc7f49] {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 24px;
    height: 24px;
    border: 2px solid rgba(225, 108, 244, .1);
    border-radius: 50%
}

.temporary__name[data-v-8cbc7f49] {
    font-weight: 500;
    font-size: 12px;
    line-height: 12px;
    color: #e16cf4
}

.temporary__date[data-v-8cbc7f49] {
    font-weight: 500;
    font-size: 10px;
    line-height: 12px;
    color: #acb1c2
}

.dark .temporary__date[data-v-8cbc7f49] {
    color: #8d8d8d
}

.temporary__header[data-v-8cbc7f49] {
    display: flex;
    gap: 4px;
    align-items: center
}

.temporary__text[data-v-8cbc7f49] {
    font-weight: 400;
    font-size: 14px;
    line-height: normal;
    margin-top: 4px;
    color: #131415
}

.temporary__text p[data-v-8cbc7f49] {
    margin: 0
}

.temporary__text[data-v-8cbc7f49] a {
    color: #6c78f4
}

.temporary__text ul[data-v-8cbc7f49] {
    margin: 4px 0 20px;
    padding-left: 20px
}

.dark .temporary__text[data-v-8cbc7f49] {
    color: #ddd
}

.temporary__text-loading[data-v-8cbc7f49] {
    display: flex;
    align-items: center;
    color: #131415
}

.dark .temporary__text-loading[data-v-8cbc7f49] {
    color: #ddd
}

.temporary__text-loading span[data-v-8cbc7f49] {
    width: 3px;
    height: 3px;
    margin: 0 2px;
    background-color: #131415;
    border-radius: 50%;
    animation: ellipsis-8cbc7f49 1s infinite
}

.temporary__text-loading span[data-v-8cbc7f49]:nth-child(2) {
    animation-delay: .2s
}

.temporary__text-loading span[data-v-8cbc7f49]:nth-child(3) {
    animation-delay: .4s
}

.temporary__rofl[data-v-8cbc7f49] {
    font-weight: 400;
    font-size: 14px;
    line-height: normal;
    color: #acb1c2;
    animation: showText-8cbc7f49 .5s ease-out
}

.dark .temporary__rofl[data-v-8cbc7f49] {
    color: #ddd
}

@keyframes ellipsis-8cbc7f49 {
    0%,
    to {
        opacity: .2;
        transform: scale(1)
    }
    20% {
        opacity: 1;
        transform: scale(1.2)
    }
    40% {
        opacity: .2;
        transform: scale(1)
    }
}

@keyframes showText-8cbc7f49 {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

[data-v-3a3a3aad]:root {
    --color-scheme-active: #6C78F4
}

.chat[data-v-3a3a3aad] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    height: 100%;
    padding: 16px;
    overflow: auto;
    scrollbar-width: none
}

[data-v-d8277c01]:root {
    --color-scheme-active: #6C78F4
}

.dropdown[data-v-d8277c01] {
    position: absolute;
    right: 0;
    bottom: 40px;
    z-index: 1;
    display: grid;
    grid-auto-flow: row;
    grid-auto-rows: max-content;
    grid-row-gap: 4px;
    width: 300px;
    padding: 8px 0
}

.dropdown__item[data-v-d8277c01] {
    display: grid;
    grid-template-columns: max-content 1fr max-content;
    grid-column-gap: 8px;
    align-items: center;
    padding: 4px 12px;
    text-decoration: unset;
    color: #262626
}

.dropdown__item.soon[data-v-d8277c01] {
    pointer-events: none
}

.dark .dropdown__item[data-v-d8277c01] {
    color: #ddd
}

.dropdown__icon[data-v-d8277c01] {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 44px;
    height: 44px;
    background-color: #f8f8fb;
    border-radius: 8px
}

.dark .dropdown__icon[data-v-d8277c01] {
    background-color: #383a3f
}

.dropdown__image[data-v-d8277c01] {
    width: 24px;
    height: 24px
}

.dropdown__information.soon[data-v-d8277c01] {
    opacity: .5
}

.dropdown__name[data-v-d8277c01] {
    font-weight: 500;
    font-size: 14px;
    line-height: 14px
}

.dropdown__description[data-v-d8277c01] {
    margin-top: 4px;
    color: #93969f;
    font-weight: 400;
    font-size: 10px;
    line-height: 10px
}

[data-v-7d3d6db0]:root {
    --color-scheme-active: #6C78F4
}

.form[data-v-7d3d6db0] {
    padding: 16px
}

.form__row[data-v-7d3d6db0] {
    display: flex;
    gap: 12px
}

.form__wrapper[data-v-7d3d6db0] {
    position: relative;
    width: 100%
}

.form__input[data-v-7d3d6db0] {
    display: block;
    width: 100%;
    max-height: 100px;
    min-height: 40px;
    padding: 12px 44px 0 12px;
    font-weight: 400;
    font-size: 14px;
    line-height: 110%;
    background: #f8f8fb;
    border-color: transparent;
    border-radius: 8px;
    outline: none;
    transition: background-color .2s ease-in-out
}

.form__input[data-v-7d3d6db0]:hover,
.form__input[data-v-7d3d6db0]:focus,
.form__input.active[data-v-7d3d6db0] {
    background-color: #ededf5
}

.dark .form__input[data-v-7d3d6db0]:hover,
.dark .form__input[data-v-7d3d6db0]:focus,
.dark .form__input.active[data-v-7d3d6db0] {
    background-color: #242629
}

.form__input[data-v-7d3d6db0]:disabled {
    pointer-events: none;
    color: #cacad2
}

.form__input:disabled.placeholder[data-v-7d3d6db0] {
    color: #cacad2
}

.form__input[data-v-7d3d6db0]:disabled:-moz-placeholder {
    color: #cacad2
}

.form__input[data-v-7d3d6db0]:disabled::-moz-placeholder {
    color: #cacad2
}

.form__input[data-v-7d3d6db0]:disabled:-ms-input-placeholder {
    color: #cacad2
}

.form__input[data-v-7d3d6db0]:disabled::-webkit-input-placeholder {
    color: #cacad2
}

.dark .form__input[data-v-7d3d6db0]:disabled {
    color: #8d8d8d
}

.form__input.placeholder[data-v-7d3d6db0] {
    color: #9499ad
}

.form__input[data-v-7d3d6db0]:-moz-placeholder {
    color: #9499ad
}

.form__input[data-v-7d3d6db0]::-moz-placeholder {
    color: #9499ad
}

.form__input[data-v-7d3d6db0]:-ms-input-placeholder {
    color: #9499ad
}

.form__input[data-v-7d3d6db0]::-webkit-input-placeholder {
    color: #9499ad
}

.dark .form__input[data-v-7d3d6db0] {
    color: #ddd;
    background-color: #2f3136
}

.dark .form__input.placeholder[data-v-7d3d6db0] {
    color: #8d8d8d
}

.dark .form__input[data-v-7d3d6db0]:-moz-placeholder {
    color: #8d8d8d
}

.dark .form__input[data-v-7d3d6db0]::-moz-placeholder {
    color: #8d8d8d
}

.dark .form__input[data-v-7d3d6db0]:-ms-input-placeholder {
    color: #8d8d8d
}

.dark .form__input[data-v-7d3d6db0]::-webkit-input-placeholder {
    color: #8d8d8d
}

.form__icon[data-v-7d3d6db0] {
    position: absolute;
    top: 8px;
    right: 12px;
    z-index: 1
}

.form__model[data-v-7d3d6db0] {
    position: relative;
    flex: none;
    margin-top: 8px;
    cursor: pointer
}

.form__model[data-v-7d3d6db0] svg {
    display: block;
    margin-top: 0
}

.form__text[data-v-7d3d6db0] {
    margin-top: 8px;
    font-weight: 400;
    font-size: 14px;
    line-height: 17.5px;
    color: #acb1c2;
    text-align: center
}

.dark .form__text[data-v-7d3d6db0] {
    color: #ddd
}

[data-v-5c823a13]:root {
    --color-scheme-active: #6C78F4
}

.continue[data-v-5c823a13] {
    padding: 16px;
    text-align: left
}

.continue__row[data-v-5c823a13] {
    display: flex;
    gap: 16px;
    justify-content: space-between;
    align-items: center;
    min-height: 80px;
    padding: 0 16px;
    overflow: hidden;
    background: #f8f8fb;
    border-radius: 12px;
    contain: content;
    transition: .2s ease-in-out
}

.continue__row[data-v-5c823a13]:hover {
    background: #e3e4e8
}

.dark .continue__row[data-v-5c823a13]:hover {
    background: #2f3136
}

.dark .continue__row[data-v-5c823a13] {
    background: #242629
}

.continue__wrapper[data-v-5c823a13] {
    overflow: hidden;
    contain: content
}

.continue__title[data-v-5c823a13] {
    color: #242629;
    font-weight: 500;
    font-size: 16px;
    line-height: 16px
}

.dark .continue__title[data-v-5c823a13] {
    color: #a6a7b3
}

.continue__message[data-v-5c823a13] {
    display: block;
    max-width: 100%;
    margin-top: 4px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    contain: content
}

.dark .continue__message[data-v-5c823a13] {
    color: #a6a7b3
}

.continue__icon[data-v-5c823a13] {
    flex: none
}

[data-v-621f0302]:root {
    --color-scheme-active: #6C78F4
}

.ai[data-v-621f0302] {
    position: fixed;
    top: 66px;
    right: 8px;
    z-index: 999;
    display: flex;
    width: 100%;
    height: calc(100vh - 74px);
    overflow: hidden;
    background-color: #fff;
    flex-direction: column;
    max-width: 660px;
    box-shadow: 0 8px 64px #00000029;
    border: 1px solid #EDEDF5;
    border-radius: 12px
}

.dark .ai[data-v-621f0302] {
    background-color: #383a3f;
    border-color: #2a2a2a
}

.vika__loading[data-v-621f0302] {
    margin: auto
}

[data-v-736e4136]:root {
    --color-scheme-active: #6C78F4
}

.task[data-v-736e4136] {
    display: flex;
    align-items: center;
    cursor: pointer
}

.task__status[data-v-736e4136] {
    margin-right: 8px
}

.task__info[data-v-736e4136] {
    display: flex;
    align-items: center;
    width: 100%;
    padding: 10px 0;
    border-bottom: 1px solid #ededf5
}

.dark .task__info[data-v-736e4136] {
    color: #ddd
}

.task__name[data-v-736e4136] {
    width: 100%;
    margin-right: 8px;
    overflow: hidden;
    font-size: 13px;
    font-weight: 400;
    line-height: 120%;
    white-space: nowrap;
    color: #242629;
    text-overflow: ellipsis;
    max-width: 377px
}

.task__name.strikethrough[data-v-736e4136] {
    text-decoration: line-through
}

.dark .task__name[data-v-736e4136] {
    color: #ddd
}

.task__date[data-v-736e4136] {
    display: flex;
    gap: 10px;
    align-items: center;
    height: 24px;
    padding: 0 6px;
    overflow: hidden;
    font-size: 10px;
    font-weight: 500;
    line-height: 120%;
    color: #acb1c2;
    background: #f8f8fb;
    border-radius: 4px;
    text-overflow: ellipsis
}

.dark .task__date[data-v-736e4136] {
    background-color: #2f3136
}

.task__assignees[data-v-736e4136] {
    margin-left: auto
}

[data-v-fabb90c7]:root {
    --color-scheme-active: #6C78F4
}

.creating[data-v-fabb90c7] {
    display: grid;
    grid-template-columns: max-content 1fr;
    grid-column-gap: 8px;
    align-items: center;
    height: 36px;
    cursor: text;
    border: 1px solid transparent
}

.creating__input[data-v-fabb90c7] {
    font-weight: 400;
    font-size: 14px;
    line-height: 14px;
    background: transparent;
    border: none;
    outline: none
}

.creating__input[disabled][data-v-fabb90c7] {
    position: relative;
    opacity: .7;
    background: none
}

.creating__input[data-v-fabb90c7]::placeholder {
    color: #acb1c2
}

.dark .creating__input[data-v-fabb90c7] {
    color: #ddd
}

[data-v-b55ca921]:root {
    --color-scheme-active: #6C78F4
}

.tasks__today[data-v-b55ca921] {
    margin-bottom: 16px
}

.tasks__title[data-v-b55ca921] {
    position: relative;
    display: flex;
    align-items: center;
    width: fit-content;
    margin-bottom: 5px;
    padding: 8px 8px 8px 24px;
    cursor: pointer;
    border-radius: 8px;
    -webkit-user-select: none;
    user-select: none
}

.tasks__title[data-v-b55ca921]:hover {
    background-color: #f5f5f5
}

.tasks__title-icon[data-v-b55ca921] {
    position: absolute;
    left: 0
}

.tasks__title-icon_rotate[data-v-b55ca921] {
    transform: rotate(-90deg)
}

.tasks__title-text[data-v-b55ca921] {
    font-size: 14px;
    font-weight: 500;
    line-height: 14px;
    color: #242629
}

.dark .tasks__title-text[data-v-b55ca921] {
    color: #ddd
}

.tasks__title-button[data-v-b55ca921] {
    height: 30px;
    padding: 0;
    font-size: 14px;
    font-weight: 500;
    line-height: 14px;
    color: #242629!important
}

.tasks__list[data-v-b55ca921] {
    padding-left: 24px;
    overflow-y: auto;
    max-height: 30vh
}

[data-v-94b8358c]:root {
    --color-scheme-active: #6C78F4
}

.tabs__header[data-v-94b8358c] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 16px;
    padding: 4px;
    background-color: #f8f8fb;
    border-radius: 8px
}

.dark .tabs__header[data-v-94b8358c] {
    background-color: #2f3136
}

.tabs__tab[data-v-94b8358c] {
    padding: 5px 30px;
    font-size: 14px;
    font-weight: 400;
    line-height: 100%;
    color: #242629;
    cursor: pointer;
    border-radius: 4px
}

.dark .tabs__tab[data-v-94b8358c] {
    color: #ddd
}

.tabs__tab.active[data-v-94b8358c] {
    background-color: #fff
}

.dark .tabs__tab.active[data-v-94b8358c] {
    background-color: #383a3f
}

.tabs__tab.soon[data-v-94b8358c] {
    display: flex;
    gap: 4px;
    align-items: center;
    padding: 5px 16px;
    color: #acb1c2;
    cursor: unset
}

.tabs__tasks[data-v-94b8358c] {
    padding: 0
}

[data-v-0e3a911f]:root {
    --color-scheme-active: #6C78F4
}

.user-view-modal[data-v-0e3a911f] {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 998;
    width: 100%;
    overflow: hidden;
    max-width: 560px;
    backface-visibility: hidden;
    background-color: #fff;
    box-shadow: 0 4px 64px #0000001a
}

.dark .user-view-modal[data-v-0e3a911f] {
    background-color: #383a3f;
    box-shadow: 0 0 29px #2426299e
}

.user-view-modal__body[data-v-0e3a911f] {
    padding: 0 16px
}

.user-view-modal__cover[data-v-0e3a911f] {
    height: 96px;
    background-color: #ededf5
}

.dark .user-view-modal__cover[data-v-0e3a911f] {
    background-color: #242629
}

.user-view-modal__cover-image[data-v-0e3a911f] {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.user-view-modal__top[data-v-0e3a911f] {
    display: flex;
    padding-top: 8px
}

.user-view-modal__avatar[data-v-0e3a911f] {
    position: relative;
    margin-top: -25px
}

.dark .user-view-modal__avatar[data-v-0e3a911f] .avatars-image__content {
    background-color: #2f3136
}

.user-view-modal__status[data-v-0e3a911f] {
    position: absolute;
    right: -4px;
    bottom: 4px;
    width: 14px;
    height: 14px;
    border: 2px solid #fff;
    border-radius: 50%;
    background: #00b633
}

.user-view-modal__information[data-v-0e3a911f] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    margin-left: 12px
}

.user-view-modal__name[data-v-0e3a911f] {
    font-weight: 500;
    font-size: 20px;
    line-height: 100%;
    color: #000
}

.dark .user-view-modal__name[data-v-0e3a911f] {
    color: #ddd
}

.user-view-modal__description[data-v-0e3a911f] {
    font-weight: 400;
    font-size: 14px;
    line-height: 135%;
    margin: 12px 0 0;
    color: #60636c
}

.user-view-modal__description .overflowed[data-v-0e3a911f] {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

.user-view-modal__description .hide[data-v-0e3a911f] {
    position: absolute;
    z-index: -1;
    opacity: 0
}

.user-view-modal__description .active[data-v-0e3a911f] {
    position: static;
    z-index: unset;
    opacity: 1
}

.dark .user-view-modal__description[data-v-0e3a911f] {
    color: #ddd
}

.user-view-modal__more[data-v-0e3a911f] {
    font-size: 14px;
    font-weight: 400;
    line-height: 100%;
    color: #acb1c2;
    cursor: pointer
}

.user-view-modal__text[data-v-0e3a911f] {
    font-weight: 400;
    font-size: 14px;
    line-height: 100%;
    display: flex;
    gap: 4px;
    color: #acb1c2
}

.dark .user-view-modal__text[data-v-0e3a911f] {
    color: #a6a7b3
}

.user-view-modal__contacts[data-v-0e3a911f] {
    display: flex;
    gap: 16px;
    justify-content: space-between;
    align-items: center;
    margin-top: 12px
}

.user-view-modal__link[data-v-0e3a911f] {
    font-weight: 400;
    font-size: 14px;
    line-height: 100%;
    color: #acb1c2;
    transition: all .2s ease-in-out;
    text-decoration: none;
    cursor: pointer
}

.user-view-modal__link[data-v-0e3a911f]:hover {
    color: #93969f
}

.dark .user-view-modal__link[data-v-0e3a911f] {
    color: #ddd
}

.user-view-modal__tabs[data-v-0e3a911f] {
    margin-top: 24px
}

[data-v-7f059980]:root {
    --color-scheme-active: #6C78F4
}

.task-view-modal-loader[data-v-7f059980] {
    position: relative;
    display: grid;
    grid-template-rows: max-content 1fr;
    height: 100%;
    transition: opacity .2s ease-in-out
}

.task-view-modal-loader[data-v-7f059980]:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    opacity: .4;
    display: block;
    width: 100%;
    height: 100%;
    background: linear-gradient(to right, transparent, #fff, transparent);
    animation: loading-7f059980 1.3s cubic-bezier(.5, 1, 1, 1) infinite
}

.dark .task-view-modal-loader[data-v-7f059980]:before {
    background: linear-gradient(to right, transparent, #383A3F, transparent)
}

@keyframes loading-7f059980 {
    0% {
        transform: translate(-100%)
    }
    to {
        transform: translate(100%)
    }
}

.task-view-modal-loader__header[data-v-7f059980] {
    display: grid;
    grid-template-columns: 152px max-content 1fr;
    grid-column-gap: 10px;
    place-items: center end;
    height: 60px;
    padding: 13px 14px;
    border-bottom: 1px solid #F0F0F0
}

.dark .task-view-modal-loader__header[data-v-7f059980] {
    border-color: #242629
}

.task-view-modal-loader__rectangle[data-v-7f059980] {
    width: 100%;
    height: 100%;
    background-color: #ececec;
    border-radius: 6px
}

.task-view-modal-loader__body-settings .task-view-modal-loader__rectangle[data-v-7f059980]:first-of-type {
    grid-row: span 2
}

.task-view-modal-loader__body-description .task-view-modal-loader__rectangle[data-v-7f059980]:first-of-type {
    grid-row: span 3
}

.task-view-modal-loader__body-description .task-view-modal-loader__rectangle[data-v-7f059980]:nth-of-type(2) {
    max-width: 420px
}

.task-view-modal-loader__body-description .task-view-modal-loader__rectangle[data-v-7f059980]:nth-of-type(3) {
    max-width: 496px
}

.task-view-modal-loader__body-description .task-view-modal-loader__rectangle[data-v-7f059980]:nth-of-type(4) {
    max-width: 440px
}

.task-view-modal-loader__body-history .task-view-modal-loader__rectangle[data-v-7f059980]:nth-of-type(2) {
    max-width: 160px
}

.task-view-modal-loader__body-history .task-view-modal-loader__rectangle[data-v-7f059980]:nth-of-type(4) {
    max-width: 120px
}

.task-view-modal-loader__body-comment-header .task-view-modal-loader__rectangle[data-v-7f059980] {
    height: 12px;
    border-radius: 4px
}

.task-view-modal-loader__body-comment-body .task-view-modal-loader__rectangle[data-v-7f059980] {
    height: 8px
}

.task-view-modal-loader__body-comment-body .task-view-modal-loader__rectangle[data-v-7f059980]:first-of-type {
    max-width: 192px
}

.task-view-modal-loader__body-comment-body .task-view-modal-loader__rectangle[data-v-7f059980]:nth-of-type(2) {
    max-width: 257px
}

.task-view-modal-loader__body-comment-body .task-view-modal-loader__rectangle[data-v-7f059980]:last-of-type {
    max-width: 257px
}

.dark .task-view-modal-loader__rectangle[data-v-7f059980] {
    background-color: #2f3136
}

.task-view-modal-loader__square[data-v-7f059980] {
    width: 22px;
    height: 22px;
    background-color: #ececec;
    border-radius: 4px
}

.dark .task-view-modal-loader__square[data-v-7f059980] {
    background-color: #2f3136
}

.task-view-modal-loader__circle[data-v-7f059980] {
    width: 24px;
    height: 24px;
    margin-right: 4px;
    background-color: #ececec;
    border-radius: 50%
}

.dark .task-view-modal-loader__circle[data-v-7f059980] {
    background-color: #2f3136
}

.task-view-modal-loader__body[data-v-7f059980] {
    display: grid;
    grid-template-rows: repeat(4, max-content) 1fr;
    align-items: flex-end
}

.task-view-modal-loader__body-interface[data-v-7f059980] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 10px;
    height: 116px;
    padding: 14px 14px 24px
}

.task-view-modal-loader__body-settings[data-v-7f059980] {
    display: grid;
    grid-template-columns: 22px 1fr;
    grid-template-rows: 40px 90px;
    grid-gap: 7px 16px;
    height: 161px;
    padding: 0 14px 24px
}

.task-view-modal-loader__body-description[data-v-7f059980] {
    display: grid;
    grid-template-columns: 22px 1fr;
    grid-template-rows: repeat(3, 34px);
    grid-gap: 8px 16px;
    height: 146px;
    padding: 0 14px 28px
}

.task-view-modal-loader__body-history[data-v-7f059980] {
    display: grid;
    grid-template-columns: 22px 1fr;
    grid-template-rows: repeat(2, 22px);
    grid-gap: 8px 16px;
    height: 52px;
    padding: 0 14px
}

.task-view-modal-loader__body-comment-header[data-v-7f059980] {
    display: grid;
    grid-template-columns: max-content 50px 74px;
    grid-column-gap: 4px;
    align-items: center;
    padding: 16px 14px 8px;
    border-top: 1px solid #F0F0F0
}

.dark .task-view-modal-loader__body-comment-header[data-v-7f059980] {
    border-color: #242629
}

.task-view-modal-loader__body-comment-body[data-v-7f059980] {
    display: flex;
    justify-content: space-between;
    height: 48px;
    padding: 0 14px 16px;
    max-width: 481px;
    flex-wrap: wrap
}

[data-v-d699b9f9]:root {
    --color-scheme-active: #6C78F4
}

.attribute[data-v-d699b9f9] {
    display: grid;
    grid-template-columns: 160px 1fr;
    grid-column-gap: 12px;
    align-items: center;
    min-height: 32px;
    padding-left: 4px
}

.attribute__information[data-v-d699b9f9] {
    display: grid;
    grid-template-columns: repeat(2, max-content);
    grid-column-gap: 8px;
    align-items: center;
    padding-right: 4px
}

.attribute__name[data-v-d699b9f9] {
    font-weight: 400;
    font-size: 13px;
    line-height: 16px;
    color: #9499ad
}

[data-v-1474887c]:root {
    --color-scheme-active: #6C78F4
}

.name[data-v-1474887c] .attribute__information {
    min-height: 24px
}

.name__input[data-v-1474887c] {
    height: 24px;
    margin: 0;
    padding: 0;
    font-weight: 500;
    font-size: 13px;
    line-height: 13px;
    color: #525c7a;
    border: none;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.name__input[data-v-1474887c]::placeholder {
    color: #acb1c2
}

.dark .name__input[data-v-1474887c]::placeholder {
    color: #ddd
}

.dark .name__input[data-v-1474887c] {
    background-color: transparent;
    border-color: transparent
}

[data-v-947e4955]:root {
    --color-scheme-active: #6C78F4
}

.phones[data-v-947e4955] {
    align-items: flex-start!important;
    height: auto!important
}

.phones[data-v-947e4955] .attribute__information {
    min-height: 24px
}

.phones__phone[data-v-947e4955] {
    display: grid;
    grid-template-columns: 1fr max-content;
    gap: 12px;
    align-items: center
}

.phones__phone-input[data-v-947e4955] {
    height: 24px;
    margin: 0;
    padding: 0;
    font-weight: 500;
    font-size: 13px;
    line-height: 13px;
    color: #525c7a;
    border: none;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.phones__phone-input[data-v-947e4955]::placeholder {
    color: #acb1c2
}

.dark .phones__phone-input[data-v-947e4955]::placeholder {
    color: #ddd
}

.dark .phones__phone-input[data-v-947e4955] {
    background-color: transparent;
    border-color: transparent
}

.phones__phone-buttons[data-v-947e4955] {
    pointer-events: none;
    opacity: 0;
    display: flex;
    gap: 12px;
    transition: .2s ease-in-out
}

.phones__phone:hover .phones__phone-buttons[data-v-947e4955] {
    pointer-events: all;
    opacity: 1
}

[data-v-51796126]:root {
    --color-scheme-active: #6C78F4
}

.emails[data-v-51796126] {
    align-items: flex-start!important;
    height: auto!important
}

.emails[data-v-51796126] .attribute__information {
    min-height: 24px
}

.emails__email[data-v-51796126] {
    display: grid;
    grid-template-columns: 1fr max-content;
    gap: 12px;
    align-items: center
}

.emails__email-input[data-v-51796126] {
    height: 24px;
    margin: 0;
    padding: 0;
    font-weight: 500;
    font-size: 13px;
    line-height: 13px;
    color: #525c7a;
    border: none;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.emails__email-input[data-v-51796126]::placeholder {
    color: #acb1c2
}

.dark .emails__email-input[data-v-51796126]::placeholder {
    color: #ddd
}

.dark .emails__email-input[data-v-51796126] {
    background-color: transparent;
    border-color: transparent
}

.emails__email-buttons[data-v-51796126] {
    pointer-events: none;
    opacity: 0;
    display: flex;
    gap: 12px;
    transition: .2s ease-in-out
}

.emails__email:hover .emails__email-buttons[data-v-51796126] {
    pointer-events: all;
    opacity: 1
}

[data-v-218e4bb0]:root {
    --color-scheme-active: #6C78F4
}

.addresses[data-v-218e4bb0] {
    align-items: flex-start!important;
    height: auto!important
}

.addresses[data-v-218e4bb0] .attribute__information {
    min-height: 24px
}

.addresses__address[data-v-218e4bb0] {
    display: grid;
    grid-template-columns: 1fr max-content;
    gap: 12px;
    align-items: center
}

.addresses__address-input[data-v-218e4bb0] {
    height: 24px;
    margin: 0;
    padding: 0;
    font-weight: 500;
    font-size: 13px;
    line-height: 13px;
    color: #525c7a;
    border: none;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.addresses__address-input[data-v-218e4bb0]::placeholder {
    color: #acb1c2
}

.dark .addresses__address-input[data-v-218e4bb0]::placeholder {
    color: #ddd
}

.dark .addresses__address-input[data-v-218e4bb0] {
    background-color: transparent;
    border-color: transparent
}

.addresses__address-buttons[data-v-218e4bb0] {
    pointer-events: none;
    opacity: 0;
    display: flex;
    gap: 12px;
    transition: .2s ease-in-out
}

.addresses__address-input:focus~.addresses__address-buttons[data-v-218e4bb0] {
    pointer-events: all;
    opacity: 1
}

.addresses__address:hover .addresses__address-buttons[data-v-218e4bb0] {
    pointer-events: all;
    opacity: 1
}

[data-v-cda19ab4]:root {
    --color-scheme-active: #6C78F4
}

.not-selected__button[data-v-cda19ab4] {
    width: max-content;
    height: 100%;
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    color: #c1c5d7
}

.dark .not-selected__button[data-v-cda19ab4] {
    color: #ddd
}

[data-v-3e7e939f]:root {
    --color-scheme-active: #6C78F4
}

.hoverable[data-v-3e7e939f] {
    width: max-content;
    height: 28px;
    padding: 0 4px;
    transition: background-color .2s ease;
    cursor: pointer;
    border-radius: 6px
}

.hoverable.disabled[data-v-3e7e939f] {
    pointer-events: none
}

.hoverable[data-v-3e7e939f]:hover,
.hoverable.active[data-v-3e7e939f] {
    background-color: #ededf5
}

.dark .hoverable[data-v-3e7e939f]:hover,
.dark .hoverable.active[data-v-3e7e939f] {
    background-color: #2f3136
}

[data-v-2bcc4e2f]:root {
    --color-scheme-active: #6C78F4
}

.responsibles__dropdown[data-v-2bcc4e2f] {
    position: fixed;
    z-index: 10;
    width: 240px
}

.responsibles__item[data-v-2bcc4e2f] {
    display: grid;
    grid-template-columns: repeat(2, max-content);
    grid-column-gap: 6px;
    align-items: center;
    font-weight: 500;
    font-size: 13px;
    line-height: 13px;
    color: #525c7a
}

.dark .responsibles__item[data-v-2bcc4e2f] {
    color: #ddd
}

[data-v-6b0dddc8]:root {
    --color-scheme-active: #6C78F4
}

.contacts[data-v-6b0dddc8] {
    align-items: flex-start;
    height: auto
}

.contacts__cards[data-v-6b0dddc8] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    margin-bottom: 9px
}

.contacts__dropdown[data-v-6b0dddc8] {
    position: fixed;
    z-index: 10;
    width: 240px
}

.contacts__item[data-v-6b0dddc8] {
    display: grid;
    grid-template-columns: repeat(2, max-content);
    grid-column-gap: 6px;
    align-items: center;
    font-weight: 500;
    font-size: 13px;
    line-height: 13px;
    color: #525c7a
}

.dark .contacts__item[data-v-6b0dddc8] {
    color: #ddd
}

[data-v-7121eef5]:root {
    --color-scheme-active: #6C78F4
}

.attributes[data-v-7121eef5] {
    display: grid;
    grid-auto-flow: row;
    grid-auto-rows: max-content;
    grid-row-gap: 14px;
    padding: 20px
}

[data-v-fc36c34c]:root {
    --color-scheme-active: #6C78F4
}

.v-search-tags[data-v-fc36c34c] {
    z-index: 1;
    width: 300px;
    border-radius: 4px;
    background-color: #fff;
    box-shadow: 0 1px 7px #0000001a
}

.dark .v-search-tags[data-v-fc36c34c] {
    background-color: #2f3136
}

.v-search-tags__search[data-v-fc36c34c] {
    position: relative;
    height: 35px;
    border-bottom: 1px solid #F8F8FB
}

.dark .v-search-tags__search[data-v-fc36c34c] {
    border-color: #1e1f22
}

.v-search-tags__tags[data-v-fc36c34c] {
    max-height: 130px;
    overflow: hidden auto
}

.v-search-tags__icon-search[data-v-fc36c34c] {
    position: absolute;
    top: 50%;
    left: 8px;
    pointer-events: none;
    margin-top: -10.5px
}

.v-search-tags__input[data-v-fc36c34c] {
    display: block;
    width: 100%;
    height: 100%;
    padding: 0 6px 0 38px;
    font-size: .875rem;
    border: none;
    outline: none;
    box-shadow: none!important
}

.v-search-tags__tag-wrap[data-v-fc36c34c] {
    display: flex;
    gap: 5px;
    align-items: center;
    height: 32px;
    padding-left: 10px;
    transition: background-color .2s ease-in-out
}

.v-search-tags__tag-wrap[data-v-fc36c34c]:hover {
    background-color: #f8f8fb
}

.v-search-tags__tag-wrap.focus[data-v-fc36c34c] {
    background-color: #e8e8f2
}

.dark .v-search-tags__tag-wrap[data-v-fc36c34c]:hover {
    background-color: #383a3f
}

.v-search-tags__tag[data-v-fc36c34c] {
    display: flex;
    align-items: center;
    height: 20px;
    padding: 3px 6px;
    font-size: 10px;
    font-weight: 600;
    line-height: 12px;
    white-space: nowrap;
    border-radius: 4px;
    text-overflow: ellipsis
}

.v-search-tags__tag.grey[data-v-fc36c34c] {
    background-color: #d3d3d3
}

.dark .v-search-tags__tag.grey[data-v-fc36c34c] {
    color: #8d8d8d;
    background-color: #383a3f
}

.v-search-tags__tag-creation[data-v-fc36c34c] {
    font-weight: 400;
    font-size: 12px;
    line-height: 100%
}

[data-v-e3f625cd]:root {
    --color-scheme-active: #6C78F4
}

.detail-view-tags[data-v-e3f625cd] {
    display: grid;
    grid-template-columns: max-content 1fr;
    grid-column-gap: 9px;
    width: 100%;
    padding: 0 20px 10px 21px
}

.detail-view-tags__icon[data-v-e3f625cd] {
    padding-top: 7px
}

.detail-view-tags__wrap[data-v-e3f625cd] {
    display: flex;
    flex-wrap: wrap;
    gap: 9px;
    padding: 7px;
    border: 1px solid transparent;
    border-radius: 4px;
    transition: all .2s ease-in-out
}

.detail-view-tags__wrap[data-v-e3f625cd]:hover,
.detail-view-tags__wrap_active[data-v-e3f625cd] {
    border-color: #ededf5
}

.detail-view-tags.readonly .detail-view-tags__wrap[data-v-e3f625cd]:hover,
.detail-view-tags.readonly .detail-view-tags__wrap_active[data-v-e3f625cd] {
    border-color: transparent
}

.dark .detail-view-tags__wrap[data-v-e3f625cd] {
    border-color: #1e1f22
}

.detail-view-tags__new-tag[data-v-e3f625cd] {
    position: relative;
    display: flex;
    flex-grow: 1;
    align-items: center;
    cursor: pointer
}

.detail-view-tags.readonly .detail-view-tags__new-tag[data-v-e3f625cd] {
    cursor: default
}

.dark .detail-view-tags__new-tag[data-v-e3f625cd] {
    color: #ddd
}

.detail-view-tags__new-tag-text[data-v-e3f625cd] {
    font-size: 14px;
    font-weight: 300;
    line-height: 17px;
    color: #aeaeae
}

.detail-view-tags__new-tag-search[data-v-e3f625cd] {
    position: fixed;
    z-index: 10
}

[data-v-cd887472]:root {
    --color-scheme-active: #6C78F4
}

.opening[data-v-cd887472] {
    min-width: 90px;
    height: 100%;
    padding: 0 16px;
    color: #93969f;
    background-color: #f8f8fb;
    border-left: 1px solid #EDEDF5;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
    transition: background-color .2s ease;
    font-weight: 400;
    font-size: 12px;
    line-height: 12px
}

.opening[data-v-cd887472]:hover {
    background-color: #ededf5
}

.opening[data-v-cd887472]:active {
    background-color: #e5e7ee
}

.dark .opening[data-v-cd887472] {
    color: #ddd;
    border-color: #2a2a2a;
    background-color: #2f3136
}

[data-v-c77cce87]:root {
    --color-scheme-active: #6C78F4
}

.deal[data-v-c77cce87] {
    display: flex;
    gap: 10px;
    justify-content: space-between;
    align-items: center;
    height: 36px;
    padding-left: 4px;
    transition: border-color .2s ease;
    cursor: pointer;
    border: 1px solid transparent;
    border-radius: 8px
}

.deal[data-v-c77cce87]:hover,
.deal.active[data-v-c77cce87] {
    border-color: #ededf5
}

.deal.disabled[data-v-c77cce87] {
    pointer-events: none
}

.dark .deal[data-v-c77cce87]:hover,
.dark .deal.active[data-v-c77cce87] {
    border-color: #2a2a2a
}

.deal__user[data-v-c77cce87] {
    margin-right: 12px
}

.deal__data[data-v-c77cce87] {
    display: flex;
    gap: 4px;
    align-items: center
}

.deal__title[data-v-c77cce87] {
    font-weight: 400;
    font-size: 14px;
    line-height: 100%;
    padding-left: 28px;
    overflow: hidden;
    white-space: nowrap;
    color: #202430;
    text-overflow: ellipsis
}

.dark .deal__title[data-v-c77cce87] {
    color: #ddd
}

.deal__status[data-v-c77cce87] {
    font-weight: 400;
    font-size: 12px;
    line-height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 24px;
    padding: 6px 12px;
    border-radius: 6px
}

.deal__status.won[data-v-c77cce87] {
    color: #00a92f;
    background: #00a92f1a
}

.deal__status.lost[data-v-c77cce87] {
    color: #e77a7c;
    background: #e77a7c1a
}

[data-v-1fd4ac8a]:root {
    --color-scheme-active: #6C78F4
}

.deals[data-v-1fd4ac8a] {
    margin: 0 20px
}

.deals__header-title[data-v-1fd4ac8a] {
    display: flex;
    gap: 8px;
    align-items: center;
    margin-bottom: 8px;
    color: #9499ad;
    font-weight: 500;
    font-size: 13px;
    line-height: 13px
}

.v-tabs {
    position: relative;
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: max-content;
    grid-gap: 0 15px;
    margin: 0;
    padding: 0 14px;
    border-bottom: 1px solid #EDEDF5;
    list-style: none
}

.dark .v-tabs {
    border-bottom-color: #2f3136
}

.v-tabs__item {
    position: relative;
    display: flex;
    gap: 4px;
    align-items: center;
    padding: 12px 0;
    font-size: 14px;
    color: #6a707c;
    transition: all .2s;
    border-bottom: 2px solid transparent
}

.v-tabs__item:before {
    content: "";
    position: absolute;
    top: calc(100%+ 1px);
    left: 0;
    width: 100%;
    height: 2px;
    background-color: transparent;
    transition: all .2s;
    border-radius: 1px 1px 0 0
}

.v-tabs__item:hover {
    cursor: pointer
}

.v-tabs__item:hover:before {
    background-color: var(--color-scheme-active)
}

.dark .v-tabs__item {
    color: #f1f2f4
}

.v-tabs__item_active {
    pointer-events: none;
    color: var(--color-scheme-active)
}

.v-tabs__item_active:before {
    background-color: var(--color-scheme-active)
}

.v-tabs__item_disabled {
    pointer-events: none;
    color: #a5a8b3
}

.v-tabs__icon:deep(svg) {
    fill: #6a707c!important
}

.v-tabs__item_active .v-tabs__icon:deep(svg) {
    fill: var(--color-scheme-active)!important
}

.v-tabs__item_disabled .v-tabs__icon:deep(svg) {
    fill: #a5a8b3!important
}

.v-tabs__item-num {
    display: flex;
    justify-content: center;
    align-items: center;
    min-width: 12px;
    height: 16px;
    padding: 0 2px;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    color: #fff;
    background-color: #6a707c;
    border-radius: 2px
}

.v-tabs__item_active .v-tabs__item-num {
    background-color: var(--color-scheme-active)
}

[data-v-28293533]:root {
    --color-scheme-active: #6C78F4
}

.user[data-v-28293533] {
    display: inline-flex;
    vertical-align: middle;
    transition: all .2s ease-in-out;
    cursor: pointer;
    border-radius: 4px
}

.user[data-v-28293533] .card-wrapper__button {
    gap: 4px;
    align-items: center
}

.user__name[data-v-28293533] {
    font-weight: 500;
    font-size: 12px;
    line-height: 125%;
    max-width: 200px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #383a3f
}

.dark .user__name[data-v-28293533] {
    color: #f8f8fb
}

[data-v-83e32604]:root {
    --color-scheme-active: #6C78F4
}

.icon[data-v-83e32604] {
    display: inline-flex;
    align-items: flex-start;
    height: 16px
}

.icon__user[data-v-83e32604] {
    position: relative
}

.icon__user[data-v-83e32604]:before {
    content: "";
    position: absolute;
    top: 0;
    left: 100%;
    width: 8px;
    height: 16px
}

[data-v-d8b8929f]:root {
    --color-scheme-active: #6C78F4
}

.datetime[data-v-d8b8929f] {
    font-weight: 500;
    font-size: 12px;
    line-height: 16px;
    display: inline-flex;
    vertical-align: middle;
    color: #383a3f
}

.dark .datetime[data-v-d8b8929f] {
    color: #f8f8fb
}

[data-v-76f94f31]:root {
    --color-scheme-active: #6C78F4
}

.datetime-range[data-v-76f94f31] {
    font-weight: 500;
    font-size: 12px;
    line-height: 16px;
    display: inline-flex;
    vertical-align: middle;
    color: #383a3f
}

.dark .datetime-range[data-v-76f94f31] {
    color: #f8f8fb
}

[data-v-ed90afbc]:root {
    --color-scheme-active: #6C78F4
}

.contact[data-v-ed90afbc] {
    display: inline-flex;
    vertical-align: middle;
    cursor: pointer;
    text-decoration: none
}

.contact__avatar[data-v-ed90afbc] {
    margin-right: 4px
}

.contact__name[data-v-ed90afbc] {
    font-weight: 500;
    font-size: 12px;
    line-height: 16px;
    display: inline;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 160px;
    white-space: nowrap;
    color: #383a3f
}

.dark .contact__name[data-v-ed90afbc] {
    color: #f8f8fb
}

[data-v-e7ba1726]:root {
    --color-scheme-active: #6C78F4
}

.custom-field[data-v-e7ba1726] {
    font-weight: 500;
    font-size: 12px;
    line-height: 16px;
    display: inline;
    vertical-align: middle;
    color: var(--color-scheme-active)
}

[data-v-4504df35]:root {
    --color-scheme-active: #6C78F4
}

.custom-field-option[data-v-4504df35] {
    display: inline-flex;
    vertical-align: middle;
    height: 16px;
    padding: 0 2px;
    border-radius: 4px
}

[data-v-6169f9d1]:root {
    --color-scheme-active: #6C78F4
}

.deal[data-v-6169f9d1] {
    font-weight: 500;
    font-size: 12px;
    line-height: 16px;
    display: inline;
    color: #383a3f;
    vertical-align: middle;
    transition: all .2s ease-in-out;
    cursor: pointer
}

.dark .deal[data-v-6169f9d1] {
    color: #f8f8fb
}

.deal[data-v-6169f9d1]:hover {
    color: var(--color-scheme-active)
}

[data-v-edf886b7]:root {
    --color-scheme-active: #6C78F4
}

.tag[data-v-edf886b7] {
    display: inline-flex;
    vertical-align: middle;
    height: 16px
}

[data-v-d64aa684]:root {
    --color-scheme-active: #6C78F4
}

.content[data-v-d64aa684] {
    display: inline-flex;
    vertical-align: middle
}

[data-v-69db3f98]:root {
    --color-scheme-active: #6C78F4
}

.entity-collection[data-v-69db3f98] {
    display: inline;
    vertical-align: middle;
    align-items: center;
    min-height: 16px
}

.entity-collection__item[data-v-69db3f98] {
    margin: 0 2px
}

.entity-collection__item[data-v-69db3f98]:first-child {
    margin-left: 0
}

.entity-collection__item[data-v-69db3f98]:last-child {
    margin-right: 0
}

[data-v-dc014af7]:root {
    --color-scheme-active: #6C78F4
}

.entity[data-v-dc014af7] {
    display: inline-flex;
    vertical-align: middle
}

[data-v-e279c0c4]:root {
    --color-scheme-active: #6C78F4
}

.initiator[data-v-e279c0c4] {
    font-weight: 500;
    font-size: 12px;
    line-height: 125%;
    display: inline-flex;
    gap: 8px;
    vertical-align: middle;
    color: #383a3f
}

.initiator.clickable[data-v-e279c0c4] {
    cursor: pointer
}

.dark .initiator[data-v-e279c0c4] {
    color: #f8f8fb
}

[data-v-d98c1c3f]:root {
    --color-scheme-active: #6C78F4
}

.link[data-v-d98c1c3f] {
    display: inline;
    vertical-align: middle;
    overflow: hidden;
    text-overflow: ellipsis
}

.link__inner[data-v-d98c1c3f] {
    font-weight: 500;
    font-size: 12px;
    line-height: 16px;
    overflow: hidden;
    word-break: break-all;
    color: #383a3f;
    transition: all .2s ease-in-out;
    text-overflow: ellipsis;
    text-decoration: unset
}

.dark .link__inner[data-v-d98c1c3f] {
    color: #f8f8fb
}

.link__inner[data-v-d98c1c3f]:hover {
    color: var(--color-scheme-active)
}

[data-v-da6f64cc]:root {
    --color-scheme-active: #6C78F4
}

.title[data-v-da6f64cc] {
    font-weight: 500;
    font-size: 12px;
    line-height: 16px;
    display: inline;
    vertical-align: middle;
    color: #383a3f
}

.dark .title[data-v-da6f64cc] {
    color: #f8f8fb
}

[data-v-1285d254]:root {
    --color-scheme-active: #6C78F4
}

.nodes[data-v-1285d254] {
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    color: #60636c
}

.dark .nodes[data-v-1285d254] {
    color: #cacad2
}

.nodes__node[data-v-1285d254]:not(:last-child) {
    margin-right: 4px
}

.nodes__node-text[data-v-1285d254] {
    display: inline-flex;
    margin-right: 4px;
    vertical-align: middle
}

[data-v-a4e0fb4a]:root {
    --color-scheme-active: #6C78F4
}

.log[data-v-a4e0fb4a] {
    display: flex;
    gap: 8px;
    justify-content: space-between;
    min-height: 20px;
    padding: 8px
}

.log__column[data-v-a4e0fb4a] {
    display: grid;
    grid-template-columns: 16px 1fr;
    gap: 8px
}

.log__date[data-v-a4e0fb4a] {
    font-weight: 500;
    font-size: 11px;
    line-height: 16px;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    height: 16px;
    white-space: nowrap;
    color: #acb1c2
}

.dark .log__date[data-v-a4e0fb4a] {
    color: #a6a7b3
}

[data-v-19a27934]:root {
    --color-scheme-active: #6C78F4
}

.logs[data-v-19a27934] {
    display: flex;
    margin-bottom: 8px;
    padding: 0 8px;
    flex-direction: column
}

.logs.has-data[data-v-19a27934] {
    margin-top: 8px
}

[data-v-5c0fe94a]:root {
    --color-scheme-active: #6C78F4
}

.tabs[data-v-5c0fe94a] {
    flex: 1;
    display: grid;
    grid-template-rows: max-content 1fr;
    height: 100%
}

[data-v-596e5397]:root {
    --color-scheme-active: #6C78F4
}

.company[data-v-596e5397] {
    display: flex;
    flex-direction: column
}

.company__header[data-v-596e5397] {
    display: flex;
    gap: 8px;
    justify-content: flex-end;
    align-items: center;
    padding: 12px 20px;
    border-bottom: 1px solid #F0F0F0
}

.dark .company__header[data-v-596e5397] {
    border-color: #2a2a2a
}

.company__header-row[data-v-596e5397] {
    display: flex;
    gap: 8px
}

.company__header-row[data-v-596e5397]:after {
    content: "";
    display: block;
    width: 2px;
    height: 12px;
    margin: auto 0;
    border-radius: 2px;
    background: #ededf5
}

.dark .company__header-row[data-v-596e5397]:after {
    color: #93969f
}

.company__information[data-v-596e5397] {
    display: flex;
    gap: 16px;
    align-items: center;
    padding: 20px 20px 0
}

.company__information-texts[data-v-596e5397] {
    max-width: 436px
}

.company__information-name[data-v-596e5397] {
    font-weight: 500;
    font-size: 24px;
    line-height: 30px;
    color: #000
}

.dark .company__information-name[data-v-596e5397] {
    color: #ddd
}

.company__header-copy[data-v-596e5397] {
    display: block;
    margin-top: 2px;
    font-weight: 400;
    font-size: 14px;
    line-height: 14px;
    color: #acb1c2;
    text-decoration: none
}

.dark .company__header-copy[data-v-596e5397] {
    color: #ddd
}

.company__body[data-v-596e5397] {
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    overflow: hidden auto
}

[data-v-da01fee2]:root {
    --color-scheme-active: #6C78F4
}

.company-view-modal[data-v-da01fee2] {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 1000;
    width: 100%;
    overflow: hidden;
    background-color: #fff;
    transition: transform .25s ease-in-out;
    max-width: 560px;
    box-shadow: 0 0 40px #5959591a;
    backface-visibility: hidden
}

.company-view-modal.important[data-v-da01fee2] {
    z-index: 1001
}

.company-view-modal.full[data-v-da01fee2] {
    max-width: 1144px
}

.dark .company-view-modal[data-v-da01fee2] {
    background-color: #383a3f;
    box-shadow: 0 0 29px #2426299e
}

.company-view__detail[data-v-da01fee2] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    outline: 0
}

[data-v-df9b71dd]:root {
    --color-scheme-active: #6C78F4
}

.attribute[data-v-df9b71dd] {
    display: grid;
    grid-template-columns: 160px 1fr;
    grid-column-gap: 12px;
    align-items: center;
    min-height: 32px;
    padding-left: 4px
}

.attribute__information[data-v-df9b71dd] {
    display: grid;
    grid-template-columns: repeat(2, max-content);
    grid-column-gap: 8px;
    align-items: center;
    padding-right: 4px
}

.attribute__name[data-v-df9b71dd] {
    font-weight: 400;
    font-size: 13px;
    line-height: 16px;
    color: #9499ad
}

[data-v-0465fed5]:root {
    --color-scheme-active: #6C78F4
}

.name[data-v-0465fed5] {
    align-items: flex-start!important;
    height: auto!important
}

.name[data-v-0465fed5] .attribute__information {
    min-height: 24px
}

.name__input[data-v-0465fed5] {
    height: 24px;
    margin: 0;
    padding: 0;
    font-weight: 500;
    font-size: 13px;
    line-height: 13px;
    color: #525c7a;
    border: none;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.name__input[data-v-0465fed5]::placeholder {
    color: #acb1c2
}

.dark .name__input[data-v-0465fed5]::placeholder {
    color: #ddd
}

.dark .name__input[data-v-0465fed5] {
    background-color: transparent;
    border-color: transparent
}

[data-v-6b40c99e]:root {
    --color-scheme-active: #6C78F4
}

.emails[data-v-6b40c99e] {
    align-items: flex-start!important;
    height: auto!important
}

.emails[data-v-6b40c99e] .attribute__information {
    min-height: 24px
}

.emails__email[data-v-6b40c99e] {
    display: grid;
    grid-template-columns: 1fr max-content;
    gap: 12px;
    align-items: center
}

.emails__email-input[data-v-6b40c99e] {
    height: 24px;
    margin: 0;
    padding: 0;
    font-weight: 500;
    font-size: 13px;
    line-height: 13px;
    color: #525c7a;
    border: none;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.emails__email-input[data-v-6b40c99e]::placeholder {
    color: #acb1c2
}

.dark .emails__email-input[data-v-6b40c99e]::placeholder {
    color: #ddd
}

.dark .emails__email-input[data-v-6b40c99e] {
    background-color: transparent;
    border-color: transparent
}

.emails__email-buttons[data-v-6b40c99e] {
    pointer-events: none;
    opacity: 0;
    display: flex;
    gap: 12px;
    transition: .2s ease-in-out
}

.emails__email:hover .emails__email-buttons[data-v-6b40c99e] {
    pointer-events: all;
    opacity: 1
}

[data-v-199f5eae]:root {
    --color-scheme-active: #6C78F4
}

.phones[data-v-199f5eae] {
    align-items: flex-start!important;
    height: auto!important
}

.phones[data-v-199f5eae] .attribute__information {
    min-height: 24px
}

.phones__phone[data-v-199f5eae] {
    display: grid;
    grid-template-columns: 1fr max-content;
    gap: 12px;
    align-items: center
}

.phones__phone-input[data-v-199f5eae] {
    height: 24px;
    margin: 0;
    padding: 0;
    font-weight: 500;
    font-size: 13px;
    line-height: 13px;
    color: #525c7a;
    border: none;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.phones__phone-input[data-v-199f5eae]::placeholder {
    color: #acb1c2
}

.dark .phones__phone-input[data-v-199f5eae]::placeholder {
    color: #ddd
}

.dark .phones__phone-input[data-v-199f5eae] {
    background-color: transparent;
    border-color: transparent
}

.phones__phone-buttons[data-v-199f5eae] {
    pointer-events: none;
    opacity: 0;
    display: flex;
    gap: 12px;
    transition: .2s ease-in-out
}

.phones__phone:hover .phones__phone-buttons[data-v-199f5eae] {
    pointer-events: all;
    opacity: 1
}

[data-v-861fa5de]:root {
    --color-scheme-active: #6C78F4
}

.not-selected__button[data-v-861fa5de] {
    width: max-content;
    height: 100%;
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    color: #c1c5d7
}

.dark .not-selected__button[data-v-861fa5de] {
    color: #ddd
}

[data-v-a63311b6]:root {
    --color-scheme-active: #6C78F4
}

.companies[data-v-a63311b6] {
    align-items: flex-start;
    height: auto
}

.companies__cards[data-v-a63311b6] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    margin-bottom: 9px
}

.companies__dropdown[data-v-a63311b6] {
    position: fixed;
    z-index: 10;
    width: 240px
}

.companies__item[data-v-a63311b6] {
    display: grid;
    grid-template-columns: repeat(2, max-content);
    grid-column-gap: 6px;
    align-items: center;
    font-weight: 500;
    font-size: 13px;
    line-height: 13px;
    color: #525c7a
}

.dark .companies__item[data-v-a63311b6] {
    color: #ddd
}

[data-v-373e25df]:root {
    --color-scheme-active: #6C78F4
}

.attributes[data-v-373e25df] {
    display: grid;
    grid-auto-flow: row;
    grid-auto-rows: max-content;
    grid-row-gap: 14px;
    padding: 20px
}

[data-v-2aeaa219]:root {
    --color-scheme-active: #6C78F4
}

.opening[data-v-2aeaa219] {
    min-width: 90px;
    height: 100%;
    padding: 0 16px;
    color: #93969f;
    background-color: #f8f8fb;
    border-left: 1px solid #EDEDF5;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
    transition: background-color .2s ease;
    font-weight: 400;
    font-size: 12px;
    line-height: 12px
}

.opening[data-v-2aeaa219]:hover {
    background-color: #ededf5
}

.opening[data-v-2aeaa219]:active {
    background-color: #e5e7ee
}

.dark .opening[data-v-2aeaa219] {
    color: #ddd;
    border-color: #2a2a2a;
    background-color: #2f3136
}

[data-v-d8b48cfc]:root {
    --color-scheme-active: #6C78F4
}

.deal[data-v-d8b48cfc] {
    display: flex;
    gap: 10px;
    justify-content: space-between;
    align-items: center;
    height: 36px;
    padding-left: 4px;
    transition: border-color .2s ease;
    cursor: pointer;
    border: 1px solid transparent;
    border-radius: 8px
}

.deal[data-v-d8b48cfc]:hover,
.deal.active[data-v-d8b48cfc] {
    border-color: #ededf5
}

.deal.disabled[data-v-d8b48cfc] {
    pointer-events: none
}

.dark .deal[data-v-d8b48cfc]:hover,
.dark .deal.active[data-v-d8b48cfc] {
    border-color: #2a2a2a
}

.deal__user[data-v-d8b48cfc] {
    margin-right: 12px
}

.deal__data[data-v-d8b48cfc] {
    display: flex;
    gap: 4px;
    align-items: center
}

.deal__title[data-v-d8b48cfc] {
    font-weight: 400;
    font-size: 14px;
    line-height: 100%;
    padding-left: 28px;
    overflow: hidden;
    white-space: nowrap;
    color: #202430;
    text-overflow: ellipsis
}

.dark .deal__title[data-v-d8b48cfc] {
    color: #ddd
}

.deal__status[data-v-d8b48cfc] {
    font-weight: 400;
    font-size: 12px;
    line-height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 24px;
    padding: 6px 12px;
    border-radius: 6px
}

.deal__status.won[data-v-d8b48cfc] {
    color: #00a92f;
    background: #00a92f1a
}

.deal__status.lost[data-v-d8b48cfc] {
    color: #e77a7c;
    background: #e77a7c1a
}

[data-v-b5e60706]:root {
    --color-scheme-active: #6C78F4
}

.deals[data-v-b5e60706] {
    margin: 0 20px
}

.deals__header-title[data-v-b5e60706] {
    display: flex;
    gap: 8px;
    align-items: center;
    margin-bottom: 8px;
    color: #9499ad;
    font-weight: 500;
    font-size: 13px;
    line-height: 13px
}

[data-v-09264360]:root {
    --color-scheme-active: #6C78F4
}

.user[data-v-09264360] {
    display: inline-flex;
    vertical-align: middle;
    transition: all .2s ease-in-out;
    cursor: pointer;
    border-radius: 4px
}

.user[data-v-09264360] .card-wrapper__button {
    gap: 4px;
    align-items: center
}

.user__name[data-v-09264360] {
    font-weight: 500;
    font-size: 12px;
    line-height: 125%;
    max-width: 200px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #383a3f
}

.dark .user__name[data-v-09264360] {
    color: #f8f8fb
}

[data-v-6a445cdc]:root {
    --color-scheme-active: #6C78F4
}

.icon[data-v-6a445cdc] {
    display: inline-flex;
    align-items: flex-start;
    height: 16px
}

.icon__user[data-v-6a445cdc] {
    position: relative
}

.icon__user[data-v-6a445cdc]:before {
    content: "";
    position: absolute;
    top: 0;
    left: 100%;
    width: 8px;
    height: 16px
}

[data-v-eea5dd7d]:root {
    --color-scheme-active: #6C78F4
}

.datetime[data-v-eea5dd7d] {
    font-weight: 500;
    font-size: 12px;
    line-height: 16px;
    display: inline-flex;
    vertical-align: middle;
    color: #383a3f
}

.dark .datetime[data-v-eea5dd7d] {
    color: #f8f8fb
}

[data-v-968d506b]:root {
    --color-scheme-active: #6C78F4
}

.datetime-range[data-v-968d506b] {
    font-weight: 500;
    font-size: 12px;
    line-height: 16px;
    display: inline-flex;
    vertical-align: middle;
    color: #383a3f
}

.dark .datetime-range[data-v-968d506b] {
    color: #f8f8fb
}

[data-v-daad6597]:root {
    --color-scheme-active: #6C78F4
}

.custom-field[data-v-daad6597] {
    font-weight: 500;
    font-size: 12px;
    line-height: 16px;
    display: inline;
    vertical-align: middle;
    color: var(--color-scheme-active)
}

[data-v-ec77cc75]:root {
    --color-scheme-active: #6C78F4
}

.custom-field-option[data-v-ec77cc75] {
    display: inline-flex;
    vertical-align: middle;
    height: 16px;
    padding: 0 2px;
    border-radius: 4px
}

[data-v-6b8f3bb3]:root {
    --color-scheme-active: #6C78F4
}

.deal[data-v-6b8f3bb3] {
    font-weight: 500;
    font-size: 12px;
    line-height: 16px;
    display: inline;
    color: #383a3f;
    vertical-align: middle;
    transition: all .2s ease-in-out;
    cursor: pointer
}

.dark .deal[data-v-6b8f3bb3] {
    color: #f8f8fb
}

.deal[data-v-6b8f3bb3]:hover {
    color: var(--color-scheme-active)
}

[data-v-3649f6dc]:root {
    --color-scheme-active: #6C78F4
}

.organization[data-v-3649f6dc] {
    display: inline-flex;
    vertical-align: middle;
    cursor: pointer;
    text-decoration: none
}

.organization__avatar[data-v-3649f6dc] {
    margin-right: 4px
}

.organization__name[data-v-3649f6dc] {
    font-weight: 500;
    font-size: 12px;
    line-height: 16px;
    display: inline;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 160px;
    white-space: nowrap;
    color: #383a3f
}

.dark .organization__name[data-v-3649f6dc] {
    color: #f8f8fb
}

[data-v-56b98618]:root {
    --color-scheme-active: #6C78F4
}

.tag[data-v-56b98618] {
    display: inline-flex;
    vertical-align: middle;
    height: 16px
}

[data-v-55ff59ab]:root {
    --color-scheme-active: #6C78F4
}

.content[data-v-55ff59ab] {
    display: inline-flex;
    vertical-align: middle
}

[data-v-8b285019]:root {
    --color-scheme-active: #6C78F4
}

.entity-collection[data-v-8b285019] {
    display: inline;
    vertical-align: middle;
    align-items: center;
    min-height: 16px
}

.entity-collection__item[data-v-8b285019] {
    margin: 0 2px
}

.entity-collection__item[data-v-8b285019]:first-child {
    margin-left: 0
}

.entity-collection__item[data-v-8b285019]:last-child {
    margin-right: 0
}

[data-v-ea518d8f]:root {
    --color-scheme-active: #6C78F4
}

.entity[data-v-ea518d8f] {
    display: inline-flex;
    vertical-align: middle
}

[data-v-d112831b]:root {
    --color-scheme-active: #6C78F4
}

.initiator[data-v-d112831b] {
    font-weight: 500;
    font-size: 12px;
    line-height: 125%;
    display: inline-flex;
    gap: 8px;
    vertical-align: middle;
    color: #383a3f
}

.initiator.clickable[data-v-d112831b] {
    cursor: pointer
}

.dark .initiator[data-v-d112831b] {
    color: #f8f8fb
}

[data-v-012084f7]:root {
    --color-scheme-active: #6C78F4
}

.link[data-v-012084f7] {
    display: inline;
    vertical-align: middle;
    overflow: hidden;
    text-overflow: ellipsis
}

.link__inner[data-v-012084f7] {
    font-weight: 500;
    font-size: 12px;
    line-height: 16px;
    overflow: hidden;
    word-break: break-all;
    color: #383a3f;
    transition: all .2s ease-in-out;
    text-overflow: ellipsis;
    text-decoration: unset
}

.dark .link__inner[data-v-012084f7] {
    color: #f8f8fb
}

.link__inner[data-v-012084f7]:hover {
    color: var(--color-scheme-active)
}

[data-v-6a3e1971]:root {
    --color-scheme-active: #6C78F4
}

.title[data-v-6a3e1971] {
    font-weight: 500;
    font-size: 12px;
    line-height: 16px;
    display: inline;
    vertical-align: middle;
    color: #383a3f
}

.dark .title[data-v-6a3e1971] {
    color: #f8f8fb
}

[data-v-b7effb53]:root {
    --color-scheme-active: #6C78F4
}

.nodes[data-v-b7effb53] {
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    color: #60636c
}

.dark .nodes[data-v-b7effb53] {
    color: #cacad2
}

.nodes__node[data-v-b7effb53]:not(:last-child) {
    margin-right: 4px
}

.nodes__node-text[data-v-b7effb53] {
    display: inline-flex;
    margin-right: 4px;
    vertical-align: middle
}

[data-v-0f70fa10]:root {
    --color-scheme-active: #6C78F4
}

.log[data-v-0f70fa10] {
    display: flex;
    gap: 8px;
    justify-content: space-between;
    min-height: 20px;
    padding: 8px
}

.log__column[data-v-0f70fa10] {
    display: grid;
    grid-template-columns: 16px 1fr;
    gap: 8px
}

.log__date[data-v-0f70fa10] {
    font-weight: 500;
    font-size: 11px;
    line-height: 16px;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    height: 16px;
    white-space: nowrap;
    color: #acb1c2
}

.dark .log__date[data-v-0f70fa10] {
    color: #a6a7b3
}

[data-v-fb020d22]:root {
    --color-scheme-active: #6C78F4
}

.logs[data-v-fb020d22] {
    display: flex;
    margin-bottom: 8px;
    padding: 0 8px;
    flex-direction: column
}

.logs.has-data[data-v-fb020d22] {
    margin-top: 8px
}

[data-v-27ccce8d]:root {
    --color-scheme-active: #6C78F4
}

.tabs[data-v-27ccce8d] {
    flex: 1;
    display: grid;
    grid-template-rows: max-content 1fr;
    height: 100%
}

[data-v-009c3418]:root {
    --color-scheme-active: #6C78F4
}

.contact[data-v-009c3418] {
    display: flex;
    flex-direction: column
}

.contact__header[data-v-009c3418] {
    display: flex;
    gap: 8px;
    justify-content: flex-end;
    align-items: center;
    padding: 12px 20px;
    border-bottom: 1px solid #F0F0F0
}

.dark .contact__header[data-v-009c3418] {
    border-color: #2a2a2a
}

.contact__header-row[data-v-009c3418] {
    display: flex;
    gap: 8px
}

.contact__header-row[data-v-009c3418]:after {
    content: "";
    display: block;
    width: 2px;
    height: 12px;
    margin: auto 0;
    border-radius: 2px;
    background: #ededf5
}

.dark .contact__header-row[data-v-009c3418]:after {
    color: #93969f
}

.contact__information[data-v-009c3418] {
    display: flex;
    gap: 16px;
    align-items: center;
    padding: 20px 20px 0
}

.contact__information-texts[data-v-009c3418] {
    max-width: 436px
}

.contact__information-name[data-v-009c3418] {
    font-weight: 500;
    font-size: 24px;
    line-height: 30px;
    color: #000
}

.dark .contact__information-name[data-v-009c3418] {
    color: #ddd
}

.contact__header-copy[data-v-009c3418] {
    display: block;
    margin-top: 2px;
    font-weight: 400;
    font-size: 14px;
    line-height: 14px;
    color: #acb1c2;
    text-decoration: none
}

.dark .contact__header-copy[data-v-009c3418] {
    color: #ddd
}

.contact__body[data-v-009c3418] {
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    overflow: hidden auto
}

[data-v-43fe9283]:root {
    --color-scheme-active: #6C78F4
}

.contact-view-modal[data-v-43fe9283] {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 1000;
    width: 100%;
    overflow: hidden;
    background-color: #fff;
    transition: transform .25s ease-in-out;
    max-width: 560px;
    box-shadow: 0 0 40px #5959591a;
    backface-visibility: hidden
}

.contact-view-modal.important[data-v-43fe9283] {
    z-index: 1001
}

.contact-view-modal.full[data-v-43fe9283] {
    max-width: 1144px
}

.dark .contact-view-modal[data-v-43fe9283] {
    background-color: #383a3f;
    box-shadow: 0 0 29px #2426299e
}

.contact-view__detail[data-v-43fe9283] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    outline: 0
}

[data-v-c151612f]:root {
    --color-scheme-active: #6C78F4
}

.resize[data-v-c151612f] {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 8px;
    height: 100%;
    background: #ededf5;
    transition: background .2s ease;
    cursor: col-resize
}

.resize[data-v-c151612f]:hover {
    background: linear-gradient(0deg, #838fa714, #838fa714), #ededf5
}

.resize[data-v-c151612f]:active,
.resize.active[data-v-c151612f] {
    background: linear-gradient(0deg, #838fa729, #838fa729), #ededf5
}

.dark .resize[data-v-c151612f] {
    background: #242629
}

.resize__element[data-v-c151612f] {
    width: 3px;
    height: 30px;
    background-color: #c1c5d7
}

[data-v-e4918563]:root {
    --color-scheme-active: #6C78F4
}

.skeleton[data-v-e4918563] {
    display: flex;
    flex-direction: column
}

.skeleton__group.first[data-v-e4918563] {
    flex: none;
    display: flex;
    align-items: center;
    height: 52px;
    padding: 0 16px;
    border-bottom: 1px solid #EDEDF5
}

.skeleton__group.second[data-v-e4918563] {
    display: grid;
    grid-template-columns: 120px 80px;
    grid-column-gap: 8px;
    height: 36px;
    margin: 32px 32px 17px
}

.skeleton__group.third[data-v-e4918563] {
    display: grid;
    width: 468px;
    height: 24px;
    margin: 0 0 4px 32px
}

.skeleton__group.fourth[data-v-e4918563] {
    display: grid;
    width: 312px;
    height: 24px;
    margin: 0 0 24px 32px
}

.skeleton__group.sixth[data-v-e4918563] {
    display: grid;
    grid-template-columns: repeat(5, 72px);
    grid-column-gap: 8px;
    height: 24px;
    margin: 0 0 32px 32px
}

.skeleton__group.seventh[data-v-e4918563] {
    display: grid;
    grid-template-columns: 120px 180px;
    grid-column-gap: 44px;
    height: 24px;
    margin: 0 0 12px 32px
}

.skeleton__group.eighth[data-v-e4918563] {
    display: grid;
    grid-template-columns: 80px 200px;
    grid-column-gap: 84px;
    height: 24px;
    margin: 0 0 12px 32px
}

.skeleton__group.ninth[data-v-e4918563] {
    display: grid;
    grid-template-columns: repeat(2, 100px);
    grid-column-gap: 64px;
    height: 24px;
    margin: 0 0 12px 32px
}

.skeleton__group.tenth[data-v-e4918563] {
    display: grid;
    grid-template-columns: 72px 140px;
    grid-column-gap: 92px;
    height: 24px;
    margin: 0 0 32px 32px
}

.skeleton__group.eleventh[data-v-e4918563] {
    height: 100%;
    margin: 0 32px;
    background-color: #f8f8fb
}

.dark .skeleton__group.first[data-v-e4918563] {
    border-bottom-color: #2a2a2a
}

.dark .skeleton__group.eleventh[data-v-e4918563] {
    background-color: #2f3136
}

.skeleton__ellipse[data-v-e4918563] {
    width: 100%;
    height: 100%;
    background-color: #f8f8fb;
    border-radius: 123px
}

.skeleton__group.first .skeleton__ellipse[data-v-e4918563] {
    height: 16px
}

.skeleton__group.first .skeleton__ellipse[data-v-e4918563]:nth-of-type(1) {
    flex: none;
    width: 16px;
    margin-right: 12px
}

.skeleton__group.first .skeleton__ellipse[data-v-e4918563]:nth-of-type(2),
.skeleton__group.first .skeleton__ellipse[data-v-e4918563]:nth-of-type(3),
.skeleton__group.first .skeleton__ellipse[data-v-e4918563]:nth-of-type(4) {
    flex: none;
    width: 46px;
    margin-right: 4px
}

.skeleton__group.first .skeleton__ellipse[data-v-e4918563]:nth-of-type(5) {
    flex: none;
    width: 100px;
    margin-right: 16px;
    margin-left: auto
}

.dark .skeleton__ellipse[data-v-e4918563] {
    background-color: #2f3136
}

[data-v-2bd010f4]:root {
    --color-scheme-active: #6C78F4
}

.overview[data-v-2bd010f4] {
    position: fixed;
    z-index: 999;
    pointer-events: none;
    display: flex;
    overflow: hidden;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.overview__wrapper[data-v-2bd010f4] {
    pointer-events: auto;
    display: grid;
    grid-template-columns: max-content 1fr;
    grid-template-rows: 1fr;
    min-height: 100%;
    margin-left: auto;
    background-color: #fff;
    box-shadow: 0 4px 60px #00000040
}

.overview__wrapper.transition[data-v-2bd010f4] {
    transition: width .4s ease
}

.dark .overview__wrapper[data-v-2bd010f4] {
    background-color: #383a3f
}

.overview__skeleton[data-v-2bd010f4] {
    overflow: hidden auto;
    scrollbar-gutter: stable;
    scroll-behavior: smooth
}

[data-v-46da5f57]:root {
    --color-scheme-active: #6C78F4
}

.empty[data-v-46da5f57] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background-color: #f8f8fb
}

.dark .empty[data-v-46da5f57] {
    background: #383a3f
}

.dark .empty__cards[data-v-46da5f57] {
    display: none
}

.empty__title[data-v-46da5f57] {
    max-width: 360px;
    margin-top: 4px;
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
    color: #60636c;
    text-align: center
}

.dark .empty__title[data-v-46da5f57] {
    color: #ddd
}

.empty__button[data-v-46da5f57] {
    margin-top: 12px
}

[data-v-a94dff00]:root {
    --color-scheme-active: #6C78F4
}

.header__wrapper[data-v-a94dff00] {
    display: flex;
    gap: 8px
}

.header__input[data-v-a94dff00] {
    width: 100%
}

.header__arrow[data-v-a94dff00] {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
    background-color: #f8f8fb;
    border-radius: 8px;
    transform: scaleX(-1)
}

.dark .header__arrow[data-v-a94dff00] {
    background-color: #2f3136
}

.header__button[data-v-a94dff00] {
    width: 100%;
    margin-top: 8px
}

[data-v-b1c57a75]:root {
    --color-scheme-active: #6C78F4
}

.settings.active[data-v-b1c57a75] {
    display: block!important
}

.settings__dropdown[data-v-b1c57a75] {
    z-index: 1
}

[data-v-56ba1554]:root {
    --color-scheme-active: #6C78F4
}

.item[data-v-56ba1554] {
    display: flex;
    gap: 8px;
    align-items: center;
    width: 100%;
    padding: 8px;
    overflow: hidden;
    background: transparent;
    cursor: pointer;
    text-align: left;
    border-radius: 8px;
    transition: .2s ease-in-out
}

.item[data-v-56ba1554]:hover,
.item.active[data-v-56ba1554] {
    background-color: #ededf5
}

.dark .item[data-v-56ba1554]:hover,
.dark .item.active[data-v-56ba1554] {
    background-color: #242629
}

.item__avatar[data-v-56ba1554] {
    flex: none
}

.item__title[data-v-56ba1554] {
    font-weight: 500;
    font-size: 14px;
    line-height: 14px;
    overflow: hidden;
    white-space: nowrap;
    color: #242629;
    text-overflow: ellipsis
}

.dark .item__title[data-v-56ba1554] {
    color: #8d8d8d
}

.item__settings[data-v-56ba1554] {
    display: none;
    margin-left: auto;
    transition: .2s ease-in-out
}

.item:hover .item__settings[data-v-56ba1554] {
    display: block
}

.item__icon[data-v-56ba1554] {
    margin-left: auto
}

.item:hover .item__icon[data-v-56ba1554] {
    display: none
}

[data-v-8b86def0]:root {
    --color-scheme-active: #6C78F4
}

.items[data-v-8b86def0] {
    margin: 12px -12px 0 0;
    padding: 0 12px 12px 0;
    scrollbar-gutter: stable;
    overflow: auto
}

[data-v-7ffd45d8]:root {
    --color-scheme-active: #6C78F4
}

.side-navigation[data-v-7ffd45d8] {
    display: flex;
    flex-direction: column;
    height: 100%;
    padding: 12px 12px 0;
    border-right: 1px solid #ededf5;
    overflow: hidden
}

.dark .side-navigation[data-v-7ffd45d8] {
    border-color: #2a2a2a
}

[data-v-8a428d0e]:root {
    --color-scheme-active: #6C78F4
}

.avatar[data-v-8a428d0e] {
    position: relative
}

.avatar__avatars[data-v-8a428d0e] {
    position: absolute;
    top: calc(100%+ 8px);
    left: 0;
    z-index: 100
}

[data-v-3635c64a]:root {
    --color-scheme-active: #6C78F4
}

.cover[data-v-3635c64a] {
    position: relative;
    width: max-content
}

.cover__button[data-v-3635c64a] {
    height: 34px
}

.cover__avatars[data-v-3635c64a] {
    position: absolute;
    top: calc(100%+ 8px);
    left: 0;
    z-index: 100
}

[data-v-5ad2226d]:root {
    --color-scheme-active: #6C78F4
}

.tools[data-v-5ad2226d] {
    display: flex;
    column-gap: 9px;
    transition: opacity .1s ease
}

.tools.active[data-v-5ad2226d] {
    opacity: 1!important
}

.tools__wrapper[data-v-5ad2226d] {
    position: relative
}

.tools__modal[data-v-5ad2226d] {
    position: absolute;
    top: calc(100%+ 8px);
    right: 0;
    z-index: 100
}

.tools__tool[data-v-5ad2226d] {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 34px;
    height: 34px;
    background-color: #f8f8fb;
    border-radius: 4px
}

[data-v-2b8b4eec]:root {
    --color-scheme-active: #6C78F4
}

.cover-image[data-v-2b8b4eec] {
    position: relative;
    margin-bottom: -34px
}

.cover-image__tools[data-v-2b8b4eec] {
    position: absolute;
    top: 12px;
    right: 12px;
    opacity: 0
}

.cover-image:hover .cover-image__tools[data-v-2b8b4eec] {
    opacity: 1
}

.cover-image__media[data-v-2b8b4eec] {
    display: flex;
    max-width: 600px;
    width: 100%;
    height: 120px;
    border-radius: 4px 4px 0 0;
    object-fit: cover
}

[data-v-5b206f68]:root {
    --color-scheme-active: #6C78F4
}

.sharing[data-v-5b206f68] {
    position: relative;
    margin-left: auto
}

.sharing__menu[data-v-5b206f68] {
    position: absolute;
    top: calc(100%+ 10px);
    right: 0;
    z-index: 10
}

[data-v-d324f2be]:root {
    --color-scheme-active: #6C78F4
}

.title[data-v-d324f2be] {
    margin-top: 16px
}

.title__input[data-v-d324f2be] {
    display: block;
    height: 26px;
    padding: 0;
    font-weight: 700;
    font-size: 24px;
    line-height: 24px;
    color: #242629;
    border: none;
    background: transparent;
    transition: none
}

.title__input.placeholder[data-v-d324f2be] {
    color: #acb1c2
}

.title__input[data-v-d324f2be]:-moz-placeholder {
    color: #acb1c2
}

.title__input[data-v-d324f2be]::-moz-placeholder {
    color: #acb1c2
}

.title__input[data-v-d324f2be]:-ms-input-placeholder {
    color: #acb1c2
}

.title__input[data-v-d324f2be]::-webkit-input-placeholder {
    color: #acb1c2
}

.dark .title__input[data-v-d324f2be] {
    color: #ddd
}

[data-v-6f0590d6]:root {
    --color-scheme-active: #6C78F4
}

.description[data-v-6f0590d6] {
    margin-top: 4px
}

.description__input[data-v-6f0590d6] {
    display: block;
    height: 17px;
    padding: 0;
    font-weight: 400;
    font-size: 14px;
    line-height: normal;
    color: #242629;
    border: none;
    background: transparent;
    transition: none
}

.description__input.placeholder[data-v-6f0590d6] {
    color: #acb1c2
}

.description__input[data-v-6f0590d6]:-moz-placeholder {
    color: #acb1c2
}

.description__input[data-v-6f0590d6]::-moz-placeholder {
    color: #acb1c2
}

.description__input[data-v-6f0590d6]:-ms-input-placeholder {
    color: #acb1c2
}

.description__input[data-v-6f0590d6]::-webkit-input-placeholder {
    color: #acb1c2
}

.dark .description__input[data-v-6f0590d6] {
    color: #ddd
}

[data-v-28c11d21]:root {
    --color-scheme-active: #6C78F4
}

.header[data-v-28c11d21] {
    max-width: 600px;
    width: 100%;
    margin: 0 auto
}

.header__wrapper[data-v-28c11d21] {
    padding: 16px;
    background-color: #fff
}

.dark .header__wrapper[data-v-28c11d21] {
    background-color: #2f3136
}

.header__row[data-v-28c11d21] {
    display: flex;
    gap: 16px;
    align-items: flex-end
}

[data-v-de5fae24]:root {
    --color-scheme-active: #6C78F4
}

.view-mode[data-v-de5fae24] {
    display: flex;
    gap: 4px;
    padding: 4px;
    background: #f8f8fb;
    border-radius: 8px
}

.dark .view-mode[data-v-de5fae24] {
    background: #242629
}

.view-mode__item[data-v-de5fae24] {
    display: flex;
    gap: 8px;
    justify-content: center;
    align-items: center;
    width: 100%;
    padding: 9px;
    color: #242629;
    cursor: pointer;
    font-weight: 400;
    font-size: 14px;
    line-height: 14px
}

.dark .view-mode__item[data-v-de5fae24] {
    color: #8d8d8d
}

.view-mode__item.active[data-v-de5fae24] {
    pointer-events: none;
    background: #fff
}

.dark .view-mode__item.active[data-v-de5fae24] {
    color: #a6a7b3;
    background-color: #2f3136
}

.view-mode__item-counter[data-v-de5fae24] {
    min-width: 17px;
    min-height: 15px;
    padding: 3px 4px;
    font-weight: 400;
    font-size: 10px;
    line-height: 10px;
    text-align: center;
    vertical-align: middle;
    color: var(--color-scheme-active);
    background: #6c78f426;
    border-radius: 4px;
    border: 1px solid #E5E7EE
}

.dark .view-mode__item-counter[data-v-de5fae24] {
    border-color: #2a2a2a
}

[data-v-28592c1c]:root {
    --color-scheme-active: #6C78F4
}

.required[data-v-28592c1c] {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 32px;
    padding: 0 8px;
    overflow: hidden;
    color: #60636c;
    font-weight: 400;
    font-size: 14px;
    line-height: 16px
}

.dark .required[data-v-28592c1c] {
    color: #8d8d8d
}

[data-v-d61fbf77]:root {
    --color-scheme-active: #6C78F4
}

.description[data-v-d61fbf77] {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 32px;
    padding: 0 8px;
    overflow: hidden;
    color: #60636c;
    font-weight: 400;
    font-size: 14px;
    line-height: 16px
}

.dark .description[data-v-d61fbf77] {
    color: #8d8d8d
}

[data-v-bd56635b]:root {
    --color-scheme-active: #6C78F4
}

.type[data-v-bd56635b] {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 32px;
    padding: 0 8px
}

.type__title[data-v-bd56635b] {
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    color: #60636c
}

.dark .type__title[data-v-bd56635b] {
    color: #8d8d8d
}

.type__wrapper[data-v-bd56635b] {
    display: flex;
    gap: 4px;
    align-items: center;
    overflow: hidden;
    max-width: 50%
}

.type__name[data-v-bd56635b] {
    font-weight: 400;
    font-size: 14px;
    line-height: 14px;
    overflow: hidden;
    white-space: nowrap;
    color: #9499ad;
    text-overflow: ellipsis
}

.dark .type__name[data-v-bd56635b] {
    color: #ddd
}

.type__icon[data-v-bd56635b] {
    flex: none
}

.type__dropdown[data-v-bd56635b] {
    top: 32px;
    right: 0;
    z-index: 1;
    max-width: 260px;
    width: 100%;
    max-height: 200px
}

.type__dropdown[data-v-bd56635b] .dropdown__title {
    padding-bottom: 6px
}

[data-v-be74c7eb]:root {
    --color-scheme-active: #6C78F4
}

.settings.active[data-v-be74c7eb] {
    opacity: 1!important
}

.settings__dropdown[data-v-be74c7eb] {
    position: absolute;
    display: flex;
    flex-direction: column;
    max-width: 300px;
    width: 100%;
    background-color: #fff;
    border: 1px solid #F0F0F0;
    box-shadow: 0 4px 13px #3030301a;
    border-radius: 6px
}

.dark .settings__dropdown[data-v-be74c7eb] {
    background-color: #242629;
    border-color: #191a1c
}

.settings__dropdown-title[data-v-be74c7eb] {
    font-weight: 500;
    font-size: 12px;
    line-height: 100%;
    padding: 13px 8px 10px;
    color: #acb1c2
}

.dropdown__items[data-v-be74c7eb] {
    display: grid;
    grid-auto-rows: max-content;
    max-height: 300px;
    padding: 4px;
    overflow-y: auto
}

.settings__dropdown-item[data-v-be74c7eb] {
    border-radius: 4px
}

[data-v-be74c7eb] .dropdown-item__text {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%
}

[data-v-be74c7eb] .dropdown-item__text .simple {
    animation: rotate-be74c7eb 1s linear infinite
}

@keyframes rotate-be74c7eb {
    0% {
        transform: rotate(0)
    }
    to {
        transform: rotate(360deg)
    }
}

[data-v-bc2176e9]:root {
    --color-scheme-active: #6C78F4
}

.controls[data-v-bc2176e9] {
    display: flex;
    gap: 4px;
    align-items: center;
    margin-left: auto
}

.controls.loading[data-v-bc2176e9] {
    pointer-events: none
}

[data-v-bc2176e9] .v-popper {
    display: flex;
    align-items: center
}

.controls__move-up[data-v-bc2176e9],
.controls__move-down[data-v-bc2176e9] {
    cursor: pointer;
    outline: none
}

.controls__loading-icon[data-v-bc2176e9] {
    display: flex;
    justify-content: center;
    align-items: center;
    animation: rotate-bc2176e9 1s linear infinite
}

@keyframes rotate-bc2176e9 {
    0% {
        transform: rotate(0)
    }
    to {
        transform: rotate(360deg)
    }
}

[data-v-d0fc73ba]:root {
    --color-scheme-active: #6C78F4
}

.text[data-v-d0fc73ba] {
    padding: 12px;
    background: #f8f8fb;
    border-radius: 8px;
    transition: .2s ease-in-out
}

.text[data-v-d0fc73ba]:hover {
    background: #ededf5
}

.dark .text[data-v-d0fc73ba]:hover {
    background-color: #2f3136
}

.dark .text[data-v-d0fc73ba] {
    background: #383a3f
}

.text__row[data-v-d0fc73ba] {
    display: flex;
    gap: 8px;
    align-items: center
}

.text__row[data-v-d0fc73ba]:not(:last-child) {
    margin-bottom: 8px
}

.text__row[data-v-d0fc73ba]:last-child {
    align-items: flex-start
}

.text__row-label[data-v-d0fc73ba] {
    font-weight: 400;
    font-size: 13px;
    line-height: 16px;
    min-width: 72px;
    margin-right: 8px;
    color: #9499ad
}

.text__type[data-v-d0fc73ba] {
    display: flex;
    gap: 4px;
    align-items: center;
    color: #acb1c2;
    font-weight: 500;
    font-size: 12px;
    line-height: 15px
}

.dark .text__type[data-v-d0fc73ba] {
    color: #ddd
}

.text__required[data-v-d0fc73ba] {
    font-weight: 500;
    font-size: 12px;
    line-height: 15px;
    color: #acb1c2
}

.dark .text__required[data-v-d0fc73ba] {
    color: #ddd
}

.text__title[data-v-d0fc73ba],
.text__description[data-v-d0fc73ba] {
    height: 16px;
    min-height: 16px;
    padding: 0;
    color: #242629;
    background: transparent!important;
    transition: unset;
    border: none!important;
    font-weight: 400;
    font-size: 14px;
    line-height: 16px
}

.text__title.placeholder[data-v-d0fc73ba],
.text__description.placeholder[data-v-d0fc73ba] {
    color: #acb1c2
}

.dark .text__title.placeholder[data-v-d0fc73ba],
.dark .text__description.placeholder[data-v-d0fc73ba] {
    color: #ddd
}

.text__title[data-v-d0fc73ba]:-moz-placeholder,
.text__description[data-v-d0fc73ba]:-moz-placeholder {
    color: #acb1c2
}

.dark .text__title[data-v-d0fc73ba]:-moz-placeholder,
.dark .text__description[data-v-d0fc73ba]:-moz-placeholder {
    color: #ddd
}

.text__title[data-v-d0fc73ba]::-moz-placeholder,
.text__description[data-v-d0fc73ba]::-moz-placeholder {
    color: #acb1c2
}

.dark .text__title[data-v-d0fc73ba]::-moz-placeholder,
.dark .text__description[data-v-d0fc73ba]::-moz-placeholder {
    color: #ddd
}

.text__title[data-v-d0fc73ba]:-ms-input-placeholder,
.text__description[data-v-d0fc73ba]:-ms-input-placeholder {
    color: #acb1c2
}

.dark .text__title[data-v-d0fc73ba]:-ms-input-placeholder,
.dark .text__description[data-v-d0fc73ba]:-ms-input-placeholder {
    color: #ddd
}

.text__title[data-v-d0fc73ba]::-webkit-input-placeholder,
.text__description[data-v-d0fc73ba]::-webkit-input-placeholder {
    color: #acb1c2
}

.dark .text__title[data-v-d0fc73ba]::-webkit-input-placeholder,
.dark .text__description[data-v-d0fc73ba]::-webkit-input-placeholder {
    color: #ddd
}

.dark .text__title[data-v-d0fc73ba],
.dark .text__description[data-v-d0fc73ba] {
    color: #ddd
}

.controls[data-v-d0fc73ba] {
    opacity: 0;
    transition: .2s ease-in-out
}

.text:hover .controls[data-v-d0fc73ba] {
    opacity: 1
}

[data-v-6b95efe6]:root {
    --color-scheme-active: #6C78F4
}

.textarea[data-v-6b95efe6] {
    padding: 12px;
    background: #f8f8fb;
    border-radius: 8px;
    transition: .2s ease-in-out
}

.textarea[data-v-6b95efe6]:hover {
    background: #ededf5
}

.dark .textarea[data-v-6b95efe6]:hover {
    background-color: #2f3136
}

.dark .textarea[data-v-6b95efe6] {
    background: #383a3f
}

.textarea__row[data-v-6b95efe6] {
    display: flex;
    gap: 8px;
    align-items: center
}

.textarea__row[data-v-6b95efe6]:not(:last-child) {
    margin-bottom: 8px
}

.textarea__row[data-v-6b95efe6]:last-child {
    align-items: flex-start
}

.textarea__row-label[data-v-6b95efe6] {
    font-weight: 400;
    font-size: 13px;
    line-height: 16px;
    min-width: 72px;
    margin-right: 8px;
    color: #9499ad
}

.textarea__type[data-v-6b95efe6] {
    display: flex;
    gap: 4px;
    align-items: center;
    color: #acb1c2;
    font-weight: 500;
    font-size: 12px;
    line-height: 15px
}

.dark .textarea__type[data-v-6b95efe6] {
    color: #ddd
}

.textarea__required[data-v-6b95efe6] {
    font-weight: 500;
    font-size: 12px;
    line-height: 15px;
    color: #acb1c2
}

.dark .textarea__required[data-v-6b95efe6] {
    color: #ddd
}

.textarea__title[data-v-6b95efe6],
.textarea__description[data-v-6b95efe6] {
    height: 16px;
    min-height: 16px;
    padding: 0;
    color: #242629;
    background: transparent!important;
    transition: unset;
    border: none!important;
    font-weight: 400;
    font-size: 14px;
    line-height: 16px
}

.textarea__title.placeholder[data-v-6b95efe6],
.textarea__description.placeholder[data-v-6b95efe6] {
    color: #acb1c2
}

.dark .textarea__title.placeholder[data-v-6b95efe6],
.dark .textarea__description.placeholder[data-v-6b95efe6] {
    color: #ddd
}

.textarea__title[data-v-6b95efe6]:-moz-placeholder,
.textarea__description[data-v-6b95efe6]:-moz-placeholder {
    color: #acb1c2
}

.dark .textarea__title[data-v-6b95efe6]:-moz-placeholder,
.dark .textarea__description[data-v-6b95efe6]:-moz-placeholder {
    color: #ddd
}

.textarea__title[data-v-6b95efe6]::-moz-placeholder,
.textarea__description[data-v-6b95efe6]::-moz-placeholder {
    color: #acb1c2
}

.dark .textarea__title[data-v-6b95efe6]::-moz-placeholder,
.dark .textarea__description[data-v-6b95efe6]::-moz-placeholder {
    color: #ddd
}

.textarea__title[data-v-6b95efe6]:-ms-input-placeholder,
.textarea__description[data-v-6b95efe6]:-ms-input-placeholder {
    color: #acb1c2
}

.dark .textarea__title[data-v-6b95efe6]:-ms-input-placeholder,
.dark .textarea__description[data-v-6b95efe6]:-ms-input-placeholder {
    color: #ddd
}

.textarea__title[data-v-6b95efe6]::-webkit-input-placeholder,
.textarea__description[data-v-6b95efe6]::-webkit-input-placeholder {
    color: #acb1c2
}

.dark .textarea__title[data-v-6b95efe6]::-webkit-input-placeholder,
.dark .textarea__description[data-v-6b95efe6]::-webkit-input-placeholder {
    color: #ddd
}

.dark .textarea__title[data-v-6b95efe6],
.dark .textarea__description[data-v-6b95efe6] {
    color: #ddd
}

.controls[data-v-6b95efe6] {
    opacity: 0;
    transition: .2s ease-in-out
}

.textarea:hover .controls[data-v-6b95efe6] {
    opacity: 1
}

[data-v-088f780b]:root {
    --color-scheme-active: #6C78F4
}

.option[data-v-088f780b] {
    display: flex;
    gap: 8px;
    align-items: center;
    padding: 8px 0;
    color: #60636c;
    font-weight: 500;
    font-size: 14px;
    line-height: 16px
}

.dark .option[data-v-088f780b] {
    color: #ddd
}

.option__input[data-v-088f780b] {
    height: 16px;
    padding: 0;
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    color: #242629;
    background: transparent!important;
    border: none!important
}

.option__input.placeholder[data-v-088f780b] {
    color: #acb1c2
}

.dark .option__input.placeholder[data-v-088f780b] {
    color: #ddd
}

.option__input[data-v-088f780b]:-moz-placeholder {
    color: #acb1c2
}

.dark .option__input[data-v-088f780b]:-moz-placeholder {
    color: #ddd
}

.option__input[data-v-088f780b]::-moz-placeholder {
    color: #acb1c2
}

.dark .option__input[data-v-088f780b]::-moz-placeholder {
    color: #ddd
}

.option__input[data-v-088f780b]:-ms-input-placeholder {
    color: #acb1c2
}

.dark .option__input[data-v-088f780b]:-ms-input-placeholder {
    color: #ddd
}

.option__input[data-v-088f780b]::-webkit-input-placeholder {
    color: #acb1c2
}

.dark .option__input[data-v-088f780b]::-webkit-input-placeholder {
    color: #ddd
}

.dark .option__input[data-v-088f780b] {
    color: #ddd
}

.option__delete[data-v-088f780b] {
    opacity: 0;
    margin-left: auto;
    transition: .2s ease-in-out
}

.option:hover .option__delete[data-v-088f780b],
.option__input:focus+.option__delete[data-v-088f780b] {
    opacity: 1
}

[data-v-01b093b5]:root {
    --color-scheme-active: #6C78F4
}

.options__drag[data-v-01b093b5] {
    display: block
}

.options__list[data-v-01b093b5] {
    display: flex;
    flex-direction: column
}

.options__button[data-v-01b093b5] {
    display: flex;
    gap: 8px;
    align-items: center;
    padding: 7.5px 0;
    color: #acb1c2;
    font-weight: 500;
    font-size: 14px;
    line-height: 17px
}

.dark .options__button[data-v-01b093b5] {
    color: #ddd
}

[data-v-ecaf8f7b]:root {
    --color-scheme-active: #6C78F4
}

.radio[data-v-ecaf8f7b] {
    padding: 12px;
    background: #f8f8fb;
    border-radius: 8px;
    transition: .2s ease-in-out
}

.radio[data-v-ecaf8f7b]:hover {
    background: #ededf5
}

.dark .radio[data-v-ecaf8f7b]:hover {
    background-color: #2f3136
}

.dark .radio[data-v-ecaf8f7b] {
    background: #383a3f
}

.radio__row[data-v-ecaf8f7b] {
    display: flex;
    gap: 8px;
    align-items: center
}

.radio__row[data-v-ecaf8f7b]:not(:last-child) {
    margin-bottom: 8px
}

.radio__row[data-v-ecaf8f7b]:nth-of-type(3) {
    align-items: flex-start
}

.radio__row-label[data-v-ecaf8f7b] {
    font-weight: 400;
    font-size: 13px;
    line-height: 16px;
    min-width: 72px;
    margin-right: 8px;
    color: #9499ad
}

.radio__type[data-v-ecaf8f7b] {
    display: flex;
    gap: 4px;
    align-items: center;
    color: #acb1c2;
    font-weight: 500;
    font-size: 12px;
    line-height: 15px
}

.dark .radio__type[data-v-ecaf8f7b] {
    color: #ddd
}

.radio__required[data-v-ecaf8f7b] {
    font-weight: 500;
    font-size: 12px;
    line-height: 15px;
    color: #acb1c2
}

.dark .radio__required[data-v-ecaf8f7b] {
    color: #ddd
}

.radio__title[data-v-ecaf8f7b],
.radio__description[data-v-ecaf8f7b] {
    height: 16px;
    min-height: 16px;
    padding: 0;
    color: #242629;
    background: transparent!important;
    transition: unset;
    border: none!important;
    font-weight: 400;
    font-size: 14px;
    line-height: 16px
}

.radio__title.placeholder[data-v-ecaf8f7b],
.radio__description.placeholder[data-v-ecaf8f7b] {
    color: #acb1c2
}

.dark .radio__title.placeholder[data-v-ecaf8f7b],
.dark .radio__description.placeholder[data-v-ecaf8f7b] {
    color: #ddd
}

.radio__title[data-v-ecaf8f7b]:-moz-placeholder,
.radio__description[data-v-ecaf8f7b]:-moz-placeholder {
    color: #acb1c2
}

.dark .radio__title[data-v-ecaf8f7b]:-moz-placeholder,
.dark .radio__description[data-v-ecaf8f7b]:-moz-placeholder {
    color: #ddd
}

.radio__title[data-v-ecaf8f7b]::-moz-placeholder,
.radio__description[data-v-ecaf8f7b]::-moz-placeholder {
    color: #acb1c2
}

.dark .radio__title[data-v-ecaf8f7b]::-moz-placeholder,
.dark .radio__description[data-v-ecaf8f7b]::-moz-placeholder {
    color: #ddd
}

.radio__title[data-v-ecaf8f7b]:-ms-input-placeholder,
.radio__description[data-v-ecaf8f7b]:-ms-input-placeholder {
    color: #acb1c2
}

.dark .radio__title[data-v-ecaf8f7b]:-ms-input-placeholder,
.dark .radio__description[data-v-ecaf8f7b]:-ms-input-placeholder {
    color: #ddd
}

.radio__title[data-v-ecaf8f7b]::-webkit-input-placeholder,
.radio__description[data-v-ecaf8f7b]::-webkit-input-placeholder {
    color: #acb1c2
}

.dark .radio__title[data-v-ecaf8f7b]::-webkit-input-placeholder,
.dark .radio__description[data-v-ecaf8f7b]::-webkit-input-placeholder {
    color: #ddd
}

.dark .radio__title[data-v-ecaf8f7b],
.dark .radio__description[data-v-ecaf8f7b] {
    color: #ddd
}

.controls[data-v-ecaf8f7b] {
    opacity: 0;
    transition: .2s ease-in-out
}

.radio:hover .controls[data-v-ecaf8f7b] {
    opacity: 1
}

[data-v-e74f5391]:root {
    --color-scheme-active: #6C78F4
}

.checkbox[data-v-e74f5391] {
    display: block;
    padding: 12px;
    background: #f8f8fb;
    border-radius: 8px;
    transition: .2s ease-in-out
}

.checkbox[data-v-e74f5391]:hover {
    background: #ededf5
}

.dark .checkbox[data-v-e74f5391]:hover {
    background-color: #2f3136
}

.dark .checkbox[data-v-e74f5391] {
    background: #383a3f
}

.checkbox__row[data-v-e74f5391] {
    display: flex;
    gap: 8px;
    align-items: center
}

.checkbox__row[data-v-e74f5391]:not(:last-child) {
    margin-bottom: 8px
}

.checkbox__row[data-v-e74f5391]:nth-of-type(3) {
    align-items: flex-start
}

.checkbox__row-label[data-v-e74f5391] {
    font-weight: 400;
    font-size: 13px;
    line-height: 16px;
    min-width: 72px;
    margin-right: 8px;
    color: #9499ad
}

.checkbox__type[data-v-e74f5391] {
    display: flex;
    gap: 4px;
    align-items: center;
    color: #acb1c2;
    font-weight: 500;
    font-size: 12px;
    line-height: 15px
}

.dark .checkbox__type[data-v-e74f5391] {
    color: #ddd
}

.checkbox__required[data-v-e74f5391] {
    font-weight: 500;
    font-size: 12px;
    line-height: 15px;
    color: #acb1c2
}

.dark .checkbox__required[data-v-e74f5391] {
    color: #ddd
}

.checkbox__title[data-v-e74f5391],
.checkbox__description[data-v-e74f5391] {
    height: 16px;
    min-height: 16px;
    padding: 0;
    color: #242629;
    background: transparent!important;
    transition: unset;
    border: none!important;
    font-weight: 400;
    font-size: 14px;
    line-height: 16px
}

.checkbox__title.placeholder[data-v-e74f5391],
.checkbox__description.placeholder[data-v-e74f5391] {
    color: #acb1c2
}

.dark .checkbox__title.placeholder[data-v-e74f5391],
.dark .checkbox__description.placeholder[data-v-e74f5391] {
    color: #ddd
}

.checkbox__title[data-v-e74f5391]:-moz-placeholder,
.checkbox__description[data-v-e74f5391]:-moz-placeholder {
    color: #acb1c2
}

.dark .checkbox__title[data-v-e74f5391]:-moz-placeholder,
.dark .checkbox__description[data-v-e74f5391]:-moz-placeholder {
    color: #ddd
}

.checkbox__title[data-v-e74f5391]::-moz-placeholder,
.checkbox__description[data-v-e74f5391]::-moz-placeholder {
    color: #acb1c2
}

.dark .checkbox__title[data-v-e74f5391]::-moz-placeholder,
.dark .checkbox__description[data-v-e74f5391]::-moz-placeholder {
    color: #ddd
}

.checkbox__title[data-v-e74f5391]:-ms-input-placeholder,
.checkbox__description[data-v-e74f5391]:-ms-input-placeholder {
    color: #acb1c2
}

.dark .checkbox__title[data-v-e74f5391]:-ms-input-placeholder,
.dark .checkbox__description[data-v-e74f5391]:-ms-input-placeholder {
    color: #ddd
}

.checkbox__title[data-v-e74f5391]::-webkit-input-placeholder,
.checkbox__description[data-v-e74f5391]::-webkit-input-placeholder {
    color: #acb1c2
}

.dark .checkbox__title[data-v-e74f5391]::-webkit-input-placeholder,
.dark .checkbox__description[data-v-e74f5391]::-webkit-input-placeholder {
    color: #ddd
}

.dark .checkbox__title[data-v-e74f5391],
.dark .checkbox__description[data-v-e74f5391] {
    color: #ddd
}

.controls[data-v-e74f5391] {
    opacity: 0;
    transition: .2s ease-in-out
}

.checkbox:hover .controls[data-v-e74f5391] {
    opacity: 1
}

[data-v-063c6c86]:root {
    --color-scheme-active: #6C78F4
}

.select[data-v-063c6c86] {
    display: block;
    padding: 12px;
    background: #f8f8fb;
    border-radius: 8px;
    transition: .2s ease-in-out
}

.select[data-v-063c6c86]:hover {
    background: #ededf5
}

.dark .select[data-v-063c6c86]:hover {
    background-color: #2f3136
}

.dark .select[data-v-063c6c86] {
    background: #383a3f
}

.select__row[data-v-063c6c86] {
    display: flex;
    gap: 8px;
    align-items: center
}

.select__row[data-v-063c6c86]:not(:last-child) {
    margin-bottom: 8px
}

.select__row[data-v-063c6c86]:nth-of-type(3) {
    align-items: flex-start
}

.select__row-label[data-v-063c6c86] {
    font-weight: 400;
    font-size: 13px;
    line-height: 16px;
    min-width: 72px;
    margin-right: 8px;
    color: #9499ad
}

.select__type[data-v-063c6c86] {
    display: flex;
    gap: 4px;
    align-items: center;
    color: #acb1c2;
    font-weight: 500;
    font-size: 12px;
    line-height: 15px
}

.dark .select__type[data-v-063c6c86] {
    color: #ddd
}

.select__required[data-v-063c6c86] {
    font-weight: 500;
    font-size: 12px;
    line-height: 15px;
    color: #acb1c2
}

.dark .select__required[data-v-063c6c86] {
    color: #ddd
}

.select__title[data-v-063c6c86],
.select__description[data-v-063c6c86] {
    height: 16px;
    min-height: 16px;
    padding: 0;
    color: #242629;
    background: transparent!important;
    transition: unset;
    border: none!important;
    font-weight: 400;
    font-size: 14px;
    line-height: 16px
}

.select__title.placeholder[data-v-063c6c86],
.select__description.placeholder[data-v-063c6c86] {
    color: #acb1c2
}

.dark .select__title.placeholder[data-v-063c6c86],
.dark .select__description.placeholder[data-v-063c6c86] {
    color: #ddd
}

.select__title[data-v-063c6c86]:-moz-placeholder,
.select__description[data-v-063c6c86]:-moz-placeholder {
    color: #acb1c2
}

.dark .select__title[data-v-063c6c86]:-moz-placeholder,
.dark .select__description[data-v-063c6c86]:-moz-placeholder {
    color: #ddd
}

.select__title[data-v-063c6c86]::-moz-placeholder,
.select__description[data-v-063c6c86]::-moz-placeholder {
    color: #acb1c2
}

.dark .select__title[data-v-063c6c86]::-moz-placeholder,
.dark .select__description[data-v-063c6c86]::-moz-placeholder {
    color: #ddd
}

.select__title[data-v-063c6c86]:-ms-input-placeholder,
.select__description[data-v-063c6c86]:-ms-input-placeholder {
    color: #acb1c2
}

.dark .select__title[data-v-063c6c86]:-ms-input-placeholder,
.dark .select__description[data-v-063c6c86]:-ms-input-placeholder {
    color: #ddd
}

.select__title[data-v-063c6c86]::-webkit-input-placeholder,
.select__description[data-v-063c6c86]::-webkit-input-placeholder {
    color: #acb1c2
}

.dark .select__title[data-v-063c6c86]::-webkit-input-placeholder,
.dark .select__description[data-v-063c6c86]::-webkit-input-placeholder {
    color: #ddd
}

.dark .select__title[data-v-063c6c86],
.dark .select__description[data-v-063c6c86] {
    color: #ddd
}

.controls[data-v-063c6c86] {
    opacity: 0;
    transition: .2s ease-in-out
}

.select:hover .controls[data-v-063c6c86] {
    opacity: 1
}

[data-v-eeb8dcd1]:root {
    --color-scheme-active: #6C78F4
}

.warning[data-v-eeb8dcd1] {
    display: flex;
    gap: 10px;
    justify-content: space-between;
    margin-top: 8px;
    padding: 9px 8px;
    color: #60636c;
    background: #6c78f41a;
    border-radius: 6px;
    font-weight: 500;
    font-size: 12px;
    line-height: 15px
}

.dark .warning[data-v-eeb8dcd1] {
    color: #ddd;
    background: #242629
}

.warning__button[data-v-eeb8dcd1] {
    font-weight: 500;
    font-size: 11px;
    line-height: 13px;
    color: var(--color-scheme-active)
}

[data-v-0fe19214]:root {
    --color-scheme-active: #6C78F4
}

.upload[data-v-0fe19214] {
    padding: 12px;
    background: #f8f8fb;
    border-radius: 8px;
    transition: .2s ease-in-out
}

.upload[data-v-0fe19214]:hover {
    background: #ededf5
}

.dark .upload[data-v-0fe19214]:hover {
    background-color: #2f3136
}

.dark .upload[data-v-0fe19214] {
    background: #383a3f
}

.upload__row[data-v-0fe19214] {
    display: flex;
    gap: 8px;
    align-items: center
}

.upload__row[data-v-0fe19214]:not(:last-child) {
    margin-bottom: 8px
}

.upload__row[data-v-0fe19214]:nth-of-type(3) {
    align-items: flex-start
}

.upload__row-label[data-v-0fe19214] {
    font-weight: 400;
    font-size: 13px;
    line-height: 16px;
    min-width: 72px;
    margin-right: 8px;
    color: #9499ad
}

.upload__type[data-v-0fe19214] {
    display: flex;
    gap: 4px;
    align-items: center;
    color: #acb1c2;
    font-weight: 500;
    font-size: 12px;
    line-height: 15px
}

.dark .upload__type[data-v-0fe19214] {
    color: #ddd
}

.upload__required[data-v-0fe19214] {
    font-weight: 500;
    font-size: 12px;
    line-height: 15px;
    color: #acb1c2
}

.dark .upload__required[data-v-0fe19214] {
    color: #ddd
}

.upload__title[data-v-0fe19214],
.upload__description[data-v-0fe19214] {
    height: 16px;
    min-height: 16px;
    padding: 0;
    color: #242629;
    background: transparent!important;
    transition: unset;
    border: none!important;
    font-weight: 400;
    font-size: 14px;
    line-height: 16px
}

.upload__title.placeholder[data-v-0fe19214],
.upload__description.placeholder[data-v-0fe19214] {
    color: #acb1c2
}

.dark .upload__title.placeholder[data-v-0fe19214],
.dark .upload__description.placeholder[data-v-0fe19214] {
    color: #ddd
}

.upload__title[data-v-0fe19214]:-moz-placeholder,
.upload__description[data-v-0fe19214]:-moz-placeholder {
    color: #acb1c2
}

.dark .upload__title[data-v-0fe19214]:-moz-placeholder,
.dark .upload__description[data-v-0fe19214]:-moz-placeholder {
    color: #ddd
}

.upload__title[data-v-0fe19214]::-moz-placeholder,
.upload__description[data-v-0fe19214]::-moz-placeholder {
    color: #acb1c2
}

.dark .upload__title[data-v-0fe19214]::-moz-placeholder,
.dark .upload__description[data-v-0fe19214]::-moz-placeholder {
    color: #ddd
}

.upload__title[data-v-0fe19214]:-ms-input-placeholder,
.upload__description[data-v-0fe19214]:-ms-input-placeholder {
    color: #acb1c2
}

.dark .upload__title[data-v-0fe19214]:-ms-input-placeholder,
.dark .upload__description[data-v-0fe19214]:-ms-input-placeholder {
    color: #ddd
}

.upload__title[data-v-0fe19214]::-webkit-input-placeholder,
.upload__description[data-v-0fe19214]::-webkit-input-placeholder {
    color: #acb1c2
}

.dark .upload__title[data-v-0fe19214]::-webkit-input-placeholder,
.dark .upload__description[data-v-0fe19214]::-webkit-input-placeholder {
    color: #ddd
}

.dark .upload__title[data-v-0fe19214],
.dark .upload__description[data-v-0fe19214] {
    color: #ddd
}

.controls[data-v-0fe19214] {
    opacity: 0;
    transition: .2s ease-in-out
}

.upload:hover .controls[data-v-0fe19214] {
    opacity: 1
}

[data-v-ed2212f1]:root {
    --color-scheme-active: #6C78F4
}

.date[data-v-ed2212f1] {
    padding: 12px;
    background: #f8f8fb;
    border-radius: 8px;
    transition: .2s ease-in-out
}

.date[data-v-ed2212f1]:hover {
    background: #ededf5
}

.dark .date[data-v-ed2212f1]:hover {
    background-color: #2f3136
}

.dark .date[data-v-ed2212f1] {
    background: #383a3f
}

.date__row[data-v-ed2212f1] {
    display: flex;
    gap: 8px;
    align-items: center
}

.date__row[data-v-ed2212f1]:not(:last-child) {
    margin-bottom: 8px
}

.date__row[data-v-ed2212f1]:nth-of-type(3) {
    align-items: flex-start
}

.date__row-label[data-v-ed2212f1] {
    font-weight: 400;
    font-size: 13px;
    line-height: 16px;
    min-width: 72px;
    margin-right: 8px;
    color: #9499ad
}

.date__type[data-v-ed2212f1] {
    display: flex;
    gap: 4px;
    align-items: center;
    color: #acb1c2;
    font-weight: 500;
    font-size: 12px;
    line-height: 15px
}

.dark .date__type[data-v-ed2212f1] {
    color: #ddd
}

.date__required[data-v-ed2212f1] {
    font-weight: 500;
    font-size: 12px;
    line-height: 15px;
    color: #acb1c2
}

.dark .date__required[data-v-ed2212f1] {
    color: #ddd
}

.date__title[data-v-ed2212f1],
.date__description[data-v-ed2212f1] {
    height: 16px;
    min-height: 16px;
    padding: 0;
    color: #242629;
    background: transparent!important;
    transition: unset;
    border: none!important;
    font-weight: 400;
    font-size: 14px;
    line-height: 16px
}

.date__title.placeholder[data-v-ed2212f1],
.date__description.placeholder[data-v-ed2212f1] {
    color: #acb1c2
}

.dark .date__title.placeholder[data-v-ed2212f1],
.dark .date__description.placeholder[data-v-ed2212f1] {
    color: #ddd
}

.date__title[data-v-ed2212f1]:-moz-placeholder,
.date__description[data-v-ed2212f1]:-moz-placeholder {
    color: #acb1c2
}

.dark .date__title[data-v-ed2212f1]:-moz-placeholder,
.dark .date__description[data-v-ed2212f1]:-moz-placeholder {
    color: #ddd
}

.date__title[data-v-ed2212f1]::-moz-placeholder,
.date__description[data-v-ed2212f1]::-moz-placeholder {
    color: #acb1c2
}

.dark .date__title[data-v-ed2212f1]::-moz-placeholder,
.dark .date__description[data-v-ed2212f1]::-moz-placeholder {
    color: #ddd
}

.date__title[data-v-ed2212f1]:-ms-input-placeholder,
.date__description[data-v-ed2212f1]:-ms-input-placeholder {
    color: #acb1c2
}

.dark .date__title[data-v-ed2212f1]:-ms-input-placeholder,
.dark .date__description[data-v-ed2212f1]:-ms-input-placeholder {
    color: #ddd
}

.date__title[data-v-ed2212f1]::-webkit-input-placeholder,
.date__description[data-v-ed2212f1]::-webkit-input-placeholder {
    color: #acb1c2
}

.dark .date__title[data-v-ed2212f1]::-webkit-input-placeholder,
.dark .date__description[data-v-ed2212f1]::-webkit-input-placeholder {
    color: #ddd
}

.dark .date__title[data-v-ed2212f1],
.dark .date__description[data-v-ed2212f1] {
    color: #ddd
}

.date__date[data-v-ed2212f1] .v-input__item {
    color: #242629;
    background: transparent!important;
    border: none!important
}

.date__date[data-v-ed2212f1] .v-input__item.placeholder {
    color: #acb1c2
}

.dark .date__date[data-v-ed2212f1] .v-input__item.placeholder {
    color: #ddd
}

.date__date[data-v-ed2212f1] .v-input__item:-moz-placeholder {
    color: #acb1c2
}

.dark .date__date[data-v-ed2212f1] .v-input__item:-moz-placeholder {
    color: #ddd
}

.date__date[data-v-ed2212f1] .v-input__item::-moz-placeholder {
    color: #acb1c2
}

.dark .date__date[data-v-ed2212f1] .v-input__item::-moz-placeholder {
    color: #ddd
}

.date__date[data-v-ed2212f1] .v-input__item:-ms-input-placeholder {
    color: #acb1c2
}

.dark .date__date[data-v-ed2212f1] .v-input__item:-ms-input-placeholder {
    color: #ddd
}

.date__date[data-v-ed2212f1] .v-input__item::-webkit-input-placeholder {
    color: #acb1c2
}

.dark .date__date[data-v-ed2212f1] .v-input__item::-webkit-input-placeholder {
    color: #ddd
}

.dark .date__date[data-v-ed2212f1] .v-input__item {
    color: #ddd
}

.controls[data-v-ed2212f1] {
    opacity: 0;
    transition: .2s ease-in-out
}

.date:hover .controls[data-v-ed2212f1] {
    opacity: 1
}

[data-v-96a0fdf5]:root {
    --color-scheme-active: #6C78F4
}

.time[data-v-96a0fdf5] {
    padding: 12px;
    background: #f8f8fb;
    border-radius: 8px;
    transition: .2s ease-in-out
}

.time[data-v-96a0fdf5]:hover {
    background: #ededf5
}

.dark .time[data-v-96a0fdf5]:hover {
    background-color: #2f3136
}

.dark .time[data-v-96a0fdf5] {
    background: #383a3f
}

.time__row[data-v-96a0fdf5] {
    display: flex;
    gap: 8px;
    align-items: center
}

.time__row[data-v-96a0fdf5]:not(:last-child) {
    margin-bottom: 8px
}

.time__row[data-v-96a0fdf5]:nth-of-type(3) {
    align-items: flex-start
}

.time__row-label[data-v-96a0fdf5] {
    font-weight: 400;
    font-size: 13px;
    line-height: 16px;
    min-width: 72px;
    margin-right: 8px;
    color: #9499ad
}

.time__type[data-v-96a0fdf5] {
    display: flex;
    gap: 4px;
    align-items: center;
    color: #acb1c2;
    font-weight: 500;
    font-size: 12px;
    line-height: 15px
}

.dark .time__type[data-v-96a0fdf5] {
    color: #ddd
}

.time__required[data-v-96a0fdf5] {
    font-weight: 500;
    font-size: 12px;
    line-height: 15px;
    color: #acb1c2
}

.dark .time__required[data-v-96a0fdf5] {
    color: #ddd
}

.time__title[data-v-96a0fdf5],
.time__description[data-v-96a0fdf5] {
    height: 16px;
    min-height: 16px;
    padding: 0;
    color: #242629;
    background: transparent!important;
    transition: unset;
    border: none!important;
    font-weight: 400;
    font-size: 14px;
    line-height: 16px
}

.time__title.placeholder[data-v-96a0fdf5],
.time__description.placeholder[data-v-96a0fdf5] {
    color: #acb1c2
}

.dark .time__title.placeholder[data-v-96a0fdf5],
.dark .time__description.placeholder[data-v-96a0fdf5] {
    color: #ddd
}

.time__title[data-v-96a0fdf5]:-moz-placeholder,
.time__description[data-v-96a0fdf5]:-moz-placeholder {
    color: #acb1c2
}

.dark .time__title[data-v-96a0fdf5]:-moz-placeholder,
.dark .time__description[data-v-96a0fdf5]:-moz-placeholder {
    color: #ddd
}

.time__title[data-v-96a0fdf5]::-moz-placeholder,
.time__description[data-v-96a0fdf5]::-moz-placeholder {
    color: #acb1c2
}

.dark .time__title[data-v-96a0fdf5]::-moz-placeholder,
.dark .time__description[data-v-96a0fdf5]::-moz-placeholder {
    color: #ddd
}

.time__title[data-v-96a0fdf5]:-ms-input-placeholder,
.time__description[data-v-96a0fdf5]:-ms-input-placeholder {
    color: #acb1c2
}

.dark .time__title[data-v-96a0fdf5]:-ms-input-placeholder,
.dark .time__description[data-v-96a0fdf5]:-ms-input-placeholder {
    color: #ddd
}

.time__title[data-v-96a0fdf5]::-webkit-input-placeholder,
.time__description[data-v-96a0fdf5]::-webkit-input-placeholder {
    color: #acb1c2
}

.dark .time__title[data-v-96a0fdf5]::-webkit-input-placeholder,
.dark .time__description[data-v-96a0fdf5]::-webkit-input-placeholder {
    color: #ddd
}

.dark .time__title[data-v-96a0fdf5],
.dark .time__description[data-v-96a0fdf5] {
    color: #ddd
}

.time__period[data-v-96a0fdf5] {
    display: flex;
    gap: 10px;
    align-items: center
}

.dark .time__period span[data-v-96a0fdf5] {
    color: #ddd
}

.time__start-input[data-v-96a0fdf5],
.time__end-input[data-v-96a0fdf5] {
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    width: 66px;
    color: #242629;
    background: transparent!important
}

.time__start-input.placeholder[data-v-96a0fdf5],
.time__end-input.placeholder[data-v-96a0fdf5] {
    color: #acb1c2
}

.dark .time__start-input.placeholder[data-v-96a0fdf5],
.dark .time__end-input.placeholder[data-v-96a0fdf5] {
    color: #ddd
}

.time__start-input[data-v-96a0fdf5]:-moz-placeholder,
.time__end-input[data-v-96a0fdf5]:-moz-placeholder {
    color: #acb1c2
}

.dark .time__start-input[data-v-96a0fdf5]:-moz-placeholder,
.dark .time__end-input[data-v-96a0fdf5]:-moz-placeholder {
    color: #ddd
}

.time__start-input[data-v-96a0fdf5]::-moz-placeholder,
.time__end-input[data-v-96a0fdf5]::-moz-placeholder {
    color: #acb1c2
}

.dark .time__start-input[data-v-96a0fdf5]::-moz-placeholder,
.dark .time__end-input[data-v-96a0fdf5]::-moz-placeholder {
    color: #ddd
}

.time__start-input[data-v-96a0fdf5]:-ms-input-placeholder,
.time__end-input[data-v-96a0fdf5]:-ms-input-placeholder {
    color: #acb1c2
}

.dark .time__start-input[data-v-96a0fdf5]:-ms-input-placeholder,
.dark .time__end-input[data-v-96a0fdf5]:-ms-input-placeholder {
    color: #ddd
}

.time__start-input[data-v-96a0fdf5]::-webkit-input-placeholder,
.time__end-input[data-v-96a0fdf5]::-webkit-input-placeholder {
    color: #acb1c2
}

.dark .time__start-input[data-v-96a0fdf5]::-webkit-input-placeholder,
.dark .time__end-input[data-v-96a0fdf5]::-webkit-input-placeholder {
    color: #ddd
}

.dark .time__start-input[data-v-96a0fdf5],
.dark .time__end-input[data-v-96a0fdf5] {
    color: #ddd
}

.controls[data-v-96a0fdf5] {
    opacity: 0;
    transition: .2s ease-in-out
}

.time:hover .controls[data-v-96a0fdf5] {
    opacity: 1
}

[data-v-df8a9eee]:root {
    --color-scheme-active: #6C78F4
}

.add[data-v-df8a9eee] {
    max-width: fit-content;
    margin-top: 16px
}

.add__button[data-v-df8a9eee] {
    display: flex;
    gap: 8px;
    align-items: center;
    padding: 7.5px 0;
    color: #acb1c2;
    font-weight: 500;
    font-size: 14px;
    line-height: 17px
}

.dark .add__button[data-v-df8a9eee] {
    color: #ddd
}

.add__dropdown[data-v-df8a9eee] {
    max-width: 260px;
    width: 100%;
    max-height: 200px
}

.add__dropdown[data-v-df8a9eee] .dropdown__title {
    padding-bottom: 6px
}

[data-v-e8805bc1]:root {
    --color-scheme-active: #6C78F4
}

.elements__title[data-v-e8805bc1] {
    margin-bottom: 16px;
    color: #242629;
    font-weight: 500;
    font-size: 16px;
    line-height: 19px
}

.dark .elements__title[data-v-e8805bc1] {
    color: #a6a7b3
}

.elements__list[data-v-e8805bc1] {
    display: flex;
    flex-direction: column;
    gap: 8px
}

[data-v-f80ba73e]:root {
    --color-scheme-active: #6C78F4
}

.view-mode[data-v-f80ba73e] {
    display: flex;
    gap: 4px;
    padding: 4px;
    background: #f8f8fb;
    border-radius: 8px
}

.dark .view-mode[data-v-f80ba73e] {
    background: #242629
}

.view-mode__item[data-v-f80ba73e] {
    display: flex;
    gap: 8px;
    justify-content: center;
    align-items: center;
    width: 100%;
    padding: 9px;
    color: #242629;
    cursor: pointer;
    font-weight: 400;
    font-size: 14px;
    line-height: 14px
}

.dark .view-mode__item[data-v-f80ba73e] {
    color: #8d8d8d
}

.view-mode__item.active[data-v-f80ba73e] {
    pointer-events: none;
    background: #fff
}

.dark .view-mode__item.active[data-v-f80ba73e] {
    color: #a6a7b3;
    background-color: #2f3136
}

[data-v-d0f72200]:root {
    --color-scheme-active: #6C78F4
}

.header[data-v-d0f72200] {
    width: 100%;
    margin-top: 8px;
    padding: 16px;
    background-color: #fff;
    border-radius: 12px
}

.dark .header[data-v-d0f72200] {
    background-color: #2f3136
}

[data-v-2249eb18]:root {
    --color-scheme-active: #6C78F4
}

.pagination[data-v-2249eb18] {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.pagination__icon.previous[data-v-2249eb18] {
    transform: rotate(90deg)
}

.pagination__icon.next[data-v-2249eb18] {
    transform: rotate(-90deg)
}

.pagination__wrapper[data-v-2249eb18] {
    font-weight: 400;
    font-size: 14px;
    line-height: 14px;
    color: #acb1c2
}

.pagination__wrapper span[data-v-2249eb18] {
    color: #000
}

.dark .pagination__wrapper span[data-v-2249eb18],
.dark .pagination__wrapper[data-v-2249eb18] {
    color: #ddd
}

[data-v-5b357794]:root {
    --color-scheme-active: #6C78F4
}

.header__row[data-v-5b357794] {
    display: flex;
    gap: 4px;
    align-items: center;
    margin-top: 17px
}

.header__text[data-v-5b357794] {
    font-weight: 500;
    font-size: 16px;
    line-height: 19px;
    color: #242629
}

.header__text[data-v-5b357794]:not(:last-of-type):after {
    content: "•";
    display: inline-block;
    margin-left: 4px;
    font-weight: 500;
    font-size: 16px;
    line-height: 19px;
    color: #242629
}

.dark .header__text[data-v-5b357794] {
    color: #ddd
}

.header__icon[data-v-5b357794] {
    margin-left: auto
}

[data-v-a68c61b0]:root {
    --color-scheme-active: #6C78F4
}

.textarea[data-v-a68c61b0] {
    font-weight: 400;
    font-size: 14px;
    line-height: 110%;
    width: 100%;
    padding: 12px;
    overflow: hidden;
    white-space: pre-wrap;
    background: #f8f8fb;
    transition: all .2s ease-in-out;
    border: 1px solid transparent;
    border-radius: 8px;
    outline: none;
    text-overflow: ellipsis
}

.dark .textarea[data-v-a68c61b0] {
    color: #ddd;
    background-color: #2f3136
}

.dark .textarea.placeholder[data-v-a68c61b0] {
    color: #8d8d8d
}

.dark .textarea[data-v-a68c61b0]:-moz-placeholder {
    color: #8d8d8d
}

.dark .textarea[data-v-a68c61b0]::-moz-placeholder {
    color: #8d8d8d
}

.dark .textarea[data-v-a68c61b0]:-ms-input-placeholder {
    color: #8d8d8d
}

.dark .textarea[data-v-a68c61b0]::-webkit-input-placeholder {
    color: #8d8d8d
}

.textarea[data-v-a68c61b0]:hover,
.textarea[data-v-a68c61b0]:focus {
    background-color: #ededf5
}

.dark .textarea[data-v-a68c61b0]:hover,
.dark .textarea[data-v-a68c61b0]:focus {
    background-color: #242629
}

[data-v-16bba158]:root {
    --color-scheme-active: #6C78F4
}

.option[data-v-16bba158] {
    display: flex;
    gap: 4px;
    align-items: center;
    overflow: hidden;
    color: #242629;
    font-weight: 400;
    font-size: 13px;
    line-height: 16px
}

.dark .option[data-v-16bba158] {
    color: #ddd
}

.option__value[data-v-16bba158] {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}

.option__scale[data-v-16bba158] {
    flex: none;
    display: flex;
    width: 368px;
    height: 20px;
    margin-left: auto;
    overflow: hidden;
    background: #838fa729;
    border-radius: 4px
}

.option__scale-ui[data-v-16bba158] {
    width: 50px;
    height: 100%;
    background: var(--color-scheme-active)
}

.option__total[data-v-16bba158] {
    min-width: 32px;
    font-weight: 500;
    font-size: 11px;
    line-height: 11px;
    color: #acb1c2;
    text-align: right
}

.dark .option__total[data-v-16bba158] {
    color: #ddd
}

[data-v-85a9bbe9]:root {
    --color-scheme-active: #6C78F4
}

.upload[data-v-85a9bbe9] {
    display: flex;
    gap: 8px;
    align-items: center;
    overflow: hidden;
    cursor: pointer
}

.upload__name[data-v-85a9bbe9] {
    overflow: hidden;
    white-space: nowrap;
    color: #242629;
    text-overflow: ellipsis;
    font-weight: 400;
    font-size: 13px;
    line-height: 16px
}

.dark .upload__name[data-v-85a9bbe9] {
    color: #ddd
}

.upload__size[data-v-85a9bbe9] {
    flex: none;
    margin-left: auto;
    color: #acb1c2;
    font-weight: 400;
    font-size: 11px;
    line-height: 11px
}

.dark .upload__size[data-v-85a9bbe9] {
    color: #ddd
}

[data-v-6d951214]:root {
    --color-scheme-active: #6C78F4
}

.date[data-v-6d951214] {
    max-width: max-content;
    padding: 12px;
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    color: #242629;
    background: #f8f8fb;
    border-radius: 8px
}

.dark .date[data-v-6d951214] {
    color: #ddd;
    background: #383a3f
}

[data-v-1ada0304]:root {
    --color-scheme-active: #6C78F4
}

.time[data-v-1ada0304] {
    max-width: max-content;
    padding: 12px;
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    color: #242629;
    background: #f8f8fb;
    border-radius: 8px
}

.dark .time[data-v-1ada0304] {
    color: #ddd;
    background: #383a3f
}

[data-v-30d74e8e]:root {
    --color-scheme-active: #6C78F4
}

.element[data-v-30d74e8e] {
    margin: 8px 0
}

.dark .element__input[data-v-30d74e8e] input,
.dark .element__textarea[data-v-30d74e8e] {
    color: #ddd;
    background: #383a3f!important
}

[data-v-2a5b039c]:root {
    --color-scheme-active: #6C78F4
}

.answer__row[data-v-2a5b039c] {
    display: flex;
    gap: 8px;
    align-items: center
}

.answer__type[data-v-2a5b039c] {
    display: flex;
    gap: 4px;
    align-items: center;
    color: #acb1c2;
    font-weight: 500;
    font-size: 12px;
    line-height: 15px
}

.dark .answer__type[data-v-2a5b039c] {
    color: #ddd
}

.answer__title[data-v-2a5b039c] {
    margin: 8px 0;
    font-weight: 500;
    font-size: 14px;
    line-height: 16px;
    color: #242629
}

.dark .answer__title[data-v-2a5b039c] {
    color: #ddd
}

[data-v-04ee2d55]:root {
    --color-scheme-active: #6C78F4
}

.feed[data-v-04ee2d55] {
    width: 100%;
    margin-top: 8px;
    padding: 16px;
    background-color: #fff;
    border-radius: 12px
}

.dark .feed[data-v-04ee2d55] {
    background-color: #2f3136
}

.feed__answers[data-v-04ee2d55] {
    display: flex;
    flex-direction: column;
    gap: 16px;
    margin-top: 24px
}

[data-v-020eb874]:root {
    --color-scheme-active: #6C78F4
}

.element[data-v-020eb874] {
    margin: 8px 0
}

.dark .element__input[data-v-020eb874] input,
.dark .element__textarea[data-v-020eb874] {
    color: #ddd;
    background: #383a3f!important
}

[data-v-61a6ea2c]:root {
    --color-scheme-active: #6C78F4
}

.answer__row[data-v-61a6ea2c] {
    display: flex;
    gap: 8px;
    align-items: center
}

.answer__header[data-v-61a6ea2c] {
    display: flex;
    gap: 4px;
    align-items: center
}

.answer__type[data-v-61a6ea2c] {
    display: flex;
    gap: 4px;
    align-items: center;
    color: #acb1c2;
    font-weight: 500;
    font-size: 12px;
    line-height: 15px
}

.dark .answer__type[data-v-61a6ea2c] {
    color: #ddd
}

.answer__title[data-v-61a6ea2c] {
    margin: 8px 0;
    font-weight: 500;
    font-size: 14px;
    line-height: 16px;
    color: #242629
}

.dark .answer__title[data-v-61a6ea2c] {
    color: #ddd
}

.answer__count[data-v-61a6ea2c] {
    font-weight: 500;
    font-size: 12px;
    line-height: 15px;
    color: #acb1c2
}

.answer__count[data-v-61a6ea2c]:before {
    content: "•";
    display: inline-block;
    margin-right: 4px;
    font-weight: 500;
    font-size: 12px;
    line-height: 15px;
    color: #acb1c2
}

.dark .answer__count[data-v-61a6ea2c] {
    color: #ddd
}

[data-v-4344e469]:root {
    --color-scheme-active: #6C78F4
}

.statistics[data-v-4344e469] {
    display: flex;
    flex-direction: column;
    gap: 24px;
    width: 100%;
    margin-top: -16px;
    padding: 24px 16px 16px;
    background-color: #fff;
    border-radius: 0 0 12px 12px
}

.dark .statistics[data-v-4344e469] {
    background-color: #2f3136
}

[data-v-6f16cc15]:root {
    --color-scheme-active: #6C78F4
}

.download[data-v-6f16cc15] {
    width: 100%;
    margin-top: -16px;
    padding: 16px;
    background-color: #fff;
    border-radius: 0 0 12px 12px
}

.dark .download[data-v-6f16cc15] {
    background-color: #2f3136
}

.download__title[data-v-6f16cc15] {
    font-weight: 500;
    font-size: 16px;
    line-height: 19px;
    color: #242629
}

.dark .download__title[data-v-6f16cc15] {
    color: #ddd
}

.download__description[data-v-6f16cc15] {
    margin-top: 4px;
    font-weight: 400;
    font-size: 14px;
    line-height: 14px;
    color: #60636c
}

.dark .download__description[data-v-6f16cc15] {
    color: #ddd
}

.download__button[data-v-6f16cc15] {
    margin: 24px 0 0 auto
}

[data-v-58f1733e]:root {
    --color-scheme-active: #6C78F4
}

.buttons[data-v-58f1733e] {
    display: flex;
    gap: 8px
}

.buttons__button[data-v-58f1733e] {
    display: flex;
    gap: 4px;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 52px;
    border-radius: 12px;
    border: 1px dashed #CACAD2;
    font-weight: 500;
    font-size: 14px;
    line-height: 14px;
    color: #93969f;
    transition: .2s ease-in-out
}

.buttons__button[data-v-58f1733e]:hover {
    border-color: var(--color-scheme-active);
    color: var(--color-scheme-active)
}

.dark .buttons__button[data-v-58f1733e] {
    color: #ddd;
    border-color: #1e1f22
}

.dark .buttons__button[data-v-58f1733e]:hover {
    color: var(--color-scheme-active);
    border-color: var(--color-scheme-active)
}

[data-v-030a8463]:root {
    --color-scheme-active: #6C78F4
}

.settings.active[data-v-030a8463] {
    opacity: 1!important
}

.settings__dropdown[data-v-030a8463] {
    position: absolute;
    display: flex;
    flex-direction: column;
    max-width: 300px;
    width: 100%;
    background-color: #fff;
    border: 1px solid #F0F0F0;
    box-shadow: 0 4px 13px #3030301a;
    border-radius: 6px
}

.dark .settings__dropdown[data-v-030a8463] {
    background-color: #242629;
    border-color: #191a1c
}

.settings__dropdown-title[data-v-030a8463] {
    font-weight: 500;
    font-size: 12px;
    line-height: 100%;
    padding: 13px 8px 10px;
    color: #acb1c2
}

.dropdown__items[data-v-030a8463] {
    display: grid;
    grid-auto-rows: max-content;
    max-height: 300px;
    padding: 4px;
    overflow-y: auto
}

.settings__dropdown-item[data-v-030a8463] {
    border-radius: 4px
}

[data-v-030a8463] .dropdown-item__text {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%
}

[data-v-030a8463] .dropdown-item__text .simple {
    animation: rotate-030a8463 1s linear infinite
}

@keyframes rotate-030a8463 {
    0% {
        transform: rotate(0)
    }
    to {
        transform: rotate(360deg)
    }
}

[data-v-d9d44c2a]:root {
    --color-scheme-active: #6C78F4
}

.header[data-v-d9d44c2a] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 16px
}

.header__wrapper[data-v-d9d44c2a] {
    display: flex;
    gap: 8px;
    align-items: center
}

.header__icon[data-v-d9d44c2a] {
    transition: .2s ease-in-out
}

.opened .header__icon[data-v-d9d44c2a] {
    transform: rotate(90deg)
}

.header__title[data-v-d9d44c2a] {
    display: flex;
    gap: 4px;
    align-items: center;
    font-weight: 500;
    font-size: 16px;
    line-height: 16px;
    color: #242629
}

.dark .header__title[data-v-d9d44c2a] {
    color: #ddd
}

[data-v-df90139f]:root {
    --color-scheme-active: #6C78F4
}

.title[data-v-df90139f] {
    width: 100%
}

.title__textarea[data-v-df90139f] {
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    padding: 0 4px;
    overflow: hidden;
    color: #525c7a;
    background: transparent;
    transition: none;
    border: none;
    outline: none
}

.title__textarea[data-v-df90139f]::placeholder {
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    color: #c1c5d7
}

.dark .title__textarea[data-v-df90139f] {
    color: #ddd
}

.dark .title__textarea[data-v-df90139f]::placeholder {
    color: #ddd
}

[data-v-8db1f269]:root {
    --color-scheme-active: #6C78F4
}

.dropdown[data-v-8db1f269] {
    position: fixed;
    z-index: 10;
    width: 240px;
    max-height: 300px
}

.dropdown__input-tags[data-v-8db1f269] {
    min-height: 34px;
    max-height: 120px
}

[data-v-9b2c9cce]:root {
    --color-scheme-active: #6C78F4
}

.assignees[data-v-9b2c9cce] {
    width: max-content
}

.assignees__item[data-v-9b2c9cce] {
    font-weight: 500;
    font-size: 13px;
    line-height: 13px;
    display: flex;
    align-items: center;
    color: #525c7a
}

.dark .assignees__item[data-v-9b2c9cce] {
    color: #ddd
}

[data-v-1abc6fe5]:root {
    --color-scheme-active: #6C78F4
}

.dropdown[data-v-1abc6fe5] {
    position: fixed;
    z-index: 10;
    width: 240px
}

[data-v-e72dbfcb]:root {
    --color-scheme-active: #6C78F4
}

.project[data-v-e72dbfcb] {
    position: relative;
    z-index: 100;
    display: flex;
    width: 100%;
    min-height: 80px;
    overflow: hidden;
    background: #fff;
    flex-direction: column;
    border: 1px solid #f0f0f0;
    border-radius: 8px;
    box-shadow: 0 4px 13px #3030301a
}

.dark .project[data-v-e72dbfcb] {
    background-color: #2f3136;
    border-color: #242629
}

.project__top[data-v-e72dbfcb] {
    display: flex;
    gap: 8px;
    padding: 8px
}

.project__information[data-v-e72dbfcb] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    width: 100%;
    overflow: hidden
}

.project__name[data-v-e72dbfcb] {
    overflow: hidden;
    white-space: nowrap;
    color: #242629;
    text-overflow: ellipsis;
    font-weight: 500;
    font-size: 14px;
    line-height: 14px
}

.dark .project__name[data-v-e72dbfcb] {
    color: #fff
}

.project__status[data-v-e72dbfcb] {
    display: flex;
    gap: 4px;
    align-items: center
}

.project__status-circle[data-v-e72dbfcb] {
    width: 6px;
    height: 6px;
    border-radius: 50%
}

.project__status-label[data-v-e72dbfcb] {
    font-weight: 500;
    font-size: 12px;
    line-height: 12px;
    color: #acb1c2
}

.project__avatar[data-v-e72dbfcb] {
    box-shadow: 0 0 1px #0000001f inset
}

.project__image[data-v-e72dbfcb] {
    width: 100%;
    height: 100%;
    border-radius: 8px;
    overflow: hidden
}

.project__bottom[data-v-e72dbfcb] {
    padding: 8px;
    border-top: 1px solid #f4f4f8
}

.dark .project__bottom[data-v-e72dbfcb] {
    border-color: #242629
}

.project__link[data-v-e72dbfcb] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    text-decoration: none
}

.project__link span[data-v-e72dbfcb] {
    font-weight: 500;
    font-size: 14px;
    line-height: 14px;
    color: #60636c;
    transition: .25s
}

.dark .project__link span[data-v-e72dbfcb] {
    color: #fff
}

.project__link:hover span[data-v-e72dbfcb] {
    color: #323335
}

.dark .project__link:hover span[data-v-e72dbfcb] {
    opacity: .7;
    color: #fff
}

[data-v-6d660567]:root {
    --color-scheme-active: #6C78F4
}

.project[data-v-6d660567] {
    position: relative
}

.project__wrapper[data-v-6d660567] {
    position: relative;
    display: grid;
    grid-template-columns: repeat(2, max-content);
    align-items: center
}

.project__value[data-v-6d660567] {
    display: grid;
    grid-template-columns: repeat(2, max-content);
    grid-column-gap: 6px;
    align-items: center;
    font-weight: 500;
    font-size: 13px;
    line-height: 13px;
    color: #525c7a
}

.dark .project__value[data-v-6d660567] {
    color: #ddd
}

.project__tooltip[data-v-6d660567] {
    display: flex;
    align-items: center;
    overflow: hidden
}

.project__name[data-v-6d660567] {
    max-width: 150px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.project__popper[data-v-6d660567] {
    position: absolute;
    top: 26px;
    left: 0;
    width: 192px;
    padding-top: 6px
}

[data-v-444caea2]:root {
    --color-scheme-active: #6C78F4
}

.dropdown[data-v-444caea2] {
    position: fixed;
    z-index: 10;
    width: 240px
}

[data-v-e51f7e45]:root {
    --color-scheme-active: #6C78F4
}

.board[data-v-e51f7e45] {
    position: relative;
    z-index: 100;
    display: flex;
    min-height: 80px;
    overflow: hidden;
    background: #fff;
    flex-direction: column;
    border: 1px solid #f0f0f0;
    border-radius: 8px;
    box-shadow: 0 4px 13px #3030301a
}

.dark .board[data-v-e51f7e45] {
    background-color: #2f3136;
    border-color: #242629
}

.board__top[data-v-e51f7e45] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    padding: 8px
}

.board__name[data-v-e51f7e45] {
    overflow: hidden;
    white-space: nowrap;
    color: #242629;
    text-overflow: ellipsis;
    font-weight: 500;
    font-size: 14px;
    line-height: 14px
}

.dark .board__name[data-v-e51f7e45] {
    color: #fff
}

.board__information[data-v-e51f7e45] {
    display: flex;
    gap: 12px;
    align-items: center
}

.board__period[data-v-e51f7e45] {
    color: #acb1c2;
    font-weight: 500;
    font-size: 12px;
    line-height: 12px
}

.board__tasks-count[data-v-e51f7e45] {
    position: relative;
    color: #acb1c2;
    font-weight: 500;
    font-size: 12px;
    line-height: 12px
}

.board__tasks-count.period[data-v-e51f7e45] {
    padding-left: 4px
}

.board__tasks-count.period[data-v-e51f7e45]:before {
    content: "";
    position: absolute;
    top: 50%;
    left: -6px;
    width: 4px;
    height: 4px;
    background: #acb1c2;
    border-radius: 50%;
    transform: translateY(-50%)
}

.board__bottom[data-v-e51f7e45] {
    padding: 8px;
    border-top: 1px solid #f4f4f8
}

.dark .board__bottom[data-v-e51f7e45] {
    border-color: #242629
}

.board__link[data-v-e51f7e45] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    text-decoration: none
}

.board__link span[data-v-e51f7e45] {
    font-weight: 500;
    font-size: 14px;
    line-height: 14px;
    color: #60636c;
    transition: .25s
}

.dark .board__link span[data-v-e51f7e45] {
    color: #fff
}

.board__link:hover span[data-v-e51f7e45] {
    color: #323335
}

.dark .board__link:hover span[data-v-e51f7e45] {
    opacity: .7;
    color: #fff
}

[data-v-1ebeb6ed]:root {
    --color-scheme-active: #6C78F4
}

.board[data-v-1ebeb6ed] {
    position: relative
}

.board__wrapper[data-v-1ebeb6ed] {
    position: relative;
    display: grid;
    grid-template-columns: repeat(2, max-content);
    align-items: center
}

.board__value[data-v-1ebeb6ed] {
    display: flex;
    align-items: center;
    color: #525c7a;
    font-weight: 500;
    font-size: 13px;
    line-height: 13px
}

.dark .board__value[data-v-1ebeb6ed] {
    color: #ddd
}

.board__tooltip[data-v-1ebeb6ed] {
    display: flex;
    align-items: center;
    overflow: hidden
}

.board__name[data-v-1ebeb6ed] {
    max-width: 150px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.board__popper[data-v-1ebeb6ed] {
    position: absolute;
    top: 26px;
    left: 0;
    width: 192px;
    padding-top: 6px;
    max-width: 192px
}

[data-v-7f48cc30]:root {
    --color-scheme-active: #6C78F4
}

.column__dropdown[data-v-7f48cc30] {
    position: fixed;
    z-index: 10;
    width: 240px
}

.column__value[data-v-7f48cc30] {
    display: flex;
    align-items: center;
    max-width: 120px;
    overflow: hidden
}

.column__name-tooltip[data-v-7f48cc30] {
    display: flex;
    max-width: 120px;
    overflow: hidden
}

.column__name[data-v-7f48cc30] {
    display: block;
    max-width: 120px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

[data-v-145b34be]:root {
    --color-scheme-active: #6C78F4
}

.project[data-v-145b34be] {
    width: max-content
}

.project__value[data-v-145b34be] {
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: max-content
}

.project__value[data-v-145b34be] .project__name,
.project__value[data-v-145b34be] .board__name,
.project__value[data-v-145b34be] .column__name {
    max-width: 110px
}

[data-v-307865b0]:root {
    --color-scheme-active: #6C78F4
}

.start[data-v-307865b0] {
    position: relative;
    display: flex;
    gap: 8px;
    align-items: center;
    height: 32px
}

.start__text[data-v-307865b0] {
    font-weight: 500;
    font-size: 13px;
    line-height: 13px;
    color: #acb1c2
}

.dark .start__text[data-v-307865b0] {
    color: #8d8d8d
}

.start__input[data-v-307865b0] {
    font-weight: 500;
    font-size: 13px;
    line-height: 13px;
    height: 32px;
    padding: 0 8px;
    color: #525c7a;
    background-color: #f8f8fb;
    border-radius: 8px;
    border: none
}

.start__input.with-icon[data-v-307865b0] {
    padding-right: 32px
}

.dark .start__input[data-v-307865b0] {
    color: #ddd
}

.start__input[data-v-307865b0]:hover,
.start__input[data-v-307865b0]:focus {
    background-color: #ededf5
}

.dark .start__input[data-v-307865b0]:hover,
.dark .start__input[data-v-307865b0]:focus {
    background: #242629
}

.start__remove-icon[data-v-307865b0] {
    position: absolute;
    right: 4px
}

[data-v-a171fa34]:root {
    --color-scheme-active: #6C78F4
}

.due[data-v-a171fa34] {
    position: relative;
    display: flex;
    align-items: center
}

.due__input[data-v-a171fa34] {
    font-weight: 500;
    font-size: 13px;
    line-height: 13px;
    height: 32px;
    padding: 0 8px;
    color: #525c7a;
    background-color: #f8f8fb;
    border-radius: 8px;
    border: none
}

.due__input.with-icon[data-v-a171fa34] {
    padding-right: 32px
}

.dark .due__input[data-v-a171fa34] {
    color: #ddd
}

.due__input[data-v-a171fa34]:hover,
.due__input[data-v-a171fa34]:focus {
    background-color: #ededf5
}

.dark .due__input[data-v-a171fa34]:hover,
.dark .due__input[data-v-a171fa34]:focus {
    background: #242629
}

.due__remove-icon[data-v-a171fa34] {
    position: absolute;
    right: 4px
}

[data-v-fb179fd9]:root {
    --color-scheme-active: #6C78F4
}

.time[data-v-fb179fd9] {
    position: relative;
    display: flex;
    gap: 8px;
    align-items: center;
    height: 32px
}

.time__text[data-v-fb179fd9] {
    font-weight: 500;
    font-size: 13px;
    line-height: 13px;
    white-space: nowrap;
    color: #acb1c2
}

.dark .time__text[data-v-fb179fd9] {
    color: #8d8d8d
}

.time__wrapper[data-v-fb179fd9] {
    position: relative
}

.time__input[data-v-fb179fd9] {
    font-weight: 500;
    font-size: 13px;
    line-height: 13px;
    height: 32px;
    padding: 0 8px;
    color: #525c7a;
    background-color: #f8f8fb;
    border-radius: 8px;
    border: none
}

.time__input[data-v-fb179fd9]::placeholder {
    color: #acb1c2
}

.time__input.with-icon[data-v-fb179fd9] {
    padding-right: 32px
}

.dark .time__input[data-v-fb179fd9] {
    color: #ddd
}

.time__input[data-v-fb179fd9]:hover,
.time__input[data-v-fb179fd9]:focus {
    background-color: #ededf5
}

.dark .time__input[data-v-fb179fd9]:hover,
.dark .time__input[data-v-fb179fd9]:focus {
    background: #242629
}

.time__remove-icon[data-v-fb179fd9] {
    position: absolute;
    top: 50%;
    right: 4px;
    transform: translateY(-50%)
}

.time__dropdown[data-v-fb179fd9] {
    position: absolute;
    top: 36px;
    z-index: 1000;
    width: 116px;
    max-height: 150px
}

[data-v-d2a500c2]:root {
    --color-scheme-active: #6C78F4
}

.time[data-v-d2a500c2] {
    position: relative;
    display: flex;
    gap: 8px;
    align-items: center;
    height: 32px
}

.time__text[data-v-d2a500c2] {
    font-weight: 500;
    font-size: 13px;
    line-height: 13px;
    white-space: nowrap;
    color: #acb1c2
}

.dark .time__text[data-v-d2a500c2] {
    color: #8d8d8d
}

.time__wrapper[data-v-d2a500c2] {
    position: relative
}

.time__input[data-v-d2a500c2] {
    font-weight: 500;
    font-size: 13px;
    line-height: 13px;
    height: 32px;
    padding: 0 8px;
    color: #525c7a;
    background-color: #f8f8fb;
    border-radius: 8px;
    border: none
}

.time__input.with-icon[data-v-d2a500c2] {
    padding-right: 32px
}

.dark .time__input[data-v-d2a500c2] {
    color: #ddd
}

.time__input[data-v-d2a500c2]:hover,
.time__input[data-v-d2a500c2]:focus {
    background-color: #ededf5
}

.dark .time__input[data-v-d2a500c2]:hover,
.dark .time__input[data-v-d2a500c2]:focus {
    background: #242629
}

.time__remove-icon[data-v-d2a500c2] {
    position: absolute;
    top: 50%;
    right: 4px;
    transform: translateY(-50%)
}

.time__dropdown[data-v-d2a500c2] {
    position: absolute;
    top: 36px;
    z-index: 1000;
    width: 116px;
    max-height: 150px
}

[data-v-ad3f5c52]:root {
    --color-scheme-active: #6C78F4
}

.header[data-v-ad3f5c52] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 12px 12px 0
}

.header__row[data-v-ad3f5c52] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 20px
}

[data-v-c158f31d]:root {
    --color-scheme-active: #6C78F4
}

.picker[data-v-c158f31d] {
    max-width: 276px;
    overflow: hidden;
    background-color: #fff;
    border: 1px solid #f0f0f0;
    box-shadow: 0 4px 13px #3030301a;
    border-radius: 8px
}

.picker[data-v-c158f31d] .vc-header {
    margin-top: 0
}

.picker[data-v-c158f31d] .vc-day {
    width: 36px
}

.picker[data-v-c158f31d] .vc-day-content {
    width: 32px
}

.picker[data-v-c158f31d] .vc-weekday {
    width: 36px
}

.picker[data-v-c158f31d] .vc-highlight.start,
.picker[data-v-c158f31d] .vc-highlight.end {
    width: 32px
}

.dark .picker[data-v-c158f31d] {
    background-color: #383a3f;
    border-color: #2a2a2a;
    box-shadow: 0 6px 13px #1919197a
}

.dark .picker[data-v-c158f31d] .vc-day-content {
    color: #ddd
}

.dark .picker[data-v-c158f31d] .vc-day-content:hover {
    background: #2f3136!important
}

.dark .picker[data-v-c158f31d] .is-today .vc-day-content {
    color: var(--color-scheme-active)
}

.picker__title[data-v-c158f31d] {
    font-weight: 500;
    font-size: 13px;
    line-height: 100%;
    display: flex;
    align-items: center;
    height: 40px;
    padding: 12px;
    color: #525c7a;
    background: #f4f4f8;
    border-bottom: 1px solid rgba(0, 0, 0, .05)
}

.dark .picker__title[data-v-c158f31d] {
    color: #ddd;
    background-color: #2f3136;
    border-bottom: #2A2A2A
}

.dark .picker__header[data-v-c158f31d] {
    color: #ddd
}

.picker__calendar.datepicker[data-v-c158f31d] {
    box-shadow: none;
    border: none
}

[data-v-a9a70d84]:root {
    --color-scheme-active: #6C78F4
}

.date[data-v-a9a70d84] {
    position: relative
}

.date__hoverable[data-v-a9a70d84] {
    font-weight: 500;
    font-size: 13px;
    line-height: 13px;
    display: flex;
    align-items: center;
    color: #525c7a
}

.dark .date__hoverable[data-v-a9a70d84] {
    color: #ddd
}

.date__picker[data-v-a9a70d84] {
    position: absolute;
    top: calc(100%+ 4px);
    left: 0;
    z-index: 10
}

[data-v-7c08483a]:root {
    --color-scheme-active: #6C78F4
}

.dates[data-v-7c08483a] {
    width: 100%
}

.dates__value[data-v-7c08483a] {
    display: flex
}

.dates__tooltip[data-v-7c08483a] {
    display: flex;
    align-items: center
}

.dates__overdue[data-v-7c08483a] {
    display: flex;
    align-items: center;
    width: max-content;
    height: 20px;
    margin-left: 4px;
    padding: 0 6px;
    font-weight: 500;
    font-size: 13px;
    line-height: 13px;
    color: #fa4b4b;
    background: #fa4b4b33;
    border-radius: 5px
}

[data-v-a688d699]:root {
    --color-scheme-active: #6C78F4
}

.modal[data-v-a688d699] {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: repeat(2, max-content);
    width: 100%;
    height: max-content;
    max-width: 320px
}

.modal__form-fields[data-v-a688d699] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 8px
}

.modal__button[data-v-a688d699] {
    max-width: 176px;
    width: 100%
}

[data-v-2ecfd845]:root {
    --color-scheme-active: #6C78F4
}

.duration[data-v-2ecfd845] {
    width: max-content
}

.duration__item[data-v-2ecfd845] {
    display: flex;
    align-items: center;
    font-weight: 500;
    font-size: 13px;
    line-height: 13px;
    color: #525c7a
}

.dark .duration__item[data-v-2ecfd845] {
    color: #ddd
}

[data-v-345da23e]:root {
    --color-scheme-active: #6C78F4
}

.priority[data-v-345da23e] {
    width: max-content
}

.priority__dropdown[data-v-345da23e] {
    position: fixed;
    z-index: 10;
    width: 160px
}

[data-v-246feca9]:root {
    --color-scheme-active: #6C78F4
}

.task-view-tag[data-v-246feca9] {
    display: flex;
    align-items: center;
    height: 20px;
    border-radius: 4px
}

.task-view-tag__text[data-v-246feca9] {
    padding: 3px 6px;
    max-width: 176px;
    overflow: hidden;
    font-size: 10px;
    font-weight: 600;
    line-height: 12px;
    white-space: nowrap;
    color: #ff4d89;
    text-overflow: ellipsis
}

.task-view-tag__menu[data-v-246feca9] {
    position: relative;
    cursor: pointer
}

.task-view-tag:not(.readonly).task-view-tag_menu-is-opened .task-view-tag__menu[data-v-246feca9],
.task-view-tag:not(.readonly):hover .task-view-tag__menu[data-v-246feca9] {
    margin-right: 4px
}

.task-view-tag__icon-menu[data-v-246feca9] {
    display: none
}

.task-view-tag__icon-menu[data-v-246feca9] path {
    fill: inherit
}

.task-view-tag__icon-menu[data-v-246feca9] path:nth-of-type(1) {
    opacity: .39
}

.task-view-tag:not(.readonly).task-view-tag_menu-is-opened .task-view-tag__icon-menu[data-v-246feca9],
.task-view-tag:not(.readonly):hover .task-view-tag__icon-menu[data-v-246feca9] {
    display: flex
}

.task-view-tag__menu-select[data-v-246feca9] {
    position: absolute;
    top: calc(100%+ 1px);
    left: -155px;
    z-index: 11
}

.task-view-tag__menu-color[data-v-246feca9] {
    position: absolute;
    top: calc(100%+ 80px);
    left: -4px;
    z-index: 9
}

.task-view-tag__delete[data-v-246feca9] {
    display: none;
    justify-content: center;
    align-items: center;
    width: 18px;
    height: 100%;
    background-color: #ff4d89;
    cursor: pointer;
    border-radius: 0 4px 4px 0
}

.task-view-tag:not(.readonly).task-view-tag_menu-is-opened .task-view-tag__delete[data-v-246feca9],
.task-view-tag:not(.readonly):hover .task-view-tag__delete[data-v-246feca9] {
    display: flex
}

.task-view-tag__icon-delete[data-v-246feca9] path:first-of-type {
    fill: #ffffff63
}

.task-view-tag__icon-delete[data-v-246feca9] path:last-of-type {
    fill: #fff
}

.task-view-tag__input[data-v-246feca9] {
    min-width: 30px;
    height: 20px;
    padding: 0 6px;
    font-size: 10px;
    font-weight: 300;
    line-height: 12px;
    border: 1px solid var(--color-scheme-active);
    border-radius: 4px;
    outline: none
}

[data-v-6fdd4053]:root {
    --color-scheme-active: #6C78F4
}

.tags[data-v-6fdd4053] {
    width: max-content
}

.tags__value[data-v-6fdd4053] {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
    align-items: center;
    min-width: 320px;
    min-height: 32px;
    padding: 3px;
    border-radius: 8px;
    border: 1.5px solid transparent;
    transition: .2s ease;
    cursor: pointer
}

.tags__value[data-v-6fdd4053]:hover {
    background: #838fa714
}

.tags__value[data-v-6fdd4053]:active {
    background: #838fa729
}

.tags__value.focused[data-v-6fdd4053] {
    background: transparent;
    border-color: #93969f
}

.tags__placeholder[data-v-6fdd4053] {
    color: #c1c5d7;
    font-weight: 500;
    font-size: 13px;
    line-height: 16px
}

.dark .tags__placeholder[data-v-6fdd4053] {
    color: #ddd
}

.tags__dropdown[data-v-6fdd4053] {
    position: absolute;
    top: calc(100%+ 2px);
    left: 0;
    z-index: 10
}

.tags__create[data-v-6fdd4053] {
    display: grid;
    grid-template-columns: max-content 1fr;
    grid-column-gap: 8px;
    align-items: center;
    padding: 4px;
    font-weight: 500;
    font-size: 13px;
    line-height: 16px
}

.tags__new[data-v-6fdd4053] {
    display: flex;
    align-items: center;
    width: max-content;
    height: 20px;
    padding: 3px 6px;
    font-size: 10px;
    font-weight: 600;
    line-height: 12px;
    white-space: nowrap;
    background-color: #d3d3d3;
    border-radius: 4px;
    text-overflow: ellipsis
}

.dark .tags__new[data-v-6fdd4053] {
    color: #8d8d8d;
    background-color: #383a3f
}

[data-v-17b4c212]:root {
    --color-scheme-active: #6C78F4
}

.attributes[data-v-17b4c212] {
    margin: 12px 0 0 16px
}

[data-v-24b4a763]:root {
    --color-scheme-active: #6C78F4
}

.task[data-v-24b4a763] {
    background: #fff;
    border-radius: 12px
}

.dark .task[data-v-24b4a763] {
    background: #2f3136
}

.task__title[data-v-24b4a763] {
    padding: 20px 0 0 22px;
    font-weight: 500;
    font-size: 14px;
    line-height: 17.5px;
    color: #242629;
    border-top: 1px solid #EDEDF5
}

.dark .task__title[data-v-24b4a763] {
    color: #ddd;
    border-color: #2a2a2a
}

.task__text[data-v-24b4a763] {
    margin-top: 24px;
    padding: 0 0 16px 16px;
    font-weight: 500;
    font-size: 12px;
    line-height: 12px;
    color: #60636c
}

[data-v-6b59ba6e]:root {
    --color-scheme-active: #6C78F4
}

.actions__entities[data-v-6b59ba6e] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-top: 8px
}

[data-v-f172f490]:root {
    --color-scheme-active: #6C78F4
}

.settings[data-v-f172f490] {
    margin-top: 8px
}

[data-v-391774ef]:root {
    --color-scheme-active: #6C78F4
}

.content[data-v-391774ef] {
    max-width: 600px;
    width: 100%;
    margin: 0 auto
}

.content__view-mode[data-v-391774ef] {
    width: 100%;
    padding: 0 16px 16px;
    background-color: #fff;
    border-radius: 0 0 12px 12px
}

.dark .content__view-mode[data-v-391774ef] {
    background-color: #2f3136
}

.content__elements[data-v-391774ef] {
    width: 100%;
    margin-top: 8px;
    padding: 16px;
    background-color: #fff;
    border-radius: 12px
}

.dark .content__elements[data-v-391774ef] {
    background-color: #2f3136
}

[data-v-d135a253]:root {
    --color-scheme-active: #6C78F4
}

.form[data-v-d135a253] {
    width: 100%;
    padding: 16px;
    overflow: auto;
    background-color: #f8f8fb;
    scrollbar-gutter: stable
}

.dark .form[data-v-d135a253] {
    background-color: #383a3f
}

[data-v-269a580f]:root {
    --color-scheme-active: #6C78F4
}

.forms[data-v-269a580f] {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 998;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #30303066
}

.forms__wrapper[data-v-269a580f] {
    display: flex;
    flex-direction: column;
    width: calc(100% - 96px);
    height: calc(100% - 96px);
    background-color: #fff;
    border-radius: 16px
}

.dark .forms__wrapper[data-v-269a580f] {
    background-color: #2f3136
}

.forms__row[data-v-269a580f] {
    display: grid;
    grid-template-columns: 274px 1fr;
    height: 100%;
    overflow: hidden
}

.forms__loading[data-v-269a580f] {
    margin: auto
}

[data-v-59943ae6]:root {
    --color-scheme-active: #6C78F4
}

.main[data-v-59943ae6] {
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    overflow: hidden
}

@media print {
    .main.modal-print[data-v-59943ae6] {
        display: none
    }
}

[data-v-59943ae6] .main__view {
    flex: 1 1 auto;
    display: flex;
    overflow: hidden;
    flex-direction: row
}

[data-v-59943ae6] .main__page {
    position: relative;
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    overflow: hidden
}

@media print {
    [data-v-59943ae6] .main__page {
        display: block
    }
}

[data-v-94de2c9b]:root {
    --color-scheme-active: #6C78F4
}

.nav-section[data-v-94de2c9b] {
    display: grid;
    grid-template-rows: minmax(24px, max-content) 1fr
}

.nav-section.mini[data-v-94de2c9b] {
    overflow: hidden
}

.nav-section__header[data-v-94de2c9b] {
    display: flex;
    align-items: center;
    height: 16px;
    margin-bottom: 8px
}

.mini .nav-section__header[data-v-94de2c9b] {
    overflow: hidden
}

.nav-section__name[data-v-94de2c9b] {
    flex: 1;
    display: flex;
    align-items: center;
    height: 16px;
    overflow: hidden;
    white-space: nowrap;
    color: #a5a8b3;
    text-overflow: ellipsis;
    font-weight: 500;
    font-size: 12px;
    line-height: 16px
}

.mini .nav-section__name[data-v-94de2c9b] {
    display: block
}

.nav-section__menu[data-v-94de2c9b] {
    position: relative
}

.mini .nav-section__menu[data-v-94de2c9b] {
    display: none
}

.nav-section__menu-dropdown[data-v-94de2c9b] {
    position: absolute;
    top: calc(100%+ 4px);
    right: 0;
    z-index: 10
}

.nav-section__body[data-v-94de2c9b] {
    display: grid;
    grid-auto-rows: max-content;
    grid-row-gap: 2px
}

.mini .nav-section__body[data-v-94de2c9b] {
    overflow: hidden
}

[data-v-eec2dc44]:root {
    --color-scheme-active: #6C78F4
}

.link[data-v-eec2dc44] {
    position: relative
}

.link__content[data-v-eec2dc44] {
    position: relative;
    display: flex;
    align-items: center;
    width: max-content;
    min-width: 100%;
    height: 30px;
    padding: 8px;
    transition: all .2s ease;
    column-gap: 8px;
    max-width: 100%;
    text-decoration: none;
    border: none;
    border-radius: 4px
}

.link__content.active[data-v-eec2dc44] {
    background-color: #e5e7ee
}

.link__content[data-v-eec2dc44]:hover {
    background-color: #f8f8fb
}

.link__content.mini[data-v-eec2dc44] {
    justify-content: center;
    width: 32px
}

.is-disabled .link__content[data-v-eec2dc44] {
    pointer-events: none;
    -webkit-user-select: none;
    user-select: none
}

.dark .link__content[data-v-eec2dc44]:hover {
    background-color: #2f3136
}

.dark .link__content.active[data-v-eec2dc44] {
    background-color: #383a3f
}

.link__name[data-v-eec2dc44] {
    flex: 1;
    overflow: hidden;
    white-space: nowrap;
    color: #60636c;
    text-align: start;
    text-overflow: ellipsis;
    font-weight: 400;
    font-size: 14px;
    line-height: 16px
}

.active .link__name[data-v-eec2dc44] {
    font-weight: 500;
    color: #242629
}

.is-disabled .link__name[data-v-eec2dc44] {
    opacity: .5
}

.mini .link__name[data-v-eec2dc44] {
    display: none
}

.dark .link__name[data-v-eec2dc44],
.active .dark .link__name[data-v-eec2dc44] {
    color: #ddd
}

.link__additional-icons[data-v-eec2dc44] {
    display: flex;
    align-items: center;
    column-gap: 5px
}

.mini .link__additional-icons[data-v-eec2dc44] {
    display: none
}

.tariff[data-v-eec2dc44] {
    position: absolute;
    top: 50%;
    right: 8px;
    transform: translateY(-50%);
    z-index: 10
}

[data-v-d18d263b]:root {
    --color-scheme-active: #6C78F4
}

.limits[data-v-d18d263b] {
    width: 249px;
    margin-top: auto
}

.limits.collapsed[data-v-d18d263b] {
    width: 32px
}

[data-v-e55e6e2b]:root {
    --color-scheme-active: #6C78F4
}

.nav-users[data-v-e55e6e2b] {
    display: flex;
    flex-direction: column;
    padding: 16px 11px;
    overflow: hidden auto
}

.nav-users__wrap[data-v-e55e6e2b] {
    flex: 1
}

.nav-users__item[data-v-e55e6e2b] {
    position: relative
}

.nav-users__item-tooltip[data-v-e55e6e2b] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.nav-users__tooltip-template[data-v-e55e6e2b] {
    width: 100%;
    height: 100%
}

.nav-users__section[data-v-e55e6e2b] {
    margin: 24px 0
}

[data-v-5bb4d83e]:root {
    --color-scheme-active: #6C78F4
}

.nav-button-back[data-v-5bb4d83e] {
    width: 100%;
    overflow: hidden;
    transition: width .2s ease
}

.nav-button-back__link[data-v-5bb4d83e] {
    text-decoration: none;
    overflow: hidden
}

.nav-button-back__icon[data-v-5bb4d83e] {
    transform: rotate(270deg)
}

.nav-button-back__text[data-v-5bb4d83e] {
    margin-left: 10px
}

[data-v-b6e39b21]:root {
    --color-scheme-active: #6C78F4
}

.nav-workspace[data-v-b6e39b21] {
    display: grid;
    grid-template-rows: max-content 1fr;
    overflow: hidden
}

.nav-workspace__wrap[data-v-b6e39b21] {
    padding: 0 11px 14px;
    overflow: hidden auto
}

.nav-workspace__button-back[data-v-b6e39b21] {
    margin-bottom: 23px;
    padding: 14px 11px 0
}

.nav-workspace__section[data-v-b6e39b21]:not(.nav-workspace__section:last-of-type) {
    margin-bottom: 24px
}

[data-v-f1767030]:root {
    --color-scheme-active: #6C78F4
}

.nav-profile[data-v-f1767030] {
    padding: 14px 11px;
    overflow: hidden auto
}

.nav-profile__button-back[data-v-f1767030] {
    margin-bottom: 23px
}

[data-v-be0a6379]:root {
    --color-scheme-active: #6C78F4
}

.link-to-templates[data-v-be0a6379] {
    width: calc(100% - 24px);
    margin: 0 12px
}

[data-v-c5fdcb9e]:root {
    --color-scheme-active: #6C78F4
}

.project[data-v-c5fdcb9e] {
    position: relative;
    display: flex;
    align-items: center;
    height: 30px;
    padding-right: 3px;
    color: #60636c;
    background-color: #fff;
    transition: background-color .2s ease;
    cursor: pointer;
    max-width: 249px;
    border-radius: 4px;
    text-decoration: none;
    column-gap: 8px;
    font-weight: 400;
    font-size: 14px;
    line-height: 16px
}

.project[data-v-c5fdcb9e]:hover {
    background-color: #f8f8fb
}

.project[data-v-c5fdcb9e]:active,
.project.active[data-v-c5fdcb9e] {
    background-color: #e5e7ee
}

.project.mini[data-v-c5fdcb9e] {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: 1fr;
    place-items: center center;
    column-gap: unset;
    padding: unset!important
}

.dark .project[data-v-c5fdcb9e] {
    color: #ddd;
    background-color: #242629
}

.dark .project[data-v-c5fdcb9e]:hover {
    background-color: #2f3136
}

.dark .project[data-v-c5fdcb9e]:active,
.dark .project.active[data-v-c5fdcb9e] {
    background-color: #383a3f
}

.project__text[data-v-c5fdcb9e] {
    flex: 1 1 auto;
    overflow: hidden
}

.project__name[data-v-c5fdcb9e] {
    flex: 1;
    overflow: hidden;
    text-align: start;
    text-overflow: ellipsis;
    line-break: anywhere;
    white-space: nowrap
}

.mini .project__name[data-v-c5fdcb9e] {
    display: none
}

.project__settings[data-v-c5fdcb9e] {
    pointer-events: none;
    opacity: 0;
    transition: opacity .2s ease
}

.project:hover .project__settings[data-v-c5fdcb9e] {
    pointer-events: auto;
    opacity: 1
}

.project__icon[data-v-c5fdcb9e] {
    flex: none
}

.project__logo[data-v-c5fdcb9e] .avatars-image__content {
    background-color: unset
}

.project__logo-tooltip[data-v-c5fdcb9e] {
    position: absolute;
    top: 0;
    left: 0;
    width: 33px;
    height: 30px
}

.project__logo-tooltip-template[data-v-c5fdcb9e] {
    width: 100%;
    height: 100%
}

[data-v-b9ad9712]:root {
    --color-scheme-active: #6C78F4
}

.content[data-v-b9ad9712] {
    padding: 0 12px
}

[data-v-3b6114eb]:root {
    --color-scheme-active: #6C78F4
}

.section-from-search[data-v-3b6114eb] {
    display: grid;
    grid-template-rows: max-content 1fr;
    overflow: hidden
}

.section-from-search__button-back[data-v-3b6114eb] {
    width: calc(100% - 24px);
    margin: 0 12px
}

.section-from-search__wrapper[data-v-3b6114eb] {
    display: grid;
    grid-template-rows: max-content 1fr;
    overflow: hidden auto
}

[data-v-8f02c954]:root {
    --color-scheme-active: #6C78F4
}

.creating-first[data-v-8f02c954] {
    display: grid;
    grid-auto-rows: max-content;
    grid-row-gap: 10px;
    width: 100%;
    padding: 21px 14px 19px;
    background-color: #f8f8fb;
    border-radius: 8px
}

.dark .creating-first[data-v-8f02c954] {
    background-color: #2f3136
}

.creating-first__title[data-v-8f02c954] {
    font-weight: 700;
    font-size: 16px;
    line-height: 16px;
    color: #202430
}

.dark .creating-first__title[data-v-8f02c954] {
    color: #f1f2f4
}

.creating-first__description[data-v-8f02c954] {
    font-weight: 300;
    font-size: 14px;
    line-height: 17px;
    color: #000
}

.dark .creating-first__description[data-v-8f02c954] {
    color: #f1f2f4
}

[data-v-acf8f559]:root {
    --color-scheme-active: #6C78F4
}

.creating-first-project a[data-v-acf8f559] {
    font-size: 12px;
    white-space: nowrap;
    color: var(--color-scheme-active);
    transition: all .3s ease-in-out;
    text-decoration: none
}

.creating-first-project a[data-v-acf8f559]:hover {
    text-decoration: underline
}

.creating-first-project__add-card[data-v-acf8f559] {
    width: 253px;
    margin-bottom: 23px
}

.creating-first-project__add[data-v-acf8f559] {
    grid-template-columns: repeat(2, max-content);
    gap: 0;
    width: 32px;
    height: 32px;
    margin-bottom: 23px
}

[data-v-81d2260a]:root {
    --color-scheme-active: #6C78F4
}

.projects-sorting-item[data-v-81d2260a] {
    border: 2px solid transparent
}

.projects-sorting-item.sorting-top[data-v-81d2260a]:before {
    content: "";
    position: absolute;
    top: -3.5px;
    right: -2px;
    left: -2px;
    z-index: 10;
    width: calc(100%+ 4px);
    height: 3px;
    border-radius: 2px;
    background-color: var(--color-scheme-active);
    pointer-events: none;
    box-shadow: 0 1px 2px #6c78f440
}

.projects-sorting-item.sorting-into[data-v-81d2260a] {
    border-color: var(--color-scheme-active);
    box-shadow: 0 1px 2px #6c78f440
}

.projects-sorting-item.sorting-bottom[data-v-81d2260a]:before {
    content: "";
    position: absolute;
    right: 2px;
    bottom: -3.5px;
    left: -2px;
    z-index: 10;
    width: calc(100%+ 4px);
    height: 3px;
    border-radius: 2px;
    background-color: var(--color-scheme-active);
    pointer-events: none;
    box-shadow: 0 1px 2px #6c78f440
}

.projects-sorting-item.sorting-folder.sorting-top[data-v-81d2260a]:before {
    top: -1.5px;
    right: 0;
    left: 0;
    width: 100%
}

.projects-sorting-item.sorting-folder.sorting-bottom[data-v-81d2260a]:before {
    right: 0;
    bottom: -1.5px;
    left: 0;
    width: 100%
}

.content[data-v-81d2260a] {
    padding: 0 12px
}

.content__project[data-v-81d2260a] {
    position: relative;
    border: 2px solid transparent
}

[data-v-7dfc6a3d]:root {
    --color-scheme-active: #6C78F4
}

.section-favourites[data-v-7dfc6a3d] {
    position: relative
}

.section-favourites.opened[data-v-7dfc6a3d] {
    margin-bottom: 14px
}

.section-favourites__title-tooltip[data-v-7dfc6a3d] {
    position: absolute;
    top: 0;
    left: 16px;
    width: 246px;
    height: 32px
}

.section-favourites__tooltip-wrapper[data-v-7dfc6a3d] {
    width: 246px;
    height: 32px
}

[data-v-0de7d0ed]:root {
    --color-scheme-active: #6C78F4
}

.controls[data-v-0de7d0ed] {
    position: relative
}

.controls__menu[data-v-0de7d0ed] {
    position: absolute;
    top: calc(100%+ 4px);
    right: 0;
    z-index: 1
}

[data-v-299a4248]:root {
    --color-scheme-active: #6C78F4
}

.projects-sorting-item[data-v-299a4248] {
    border: 2px solid transparent
}

.projects-sorting-item.sorting-top[data-v-299a4248]:before {
    content: "";
    position: absolute;
    top: -3.5px;
    right: -2px;
    left: -2px;
    z-index: 10;
    width: calc(100%+ 4px);
    height: 3px;
    border-radius: 2px;
    background-color: var(--color-scheme-active);
    pointer-events: none;
    box-shadow: 0 1px 2px #6c78f440
}

.projects-sorting-item.sorting-into[data-v-299a4248] {
    border-color: var(--color-scheme-active);
    box-shadow: 0 1px 2px #6c78f440
}

.projects-sorting-item.sorting-bottom[data-v-299a4248]:before {
    content: "";
    position: absolute;
    right: 2px;
    bottom: -3.5px;
    left: -2px;
    z-index: 10;
    width: calc(100%+ 4px);
    height: 3px;
    border-radius: 2px;
    background-color: var(--color-scheme-active);
    pointer-events: none;
    box-shadow: 0 1px 2px #6c78f440
}

.projects-sorting-item.sorting-folder.sorting-top[data-v-299a4248]:before {
    top: -1.5px;
    right: 0;
    left: 0;
    width: 100%
}

.projects-sorting-item.sorting-folder.sorting-bottom[data-v-299a4248]:before {
    right: 0;
    bottom: -1.5px;
    left: 0;
    width: 100%
}

.business[data-v-299a4248] {
    position: relative;
    display: grid;
    grid-auto-rows: max-content;
    width: 100%
}

.business__information[data-v-299a4248] {
    display: flex;
    align-items: center;
    width: 100%;
    height: 30px;
    padding-right: 3px;
    color: #60636c;
    background-color: #fff;
    transition: background-color .2s ease;
    max-width: 249px;
    border: 2px solid transparent;
    border-radius: 4px;
    text-decoration: none;
    text-align: start;
    column-gap: 8px;
    outline: none;
    font-weight: 400;
    font-size: 14px;
    line-height: 16px
}

.business__information[data-v-299a4248]:hover,
.business__information.hovered[data-v-299a4248] {
    background-color: #f8f8fb
}

.business__information[data-v-299a4248]:active,
.business__information.active[data-v-299a4248] {
    background-color: #e5e7ee
}

.business__information.mini[data-v-299a4248] {
    justify-content: center;
    padding-right: 8px
}

.dark .business__information[data-v-299a4248] {
    color: #ddd;
    background-color: #242629
}

.dark .business__information[data-v-299a4248]:hover,
.dark .business__information.hovered[data-v-299a4248] {
    background-color: #2f3136
}

.dark .business__information[data-v-299a4248]:active,
.dark .business__information.active[data-v-299a4248] {
    background-color: #383a3f
}

.business__wrapper[data-v-299a4248] {
    display: grid;
    grid-template-columns: repeat(2, max-content);
    grid-column-gap: 4px;
    padding: 3px;
    border-radius: 6px;
    background: #2024301a
}

.dark .business__wrapper[data-v-299a4248] {
    background: #202225
}

.business__icon-arrow.opened[data-v-299a4248] {
    transform: rotate(90deg)
}

.business__text[data-v-299a4248] {
    flex: 1 1 auto;
    overflow: hidden
}

.business__name[data-v-299a4248] {
    flex: 1;
    text-overflow: ellipsis;
    overflow: hidden;
    line-break: anywhere;
    white-space: nowrap
}

.mini .business__name[data-v-299a4248] {
    display: none
}

.business__settings[data-v-299a4248] {
    pointer-events: none;
    opacity: 0;
    transition: opacity .2s ease
}

.business__information:hover .business__settings[data-v-299a4248] {
    pointer-events: auto;
    opacity: 1
}

.disabled-children .business__children[data-v-299a4248] {
    pointer-events: none
}

.business__logo[data-v-299a4248] .avatars-image__content {
    background-color: unset
}

.arrow-enter-active,
.arrow-leave-active {
    transition: opacity .1s ease
}

.arrow-enter-from,
.arrow-leave-to {
    opacity: .3
}

[data-v-8a9aa396]:root {
    --color-scheme-active: #6C78F4
}

.projects-sorting-item[data-v-8a9aa396] {
    border: 2px solid transparent
}

.projects-sorting-item.sorting-top[data-v-8a9aa396]:before {
    content: "";
    position: absolute;
    top: -3.5px;
    right: -2px;
    left: -2px;
    z-index: 10;
    width: calc(100%+ 4px);
    height: 3px;
    border-radius: 2px;
    background-color: var(--color-scheme-active);
    pointer-events: none;
    box-shadow: 0 1px 2px #6c78f440
}

.projects-sorting-item.sorting-into[data-v-8a9aa396] {
    border-color: var(--color-scheme-active);
    box-shadow: 0 1px 2px #6c78f440
}

.projects-sorting-item.sorting-bottom[data-v-8a9aa396]:before {
    content: "";
    position: absolute;
    right: 2px;
    bottom: -3.5px;
    left: -2px;
    z-index: 10;
    width: calc(100%+ 4px);
    height: 3px;
    border-radius: 2px;
    background-color: var(--color-scheme-active);
    pointer-events: none;
    box-shadow: 0 1px 2px #6c78f440
}

.projects-sorting-item.sorting-folder.sorting-top[data-v-8a9aa396]:before {
    top: -1.5px;
    right: 0;
    left: 0;
    width: 100%
}

.projects-sorting-item.sorting-folder.sorting-bottom[data-v-8a9aa396]:before {
    right: 0;
    bottom: -1.5px;
    left: 0;
    width: 100%
}

.usual[data-v-8a9aa396] {
    position: relative;
    display: grid;
    grid-auto-rows: max-content;
    width: 100%
}

.usual__information[data-v-8a9aa396] {
    display: flex;
    align-items: center;
    width: 100%;
    height: 30px;
    padding-right: 3px;
    color: #60636c;
    background-color: #fff;
    transition: background-color .2s ease;
    max-width: 249px;
    border: 2px solid transparent;
    border-radius: 4px;
    text-decoration: none;
    text-align: start;
    column-gap: 8px;
    outline: none;
    font-weight: 400;
    font-size: 14px;
    line-height: 16px
}

.usual__information[data-v-8a9aa396]:hover,
.usual__information.hovered[data-v-8a9aa396] {
    background-color: #f8f8fb
}

.usual__information[data-v-8a9aa396]:active,
.usual__information.active[data-v-8a9aa396] {
    background-color: #e5e7ee
}

.usual__information.mini[data-v-8a9aa396] {
    justify-content: center;
    padding-right: 8px
}

.dark .usual__information[data-v-8a9aa396] {
    color: #ddd;
    background-color: #242629
}

.dark .usual__information[data-v-8a9aa396]:hover,
.dark .usual__information.hovered[data-v-8a9aa396] {
    background-color: #2f3136
}

.dark .usual__information[data-v-8a9aa396]:active,
.dark .usual__information.active[data-v-8a9aa396] {
    background-color: #383a3f
}

.usual__icon-arrow.opened[data-v-8a9aa396] {
    transform: rotate(90deg)
}

.usual__text[data-v-8a9aa396] {
    flex: 1 1 auto;
    overflow: hidden
}

.usual__name[data-v-8a9aa396] {
    flex: 1;
    text-overflow: ellipsis;
    overflow: hidden;
    line-break: anywhere;
    white-space: nowrap
}

.mini .usual__name[data-v-8a9aa396] {
    display: none
}

.usual__settings[data-v-8a9aa396] {
    pointer-events: none;
    opacity: 0;
    transition: opacity .2s ease
}

.usual__information:hover .usual__settings[data-v-8a9aa396] {
    pointer-events: auto;
    opacity: 1
}

.disabled-children .usual__children[data-v-8a9aa396] {
    pointer-events: none
}

[data-v-32e446a5]:root {
    --color-scheme-active: #6C78F4
}

.projects-sorting-item[data-v-32e446a5] {
    border: 2px solid transparent
}

.projects-sorting-item.sorting-top[data-v-32e446a5]:before {
    content: "";
    position: absolute;
    top: -3.5px;
    right: -2px;
    left: -2px;
    z-index: 10;
    width: calc(100%+ 4px);
    height: 3px;
    border-radius: 2px;
    background-color: var(--color-scheme-active);
    pointer-events: none;
    box-shadow: 0 1px 2px #6c78f440
}

.projects-sorting-item.sorting-into[data-v-32e446a5] {
    border-color: var(--color-scheme-active);
    box-shadow: 0 1px 2px #6c78f440
}

.projects-sorting-item.sorting-bottom[data-v-32e446a5]:before {
    content: "";
    position: absolute;
    right: 2px;
    bottom: -3.5px;
    left: -2px;
    z-index: 10;
    width: calc(100%+ 4px);
    height: 3px;
    border-radius: 2px;
    background-color: var(--color-scheme-active);
    pointer-events: none;
    box-shadow: 0 1px 2px #6c78f440
}

.projects-sorting-item.sorting-folder.sorting-top[data-v-32e446a5]:before {
    top: -1.5px;
    right: 0;
    left: 0;
    width: 100%
}

.projects-sorting-item.sorting-folder.sorting-bottom[data-v-32e446a5]:before {
    right: 0;
    bottom: -1.5px;
    left: 0;
    width: 100%
}

.item__project[data-v-32e446a5] {
    position: relative
}

[data-v-40b9bc62]:root {
    --color-scheme-active: #6C78F4
}

.content[data-v-40b9bc62],
.content__sorting-group[data-v-40b9bc62] {
    padding: 0 12px
}

.content__sorting-item[data-v-40b9bc62] {
    border-radius: 4px
}

[data-v-2c4c5b84]:root {
    --color-scheme-active: #6C78F4
}

.section-projects[data-v-2c4c5b84] {
    position: relative
}

.section-projects__title-tooltip[data-v-2c4c5b84] {
    position: absolute;
    top: 0;
    left: 16px;
    width: 246px;
    height: 32px
}

.section-projects__tooltip-wrapper[data-v-2c4c5b84] {
    width: 246px;
    height: 32px
}

.section-projects__content[data-v-2c4c5b84] {
    position: relative;
    display: grid;
    grid-auto-rows: max-content;
    overflow: hidden
}

[data-v-d6e2e366]:root {
    --color-scheme-active: #6C78F4
}

[data-v-d6e2e366] .sorting-into {
    border-color: transparent!important
}

.content[data-v-d6e2e366],
.content__sorting-group[data-v-d6e2e366] {
    padding: 0 12px
}

.content__sorting-item[data-v-d6e2e366] {
    border-radius: 4px
}

.content__item[data-v-d6e2e366] {
    overflow: hidden
}

[data-v-e9baede9]:root {
    --color-scheme-active: #6C78F4
}

.available-to-me.opened[data-v-e9baede9] {
    margin-bottom: 14px
}

.available-to-me__content[data-v-e9baede9] {
    display: grid;
    grid-auto-rows: max-content;
    overflow: hidden
}

[data-v-e3426e83]:root {
    --color-scheme-active: #6C78F4
}

.projects[data-v-e3426e83] {
    display: flex;
    flex-direction: column;
    height: 100%;
    margin-top: 14px;
    margin-bottom: 14px;
    overflow: hidden auto;
    scrollbar-gutter: stable
}

.projects.scroll-disabled[data-v-e3426e83] {
    overflow: hidden
}

.projects[data-v-e3426e83]::-webkit-scrollbar {
    width: 2px
}

.projects[data-v-e3426e83]::-webkit-scrollbar-track {
    border-radius: 30px
}

.projects[data-v-e3426e83]::-webkit-scrollbar-thumb {
    background: #cacad2;
    border: none
}

.dark .projects[data-v-e3426e83]::-webkit-scrollbar-track {
    background: #383a3f
}

.dark .projects[data-v-e3426e83]::-webkit-scrollbar-thumb {
    background-color: #60636c
}

.projects__creating-first[data-v-e3426e83] {
    display: flex;
    justify-content: center
}

.projects__section-favourites[data-v-e3426e83],
.projects__section[data-v-e3426e83] {
    display: grid;
    grid-template-rows: max-content 1fr
}

.projects__section-favourites[data-v-e3426e83] .header-component,
.projects__section[data-v-e3426e83] .header-component {
    width: calc(100% - 24px);
    margin: 0 12px
}

.projects__hint[data-v-e3426e83]:after {
    top: 24px;
    left: -9px
}

[data-v-3ce783dc]:root {
    --color-scheme-active: #6C78F4
}

.limits[data-v-3ce783dc] {
    margin: 0 12px 14px
}

[data-v-d393e0c0]:root {
    --color-scheme-active: #6C78F4
}

.import-notion[data-v-d393e0c0] {
    flex: none;
    display: flex;
    gap: 16px;
    justify-content: center;
    align-items: center;
    margin: 8px 12px;
    padding: 8px;
    overflow: hidden;
    background-color: #6c78f4;
    flex-direction: column;
    border-radius: 8px
}

.import-notion.opened[data-v-d393e0c0] {
    padding: 8px
}

.dark .import-notion[data-v-d393e0c0] {
    background-color: #383a3f
}

.import-notion__title[data-v-d393e0c0] {
    font-weight: 600;
    font-size: 12px;
    line-height: 100%;
    display: none;
    overflow: hidden;
    color: #fff;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

.opened .import-notion__title[data-v-d393e0c0] {
    display: block;
    display: -webkit-box
}

.dark .import-notion__title[data-v-d393e0c0] {
    color: #ddd
}

.import-notion__link[data-v-d393e0c0] {
    font-weight: 500;
    font-size: 13px;
    line-height: 100%;
    display: flex;
    gap: 8px;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 28px;
    color: #242629;
    background-color: #fff;
    transition: all .2s ease-in-out;
    border-radius: 4px;
    text-decoration: none
}

.dark .import-notion__link[data-v-d393e0c0]:hover {
    background-color: #e5e7ee
}

.import-notion__head[data-v-d393e0c0] {
    display: flex;
    gap: 4px;
    justify-content: space-between;
    flex-direction: column;
    align-items: center;
    width: 100%
}

.opened .import-notion__head[data-v-d393e0c0] {
    flex-direction: row;
    gap: 16px
}

.import-notion__close[data-v-d393e0c0] {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 16px;
    height: 16px;
    background-color: #f8f8fb;
    border-radius: 4px
}

.dark .import-notion__close[data-v-d393e0c0] {
    background-color: #2f3136
}

[data-v-89e15cd0]:root {
    --color-scheme-active: #6C78F4
}

.side-nav[data-v-89e15cd0] {
    display: grid;
    grid-template-rows: max-content 1fr;
    overflow: hidden
}

.side-nav__search[data-v-89e15cd0] {
    margin: 12px 12px 16px
}

.side-nav__search[data-v-89e15cd0] .v-input__item.mini {
    padding-left: 4px
}

.side-nav__wrapper[data-v-89e15cd0] {
    display: flex;
    flex-direction: column;
    overflow: hidden
}

.side-nav__link[data-v-89e15cd0] {
    margin: 0 12px
}

.side-nav__link.last[data-v-89e15cd0] {
    margin-bottom: 16px
}

.side-nav__billing[data-v-89e15cd0] {
    margin: 0 12px 14px
}

[data-v-c70e475f]:root {
    --color-scheme-active: #6C78F4
}

.limits[data-v-c70e475f] {
    width: 249px;
    margin-top: auto
}

[data-v-b4d1d0c5]:root {
    --color-scheme-active: #6C78F4
}

.large[data-v-b4d1d0c5] {
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 12px;
    width: 250px;
    height: 32px;
    overflow: hidden;
    border-radius: 6px
}

.large.opened[data-v-b4d1d0c5] {
    height: 98px;
    padding: 8px;
    background: #f8f8fb
}

.dark .large[data-v-b4d1d0c5] {
    background: #2f3136
}

.large__cube[data-v-b4d1d0c5] {
    width: 32px;
    height: 32px;
    background: linear-gradient(225.76deg, #e9e9f033 -2.24%, #e9e9f0, #e9e9f033 99.12%);
    border-radius: 4px
}

.dark .large__cube[data-v-b4d1d0c5] {
    background: linear-gradient(225.76deg, #242629 -2.24%, #2f3136, #242629 99.12%)
}

.large__lines[data-v-b4d1d0c5] {
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 11px
}

.large__line[data-v-b4d1d0c5] {
    position: relative;
    width: 121px;
    height: 14px;
    overflow: hidden;
    background: #e9e9f033;
    border-radius: 4px
}

.large__line[data-v-b4d1d0c5]:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: linear-gradient(269.25deg, transparent -.06%, #e9e9f0 51.27%, transparent 102.6%);
    background-size: 200%;
    animation: shining-b4d1d0c5 1.5s infinite
}

.dark .large__line[data-v-b4d1d0c5]:after {
    background: linear-gradient(269.25deg, transparent -.06%, #2F3136 51.27%, transparent 102.6%);
    background-size: 200%
}

.dark .large__line[data-v-b4d1d0c5] {
    background: #242629
}

.large__line_small[data-v-b4d1d0c5] {
    position: relative;
    width: 182px;
    height: 9px;
    overflow: hidden;
    background: #e9e9f033;
    border-radius: 4px
}

.large__line_small[data-v-b4d1d0c5]:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: linear-gradient(269.86deg, transparent -.01%, #e9e9f0 51.33%, transparent 102.67%);
    background-size: 200%;
    animation: shining-b4d1d0c5 1.5s infinite
}

.dark .large__line_small[data-v-b4d1d0c5]:after {
    background: linear-gradient(269.25deg, transparent -.06%, #2F3136 51.27%, transparent 102.6%);
    background-size: 200%
}

.dark .large__line_small[data-v-b4d1d0c5] {
    background: #242629
}

@keyframes shining-b4d1d0c5 {
    0% {
        background-position: 100%
    }
    to {
        background-position: -100%
    }
}

[data-v-665a31c7]:root {
    --color-scheme-active: #6C78F4
}

.skeleton[data-v-665a31c7] {
    flex: 1;
    display: grid;
    grid-auto-flow: row;
    grid-auto-rows: max-content;
    grid-row-gap: 14px;
    width: 36px;
    margin: 0 12px
}

.skeleton.opened[data-v-665a31c7] {
    width: auto;
    margin: unset
}

.skeleton__item[data-v-665a31c7] {
    width: 36px
}

.opened .skeleton__item[data-v-665a31c7] {
    width: auto
}

.skeleton__header[data-v-665a31c7] {
    display: flex;
    align-items: center;
    height: 32px
}

.opened .skeleton__header[data-v-665a31c7] {
    padding: 0 5px 0 8px
}

.skeleton__name[data-v-665a31c7] {
    font-weight: 500;
    font-size: 12px;
    line-height: 12px;
    overflow: hidden;
    white-space: nowrap;
    color: #acb1c2;
    text-align: start;
    text-overflow: ellipsis
}

.skeleton__controls[data-v-665a31c7] {
    margin-left: auto
}

.skeleton__items[data-v-665a31c7] {
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 8px
}

[data-v-fdd05875]:root {
    --color-scheme-active: #6C78F4
}

.funnels[data-v-fdd05875] {
    position: relative;
    margin-bottom: 29px
}

.funnels__items[data-v-fdd05875] {
    display: flex;
    flex-direction: column;
    row-gap: 8px
}

.funnels__title-tooltip[data-v-fdd05875] {
    position: absolute;
    top: 0;
    left: 0;
    width: 218px;
    height: 32px
}

.funnels__tooltip-wrapper[data-v-fdd05875] {
    width: 218px;
    height: 32px
}

[data-v-cb1869bc]:root {
    --color-scheme-active: #6C78F4
}

.funnels-favourites[data-v-cb1869bc] {
    position: relative
}

.funnels-favourites.opened[data-v-cb1869bc] {
    margin-bottom: 14px
}

.funnels-favourites__items[data-v-cb1869bc] {
    display: flex;
    flex-direction: column;
    row-gap: 8px
}

.funnels-favourites__title-tooltip[data-v-cb1869bc] {
    position: absolute;
    top: 0;
    left: 0;
    width: 218px;
    height: 32px
}

.funnels-favourites__tooltip-wrapper[data-v-cb1869bc] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 32px
}

[data-v-3505abf0]:root {
    --color-scheme-active: #6C78F4
}

.nav-crm-top-links__item[data-v-3505abf0] {
    position: relative
}

.nav-crm-top-links__tooltip[data-v-3505abf0] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.nav-crm-top-links__tooltip-template[data-v-3505abf0] {
    width: 100%;
    height: 100%
}

[data-v-42a23cca]:root {
    --color-scheme-active: #6C78F4
}

.nav-card-adding-project[data-v-42a23cca] {
    display: grid;
    grid-auto-rows: max-content;
    grid-row-gap: 10px;
    width: 100%;
    padding: 21px 14px 19px;
    background-color: #f8f8fb;
    border-radius: 8px
}

.dark .nav-card-adding-project[data-v-42a23cca] {
    background-color: #2f3136
}

.nav-card-adding-project__title[data-v-42a23cca] {
    font-size: 16px;
    font-weight: 700;
    line-height: 16px;
    color: #202430
}

.dark .nav-card-adding-project__title[data-v-42a23cca] {
    color: #f1f2f4
}

.nav-card-adding-project__description[data-v-42a23cca] {
    font-size: 14px;
    font-weight: 300;
    line-height: 17px;
    color: #000
}

.dark .nav-card-adding-project__description[data-v-42a23cca] {
    color: #f1f2f4
}

[data-v-3ab01138]:root {
    --color-scheme-active: #6C78F4
}

.side-nav-crm[data-v-3ab01138] {
    display: grid;
    grid-template-rows: max-content 1fr;
    grid-gap: 14px;
    padding: 14px 0;
    overflow-x: hidden
}

.side-nav-crm__content[data-v-3ab01138] {
    padding: 0 12px
}

.side-nav-crm.mini .side-nav-crm__content[data-v-3ab01138] {
    padding: 0 6px
}

.side-nav-crm__funnels[data-v-3ab01138] {
    display: flex;
    padding: 0 12px;
    flex-direction: column;
    overflow: hidden auto
}

.side-nav-crm.mini .side-nav-crm__funnels[data-v-3ab01138] {
    padding: 0 6px
}

.side-nav-crm__funnels[data-v-3ab01138] .header-component {
    margin-bottom: 4px
}

.side-nav-crm__funnels.scroll-disabled[data-v-3ab01138] {
    overflow: hidden
}

.side-nav-crm__funnels[data-v-3ab01138]::-webkit-scrollbar {
    width: 2px
}

.side-nav-crm__funnels[data-v-3ab01138]::-webkit-scrollbar-track {
    border-radius: 30px
}

.side-nav-crm__funnels[data-v-3ab01138]::-webkit-scrollbar-thumb {
    background: #cacad2;
    border: none
}

.dark .side-nav-crm__funnels[data-v-3ab01138]::-webkit-scrollbar-track {
    background: #383a3f
}

.dark .side-nav-crm__funnels[data-v-3ab01138]::-webkit-scrollbar-thumb {
    background-color: #60636c
}

[data-v-2f5c5e46]:root {
    --color-scheme-active: #6C78F4
}

.controls[data-v-2f5c5e46] {
    position: relative
}

.controls__menu[data-v-2f5c5e46] {
    position: absolute;
    top: calc(100%+ 4px);
    right: 0;
    z-index: 1
}

[data-v-43daca4d]:root {
    --color-scheme-active: #6C78F4
}

.template[data-v-43daca4d] {
    flex: 1;
    display: grid;
    grid-auto-flow: row;
    grid-auto-rows: max-content;
    grid-row-gap: 14px;
    width: 36px;
    margin: 0 12px
}

.template.opened[data-v-43daca4d] {
    width: auto;
    margin: unset
}

.template__item[data-v-43daca4d] {
    width: 36px
}

.opened .template__item[data-v-43daca4d] {
    width: auto
}

.template__header[data-v-43daca4d] {
    display: flex;
    align-items: center;
    height: 32px
}

.opened .template__header[data-v-43daca4d] {
    margin: 0 12px;
    padding: 0 5px 0 8px
}

.template__name[data-v-43daca4d] {
    font-weight: 500;
    font-size: 12px;
    line-height: 12px;
    overflow: hidden;
    white-space: nowrap;
    color: #acb1c2;
    text-align: start;
    text-overflow: ellipsis
}

.template__controls[data-v-43daca4d] {
    margin-left: auto
}

.template__line[data-v-43daca4d] {
    margin: 0 12px
}

[data-v-78bd556a]:root {
    --color-scheme-active: #6C78F4
}

.section[data-v-78bd556a] {
    display: flex;
    gap: 8px;
    justify-content: space-between;
    align-items: center;
    height: 32px;
    padding: 6px 8px 6px 32px;
    transition: background-color .2s ease-in-out;
    cursor: pointer;
    border-radius: 4px
}

.section[data-v-78bd556a]:hover {
    background-color: #f8f8fb
}

.section.is-active[data-v-78bd556a] {
    background-color: #ededf5
}

.section.disabled[data-v-78bd556a] {
    pointer-events: none
}

.dark .section[data-v-78bd556a] {
    background-color: #383a3f
}

.dark .section[data-v-78bd556a]:hover {
    background-color: #2f3136
}

.dark .section.is-active[data-v-78bd556a] {
    background-color: #242629
}

.section__column[data-v-78bd556a] {
    display: flex;
    gap: 8px;
    align-items: center
}

.section__title[data-v-78bd556a] {
    font-weight: 400;
    font-size: 14px;
    line-height: 100%;
    margin: 0;
    color: #60636c
}

.dark .section__title[data-v-78bd556a] {
    color: #ddd
}

.section__icon[data-v-78bd556a] {
    width: 16px;
    object-fit: contain
}

.section__count[data-v-78bd556a] {
    font-weight: 500;
    font-size: 12px;
    line-height: 120%;
    color: #60636c
}

.dark .section__count[data-v-78bd556a] {
    color: #ddd
}

[data-v-9f931099]:root {
    --color-scheme-active: #6C78F4
}

.project.disabled[data-v-9f931099] {
    pointer-events: none
}

.project__item[data-v-9f931099] {
    position: relative;
    display: flex;
    gap: 8px;
    align-items: center;
    height: 30px;
    padding: 0 8px;
    color: #60636c;
    background-color: #fff;
    transition: background-color .2s ease;
    cursor: pointer;
    border-radius: 8px;
    text-decoration: none;
    font-weight: 400;
    font-size: 14px;
    line-height: 16px
}

.project__item[data-v-9f931099]:hover {
    background-color: #f8f8fb
}

.project__item[data-v-9f931099]:active,
.project__item.active[data-v-9f931099] {
    background-color: #e5e7ee
}

.dark .project__item[data-v-9f931099] {
    color: #ddd;
    background-color: #383a3f
}

.dark .project__item[data-v-9f931099]:hover {
    background-color: #2f3136
}

.dark .project__item[data-v-9f931099]:active,
.dark .project__item.active[data-v-9f931099] {
    background-color: #383a3f
}

.project__icon-arrow.opened[data-v-9f931099] {
    transform: rotate(90deg)
}

.project__logo[data-v-9f931099] .avatars-image__content {
    background-color: unset
}

.project__name-tooltip[data-v-9f931099] {
    flex: 1;
    overflow: hidden;
    white-space: nowrap;
    text-align: start;
    text-overflow: ellipsis;
    line-break: anywhere
}

.project__name[data-v-9f931099] {
    flex: 1;
    overflow: hidden;
    text-align: start;
    text-overflow: ellipsis;
    line-break: anywhere;
    white-space: nowrap
}

.mini .project__name[data-v-9f931099] {
    display: none
}

.disabled-children .project__children[data-v-9f931099] {
    pointer-events: none
}

.project__icon[data-v-9f931099] {
    flex: none
}

.project__permissions-text[data-v-9f931099] {
    font-weight: 500;
    font-size: 12px;
    line-height: 120%;
    color: #60636c
}

.project__permissions[data-v-9f931099] {
    display: flex;
    gap: 4px;
    align-items: center
}

.project__sections-text[data-v-9f931099] {
    font-weight: 500;
    font-size: 12px;
    line-height: 100%;
    padding: 10px 32px;
    color: #acb1c2
}

.project__loading[data-v-9f931099] {
    padding-left: 24px
}

[data-v-6110cc81]:root {
    --color-scheme-active: #6C78F4
}

.projects__empty[data-v-6110cc81] {
    display: flex;
    gap: 8px;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    padding: 32px 0
}

.projects__empty-text[data-v-6110cc81] {
    font-weight: 500;
    font-size: 12px;
    line-height: 100%;
    color: #acb1c2
}

[data-v-5eb9c654]:root {
    --color-scheme-active: #6C78F4
}

.empty[data-v-5eb9c654] {
    display: flex;
    align-items: center;
    height: 32px
}

.empty__placeholder[data-v-5eb9c654] {
    padding: 0 8px;
    font-weight: 300;
    font-size: 12px;
    line-height: 12px;
    color: #acb1c2
}

[data-v-9a43e60c]:root {
    --color-scheme-active: #6C78F4
}

.document.disabled[data-v-9a43e60c] {
    pointer-events: none
}

.document__item[data-v-9a43e60c] {
    position: relative;
    display: flex;
    gap: 4px;
    align-items: center;
    height: 30px;
    padding: 0 8px;
    color: #60636c;
    background-color: #fff;
    transition: background-color .2s ease;
    cursor: pointer;
    border-radius: 8px;
    text-decoration: none;
    font-weight: 400;
    font-size: 14px;
    line-height: 16px
}

.document__item[data-v-9a43e60c]:hover {
    background-color: #f8f8fb
}

.document__item[data-v-9a43e60c]:active,
.document__item.active[data-v-9a43e60c] {
    background-color: #e5e7ee
}

.dark .document__item[data-v-9a43e60c] {
    color: #ddd;
    background-color: #383a3f
}

.dark .document__item[data-v-9a43e60c]:hover {
    background-color: #2f3136
}

.dark .document__item[data-v-9a43e60c]:active,
.dark .document__item.active[data-v-9a43e60c] {
    background-color: #242629
}

.document__icon-arrow.opened[data-v-9a43e60c] {
    transform: rotate(90deg)
}

.document__logo[data-v-9a43e60c] .avatars-image__content {
    background-color: unset
}

.document__name-tooltip[data-v-9a43e60c] {
    flex: 1;
    overflow: hidden;
    white-space: nowrap;
    text-align: start;
    text-overflow: ellipsis;
    line-break: anywhere
}

.document__name[data-v-9a43e60c] {
    flex: 1;
    overflow: hidden;
    text-align: start;
    text-overflow: ellipsis;
    line-break: anywhere;
    white-space: nowrap
}

.disabled-children .document__children[data-v-9a43e60c] {
    pointer-events: none
}

.document__icon[data-v-9a43e60c] {
    flex: none
}

.document__permissions-text[data-v-9a43e60c] {
    font-weight: 500;
    font-size: 12px;
    line-height: 120%;
    color: #60636c
}

.document__permissions[data-v-9a43e60c] {
    display: flex;
    gap: 4px;
    align-items: center
}

[data-v-28783da7]:root {
    --color-scheme-active: #6C78F4
}

.available-to-me[data-v-28783da7] {
    position: relative
}

.available-to-me.opened[data-v-28783da7] {
    margin-bottom: 14px
}

.available-to-me__title-tooltip[data-v-28783da7] {
    position: absolute;
    top: 0;
    left: 15px;
    width: 248px;
    height: 32px
}

.available-to-me__tooltip-template[data-v-28783da7] {
    width: 100%;
    height: 32px
}

.available-to-me__content[data-v-28783da7] {
    display: grid;
    grid-auto-rows: max-content
}

[data-v-4a464bda]:root {
    --color-scheme-active: #6C78F4
}

.root-button[data-v-4a464bda] {
    font-weight: 500;
    font-size: 12px;
    line-height: 100%;
    display: flex;
    gap: 8px;
    align-items: center;
    height: 32px;
    padding: 0 8px;
    color: #6c727f;
    border-radius: 8px;
    transition: all .2s ease-in-out;
    cursor: pointer
}

.root-button[data-v-4a464bda]:hover {
    background-color: #f8f8fb
}

.root-button.active[data-v-4a464bda] {
    background-color: #ededf5
}

.dark .root-button[data-v-4a464bda] {
    color: #ddd;
    background-color: #383a3f
}

.dark .root-button[data-v-4a464bda]:hover {
    background-color: #2f3136
}

.dark .root-button[data-v-4a464bda]:active,
.dark .root-button.active[data-v-4a464bda] {
    background-color: #242629
}

[data-v-b71afff0]:root {
    --color-scheme-active: #6C78F4
}

.documents[data-v-b71afff0] {
    position: relative
}

.documents.opened[data-v-b71afff0] {
    margin-bottom: 14px
}

.documents__content[data-v-b71afff0] {
    display: grid;
    grid-auto-rows: max-content
}

.documents__title-tooltip[data-v-b71afff0] {
    position: absolute;
    top: 0;
    left: 12px;
    width: 218px;
    height: 32px
}

.documents__tooltip-wrapper[data-v-b71afff0] {
    width: 218px;
    height: 32px
}

[data-v-a373047a]:root {
    --color-scheme-active: #6C78F4
}

.from-search[data-v-a373047a] {
    display: grid;
    grid-template-rows: max-content 1fr;
    padding-bottom: 16px;
    overflow: hidden auto
}

.from-search[data-v-a373047a] .header-component,
.from-search__button-back[data-v-a373047a] {
    width: calc(100% - 24px);
    margin: 0 12px
}

.from-search__documents[data-v-a373047a] {
    padding: 0 12px
}

[data-v-4b3a6983]:root {
    --color-scheme-active: #6C78F4
}

.documents[data-v-4b3a6983] {
    display: flex;
    flex-direction: column;
    gap: 8px
}

.documents__sections[data-v-4b3a6983] {
    max-height: 400px;
    overflow-y: auto
}

.documents__sections.disabled[data-v-4b3a6983] {
    pointer-events: none;
    opacity: .6
}

[data-v-cf4daf05]:root {
    --color-scheme-active: #6C78F4
}

.sections[data-v-cf4daf05] {
    display: flex;
    flex-direction: column;
    gap: 8px
}

.sections__content[data-v-cf4daf05] {
    display: flex;
    flex-direction: column
}

[data-v-ce5fd900]:root {
    --color-scheme-active: #6C78F4
}

.transfer[data-v-ce5fd900] {
    display: flex;
    flex-direction: column;
    width: 100%;
    max-width: 480px
}

.transfer__body[data-v-ce5fd900] {
    display: flex;
    flex-direction: column;
    gap: 16px
}

[data-v-3a83dc81]:root {
    --color-scheme-active: #6C78F4
}

.settings[data-v-3a83dc81] {
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: max-content;
    grid-column-gap: 8px;
    align-items: center
}

.settings__menu[data-v-3a83dc81] {
    position: relative;
    transition: all .2s ease
}

.settings__menu.active[data-v-3a83dc81] {
    pointer-events: auto;
    opacity: 1
}

.settings__dropdown[data-v-3a83dc81] {
    position: fixed;
    z-index: 10000;
    max-height: max-content
}

[data-v-c77763ab]:root {
    --color-scheme-active: #6C78F4
}

.empty[data-v-c77763ab] {
    display: flex;
    align-items: center;
    height: 32px
}

.empty__button[data-v-c77763ab] {
    width: 100%;
    height: 100%;
    padding: 2px 8px;
    font-weight: 300;
    font-size: 12px;
    line-height: 12px;
    color: #cacad2;
    background-color: #f8f8fb;
    border-radius: 4px;
    text-align: start
}

.dark .empty__button[data-v-c77763ab] {
    background-color: #202225
}

.empty__placeholder[data-v-c77763ab] {
    padding: 0 8px;
    font-weight: 300;
    font-size: 12px;
    line-height: 12px;
    color: #acb1c2
}

:root {
    --color-scheme-active: #6C78F4
}

.settings-enter-active,
.settings-leave-active {
    transition: opacity .1s ease
}

.settings-enter-from,
.settings-leave-to {
    opacity: .3
}

[data-v-8b893307]:root {
    --color-scheme-active: #6C78F4
}

.document-sorting-item[data-v-8b893307] {
    border: 2px solid transparent
}

.document-sorting-item.sorting-top[data-v-8b893307]:before {
    content: "";
    position: absolute;
    top: -3.5px;
    right: -2px;
    left: -2px;
    z-index: 10;
    width: calc(100%+ 4px);
    height: 3px;
    border-radius: 2px;
    background-color: var(--color-scheme-active);
    pointer-events: none;
    box-shadow: 0 1px 2px #6c78f440
}

.document-sorting-item.sorting-into[data-v-8b893307] {
    border-color: var(--color-scheme-active);
    box-shadow: 0 1px 2px #6c78f440
}

.document-sorting-item.sorting-bottom[data-v-8b893307]:before {
    content: "";
    position: absolute;
    right: 2px;
    bottom: -3.5px;
    left: -2px;
    z-index: 10;
    width: calc(100%+ 4px);
    height: 3px;
    border-radius: 2px;
    background-color: var(--color-scheme-active);
    pointer-events: none;
    box-shadow: 0 1px 2px #6c78f440
}

.document__link[data-v-8b893307] {
    position: relative;
    display: flex;
    gap: 4px;
    align-items: center;
    width: 249px;
    height: 30px;
    padding-right: 3px;
    color: #60636c;
    background-color: #fff;
    transition: background-color .2s ease;
    cursor: pointer;
    border-radius: 4px;
    text-decoration: none;
    font-weight: 400;
    font-size: 14px;
    line-height: 16px
}

.document__link[data-v-8b893307]:hover {
    background-color: #f8f8fb
}

.document__link[data-v-8b893307]:active,
.document__link.active[data-v-8b893307] {
    background-color: #e5e7ee
}

.document__link.mini[data-v-8b893307] {
    display: grid;
    justify-content: center;
    width: unset
}

.dark .document__link[data-v-8b893307] {
    color: #ddd;
    background-color: #242629
}

.dark .document__link[data-v-8b893307]:hover {
    background-color: #2f3136
}

.dark .document__link[data-v-8b893307]:active,
.dark .document__link.active[data-v-8b893307] {
    background-color: #383a3f
}

.document__icon-arrow.opened[data-v-8b893307] {
    transform: rotate(90deg)
}

.document__logo[data-v-8b893307] .avatars-image__content {
    background-color: unset
}

.document__name-tooltip[data-v-8b893307] {
    flex: 1;
    overflow: hidden;
    white-space: nowrap;
    text-align: start;
    text-overflow: ellipsis;
    line-break: anywhere
}

.document__name[data-v-8b893307] {
    flex: 1;
    overflow: hidden;
    text-align: start;
    text-overflow: ellipsis;
    line-break: anywhere;
    white-space: nowrap
}

.mini .document__name[data-v-8b893307] {
    display: none
}

.disabled-children .document__children[data-v-8b893307] {
    pointer-events: none
}

.document__icon[data-v-8b893307] {
    flex: none
}

[data-v-6ba1fcf1]:root {
    --color-scheme-active: #6C78F4
}

.section-from-search[data-v-6ba1fcf1] {
    display: grid;
    grid-template-rows: max-content 1fr;
    overflow: hidden
}

.section-from-search__wrapper[data-v-6ba1fcf1] {
    display: grid;
    grid-template-rows: max-content 1fr;
    padding-bottom: 16px;
    overflow: hidden auto
}

.section-from-search__wrapper[data-v-6ba1fcf1] .header-component,
.section-from-search__button-back[data-v-6ba1fcf1] {
    width: calc(100% - 24px);
    margin: 0 12px
}

.section-from-search__documents[data-v-6ba1fcf1] {
    padding: 0 12px
}

[data-v-6b8c9a5e]:root {
    --color-scheme-active: #6C78F4
}

.trashed[data-v-6b8c9a5e] {
    display: grid;
    grid-template-rows: max-content 1fr;
    overflow: hidden
}

.trashed__wrapper[data-v-6b8c9a5e] {
    display: grid;
    grid-template-rows: max-content 1fr;
    padding-bottom: 16px;
    overflow: hidden auto
}

.trashed__wrapper[data-v-6b8c9a5e] .header-component,
.trashed__button-back[data-v-6b8c9a5e] {
    width: calc(100% - 24px);
    margin: 0 12px
}

.trashed__documents[data-v-6b8c9a5e] {
    padding: 0 12px
}

[data-v-c637ab2a]:root {
    --color-scheme-active: #6C78F4
}

.content[data-v-c637ab2a] {
    padding: 0 12px
}

.content__sorting-item[data-v-c637ab2a] {
    border-radius: 4px
}

[data-v-c8eaaa86]:root {
    --color-scheme-active: #6C78F4
}

.available-to-me[data-v-c8eaaa86] {
    position: relative
}

.available-to-me.opened[data-v-c8eaaa86] {
    margin-bottom: 14px
}

.available-to-me__title-tooltip[data-v-c8eaaa86] {
    position: absolute;
    top: 0;
    left: 15px;
    width: 248px;
    height: 32px
}

.available-to-me__tooltip-template[data-v-c8eaaa86] {
    width: 100%;
    height: 32px
}

.available-to-me__content[data-v-c8eaaa86] {
    display: grid;
    grid-auto-rows: max-content
}

[data-v-e8d16043]:root {
    --color-scheme-active: #6C78F4
}

.button-component[data-v-e8d16043] {
    display: grid;
    grid-template-columns: max-content 1fr max-content;
    grid-column-gap: 8px;
    align-items: center;
    width: 100%;
    height: 32px;
    padding: 0 8px;
    color: #60636c;
    transition: all .2s ease;
    border-radius: 4px;
    font-weight: 400;
    font-size: 14px;
    line-height: 14px
}

.button-component[data-v-e8d16043]:hover:not([disabled]) {
    background-color: #f8f8fb
}

.button-component.active[data-v-e8d16043]:not([disabled]) {
    color: #242629;
    background-color: #e5e7ee
}

.button-component.mini[data-v-e8d16043] {
    grid-template-columns: max-content;
    justify-content: center
}

.dark .button-component[data-v-e8d16043] {
    color: #ddd
}

.dark .button-component[data-v-e8d16043]:hover:not([disabled]) {
    background-color: #2f3136
}

.dark .button-component.active[data-v-e8d16043]:not([disabled]) {
    color: #ddd;
    background-color: #383a3f
}

.button-component__text[data-v-e8d16043] {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    text-align: start
}

[data-v-d04d651b]:root {
    --color-scheme-active: #6C78F4
}

.button-with-content[data-v-d04d651b] {
    width: 100%
}

.button-with-content__body[data-v-d04d651b] {
    margin: 4px 0 24px
}

.collapsed .button-with-content__body[data-v-d04d651b] {
    margin-bottom: 0
}

.mini .button-with-content__body[data-v-d04d651b] {
    overflow: hidden
}

[data-v-8368d356]:root {
    --color-scheme-active: #6C78F4
}

.document-sorting-item[data-v-8368d356] {
    border: 2px solid transparent
}

.document-sorting-item.sorting-top[data-v-8368d356]:before {
    content: "";
    position: absolute;
    top: -3.5px;
    right: -2px;
    left: -2px;
    z-index: 10;
    width: calc(100%+ 4px);
    height: 3px;
    border-radius: 2px;
    background-color: var(--color-scheme-active);
    pointer-events: none;
    box-shadow: 0 1px 2px #6c78f440
}

.document-sorting-item.sorting-into[data-v-8368d356] {
    border-color: var(--color-scheme-active);
    box-shadow: 0 1px 2px #6c78f440
}

.document-sorting-item.sorting-bottom[data-v-8368d356]:before {
    content: "";
    position: absolute;
    right: 2px;
    bottom: -3.5px;
    left: -2px;
    z-index: 10;
    width: calc(100%+ 4px);
    height: 3px;
    border-radius: 2px;
    background-color: var(--color-scheme-active);
    pointer-events: none;
    box-shadow: 0 1px 2px #6c78f440
}

.content[data-v-8368d356],
.content__sorting-group[data-v-8368d356] {
    padding: 0 12px
}

.content__sorting-item[data-v-8368d356] {
    border-radius: 4px
}

[data-v-fcd6c5bf]:root {
    --color-scheme-active: #6C78F4
}

.document-sorting-item[data-v-fcd6c5bf] {
    border: 2px solid transparent
}

.document-sorting-item.sorting-top[data-v-fcd6c5bf]:before {
    content: "";
    position: absolute;
    top: -3.5px;
    right: -2px;
    left: -2px;
    z-index: 10;
    width: calc(100%+ 4px);
    height: 3px;
    border-radius: 2px;
    background-color: var(--color-scheme-active);
    pointer-events: none;
    box-shadow: 0 1px 2px #6c78f440
}

.document-sorting-item.sorting-into[data-v-fcd6c5bf] {
    border-color: var(--color-scheme-active);
    box-shadow: 0 1px 2px #6c78f440
}

.document-sorting-item.sorting-bottom[data-v-fcd6c5bf]:before {
    content: "";
    position: absolute;
    right: 2px;
    bottom: -3.5px;
    left: -2px;
    z-index: 10;
    width: calc(100%+ 4px);
    height: 3px;
    border-radius: 2px;
    background-color: var(--color-scheme-active);
    pointer-events: none;
    box-shadow: 0 1px 2px #6c78f440
}

.private__wrapper[data-v-fcd6c5bf] {
    position: relative;
    width: calc(100% - 24px);
    margin: 0 12px
}

.private__wrapper[data-v-fcd6c5bf] .button-with-content__body {
    margin-bottom: 0
}

.private__content[data-v-fcd6c5bf] {
    display: grid;
    grid-auto-rows: max-content;
    overflow: hidden
}

.private__empty[data-v-fcd6c5bf] {
    margin: 0 12px
}

[data-v-68bbc45b]:root {
    --color-scheme-active: #6C78F4
}

.content[data-v-68bbc45b] {
    padding: 0 12px
}

.content__document[data-v-68bbc45b] {
    border: 2px solid transparent
}

[data-v-52073758]:root {
    --color-scheme-active: #6C78F4
}

.section-favourites[data-v-52073758] {
    position: relative
}

.section-favourites.opened[data-v-52073758] {
    margin-bottom: 14px
}

.section-favourites__title-tooltip[data-v-52073758] {
    position: absolute;
    top: 0;
    left: 0;
    width: 218px;
    height: 32px
}

.section-favourites__tooltip-wrapper[data-v-52073758] {
    width: 218px;
    height: 32px
}

[data-v-c6c9fb2e]:root {
    --color-scheme-active: #6C78F4
}

.document-sorting-item[data-v-c6c9fb2e] {
    border: 2px solid transparent
}

.document-sorting-item.sorting-top[data-v-c6c9fb2e]:before {
    content: "";
    position: absolute;
    top: -3.5px;
    right: -2px;
    left: -2px;
    z-index: 10;
    width: calc(100%+ 4px);
    height: 3px;
    border-radius: 2px;
    background-color: var(--color-scheme-active);
    pointer-events: none;
    box-shadow: 0 1px 2px #6c78f440
}

.document-sorting-item.sorting-into[data-v-c6c9fb2e] {
    border-color: var(--color-scheme-active);
    box-shadow: 0 1px 2px #6c78f440
}

.document-sorting-item.sorting-bottom[data-v-c6c9fb2e]:before {
    content: "";
    position: absolute;
    right: 2px;
    bottom: -3.5px;
    left: -2px;
    z-index: 10;
    width: calc(100%+ 4px);
    height: 3px;
    border-radius: 2px;
    background-color: var(--color-scheme-active);
    pointer-events: none;
    box-shadow: 0 1px 2px #6c78f440
}

.content[data-v-c6c9fb2e] {
    padding: 0 12px
}

.content__sorting-item[data-v-c6c9fb2e] {
    border-radius: 4px
}

[data-v-920b66a0]:root {
    --color-scheme-active: #6C78F4
}

.section-documents[data-v-920b66a0] {
    position: relative
}

.section-documents.opened[data-v-920b66a0] {
    margin-bottom: 14px
}

.section-documents__content[data-v-920b66a0] {
    display: grid;
    grid-auto-rows: max-content
}

.section-documents__title-tooltip[data-v-920b66a0] {
    position: absolute;
    top: 0;
    left: 12px;
    width: 218px;
    height: 32px
}

.section-documents__tooltip-wrapper[data-v-920b66a0] {
    width: 218px;
    height: 32px
}

[data-v-f14562eb]:root {
    --color-scheme-active: #6C78F4
}

.creating-first-document[data-v-f14562eb] {
    display: flex;
    width: 249px;
    height: 173px;
    padding: 16px 10px 15px;
    background-color: #f8f8fb;
    border-radius: 4px;
    flex-direction: column
}

.dark .creating-first-document[data-v-f14562eb] {
    background-color: #2f3136
}

.creating-first-document__title[data-v-f14562eb] {
    margin-bottom: 14px;
    font-weight: 700;
    font-size: 16px;
    line-height: 16px;
    color: #202430
}

.dark .creating-first-document__title[data-v-f14562eb] {
    color: #f1f2f4
}

.creating-first-document__description[data-v-f14562eb] {
    margin-bottom: auto;
    font-weight: 300;
    font-size: 14px;
    line-height: 17px;
    color: #000
}

.dark .creating-first-document__description[data-v-f14562eb] {
    color: #f1f2f4
}

.creating-first-document__button-add[data-v-f14562eb] {
    width: 100%;
    padding: 0
}

[data-v-928c9547]:root {
    --color-scheme-active: #6C78F4
}

.nav-kb-billing__counter-line[data-v-928c9547] {
    height: 4px;
    border-radius: 4px;
    overflow: hidden;
    background-color: #e5e7ee
}

.dark .nav-kb-billing__counter-line[data-v-928c9547] {
    background-color: #242629
}

.nav-kb-billing__counter-line[data-v-928c9547] {
    margin-bottom: 8px
}

.nav-kb-billing__counter[data-v-928c9547] {
    height: 100%;
    background-color: var(--color-scheme-active);
    transition: width .2s ease
}

[data-v-3d7138fa]:root {
    --color-scheme-active: #6C78F4
}

.nav-kb-upload-import-box[data-v-3d7138fa] {
    width: 251px;
    margin: 15px 11px 18px;
    padding: 9px 12px 11px;
    background-color: #f8f8fb;
    border-radius: 4px
}

.dark .nav-kb-upload-import-box[data-v-3d7138fa] {
    background-color: #2f3136
}

.nav-kb-upload-import-box__bottom[data-v-3d7138fa] {
    color: #93969f;
    text-align: center;
    font-weight: 300;
    font-size: 10px;
    line-height: 12px
}

.dark .nav-kb-upload-import-box__bottom[data-v-3d7138fa] {
    color: #ddd
}

[data-v-4dbaa300]:root {
    --color-scheme-active: #6C78F4
}

.knowledge-base-billing[data-v-4dbaa300] {
    margin: 15px 11px 18px
}

[data-v-20318f0a]:root {
    --color-scheme-active: #6C78F4
}

.side-nav[data-v-20318f0a] {
    display: grid;
    grid-template-rows: max-content 1fr;
    overflow: hidden
}

.side-nav.scrollable[data-v-20318f0a] {
    overflow-y: auto
}

.side-nav__search[data-v-20318f0a] {
    margin: 12px 12px 16px
}

.side-nav__search[data-v-20318f0a] .v-input__item.mini {
    padding-left: 4px
}

.side-nav__column[data-v-20318f0a] {
    display: flex;
    flex-direction: column;
    overflow: hidden
}

.side-nav__wrapper[data-v-20318f0a] {
    flex: 1;
    height: 100%;
    margin-bottom: 14px;
    overflow: hidden auto
}

.side-nav__wrapper.disabled[data-v-20318f0a] {
    overflow: hidden
}

.side-nav__wrapper[data-v-20318f0a]::-webkit-scrollbar {
    width: 2px
}

.side-nav__wrapper[data-v-20318f0a]::-webkit-scrollbar-track {
    border-radius: 30px
}

.side-nav__wrapper[data-v-20318f0a]::-webkit-scrollbar-thumb {
    background: #cacad2;
    border: none
}

.dark .side-nav__wrapper[data-v-20318f0a]::-webkit-scrollbar-track {
    background: #383a3f
}

.dark .side-nav__wrapper[data-v-20318f0a]::-webkit-scrollbar-thumb {
    background-color: #60636c
}

.side-nav__sections[data-v-20318f0a] {
    flex: 1;
    width: 100%
}

.side-nav__available-to-me[data-v-20318f0a],
.side-nav__favourites[data-v-20318f0a],
.side-nav__documents[data-v-20318f0a],
.side-nav__from-projects[data-v-20318f0a] {
    display: grid;
    grid-template-rows: max-content 1fr
}

.side-nav__available-to-me[data-v-20318f0a] .header-component,
.side-nav__favourites[data-v-20318f0a] .header-component,
.side-nav__documents[data-v-20318f0a] .header-component,
.side-nav__from-projects[data-v-20318f0a] .header-component {
    width: calc(100% - 24px);
    margin: 0 12px
}

.side-nav__creating-first-document[data-v-20318f0a] {
    margin: 12px
}

.side-nav__link[data-v-20318f0a] {
    width: calc(100% - 24px);
    margin: 0 12px
}

.side-nav__link.last-top[data-v-20318f0a] {
    width: 100%;
    margin: 0 0 14px
}

.side-nav__link.last-top[data-v-20318f0a] .button {
    width: calc(100% - 24px);
    margin: 0 12px
}

.side-nav__link.last[data-v-20318f0a] {
    margin-bottom: 16px
}

.side-nav__billing[data-v-20318f0a] {
    margin: 0 12px 14px
}

.side-nav__hint[data-v-20318f0a]:after {
    top: 24px;
    left: -9px
}

[data-v-9ad03341]:root {
    --color-scheme-active: #6C78F4
}

.settings__dropdown[data-v-9ad03341] {
    position: fixed;
    z-index: 1000;
    max-height: max-content
}

[data-v-cb8ec994]:root {
    --color-scheme-active: #6C78F4
}

.arrow-enter-active[data-v-cb8ec994],
.arrow-leave-active[data-v-cb8ec994] {
    transition: opacity .1s ease
}

.arrow-enter-from[data-v-cb8ec994],
.arrow-leave-to[data-v-cb8ec994] {
    opacity: .3
}

.drag[data-v-cb8ec994] {
    position: relative;
    border: 2px solid transparent
}

.drag.sorting-top[data-v-cb8ec994]:before {
    content: "";
    position: absolute;
    top: -3px;
    right: -2px;
    left: -2px;
    z-index: 10;
    pointer-events: none;
    width: calc(100%+ 4px);
    height: 3px;
    background-color: var(--color-scheme-active);
    border-radius: 2px;
    box-shadow: 0 1px 2px #6c78f440
}

.drag.sorting-into[data-v-cb8ec994] {
    border-color: var(--color-scheme-active);
    box-shadow: 0 1px 2px #6c78f440
}

.drag.sorting-bottom[data-v-cb8ec994]:after {
    content: "";
    position: absolute;
    right: 2px;
    bottom: -3px;
    left: -2px;
    z-index: 10;
    pointer-events: none;
    width: calc(100%+ 4px);
    height: 3px;
    background-color: var(--color-scheme-active);
    border-radius: 2px;
    box-shadow: 0 1px 2px #6c78f440
}

.folder[data-v-cb8ec994] {
    display: grid;
    grid-template-columns: max-content 1fr max-content;
    grid-column-gap: 8px;
    align-items: center;
    width: calc(100% - 11px);
    height: 32px;
    margin-right: 11px;
    padding: 0 6px;
    overflow: visible;
    transition: background-color .2s ease;
    cursor: pointer;
    border-radius: 4px
}

.folder[data-v-cb8ec994]:hover {
    background-color: #f8f8fb
}

.folder[data-v-cb8ec994]:active {
    background-color: #e5e7ee
}

.dark .folder[data-v-cb8ec994] {
    color: #ddd;
    background-color: #242629
}

.dark .folder[data-v-cb8ec994]:hover {
    background-color: #2f3136
}

.dark .folder[data-v-cb8ec994]:active {
    background-color: #383a3f
}

.folder__icons[data-v-cb8ec994] {
    display: grid;
    grid-template-columns: repeat(2, max-content);
    grid-column-gap: 4px;
    height: max-content;
    padding: 3px;
    background-color: #ededf5;
    border-radius: 6px
}

.dark .folder__icons[data-v-cb8ec994] {
    background: #202225
}

.folder__icon-arrow.rotated[data-v-cb8ec994] {
    transform: rotate(90deg)
}

.folder__text[data-v-cb8ec994] {
    overflow: hidden;
    color: #60636c;
    font-weight: 400;
    font-size: 14px;
    line-height: 14px
}

.folder__name[data-v-cb8ec994] {
    display: block;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    text-align: start
}

[data-v-c48914d4]:root {
    --color-scheme-active: #6C78F4
}

.settings__dropdown[data-v-c48914d4] {
    position: fixed;
    z-index: 1000;
    max-height: max-content
}

[data-v-e1b80afd]:root {
    --color-scheme-active: #6C78F4
}

.drag[data-v-e1b80afd] {
    position: relative;
    border: 2px solid transparent
}

.drag.sorting-top[data-v-e1b80afd]:before {
    content: "";
    position: absolute;
    top: -3px;
    right: -2px;
    left: -2px;
    z-index: 10;
    pointer-events: none;
    width: calc(100%+ 4px);
    height: 3px;
    background-color: var(--color-scheme-active);
    border-radius: 2px;
    box-shadow: 0 1px 2px #6c78f440
}

.drag.sorting-bottom[data-v-e1b80afd]:after {
    content: "";
    position: absolute;
    right: 2px;
    bottom: -3px;
    left: -2px;
    z-index: 10;
    pointer-events: none;
    width: calc(100%+ 4px);
    height: 3px;
    background-color: var(--color-scheme-active);
    border-radius: 2px;
    box-shadow: 0 1px 2px #6c78f440
}

.dashboard[data-v-e1b80afd] {
    display: grid;
    grid-template-columns: max-content 1fr max-content;
    grid-column-gap: 8px;
    align-items: center;
    height: 32px;
    margin-right: 11px;
    padding: 0 6px;
    overflow: visible;
    transition: background-color .2s ease;
    cursor: pointer;
    border-radius: 4px;
    text-decoration: none
}

.dashboard[data-v-e1b80afd]:hover {
    background-color: #f8f8fb
}

.dashboard[data-v-e1b80afd]:active,
.dashboard.active[data-v-e1b80afd] {
    background-color: #e5e7ee
}

.dark .dashboard[data-v-e1b80afd] {
    color: #ddd;
    background-color: #242629
}

.dark .dashboard[data-v-e1b80afd]:hover {
    background-color: #2f3136
}

.dark .dashboard[data-v-e1b80afd]:active,
.dark .dashboard.active[data-v-e1b80afd] {
    background-color: #383a3f
}

.dashboard__text[data-v-e1b80afd] {
    overflow: hidden;
    color: #60636c;
    font-weight: 400;
    font-size: 14px;
    line-height: 14px
}

.dark .dashboard__text[data-v-e1b80afd] {
    color: #ddd
}

.dashboard__name[data-v-e1b80afd] {
    display: block;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}

[data-v-521f38ec]:root {
    --color-scheme-active: #6C78F4
}

.dashboards-component[data-v-521f38ec] {
    padding-left: 11px;
    overflow-y: auto
}

.dashboards-component__flat-link[data-v-521f38ec] {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 32px;
    margin-right: 11px;
    padding: 0 6px;
    transition: background-color .2s ease;
    cursor: pointer;
    text-decoration: none;
    border-radius: 4px
}

.dashboards-component__flat-link[data-v-521f38ec]:hover {
    background-color: #f8f8fb
}

.dashboards-component__flat-link[data-v-521f38ec]:active,
.dashboards-component__flat-link.active[data-v-521f38ec] {
    background-color: #e5e7ee
}

.dark .dashboards-component__flat-link[data-v-521f38ec] {
    color: #ddd;
    background-color: #242629
}

.dark .dashboards-component__flat-link[data-v-521f38ec]:hover {
    background-color: #2f3136
}

.dark .dashboards-component__flat-link[data-v-521f38ec]:active,
.dark .dashboards-component__flat-link.active[data-v-521f38ec] {
    background-color: #383a3f
}

.dashboards-component__tooltip[data-v-521f38ec] {
    position: absolute;
    top: 0;
    left: 0;
    width: 38px;
    height: 32px
}

[data-v-5d9dc5a9]:root {
    --color-scheme-active: #6C78F4
}

.dashboards[data-v-5d9dc5a9] {
    display: grid;
    grid-template-rows: max-content 1fr;
    margin-top: 14px;
    overflow: hidden
}

.dashboards__top[data-v-5d9dc5a9] {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-right: 16px;
    padding-left: 11px
}

.dashboards__top.mini[data-v-5d9dc5a9] {
    overflow: hidden
}

.dashboards__title[data-v-5d9dc5a9] {
    padding-left: 8px;
    overflow: hidden;
    font-size: 12px;
    font-weight: 500;
    line-height: 32px;
    white-space: nowrap;
    color: #acb1c2;
    text-align: start;
    text-overflow: ellipsis
}

.dashboards__alpha-icon[data-v-5d9dc5a9] {
    margin-right: auto;
    margin-left: 8px
}

.dashboards__menu[data-v-5d9dc5a9] {
    position: absolute;
    top: calc(100%+ 4px);
    right: 0;
    z-index: 10
}

.dashboards__settings[data-v-5d9dc5a9] {
    margin-left: auto
}

[data-v-61bc4de2]:root {
    --color-scheme-active: #6C78F4
}

.nav-analytics[data-v-61bc4de2] {
    display: grid;
    grid-template-rows: max-content 1fr;
    padding: 16px 0;
    overflow: hidden
}

.nav-analytics__links[data-v-61bc4de2] {
    padding: 0 11px
}

.nav-analytics__item[data-v-61bc4de2] {
    position: relative
}

.nav-analytics__item-tooltip[data-v-61bc4de2] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.nav-analytics__tooltip-template[data-v-61bc4de2] {
    width: 100%;
    height: 100%
}

.nav-analytics__section[data-v-61bc4de2] {
    margin: 24px 0
}

.nav-analytics__leave-review[data-v-61bc4de2] {
    display: flex;
    justify-content: space-between;
    align-items: center
}

[data-v-d455ce84]:root {
    --color-scheme-active: #6C78F4
}

.side-nav-main[data-v-d455ce84] {
    position: relative;
    flex: none;
    display: grid;
    width: 60px;
    overflow: hidden;
    background-color: #fff;
    transition: .3s ease-in-out;
    border-right: 1px solid #EDEDF5
}

.side-nav-main.opened[data-v-d455ce84] {
    width: 275px
}

@media print {
    .side-nav-main[data-v-d455ce84] {
        display: none
    }
}

.dark .side-nav-main[data-v-d455ce84] {
    background-color: #242629;
    border-color: #1e1f22
}