@charset "UTF-8";
@import"https://fonts.googleapis.com/css2?family=Roboto:wght@500&display=swap";
[data-v-596afa57]:root {
    --color-scheme-active: #6C78F4
}

.header-wrapper[data-v-596afa57] {
    position: relative;
    z-index: 11;
    flex: none;
    display: flex;
    justify-content: space-between;
    height: 60px;
    padding: 10px 0;
    background-color: #f8f8fb
}

.dark .header-wrapper[data-v-596afa57] {
    background-color: #2f3136
}

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

.tab-menu[data-v-7d36397c] {
    position: relative;
    display: flex;
    gap: 4px;
    justify-content: center;
    align-items: center;
    width: fit-content;
    padding: 4px;
    border-radius: 8px
}

.tab-menu.grey[data-v-7d36397c] {
    background: #f8f8fb
}

.dark .tab-menu.grey[data-v-7d36397c] {
    background: #2f3136
}

.tab-menu.white[data-v-7d36397c] {
    background: #fff
}

.dark .tab-menu.white[data-v-7d36397c] {
    background: #242629
}

.tab-menu.stretched[data-v-7d36397c] {
    width: 100%
}

.tab-menu.disabled[data-v-7d36397c] {
    pointer-events: none
}

.tab-menu__item[data-v-7d36397c] {
    font-weight: 400;
    font-size: 14px;
    line-height: 100%;
    position: relative;
    flex: 1 1 auto;
    display: flex;
    gap: 8px;
    justify-content: center;
    align-items: center;
    height: 32px;
    padding: 0 16px;
    color: #000;
    transition: all .2s ease-in-out;
    cursor: pointer;
    border-radius: 8px;
    text-decoration: none;
    letter-spacing: -.02em
}

.dark .tab-menu__item[data-v-7d36397c] {
    color: #ddd
}

.tab-menu__item.active[data-v-7d36397c],
.tab-menu__item[data-v-7d36397c]:hover {
    background-color: #fff
}

.dark .tab-menu__item.active[data-v-7d36397c],
.dark .tab-menu__item[data-v-7d36397c]:hover {
    background-color: #383a3f
}

.white .tab-menu__item.active[data-v-7d36397c],
.white .tab-menu__item[data-v-7d36397c]:hover {
    background-color: #f8f8fb
}

.dark .white .tab-menu__item[data-v-7d36397c]:hover,
.dark .white .tab-menu__item.active[data-v-7d36397c] {
    background-color: #2f3136
}

.tab-menu__item.active[data-v-7d36397c] {
    pointer-events: none;
    color: var(--color-scheme-active)!important
}

.transparent .tab-menu__item[data-v-7d36397c] {
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    background: #fff;
    border-right: 1px solid #f0f1f3
}

.dark .transparent .tab-menu__item[data-v-7d36397c] {
    border-right: 1px solid #1E1F22;
    background: #202225
}

.tab-menu__item-radio[data-v-7d36397c] {
    position: absolute;
    opacity: 0;
    cursor: pointer
}

.tab-menu__tooltip[data-v-7d36397c] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 32px
}

.tab-menu__tooltip-wrapper[data-v-7d36397c] {
    width: 100%;
    height: 32px
}

.k {
    flex: none
}

.k path,
.k rect {
    transition: all .2s ease-in-out
}

.k:not(.l) path,
.k:not(.l) rect {
    fill: var(--da038728)
}

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

.button[data-v-57f184e0] {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: max-content;
    height: 40px;
    padding: 0 12px;
    overflow: hidden;
    transition: all .2s ease;
    column-gap: 10px;
    border: 1px solid transparent;
    border-radius: 8px;
    text-decoration: none;
    outline: none;
    font-weight: 400;
    font-size: 14px;
    line-height: 17px
}

.button[disabled][data-v-57f184e0],
.button.loading[data-v-57f184e0] {
    pointer-events: none
}

.button.small[data-v-57f184e0] {
    font-weight: 400;
    font-size: 13px;
    line-height: 100%;
    height: 32px
}

.button.extra-small[data-v-57f184e0] {
    font-weight: 500;
    font-size: 12px;
    line-height: 14px;
    height: 24px;
    padding: 0 7px
}

.button.stretched[data-v-57f184e0] {
    width: 100%
}

.button.accent[data-v-57f184e0],
.button.accent-bordered[data-v-57f184e0] {
    color: #fff;
    background-color: var(--color-scheme-active)
}

.button.accent[data-v-57f184e0] svg,
.button.accent-bordered[data-v-57f184e0] svg {
    fill: #fff!important
}

.button.accent[data-v-57f184e0]:hover,
.button.accent-bordered[data-v-57f184e0]:hover {
    background-color: var(--color-scheme-active-darken-7)
}

.button.accent[data-v-57f184e0]:active,
.button.accent.active[data-v-57f184e0],
.button.accent-bordered[data-v-57f184e0]:active,
.button.accent-bordered.active[data-v-57f184e0] {
    background-color: var(--color-scheme-active-darken-15)
}

.button.accent[disabled][data-v-57f184e0],
.button.accent-bordered[disabled][data-v-57f184e0] {
    color: #d3d4db;
    background-color: #2d3b5708
}

.button.accent[disabled][data-v-57f184e0] svg,
.button.accent-bordered[disabled][data-v-57f184e0] svg {
    fill: #d3d4db!important
}

.button.accent-bordered[data-v-57f184e0] {
    height: 44px;
    border: 2px solid #fff;
    border-radius: 9px
}

.dark .button.accent-bordered[data-v-57f184e0] {
    border-color: #383a3f
}

.button.not-accent[data-v-57f184e0] {
    color: #a5a8b3;
    background-color: #f8f8fb
}

.button.not-accent[data-v-57f184e0] svg {
    fill: #a5a8b3!important
}

.button.not-accent[data-v-57f184e0]:hover {
    background-color: #838fa712
}

.button.not-accent[data-v-57f184e0]:active,
.button.not-accent.active[data-v-57f184e0] {
    background-color: #838fa721
}

.button.not-accent[disabled][data-v-57f184e0] {
    color: #d4d6dc;
    background-color: #838fa708
}

.button.not-accent[disabled][data-v-57f184e0] svg {
    fill: #d4d6dc!important
}

.dark .button.not-accent[data-v-57f184e0] {
    background: #2f3136
}

.button.ghostly[data-v-57f184e0] {
    color: #a5a8b3
}

.button.ghostly[data-v-57f184e0] svg {
    fill: #a5a8b3!important
}

.button.ghostly[data-v-57f184e0]:hover {
    background-color: #838fa712
}

.button.ghostly[data-v-57f184e0]:active,
.button.ghostly.active[data-v-57f184e0] {
    background-color: #838fa721
}

.button.ghostly[disabled][data-v-57f184e0] {
    color: #d4d6dc;
    background-color: #838fa708
}

.button.ghostly[disabled][data-v-57f184e0] svg {
    fill: #d4d6dc!important
}

.button.bordered[data-v-57f184e0] {
    color: var(--color-scheme-active);
    border-color: var(--color-scheme-active)
}

.button.bordered[data-v-57f184e0] svg {
    fill: var(--color-scheme-active)!important
}

.button.bordered[data-v-57f184e0]:hover {
    color: #fff;
    background-color: var(--color-scheme-active-darken-7)
}

.button.bordered[data-v-57f184e0]:hover svg {
    fill: #fff!important
}

.button.bordered[data-v-57f184e0]:active,
.button.bordered.active[data-v-57f184e0] {
    color: #fff;
    background-color: var(--color-scheme-active-darken-15)
}

.button.bordered[data-v-57f184e0]:active svg,
.button.bordered.active[data-v-57f184e0] svg {
    fill: #fff!important
}

.button.bordered[disabled][data-v-57f184e0] {
    color: #d4d6dc;
    background-color: #838fa708;
    border-color: transparent
}

.button.bordered[disabled][data-v-57f184e0] svg {
    fill: #d4d6dc!important
}

.button.white[data-v-57f184e0] {
    color: var(--color-scheme-active);
    background-color: #fff
}

.button.white[data-v-57f184e0] svg {
    fill: var(--color-scheme-active)!important
}

.button.white[data-v-57f184e0]:hover {
    background-color: #ffffffe6
}

.button.white[data-v-57f184e0]:active,
.button.white.active[data-v-57f184e0] {
    background-color: #fffc
}

.button.white[disabled][data-v-57f184e0] {
    color: #d4d6dc;
    background-color: #838fa708
}

.button.white[disabled][data-v-57f184e0] svg {
    fill: #d4d6dc!important
}

.dark .button.white[data-v-57f184e0] {
    background-color: #202225
}

.button.underlined[data-v-57f184e0] {
    color: #fff;
    text-decoration: underline
}

.button.underlined[data-v-57f184e0] svg {
    fill: #fff!important
}

.button.underlined[data-v-57f184e0]:hover,
.button.underlined[data-v-57f184e0]:active,
.button.underlined.active[data-v-57f184e0] {
    color: #fffc
}

.button.underlined[data-v-57f184e0]:hover svg,
.button.underlined[data-v-57f184e0]:active svg,
.button.underlined.active[data-v-57f184e0] svg {
    fill: #fffc!important
}

.button.underlined[disabled][data-v-57f184e0] {
    color: #d4d6dc
}

.button.underlined[disabled][data-v-57f184e0] svg {
    fill: #d4d6dc!important
}

.button.gradient[data-v-57f184e0] {
    color: #fff;
    background-color: var(--color-scheme-active);
    border: none
}

.button.gradient[data-v-57f184e0]:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(15deg, #ffffff7a -3.95%, #fff0 60.95%);
    transition: all .2s ease-in-out
}

.button.gradient[data-v-57f184e0]:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(242deg, #fffc 10.45%, #fff0 51.68%);
    mix-blend-mode: overlay;
    transition: all .2s ease-in-out
}

.button.semitransparent[data-v-57f184e0] {
    font-weight: 500;
    font-size: 14px;
    line-height: 110%;
    color: var(--color-scheme-active);
    letter-spacing: -.02em;
    border: none
}

.button__background[data-v-57f184e0] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transition: all .2s ease
}

.semitransparent .button__background[data-v-57f184e0] {
    opacity: .1;
    background-color: var(--color-scheme-active)
}

.dark .semitransparent .button__background[data-v-57f184e0] {
    opacity: .4
}

.button:hover.semitransparent .button__background[data-v-57f184e0] {
    opacity: .2
}

.dark .button:hover.semitransparent .button__background[data-v-57f184e0] {
    opacity: .6
}

.button__text[data-v-57f184e0] {
    position: relative;
    display: flex
}

.button__text.ellipsis[data-v-57f184e0] {
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis
}

.gradient .button__text[data-v-57f184e0] {
    z-index: 1
}

.button__loading[data-v-57f184e0] {
    animation: spin-57f184e0 1s linear infinite
}

@keyframes spin-57f184e0 {
    0% {
        transform: rotate(0)
    }
    to {
        transform: rotate(360deg)
    }
}

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

.avatars-image[disabled][data-v-f2eefd74] {
    cursor: default
}

.avatars-image__content[data-v-f2eefd74] {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background-color: #f8f8fb;
    transition: all .2s ease-in-out
}

.dark .avatars-image__content[data-v-f2eefd74] {
    background: #383a3f
}

.avatars-image__content.is-clickable[data-v-f2eefd74] {
    cursor: pointer
}

.avatars-image__content[disabled][data-v-f2eefd74] {
    pointer-events: none
}

.avatars-image__image[data-v-f2eefd74] {
    max-width: 100%;
    object-fit: contain
}

.avatars-image__custom[data-v-f2eefd74] {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    font-weight: 300;
    line-height: 100%;
    color: #202430
}

.dark .avatars-image__custom[data-v-f2eefd74] {
    color: #ddd
}

.avatars-image__empty[data-v-f2eefd74] {
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 300;
    line-height: 100%;
    color: #202430;
    background: #f8f8fb;
    transition: all .2s ease-in-out;
    cursor: pointer;
    border-radius: 4px
}

.dark .avatars-image__empty[data-v-f2eefd74] {
    color: #ddd;
    background: #383a3f
}

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

.dropdown-item[data-v-2e6fe76b] {
    position: relative;
    display: flex;
    align-items: center;
    height: 32px;
    padding: 0 8px;
    color: #60636c;
    transition: background-color .2s ease;
    cursor: pointer;
    font-weight: 400;
    font-size: 14px;
    line-height: 16px
}

.dropdown-item.active[data-v-2e6fe76b] {
    background-color: #ededf5
}

.dropdown-item.active.active-with-icon[data-v-2e6fe76b] {
    padding-right: 38px;
    background-color: transparent
}

.dropdown-item.active.active-with-icon.hovered[data-v-2e6fe76b] {
    background-color: #f8f8f8
}

.dark .dropdown-item.active.active-with-icon.hovered[data-v-2e6fe76b] {
    color: #ddd;
    background-color: #202225
}

.dropdown-item[data-v-2e6fe76b]:hover,
.dropdown-item.hovered[data-v-2e6fe76b] {
    background-color: #f8f8f8
}

.dark .dropdown-item[data-v-2e6fe76b]:hover,
.dark .dropdown-item.hovered[data-v-2e6fe76b] {
    color: #ddd;
    background-color: #202225
}

.dropdown-item.disabled[data-v-2e6fe76b] {
    pointer-events: none;
    opacity: .7
}

.dark .dropdown-item[data-v-2e6fe76b] {
    color: #8d8d8d
}

.dark .dropdown-item[data-v-2e6fe76b]:hover,
.dark .dropdown-item.active[data-v-2e6fe76b] {
    color: #ddd;
    background-color: #202225
}

.dropdown-item__icon[data-v-2e6fe76b],
.dropdown-item__avatar[data-v-2e6fe76b],
.dropdown-item__color[data-v-2e6fe76b] {
    margin-right: 8px
}

.dropdown-item__color[data-v-2e6fe76b] {
    flex: none;
    width: 16px;
    height: 16px;
    border-radius: 50%
}

.dropdown-item__text[data-v-2e6fe76b] {
    display: flex;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.dropdown-item__panel[data-v-2e6fe76b] {
    display: flex;
    gap: 6px;
    align-items: center;
    width: 100%
}

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

.dropdown-item__dropdown-icon[data-v-2e6fe76b] {
    margin-left: auto;
    transform: rotate(180deg)
}

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

.dropdown[data-v-424d491b] {
    position: absolute;
    display: flex;
    flex-direction: column;
    background-color: #fff;
    border: 1px solid #F0F0F0;
    box-shadow: 0 4px 13px #3030301a;
    border-radius: 6px
}

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

.dropdown__search[data-v-424d491b] {
    flex: none;
    width: 100%;
    height: 40px;
    padding: 0 8px;
    color: #a2a8c3;
    background-color: #f5f5f9;
    border: none;
    border-radius: 6px 6px 0 0;
    outline: none;
    font-weight: 400;
    font-size: 14px;
    line-height: 14px
}

.dropdown__search[data-v-424d491b]::placeholder {
    font-weight: 400;
    font-size: 14px;
    line-height: 14px;
    color: #a2a8c3
}

.dark .dropdown__search[data-v-424d491b] {
    background-color: #242629
}

.dropdown__items[data-v-424d491b] {
    position: relative;
    display: grid;
    grid-auto-rows: max-content;
    padding: 4px;
    max-height: 300px;
    overflow-y: auto
}

.dropdown__item[data-v-424d491b] {
    border-radius: 4px
}

.dropdown__title[data-v-424d491b] {
    font-weight: 500;
    font-size: 12px;
    line-height: 100%;
    padding: 12px 12px 0;
    color: #acb1c2
}

.dropdown__bottom[data-v-424d491b] {
    padding: 4px
}

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

[data-v-edb23ac6] path,
[data-v-edb23ac6] rect {
    transition: fill .2s ease
}

.clickable[data-v-edb23ac6] {
    display: flex;
    align-items: center
}

.clickable.active[data-v-edb23ac6] path,
.clickable.active[data-v-edb23ac6] rect {
    fill: var(--color-scheme-active)
}

.clickable.disabled[data-v-edb23ac6] {
    pointer-events: none;
    opacity: .7;
    cursor: default
}

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

.input-tags[data-v-277c8f8e] {
    flex: none;
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
    padding: 8px;
    overflow-y: auto;
    background-color: #f5f5f9;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px
}

.dark .input-tags[data-v-277c8f8e] {
    background-color: #2f3136
}

.input-tags__tag[data-v-277c8f8e] {
    font-weight: 400;
    font-size: 14px;
    line-height: 120%;
    display: flex;
    align-items: center;
    min-height: 24px;
    padding: 4px;
    overflow: hidden;
    color: #60636c;
    background-color: #e2e2ee;
    border-radius: 6px
}

.dark .input-tags__tag[data-v-277c8f8e] {
    color: #ddd;
    background-color: #242629
}

.input-tags__tag-text[data-v-277c8f8e] {
    display: flex;
    align-items: center;
    overflow: hidden
}

.input-tags__tag-color[data-v-277c8f8e] {
    flex: none;
    width: 14px;
    height: 14px;
    border-radius: 50%
}

.input-tags__tag-color[data-v-277c8f8e],
.input-tags__tag-icon[data-v-277c8f8e],
.input-tags__tag-avatar[data-v-277c8f8e] {
    margin-right: 4px
}

.input-tags__tag-name[data-v-277c8f8e] {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}

.input-tags__icon-close[data-v-277c8f8e] {
    flex: none;
    margin-left: 4px
}

.input-tags__input[data-v-277c8f8e] {
    font-weight: 400;
    font-size: 14px;
    line-height: 14px;
    width: 100%;
    padding: 0;
    color: #60636c;
    background-color: transparent;
    border: none;
    outline: none
}

.input-tags__input[data-v-277c8f8e]::placeholder {
    font-weight: 400;
    font-size: 14px;
    line-height: 14px;
    color: #a2a8c3
}

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

.assignees[data-v-9dcbf81f] {
    z-index: 10;
    width: 250px
}

.assignees__input-tags[data-v-9dcbf81f] {
    min-height: 34px;
    max-height: 120px;
    border-radius: 6px 6px 0 0
}

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

.hint[data-v-f9efeae7] {
    position: fixed;
    z-index: 100;
    display: flex;
    gap: 10px;
    width: 300px;
    height: auto;
    padding: 20px;
    border-radius: 4px;
    flex-direction: column;
    background-color: var(--color-scheme-active)
}

.hint[data-v-f9efeae7]:after {
    content: "";
    position: absolute;
    top: -9px;
    left: calc(50% - 9px);
    width: 18px;
    height: 18px;
    transform: rotate(-45deg);
    background-color: var(--color-scheme-active)
}

.hint__image[data-v-f9efeae7] {
    border-radius: 4px;
    overflow: hidden
}

.hint__row[data-v-f9efeae7] {
    display: flex;
    gap: 10px;
    justify-content: space-between
}

.hint__title[data-v-f9efeae7] {
    font-weight: 600;
    font-size: 16px;
    line-height: 110%;
    color: #fff
}

.hint__step[data-v-f9efeae7] {
    font-weight: 500;
    font-size: 16px;
    line-height: 110%;
    color: #fff
}

.hint__description[data-v-f9efeae7] {
    font-weight: 300;
    font-size: 14px;
    line-height: 17px;
    color: #fff
}

.hint__buttons[data-v-f9efeae7] {
    display: flex;
    gap: 20px;
    justify-content: space-between;
    align-items: center
}

.hint__button-hide[data-v-f9efeae7] {
    min-width: 107px;
    padding: 0 10px
}

.hint__button-next[data-v-f9efeae7] {
    min-width: 115px;
    padding: 12px 24px
}

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

.tabs[data-v-c393878a] {
    display: flex;
    align-items: center;
    margin: 12px;
    overflow: hidden;
    background: #f6f6f9;
    border-radius: 8px
}

.dark .tabs[data-v-c393878a] {
    background-color: #2f3136
}

.tabs__item[data-v-c393878a] {
    font-weight: 600;
    font-size: 11px;
    line-height: 100%;
    position: relative;
    flex: 1 1 auto;
    display: flex;
    gap: 4px;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 52px;
    overflow: hidden;
    color: #9499ad;
    transition: all .2s ease-in-out;
    flex-direction: column;
    text-decoration: none;
    border-radius: 8px
}

.tabs__item[data-v-c393878a]:hover,
.tabs__item.tabs__item_active[data-v-c393878a] {
    color: var(--color-scheme-active)
}

.tabs__item[data-v-c393878a]:hover svg,
.tabs__item.tabs__item_active[data-v-c393878a] svg {
    fill: var(--color-scheme-active)!important
}

.tabs__tooltip .tabs__item[data-v-c393878a]:hover,
.tabs__tooltip .tabs__item.tabs__item_active[data-v-c393878a] {
    color: #d5d6e2
}

.tabs__tooltip .tabs__item[data-v-c393878a]:hover svg,
.tabs__tooltip .tabs__item.tabs__item_active[data-v-c393878a] svg {
    fill: #d5d6e2!important
}

.dark .tabs__tooltip .tabs__item[data-v-c393878a]:hover,
.dark .tabs__tooltip .tabs__item.tabs__item_active[data-v-c393878a] {
    color: #8d8d8d
}

.dark .tabs__tooltip .tabs__item[data-v-c393878a]:hover svg,
.dark .tabs__tooltip .tabs__item.tabs__item_active[data-v-c393878a] svg {
    fill: #8d8d8d!important
}

.tabs__tooltip .tabs__item[data-v-c393878a] {
    color: #d5d6e2
}

.dark .tabs__tooltip .tabs__item[data-v-c393878a] {
    color: #8d8d8d
}

.dark .tabs__tooltip .tabs__item[data-v-c393878a] svg {
    fill: #8d8d8d!important
}

.tabs__tooltip[data-v-c393878a] {
    flex: 1 1 auto;
    width: 100%;
    cursor: pointer
}

.tabs__item_active[data-v-c393878a] {
    pointer-events: none
}

.tabs__item-bg[data-v-c393878a] {
    position: absolute;
    top: 0;
    left: 0;
    opacity: .1;
    width: 100%;
    height: 100%;
    transition: background .2s ease-in-out
}

.tabs__item:hover .tabs__item-bg[data-v-c393878a],
.tabs__item_active .tabs__item-bg[data-v-c393878a] {
    background-color: var(--color-scheme-active)
}

.tabs__tooltip .tabs__item:hover .tabs__item-bg[data-v-c393878a],
.tabs__tooltip .tabs__item_active .tabs__item-bg[data-v-c393878a] {
    background-color: transparent
}

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

.switch-button[data-v-d168348a] {
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: max-content;
    grid-gap: 4px 8px;
    align-items: center;
    width: max-content
}

.switch-button[data-v-d168348a]:hover {
    cursor: pointer
}

.switch-button.disabled[data-v-d168348a] {
    pointer-events: none
}

.switch-button__input[data-v-d168348a] {
    display: none
}

.switch-button__area[data-v-d168348a] {
    display: grid;
    align-items: center;
    width: 26px;
    height: 16px;
    background-color: #ededf5;
    transition: all .2s;
    border-radius: 8px
}

.dark .switch-button__area[data-v-d168348a] {
    background-color: #8d8d8d
}

.switch-button:hover .switch-button__area[data-v-d168348a],
.dark .switch-button:hover .switch-button__area[data-v-d168348a] {
    background-color: var(--color-scheme-lighten-50)
}

.checked .switch-button__area[data-v-d168348a],
.dark .checked .switch-button__area[data-v-d168348a] {
    background-color: var(--color-scheme-active)
}

.dark .disabled .switch-button__area[data-v-d168348a] {
    background: #60636c
}

.checked.disabled .switch-button__area[data-v-d168348a] {
    opacity: .2
}

.dark .checked.disabled .switch-button__area[data-v-d168348a] {
    background-color: var(--color-scheme-active-lighten-70)
}

.switch-button__area-circle[data-v-d168348a] {
    display: block;
    width: 10px;
    height: 10px;
    margin: 0 3px;
    background-color: #fff;
    transition: all .2s;
    border-radius: 8px;
    box-shadow: 0 2px 4px #0000001f
}

.dark .switch-button__area-circle[data-v-d168348a] {
    background-color: #383a3f!important;
    box-shadow: 0 2px 4px #00000059
}

.switch-button:hover .switch-button__area-circle[data-v-d168348a] {
    box-shadow: none
}

.checked .switch-button__area-circle[data-v-d168348a] {
    transform: translate(10px)
}

.disabled .switch-button__area-circle[data-v-d168348a] {
    box-shadow: none
}

.switch-button__label[data-v-d168348a] {
    font-size: 14px;
    line-height: 100%;
    color: #60636c
}

.label-first .switch-button__label[data-v-d168348a] {
    grid-column-end: -1
}

.disabled .switch-button__label[data-v-d168348a] {
    color: #9499ad
}

.dark .disabled .switch-button__label[data-v-d168348a] {
    color: #60636c
}

.dark .switch-button__label[data-v-d168348a] {
    color: #ddd
}

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

.dropdown-item[data-v-2a2387c2] {
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    position: relative;
    display: flex;
    align-items: center;
    height: 32px;
    padding: 4px 12px;
    overflow: hidden;
    color: #60636c;
    transition: background-color .2s ease;
    cursor: pointer;
    text-decoration: none
}

.dropdown-item.disabled[data-v-2a2387c2] {
    pointer-events: none
}

.dropdown-item.with-switch[data-v-2a2387c2] {
    padding-right: 40px
}

.dropdown-item[data-v-2a2387c2]:last-child {
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px
}

.dropdown-item.active[data-v-2a2387c2],
.dropdown-item[data-v-2a2387c2]:hover {
    background: #f8f8fb
}

.dark .dropdown-item[data-v-2a2387c2] {
    color: #ddd
}

.dark .dropdown-item.active[data-v-2a2387c2],
.dark .dropdown-item[data-v-2a2387c2]:hover {
    background-color: #202225
}

.dropdown-item__text[data-v-2a2387c2] {
    font-weight: 400;
    font-size: 14px;
    line-height: 125%;
    color: #60636c;
    text-decoration: none
}

.dark .dropdown-item__text[data-v-2a2387c2] {
    color: #8d8d8d
}

.dropdown-item__right[data-v-2a2387c2] {
    margin-left: auto
}

.dropdown-item__icon[data-v-2a2387c2] {
    margin-right: 8px
}

.dropdown-item__switch-button[data-v-2a2387c2] {
    position: absolute;
    top: 50%;
    right: 8px;
    transform: translateY(-50%)
}

.dropdown-item__dropdown[data-v-2a2387c2] {
    position: fixed;
    top: 0;
    z-index: 10;
    width: 200px
}

.dropdown-item__selected[data-v-2a2387c2] {
    font-weight: 400;
    font-size: 14px;
    line-height: 100%;
    display: flex;
    gap: 4px;
    align-items: center;
    color: #9499ad
}

.dark .dropdown-item__selected[data-v-2a2387c2] {
    color: #ddd
}

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

.dropdown-group[data-v-879092a7] {
    display: flex;
    padding: 8px 0;
    background-color: #fff;
    flex-direction: column;
    border-top: 1px solid #f4f4f8
}

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

.dropdown-group__items[data-v-879092a7] {
    display: grid;
    grid-auto-rows: max-content
}

.dropdown-group__title[data-v-879092a7] {
    font-weight: 500;
    font-size: 12px;
    line-height: 100%;
    padding: 4px 12px;
    white-space: pre-wrap;
    color: #acb1c2
}

.dark .dropdown-group__title[data-v-879092a7] {
    color: #ddd
}

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

.modal-head[data-v-9f1a36e8] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 16px;
    border-bottom: 1px solid #ededf5
}

.dark .modal-head[data-v-9f1a36e8] {
    border-color: #2a2a2a
}

.modal-head__title[data-v-9f1a36e8] {
    overflow: hidden;
    color: #333;
    text-overflow: ellipsis;
    font-weight: 500;
    font-size: 20px;
    line-height: 120%
}

.dark .modal-head__title[data-v-9f1a36e8] {
    color: #ddd
}

.modal-head__row[data-v-9f1a36e8] {
    display: flex;
    gap: 8px;
    justify-content: space-between
}

.modal-head__back[data-v-9f1a36e8] {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 24px;
    height: 24px;
    margin-right: 10px;
    transform: rotateY(180deg) rotate(180deg)
}

.modal-head__back[data-v-9f1a36e8]:hover {
    cursor: pointer
}

.modal-head__description[data-v-9f1a36e8] {
    overflow-wrap: anywhere;
    color: #60636c;
    font-weight: 400;
    font-size: 14px;
    line-height: 120%
}

.dark .modal-head__description[data-v-9f1a36e8] {
    color: #8d8d8d
}

.modal-head__close[data-v-9f1a36e8] {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 24px;
    height: 24px;
    margin-left: auto;
    background-color: #f8f8fb;
    border-radius: 4px
}

@media print {
    .modal-head__close[data-v-9f1a36e8] {
        display: none
    }
}

.dark .modal-head__close[data-v-9f1a36e8] {
    background-color: #2f3136
}

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

.modal-dialog__title[data-v-31c2de6c] {
    margin-bottom: 15px;
    font-weight: 600;
    font-size: 14px;
    line-height: 14px
}

.dark .modal-dialog__title[data-v-31c2de6c] {
    color: #ddd
}

.modal-dialog__description[data-v-31c2de6c] {
    margin-bottom: 24px;
    overflow-wrap: anywhere;
    font-weight: 400;
    font-size: 14px;
    line-height: 125%
}

.dark .modal-dialog__description[data-v-31c2de6c] {
    color: #ddd
}

.modal-dialog__controls[data-v-31c2de6c] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: 20px
}

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

.projects[data-v-1daf9433] {
    z-index: 10;
    width: 220px
}

.projects__input-tags[data-v-1daf9433] {
    min-height: 34px;
    max-height: 120px;
    border-radius: 6px 6px 0 0
}

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

.avatar[data-v-91899066] {
    flex: none;
    display: flex;
    width: var(--434b2ab2);
    height: var(--434b2ab2);
    overflow: hidden;
    border-radius: 4px
}

.avatar__image[data-v-91899066] {
    max-width: 100%;
    object-fit: contain
}

.avatar__custom[data-v-91899066] {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    color: #202430;
    background-color: #f8f8fb;
    font-weight: 300;
    font-size: 8px;
    line-height: 8px
}

.dark .avatar__custom[data-v-91899066] {
    color: #ddd;
    background: #383a3f
}

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

.hoverable[data-v-be4449b6] {
    position: relative;
    width: max-content;
    height: 28px;
    padding: 0 4px;
    transition: background-color .2s ease;
    cursor: pointer;
    border-radius: 6px
}

.hoverable.disabled[data-v-be4449b6] {
    pointer-events: none
}

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

.dark .hoverable[data-v-be4449b6]:hover,
.dark .hoverable.active[data-v-be4449b6] {
    background-color: #2f3136
}

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

.project[data-v-6c90b048] {
    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-6c90b048] {
    background-color: #2f3136;
    border-color: #242629
}

.project__top[data-v-6c90b048] {
    display: flex;
    gap: 8px;
    padding: 8px
}

.project__information[data-v-6c90b048] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    width: 100%;
    overflow: hidden
}

.project__name[data-v-6c90b048] {
    white-space: wrap;
    color: #242629;
    font-weight: 500;
    font-size: 14px;
    line-height: 14px
}

.dark .project__name[data-v-6c90b048] {
    color: #fff
}

.project__status[data-v-6c90b048] {
    display: flex;
    gap: 4px;
    align-items: center
}

.project__status-circle[data-v-6c90b048] {
    width: 6px;
    height: 6px;
    border-radius: 50%
}

.project__status-label[data-v-6c90b048] {
    font-weight: 500;
    font-size: 12px;
    line-height: 12px;
    color: #acb1c2
}

.project__avatar[data-v-6c90b048] {
    box-shadow: 0 0 1px #0000001f inset
}

.project__image[data-v-6c90b048] {
    width: 100%;
    height: 100%;
    border-radius: 8px;
    overflow: hidden
}

.project__bottom[data-v-6c90b048] {
    padding: 8px;
    border-top: 1px solid #f4f4f8
}

.dark .project__bottom[data-v-6c90b048] {
    border-color: #242629
}

.project__link[data-v-6c90b048] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    text-decoration: none
}

.project__link span[data-v-6c90b048] {
    font-weight: 500;
    font-size: 14px;
    line-height: 14px;
    color: #60636c;
    transition: .25s
}

.dark .project__link span[data-v-6c90b048] {
    color: #fff
}

.project__link:hover span[data-v-6c90b048] {
    color: #323335
}

.dark .project__link:hover span[data-v-6c90b048] {
    opacity: .7;
    color: #fff
}

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

.project[data-v-9460ab00] {
    position: relative
}

.project__wrapper[data-v-9460ab00] {
    position: relative;
    display: grid;
    grid-template-columns: repeat(2, max-content);
    align-items: center
}

.project__value[data-v-9460ab00] {
    display: grid;
    grid-template-columns: repeat(2, max-content);
    grid-column-gap: 6px;
    align-items: center;
    color: #525c7a;
    font-weight: 500;
    font-size: 13px;
    line-height: 13px
}

.dark .project__value[data-v-9460ab00] {
    color: #ddd
}

.project__tooltip[data-v-9460ab00] {
    display: flex;
    align-items: center;
    overflow: hidden
}

.project__name[data-v-9460ab00] {
    max-width: 110px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.project__popper[data-v-9460ab00] {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 200px;
    padding-top: 30px
}

.project__select[data-v-9460ab00] {
    top: calc(100%+ 4px)
}

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

.select[data-v-86e33b7e] {
    position: absolute;
    top: calc(100%+ 4px);
    z-index: 10;
    width: 240px;
    max-height: 300px
}

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

.not-selected__button[data-v-28bac1d6] {
    width: max-content;
    height: 100%;
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    color: #c1c5d7
}

.dark .not-selected__button[data-v-28bac1d6] {
    color: #ddd
}

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

.board[data-v-f83277b5] {
    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-f83277b5] {
    background-color: #2f3136;
    border-color: #242629
}

.board__top[data-v-f83277b5] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    padding: 8px
}

.board__name[data-v-f83277b5] {
    white-space: wrap;
    color: #242629;
    font-weight: 500;
    font-size: 14px;
    line-height: 14px
}

.dark .board__name[data-v-f83277b5] {
    color: #fff
}

.board__information[data-v-f83277b5] {
    display: flex;
    gap: 12px;
    align-items: center
}

.board__period[data-v-f83277b5] {
    color: #acb1c2;
    font-weight: 500;
    font-size: 12px;
    line-height: 12px
}

.board__tasks-count[data-v-f83277b5] {
    position: relative;
    color: #acb1c2;
    font-weight: 500;
    font-size: 12px;
    line-height: 12px
}

.board__tasks-count.period[data-v-f83277b5] {
    padding-left: 4px
}

.board__tasks-count.period[data-v-f83277b5]:before {
    content: "";
    position: absolute;
    top: 50%;
    left: -6px;
    width: 4px;
    height: 4px;
    background: #acb1c2;
    border-radius: 50%;
    transform: translateY(-50%)
}

.board__bottom[data-v-f83277b5] {
    padding: 8px;
    border-top: 1px solid #f4f4f8
}

.dark .board__bottom[data-v-f83277b5] {
    border-color: #242629
}

.board__link[data-v-f83277b5] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    text-decoration: none
}

.board__link span[data-v-f83277b5] {
    font-weight: 500;
    font-size: 14px;
    line-height: 14px;
    color: #60636c;
    transition: .25s
}

.dark .board__link span[data-v-f83277b5] {
    color: #fff
}

.board__link:hover span[data-v-f83277b5] {
    color: #323335
}

.dark .board__link:hover span[data-v-f83277b5] {
    opacity: .7;
    color: #fff
}

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

.board[data-v-12519e65] {
    position: relative
}

.board__wrapper[data-v-12519e65] {
    position: relative;
    display: grid;
    grid-template-columns: repeat(2, max-content);
    align-items: center
}

.board__value[data-v-12519e65] {
    display: flex;
    align-items: center;
    color: #525c7a;
    font-weight: 500;
    font-size: 13px;
    line-height: 13px
}

.board__value.disabled[data-v-12519e65] {
    color: #acb1c2
}

.dark .board__value.disabled[data-v-12519e65],
.dark .board__value[data-v-12519e65] {
    color: #ddd
}

.board__tooltip[data-v-12519e65] {
    display: flex;
    align-items: center;
    overflow: hidden
}

.board__name[data-v-12519e65] {
    max-width: 110px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.board__name.full-width[data-v-12519e65] {
    max-width: unset
}

.board__popper[data-v-12519e65] {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 200px;
    padding-top: 30px
}

.board__select[data-v-12519e65] {
    top: calc(100%+ 4px)
}

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

.select[data-v-370defb9] {
    z-index: 10;
    width: 240px;
    max-height: 300px
}

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

.column[data-v-67f8eacc] {
    position: relative
}

.column__value[data-v-67f8eacc] {
    display: flex;
    align-items: center;
    max-width: 120px;
    overflow: hidden
}

.column__name-tooltip[data-v-67f8eacc] {
    display: flex;
    max-width: 120px;
    overflow: hidden
}

.column__name[data-v-67f8eacc] {
    display: block;
    max-width: 120px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #525c7a;
    font-weight: 500;
    font-size: 13px;
    line-height: 13px
}

.dark .column__name[data-v-67f8eacc] {
    color: #ddd
}

.column__select[data-v-67f8eacc] {
    top: calc(100%+ 4px);
    right: 0
}

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

.select[data-v-d94f2fba] {
    z-index: 10;
    width: 240px;
    max-height: 300px
}

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

.location[data-v-cd70acf7] {
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: max-content;
    align-items: center;
    height: 32px
}

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

.private[data-v-cd715fc2] {
    display: grid;
    grid-template-columns: repeat(2, max-content);
    grid-column-gap: 6px;
    align-items: center;
    height: 32px;
    padding-left: 4px
}

.private__text[data-v-cd715fc2] {
    color: #60636c;
    font-weight: 500;
    font-size: 13px;
    line-height: 13px
}

.dark .private__text[data-v-cd715fc2] {
    color: #ddd
}

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

.deal-assignees[data-v-af981d3c] {
    z-index: 10;
    width: 250px
}

.deal-assignees__input-tags[data-v-af981d3c] {
    min-height: 34px;
    max-height: 120px;
    border-radius: 6px 6px 0 0
}

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

.deal-contacts[data-v-02fe2c24] {
    z-index: 10;
    width: 300px
}

.deal-contacts__input-tags[data-v-02fe2c24] {
    flex: none;
    min-height: 34px;
    max-height: 120px;
    border-radius: 6px 6px 0 0;
    overflow-y: auto
}

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

.deal-companies[data-v-4d8764f2] {
    z-index: 10;
    width: 300px
}

.deal-companies__input-tags[data-v-4d8764f2] {
    flex: none;
    min-height: 34px;
    max-height: 120px;
    border-radius: 6px 6px 0 0;
    overflow-y: auto
}

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

.deal-last-updated[data-v-8de86806] {
    z-index: 10;
    width: 300px
}

.deal-last-updated__input-tags[data-v-8de86806] {
    flex: none;
    min-height: 34px;
    max-height: 120px;
    border-radius: 6px 6px 0 0;
    overflow-y: auto
}

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

.deal-statuses[data-v-a24f70b2] {
    z-index: 10;
    width: 250px
}

.deal-statuses__input-tags[data-v-a24f70b2] {
    min-height: 34px;
    max-height: 120px;
    border-radius: 6px 6px 0 0
}

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

.authors[data-v-0064c5ff] {
    z-index: 10;
    width: 250px
}

.authors__input-tags[data-v-0064c5ff] {
    min-height: 34px;
    max-height: 120px;
    border-radius: 6px 6px 0 0
}

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

.board-id[data-v-6ddb2b77] {
    position: fixed;
    z-index: 10;
    width: 250px;
    margin-top: -24px;
    margin-left: 166px
}

.board-id.is-filter-board-id[data-v-6ddb2b77] {
    margin-top: unset;
    margin-left: unset
}

.board-id__input-tags[data-v-6ddb2b77] {
    min-height: 34px;
    max-height: 120px;
    border-radius: 6px 6px 0 0
}

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

.group-by[data-v-036d1cff] {
    z-index: 10;
    width: 200px
}

.group-by__board-column[data-v-036d1cff] {
    text-align: start;
    width: 100%;
    height: 100%
}

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

.overdue[data-v-1d22ae1c] {
    z-index: 10;
    width: 250px
}

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

.completed[data-v-4d0afcf6] {
    z-index: 10;
    width: 250px
}

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

.task-priority[data-v-eaf865be] {
    position: relative;
    display: flex;
    gap: 6px;
    align-items: center;
    padding: 4px 6px;
    white-space: nowrap;
    background-color: #fff;
    cursor: pointer;
    border-radius: 5px
}

.dark .task-priority[data-v-eaf865be] {
    background-color: transparent
}

.task-priority__background[data-v-eaf865be] {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    pointer-events: none;
    opacity: .2;
    width: 100%;
    height: 100%;
    border-radius: 5px
}

.task-priority__circle[data-v-eaf865be] {
    position: relative;
    z-index: 1;
    width: 6px;
    height: 6px;
    border-radius: 50%
}

.task-priority__text[data-v-eaf865be] {
    font-weight: 500;
    font-size: 12px;
    line-height: 100%;
    position: relative;
    text-transform: lowercase;
    z-index: 1
}

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

.priorities[data-v-f594be84] {
    z-index: 10;
    width: 200px
}

.priorities__input-tags[data-v-f594be84] {
    min-height: 34px;
    max-height: 120px;
    border-radius: 6px 6px 0 0
}

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

.sort-by[data-v-1824cff9] {
    position: relative;
    width: 190px;
    height: 40px;
    background-color: #fff;
    border-radius: 8px
}

.dark .sort-by[data-v-1824cff9] {
    background-color: #242629
}

.sort-by__preview[data-v-1824cff9] {
    position: relative;
    display: grid;
    grid-template-columns: max-content 1fr;
    grid-column-gap: 8px;
    align-items: center;
    width: 100%;
    height: 100%;
    padding: 8px 10px;
    cursor: pointer;
    border: none;
    outline: none
}

.sort-by__tooltip[data-v-1824cff9] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.sort-by__tooltip-template[data-v-1824cff9] {
    width: 100%;
    height: 100%
}

.sort-by__value[data-v-1824cff9] {
    font-weight: 400;
    font-size: 14px;
    line-height: 14px;
    color: #838baf;
    text-align: start
}

.sort-by__placeholder[data-v-1824cff9] {
    font-weight: 400;
    font-size: 14px;
    line-height: 14px;
    color: #c1c5d7;
    text-align: start
}

.sort-by__dropdown[data-v-1824cff9] {
    top: calc(100%+ 4px);
    left: 0;
    z-index: 10;
    width: 200px;
    height: max-content;
    max-height: 280px
}

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

.task-types[data-v-a560beb8] {
    z-index: 10;
    width: 200px
}

.task-types__input-tags[data-v-a560beb8] {
    min-height: 34px;
    max-height: 120px;
    border-radius: 6px 6px 0 0
}

.v-dropdown-option {
    display: flex;
    align-items: center;
    width: 100%;
    height: 32px;
    min-height: 36px;
    padding: 0 14px;
    overflow: hidden;
    font-size: .8125rem;
    white-space: nowrap;
    color: #5d5e5e;
    cursor: pointer;
    text-overflow: ellipsis;
    -webkit-user-select: none;
    user-select: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    outline: none;
    border: none
}

.v-dropdown-option:hover,
.v-dropdown-option:focus {
    background-color: #f8f8fb
}

.v-dropdown-option_active {
    color: #fff;
    background-color: var(--color-scheme-active)!important
}

.v-dropdown-option_hr {
    border-bottom: 1px solid #F0F0F0
}

.v-dropdown-option_disabled {
    pointer-events: none;
    color: #d3d3d3;
    cursor: default
}

.dark .v-dropdown-option {
    color: #8d8d8d
}

.dark .v-dropdown-option:hover,
.dark .v-dropdown-option:focus {
    color: #ddd;
    background-color: #383a3f
}

.dark .v-dropdown-option_active {
    color: #ddd
}

.dark .v-dropdown-option_hr {
    border-bottom: 1px solid #1E1F22
}

.dark .v-dropdown-option_disabled {
    color: #8d8d8d
}

.v-dropdown-option__icon {
    flex: none
}

.v-dropdown-option__color {
    flex: none;
    width: 16px;
    height: 16px;
    margin: 0 11px 0 1px;
    border-radius: 50%
}

.v-dropdown-option__name {
    margin-left: 8px;
    overflow: hidden;
    text-overflow: ellipsis
}

.v-dropdown-option__avatar_hidden {
    display: none!important
}

.v-dropdown-option__img {
    flex: none;
    display: block;
    width: 20px;
    height: 20px;
    margin-right: 8px;
    overflow: hidden;
    background: #e8e8f2;
    border-radius: 50%;
    border: 1px solid #D3D3D3
}

.dark .v-dropdown-option__img {
    background: #2f3136
}

.v-dropdown-option__img img {
    display: block;
    width: 100%
}

.v-dropdown-option_active .v-dropdown-option__img {
    border-color: var(--color-scheme-active)!important
}

.dark .v-dropdown-option__img .v-dropdown-option:hover,
.dark .v-dropdown-option__img .v-dropdown-option:focus {
    border: 1px solid #242629
}

.v-dropdown-option_red {
    color: #ff4d4f
}

.v-dropdown-option_red:hover,
.v-dropdown-option_red:focus {
    color: #fff;
    background-color: #ff4d4f
}

.dark .v-dropdown-option_red {
    color: #ff4d4f
}

.dark .v-dropdown-option_red:hover,
.dark .v-dropdown-option_red:focus {
    color: #ddd;
    background-color: #ff4d4f
}

.v-dropdown {
    min-width: 185px;
    padding: 7px 0;
    background-color: #fff;
    max-height: 160px;
    max-width: 300px;
    border-radius: 4px;
    box-shadow: 0 3px 8px #9e9e9e8c;
    overflow-y: auto
}

.dark .v-dropdown {
    background: #2f3136;
    box-shadow: 0 6px 13px #1919197a
}

.v-dropdown__hr {
    width: 100%;
    height: 1px;
    margin: 5px 0;
    background-color: #f0f0f0
}

.dark .v-dropdown__hr {
    background-color: #2a2a2a
}

.v-select {
    position: relative;
    border: 1px solid #DDD;
    border-radius: 4px;
    font-size: 12px;
    -webkit-user-select: none;
    user-select: none
}

.v-select.onlyDropdown {
    border: none
}

.v-select.onlyDropdown .v-select__dropdown {
    position: relative
}

.v-select.disable {
    pointer-events: none
}

.dark .v-select {
    border: 1px solid #242629;
    background-color: #2f3136
}

:deep(.v-select__clear) {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 30px;
    height: 100%;
    cursor: pointer
}

:deep(.v-select__clear):hover svg {
    opacity: 1!important
}

:deep(.v-select__clear) svg {
    opacity: 0
}

.v-select__selected:hover:deep(.v-select__clear) {
    background-color: #fffc
}

.v-select__selected:hover:deep(.v-select__clear) svg {
    opacity: .5
}

.v-select__selected:hover .dark:deep(.v-select__clear) {
    background-color: #383a3fcc
}

.v-select__selected,
.v-select__placeholder {
    display: flex;
    align-items: center;
    height: 40px;
    padding: 0 10px;
    cursor: pointer
}

.v-select__placeholder {
    font-weight: 300;
    color: #c1c1c1
}

.dark .v-select__placeholder {
    color: #a6a7b3
}

.v-select__icon {
    flex: none;
    margin-right: 5px
}

.v-select__selected {
    position: relative
}

.v-select__color {
    flex: none;
    width: 16px;
    height: 16px;
    margin: 0 11px 0 1px;
    border-radius: 50%
}

.v-select__img {
    flex: none;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 20px;
    height: 20px;
    margin: 0 10px 0 -1px;
    overflow: hidden;
    border: 1px solid #DDD;
    border-radius: 50%
}

.v-select__img img {
    display: block;
    height: 100%
}

.dark .v-select__img {
    border: 1px solid #242629
}

.v-select__avatar_hidden {
    display: none!important
}

.v-select__search {
    position: relative;
    width: 100%;
    border-bottom: 1px solid #F6F6F6
}

.v-select__search input[type=text] {
    display: block;
    width: 100%;
    height: 38px;
    padding: 0 11px 0 38px;
    font-size: .75rem;
    font-weight: 300;
    background-color: transparent;
    border: none!important;
    outline: none;
    box-shadow: none!important
}

.v-select__search_focused input {
    background-color: #fff
}

.dark .v-select__search {
    border-bottom: 1px solid #242629
}

.dark .v-select__search_focused input {
    background-color: #383a3f
}

.v-select__icon-search {
    position: absolute;
    top: 3px;
    left: 5px;
    pointer-events: none
}

.v-select__dropdown {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 5;
    width: 100%;
    min-width: 180px;
    margin-top: 5px;
    background-color: #fff;
    border-radius: 4px;
    box-shadow: 0 4px 13px #3030301a
}

.dark .v-select__dropdown {
    background-color: #2f3136;
    box-shadow: 0 6px 13px #1919197a
}

.v-select__dropdown .v-select__v-dropdown {
    width: 100%!important;
    box-shadow: none
}

.v-select__name {
    margin-left: 10px
}

.dark .v-select__name {
    color: #ddd
}

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

.task-view-tag-color[data-v-4867e8ae] {
    width: 194px;
    padding: 15px 16px 16px;
    background-color: #fff;
    cursor: default;
    border-radius: 4px;
    box-shadow: 0 4px 13px #3030301a, 0 4px 13px #3030301a
}

.dark .task-view-tag-color[data-v-4867e8ae] {
    background-color: #2f3136
}

.task-view-tag-color__title[data-v-4867e8ae] {
    margin-bottom: 10px;
    font-size: 12px;
    font-weight: 500;
    line-height: 14px;
    color: #1e1e1e
}

.dark .task-view-tag-color__title[data-v-4867e8ae] {
    color: #ddd
}

.task-view-tag-color__colors[data-v-4867e8ae] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 13px
}

.task-view-tag-color__color[data-v-4867e8ae] {
    width: 26px;
    height: 26px;
    cursor: pointer;
    border: 2px solid transparent;
    border-radius: 4px
}

.task-view-tag-color__color_selected[data-v-4867e8ae] {
    border-color: var(--color-scheme-active)
}

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

.task-view-tag[data-v-963a851e] {
    display: flex;
    align-items: center;
    height: 20px;
    border-radius: 4px
}

.task-view-tag__text[data-v-963a851e] {
    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-963a851e] {
    position: relative;
    cursor: pointer
}

.task-view-tag:not(.readonly).task-view-tag_menu-is-opened .task-view-tag__menu[data-v-963a851e],
.task-view-tag:not(.readonly):hover .task-view-tag__menu[data-v-963a851e] {
    margin-right: 4px
}

.task-view-tag__icon-menu[data-v-963a851e] {
    display: none
}

.task-view-tag__icon-menu[data-v-963a851e] path {
    fill: inherit
}

.task-view-tag__icon-menu[data-v-963a851e] 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-963a851e],
.task-view-tag:not(.readonly):hover .task-view-tag__icon-menu[data-v-963a851e] {
    display: flex
}

.task-view-tag__menu-select[data-v-963a851e] {
    position: absolute;
    top: calc(100%+ 1px)
}

.task-view-tag__menu-color[data-v-963a851e] {
    position: absolute;
    top: calc(100%+ 80px);
    left: -4px;
    z-index: 9
}

.task-view-tag__delete[data-v-963a851e] {
    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-963a851e],
.task-view-tag:not(.readonly):hover .task-view-tag__delete[data-v-963a851e] {
    display: flex
}

.task-view-tag__icon-delete[data-v-963a851e] path:first-of-type {
    fill: #ffffff63
}

.task-view-tag__icon-delete[data-v-963a851e] path:last-of-type {
    fill: #fff
}

.task-view-tag__input[data-v-963a851e] {
    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-3a86d9ac]:root {
    --color-scheme-active: #6C78F4
}

.tags[data-v-3a86d9ac] {
    z-index: 10;
    width: 220px
}

.tags__input-tags[data-v-3a86d9ac] {
    min-height: 34px;
    max-height: 120px;
    border-radius: 6px 6px 0 0
}

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

.dependencies[data-v-d635e73b] {
    z-index: 10;
    width: 300px
}

.dependencies__input-tags[data-v-d635e73b] {
    flex: none;
    min-height: 34px;
    max-height: 120px;
    border-radius: 6px 6px 0 0;
    overflow-y: auto
}

.dependencies__item[data-v-d635e73b] {
    display: flex;
    gap: 8px;
    align-items: center
}

.dependencies__icon.blocking[data-v-d635e73b] path {
    fill: #ff8a8a
}

.dependencies__icon.awaiting[data-v-d635e73b] path {
    fill: #ffce70
}

.dependencies__icon.binding[data-v-d635e73b] path {
    fill: #6c78f4
}

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

.watchers[data-v-ec08a055] {
    z-index: 10;
    width: 250px
}

.watchers__input-tags[data-v-ec08a055] {
    min-height: 34px;
    max-height: 120px;
    border-radius: 6px 6px 0 0
}

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

.roles[data-v-219350cd] {
    z-index: 10;
    width: 200px
}

.roles__input-tags[data-v-219350cd] {
    min-height: 34px;
    max-height: 120px;
    border-radius: 6px 6px 0 0
}

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

.state[data-v-f3452de2] {
    z-index: 20;
    width: 200px
}

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

.boolean[data-v-e8a7df68] {
    z-index: 10;
    width: 220px;
    max-height: 300px;
    overflow-y: auto
}

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

.custom-field[data-v-f1c5cb15] {
    display: grid;
    grid-template-columns: 160px 1fr;
    grid-column-gap: 12px;
    align-items: center;
    height: max-content;
    min-height: 32px
}

.custom-field__wrapper[data-v-f1c5cb15] {
    position: relative;
    display: flex;
    align-self: center;
    height: 100%
}

.custom-field__button[data-v-f1c5cb15] {
    font-weight: 400;
    font-size: 13px;
    line-height: 120%;
    display: flex;
    gap: 8px;
    align-items: center;
    height: 100%;
    padding-left: 4px;
    overflow: hidden;
    color: #9499ad;
    transition: background-color .2s ease;
    cursor: pointer;
    align-self: flex-start;
    border-radius: 6px;
    border: none;
    outline: none;
    text-overflow: ellipsis
}

.custom-field__button.hovered[data-v-f1c5cb15]:not(.custom-field_disabled .custom-field__button),
.custom-field.opened .custom-field__button[data-v-f1c5cb15] {
    background-color: #ededf5
}

.sortable-chosen .custom-field__button[data-v-f1c5cb15],
.sortable-drag .custom-field__button[data-v-f1c5cb15] {
    background-color: transparent!important
}

.custom-field_disabled .custom-field__button[data-v-f1c5cb15] {
    pointer-events: none
}

.dark .custom-field__button[data-v-f1c5cb15] {
    color: #9499ad
}

.dark .custom-field__button.hovered[data-v-f1c5cb15]:not(.custom-field_disabled .dark .custom-field__button),
.custom-field.opened .dark .custom-field__button[data-v-f1c5cb15] {
    background-color: #2f3136
}

.custom-field__text[data-v-f1c5cb15] {
    width: 110px;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: start;
    white-space: nowrap
}

.custom-field__icon[data-v-f1c5cb15] path {
    fill: #9499ad
}

.custom-field__settings[data-v-f1c5cb15] {
    position: absolute;
    top: 36px;
    left: -4px;
    z-index: 10
}

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

.text__textarea[data-v-70f0764e] {
    padding: 0 4px;
    overflow: hidden;
    color: #525c7a;
    background: transparent;
    transition: none;
    border: none;
    outline: none;
    font-weight: 500;
    font-size: 13px;
    line-height: 16px
}

.text__textarea[data-v-70f0764e]::placeholder {
    color: #c1c5d7;
    font-weight: 400;
    font-size: 13px;
    line-height: 16px
}

.dark .text__textarea[data-v-70f0764e] {
    color: #ddd
}

.dark .text__textarea[data-v-70f0764e]::placeholder {
    color: #ddd
}

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

.context-menu[data-v-710969f7] {
    display: flex;
    flex-direction: column;
    border-radius: 8px;
    border: 1px solid #f0f0f0;
    background-color: #fff;
    box-shadow: 0 4px 13px #3030301a
}

.dark .context-menu[data-v-710969f7] {
    background-color: #242629;
    border-color: #191a1c
}

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

.title[data-v-a560b9e0] {
    padding: 9px 12px;
    font-weight: 500;
    font-size: 12px;
    line-height: 12px;
    color: #acb1c2
}

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

input[data-v-05d4b292]::-webkit-outer-spin-button,
input[data-v-05d4b292]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0
}

.v-input[data-v-05d4b292] {
    position: relative;
    display: grid;
    grid-auto-rows: max-content;
    grid-row-gap: 8px
}

.v-input.disabled[data-v-05d4b292] {
    pointer-events: none
}

.v-input__label[data-v-05d4b292] {
    font-weight: 500;
    font-size: 14px;
    line-height: 125%;
    color: #202430
}

.dark .v-input__label[data-v-05d4b292] {
    color: #ddd
}

.v-input__item[data-v-05d4b292] {
    font-weight: 400;
    font-size: 14px;
    line-height: 110%;
    width: 100%;
    height: 40px;
    padding: 0 12px;
    color: #1e1e1e;
    background-color: #fff;
    border: 1px solid #EDEDF5;
    border-radius: 8px;
    outline: none;
    transition: all .2s ease-in-out
}

.dark .v-input__item[data-v-05d4b292] {
    color: #a6a7b3;
    background-color: #2f3136;
    border-color: #2b2c30
}

.has-avatar .v-input__item[data-v-05d4b292],
.has-icon .v-input__item[data-v-05d4b292] {
    padding-left: 38.5px
}

.v-input.has-image .v-input__item[data-v-05d4b292] {
    padding-left: 38px
}

.has-icon-right .v-input__item[data-v-05d4b292] {
    padding-right: 40px
}

.v-input__item[data-v-05d4b292]:focus {
    border-color: #c0bebe
}

.dark .v-input__item[data-v-05d4b292]:focus {
    border-color: #2b2c30
}

.datepicker .v-input__item[data-v-05d4b292]:focus {
    border-color: #ededf5
}

.dark .datepicker .v-input__item[data-v-05d4b292]:focus {
    border-color: #2b2c30
}

.grey .v-input__item[data-v-05d4b292],
.white .v-input__item[data-v-05d4b292] {
    background: #f8f8fb;
    border-color: transparent
}

.grey .v-input__item.placeholder[data-v-05d4b292],
.white .v-input__item.placeholder[data-v-05d4b292] {
    color: #9499ad
}

.grey .v-input__item[data-v-05d4b292]:-moz-placeholder,
.white .v-input__item[data-v-05d4b292]:-moz-placeholder {
    color: #9499ad
}

.grey .v-input__item[data-v-05d4b292]::-moz-placeholder,
.white .v-input__item[data-v-05d4b292]::-moz-placeholder {
    color: #9499ad
}

.grey .v-input__item[data-v-05d4b292]:-ms-input-placeholder,
.white .v-input__item[data-v-05d4b292]:-ms-input-placeholder {
    color: #9499ad
}

.grey .v-input__item[data-v-05d4b292]::-webkit-input-placeholder,
.white .v-input__item[data-v-05d4b292]::-webkit-input-placeholder {
    color: #9499ad
}

.dark .grey .v-input__item[data-v-05d4b292],
.dark .white .v-input__item[data-v-05d4b292] {
    color: #ddd;
    background-color: #2f3136
}

.dark .grey .v-input__item.placeholder[data-v-05d4b292],
.dark .white .v-input__item.placeholder[data-v-05d4b292] {
    color: #8d8d8d
}

.dark .grey .v-input__item[data-v-05d4b292]:-moz-placeholder,
.dark .white .v-input__item[data-v-05d4b292]:-moz-placeholder {
    color: #8d8d8d
}

.dark .grey .v-input__item[data-v-05d4b292]::-moz-placeholder,
.dark .white .v-input__item[data-v-05d4b292]::-moz-placeholder {
    color: #8d8d8d
}

.dark .grey .v-input__item[data-v-05d4b292]:-ms-input-placeholder,
.dark .white .v-input__item[data-v-05d4b292]:-ms-input-placeholder {
    color: #8d8d8d
}

.dark .grey .v-input__item[data-v-05d4b292]::-webkit-input-placeholder,
.dark .white .v-input__item[data-v-05d4b292]::-webkit-input-placeholder {
    color: #8d8d8d
}

.grey .v-input__item[data-v-05d4b292]:hover,
.grey .v-input__item[data-v-05d4b292]:focus,
.white .v-input__item[data-v-05d4b292]:hover,
.white .v-input__item[data-v-05d4b292]:focus {
    background-color: #ededf5
}

.dark .grey .v-input__item[data-v-05d4b292]:hover,
.dark .grey .v-input__item[data-v-05d4b292]:focus,
.dark .white .v-input__item[data-v-05d4b292]:hover,
.dark .white .v-input__item[data-v-05d4b292]:focus {
    background-color: #242629
}

.grey.disabled .v-input__item[data-v-05d4b292],
.white.disabled .v-input__item[data-v-05d4b292],
.grey.disabled .v-input__item.placeholder[data-v-05d4b292],
.white.disabled .v-input__item.placeholder[data-v-05d4b292] {
    color: #cacad2
}

.grey.disabled .v-input__item[data-v-05d4b292]:-moz-placeholder,
.white.disabled .v-input__item[data-v-05d4b292]:-moz-placeholder {
    color: #cacad2
}

.grey.disabled .v-input__item[data-v-05d4b292]::-moz-placeholder,
.white.disabled .v-input__item[data-v-05d4b292]::-moz-placeholder {
    color: #cacad2
}

.grey.disabled .v-input__item[data-v-05d4b292]:-ms-input-placeholder,
.white.disabled .v-input__item[data-v-05d4b292]:-ms-input-placeholder {
    color: #cacad2
}

.grey.disabled .v-input__item[data-v-05d4b292]::-webkit-input-placeholder,
.white.disabled .v-input__item[data-v-05d4b292]::-webkit-input-placeholder {
    color: #cacad2
}

.dark .grey.disabled .v-input__item[data-v-05d4b292],
.dark .white.disabled .v-input__item[data-v-05d4b292] {
    color: #8d8d8d
}

.white .v-input__item[data-v-05d4b292] {
    background: #fff
}

.dark .white .v-input__item[data-v-05d4b292] {
    background-color: #383a3f
}

.error .v-input__item[data-v-05d4b292] {
    border-color: #f01414;
    background-color: #ededf5
}

.dark .error .v-input__item[data-v-05d4b292] {
    background-color: #242629
}

.v-input__wrap[data-v-05d4b292] {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 4px
}

.v-input__image[data-v-05d4b292] {
    position: absolute;
    bottom: 50%;
    left: 10px;
    width: 18px;
    min-width: 18px;
    height: 18px;
    min-height: 18px;
    overflow: hidden;
    border: 1px solid #F8F8FB;
    border-radius: 50%;
    transform: translateY(50%)
}

.v-input__image img[data-v-05d4b292] {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.v-input__icon[data-v-05d4b292] {
    position: absolute;
    bottom: 50%;
    left: 6px;
    pointer-events: none;
    width: 24px;
    height: 24px;
    transform: translateY(50%)
}

.v-input__avatar[data-v-05d4b292] {
    position: absolute;
    bottom: 50%;
    left: 6px;
    pointer-events: none;
    transform: translateY(50%)
}

.v-input__icon-lock[data-v-05d4b292] {
    position: absolute;
    right: 10px;
    bottom: 50%;
    transform: translateY(50%);
    pointer-events: none
}

.v-input__error[data-v-05d4b292] {
    position: absolute;
    top: 100%;
    left: 0;
    margin-top: 4px;
    font-weight: 400;
    font-size: 10px;
    line-height: 12px;
    color: #f01414
}

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

.input-name[data-v-3f228d6c] {
    margin: 4px 12px
}

.input-name[data-v-3f228d6c] .v-input__item {
    height: 32px
}

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

.description[data-v-f5147565] {
    margin: 4px 12px;
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    color: #60636c
}

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

.line[data-v-ff925c03] {
    display: flex;
    width: 100%;
    height: 1px;
    margin: 8px 0;
    background-color: #f4f4f8
}

.dark .line[data-v-ff925c03] {
    background-color: #202225
}

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

.option[data-v-ab64b1ac] {
    position: relative;
    display: grid;
    grid-template-columns: 1fr;
    grid-column-gap: 8px;
    align-items: center;
    width: calc(100% - 8px);
    height: 32px;
    margin: 0 4px;
    padding: 0 8px;
    color: #525c7a;
    transition: background-color .2s ease;
    text-align: start;
    border-radius: 4px;
    font-weight: 500;
    font-size: 14px;
    line-height: 14px
}

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

.option.with-icon[data-v-ab64b1ac] {
    grid-template-columns: max-content 1fr
}

.option.with-arrow[data-v-ab64b1ac] {
    padding-right: 32px
}

.dark .option[data-v-ab64b1ac] {
    color: #ddd
}

.dark .option[data-v-ab64b1ac]:hover,
.dark .option.active[data-v-ab64b1ac] {
    background-color: #2f3136
}

.option_red .option__icon[data-v-ab64b1ac] path {
    fill: #ff8a8a
}

.option__arrow[data-v-ab64b1ac] {
    position: absolute;
    top: 8px;
    right: 8px;
    display: none
}

.with-arrow .option__arrow[data-v-ab64b1ac] {
    display: block
}

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

.projects[data-v-27b61c39] {
    position: relative;
    margin: 0 16px
}

.projects__value[data-v-27b61c39] {
    display: grid;
    grid-template-columns: max-content 1fr max-content;
    grid-column-gap: 8px;
    align-items: center;
    width: 100%;
    height: 40px;
    padding: 0 12px;
    background-color: #f8f8fb;
    cursor: pointer;
    border-radius: 8px
}

.dark .projects__value[data-v-27b61c39] {
    background-color: #2f3136
}

.projects__avatar[data-v-27b61c39] {
    border-radius: 4px
}

.projects__name[data-v-27b61c39] {
    text-align: start;
    overflow: ellipsis;
    color: #202430;
    text-overflow: ellipsis;
    font-weight: 400;
    font-size: 14px;
    line-height: 17.5px
}

.dark .projects__name[data-v-27b61c39] {
    color: #ddd
}

.projects__dropdown[data-v-27b61c39] {
    position: absolute;
    top: calc(100%+ 4px);
    z-index: 10;
    width: 100%;
    max-height: 260px;
    overflow-y: auto
}

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

.boards[data-v-bcb0d32e] {
    position: relative;
    margin: 8px 16px 0
}

.boards__value[data-v-bcb0d32e] {
    display: grid;
    grid-template-columns: 1fr max-content;
    grid-column-gap: 8px;
    align-items: center;
    width: 100%;
    height: 40px;
    padding: 0 12px;
    background-color: #f8f8fb;
    cursor: pointer;
    border-radius: 8px
}

.dark .boards__value[data-v-bcb0d32e] {
    background-color: #2f3136
}

.boards__name[data-v-bcb0d32e] {
    text-align: start;
    overflow: ellipsis;
    color: #202430;
    text-overflow: ellipsis;
    font-weight: 400;
    font-size: 14px;
    line-height: 17.5px
}

.dark .boards__name[data-v-bcb0d32e] {
    color: #ddd
}

.boards__dropdown[data-v-bcb0d32e] {
    position: absolute;
    top: calc(100%+ 4px);
    z-index: 10;
    width: 100%;
    max-height: 260px;
    overflow-y: auto
}

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

.settings[data-v-714c8392] {
    width: 360px;
    padding-bottom: 16px
}

.settings__head[data-v-714c8392] {
    margin-bottom: 8px
}

.settings__label[data-v-714c8392] {
    display: flex;
    align-items: center;
    margin: 0 16px 8px;
    color: #202430;
    font-weight: 500;
    font-size: 14px;
    line-height: 17.5px
}

.dark .settings__label[data-v-714c8392] {
    color: #ddd
}

.settings__input-wrapper[data-v-714c8392] {
    position: relative;
    width: 100%;
    margin: 0 16px 20px
}

.settings__input-icon[data-v-714c8392] {
    position: absolute;
    top: 10px;
    left: 12px
}

.settings__input[data-v-714c8392] {
    width: calc(100% - 32px);
    height: 40px;
    padding: 0 12px 0 40px;
    background-color: #f8f8fb;
    border-radius: 8px;
    border: none;
    outline: none;
    font-weight: 400;
    font-size: 14px;
    line-height: 17.5px
}

.dark .settings__input[data-v-714c8392] {
    color: #ddd;
    background-color: #2f3136
}

.settings__label-icon[data-v-714c8392] {
    margin-left: 4px
}

.settings__controls[data-v-714c8392] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: 8px;
    margin: 24px 16px 0
}

.settings__button[data-v-714c8392] {
    height: 40px
}

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

.settings[data-v-a5989ade] {
    width: 260px;
    padding: 4px 0
}

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

.field[data-v-86516738] {
    display: grid;
    grid-template-columns: 160px 1fr;
    grid-column-gap: 12px;
    align-items: center;
    min-height: 32px
}

.field__wrapper[data-v-86516738] {
    position: relative
}

.field.disabled .field__wrapper[data-v-86516738] {
    pointer-events: none
}

.field__button[data-v-86516738] {
    display: grid;
    grid-template-columns: repeat(2, max-content);
    grid-column-gap: 8px;
    align-items: center;
    height: 32px;
    padding: 0 4px;
    transition: background-color .2s ease;
    cursor: pointer;
    border-radius: 6px
}

.field__button.hovered[data-v-86516738],
.field.opened .field__button[data-v-86516738] {
    background-color: #ededf5
}

.sortable-chosen .field__button[data-v-86516738],
.sortable-drag .field__button[data-v-86516738] {
    background-color: transparent!important
}

.dark .field__button[data-v-86516738] {
    color: #9499ad
}

.dark .field__button.hovered[data-v-86516738],
.field.opened .dark .field__button[data-v-86516738] {
    background-color: #2f3136
}

.field__name[data-v-86516738] {
    font-weight: 400;
    font-size: 13px;
    line-height: 16px;
    color: #9499ad
}

.field__dropdown[data-v-86516738] {
    position: absolute;
    top: 36px;
    left: -4px;
    z-index: 10
}

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

.locations[data-v-712989f5] {
    align-items: start;
    width: max-content
}

.locations__content[data-v-712989f5] {
    display: grid;
    grid-auto-flow: row;
    grid-auto-columns: max-content
}

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

.adding[data-v-1a216091] {
    position: relative;
    display: flex;
    align-items: center;
    height: 32px
}

.adding__button[data-v-1a216091] {
    width: max-content;
    height: 100%;
    color: #c1c5d7;
    font-weight: 500;
    font-size: 13px;
    line-height: 16px
}

.dark .adding__button[data-v-1a216091] {
    color: #ddd
}

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

.select[data-v-31832ee4] {
    position: absolute;
    top: calc(100%+ 4px);
    z-index: 10;
    width: 240px;
    max-height: 300px
}

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

.user-avatar[data-v-e347e4fd] {
    display: flex
}

.user-avatar.disabled[data-v-e347e4fd] {
    pointer-events: none
}

.user-avatar__image[data-v-e347e4fd] {
    width: 100%;
    height: 100%
}

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

.controls[data-v-f9dad753] {
    display: flex;
    flex-direction: column;
    border-top: 1px solid #f4f4f8;
    padding: 4px 0
}

.dark .controls[data-v-f9dad753] {
    border-color: #2a2a2a
}

.controls__item[data-v-f9dad753] {
    display: flex;
    align-items: center;
    height: 32px;
    padding: 0 10px;
    color: #60636c;
    transition: background-color .1s ease;
    cursor: pointer;
    column-gap: 8px;
    font-weight: 500;
    font-size: 14px;
    line-height: 100%
}

.controls__item[data-v-f9dad753]:hover {
    background-color: #f8f8fb
}

.dark .controls__item[data-v-f9dad753] {
    color: #8d8d8d
}

.dark .controls__item[data-v-f9dad753]:hover {
    color: #ddd;
    background-color: #383a3f
}

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

.card[data-v-6b4b0149] {
    position: relative;
    z-index: 10000;
    width: 200px;
    overflow: hidden;
    background-color: #fff;
    cursor: default;
    border-radius: 8px;
    border: 1px solid #f0f0f0;
    box-shadow: 0 4px 13px #3030301a
}

.dark .card[data-v-6b4b0149] {
    background-color: #2f3136;
    border-color: #2a2a2a
}

.card__avatar[data-v-6b4b0149] {
    height: 140px
}

.card__top[data-v-6b4b0149] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 10px
}

.card__name[data-v-6b4b0149] {
    font-weight: 500;
    font-size: 18px;
    line-height: 120%;
    overflow: hidden;
    white-space: nowrap;
    color: #242629;
    text-overflow: ellipsis
}

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

.card__email[data-v-6b4b0149] {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}

.card__contacts[data-v-6b4b0149] {
    font-weight: 400;
    font-size: 12px;
    line-height: 120%;
    display: flex;
    flex-direction: column;
    gap: 6px;
    color: #93969f
}

.dark .card__contacts[data-v-6b4b0149] {
    color: #8d8d8d
}

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

.card-wrapper[data-v-c0511605] {
    position: relative;
    display: flex;
    align-items: center
}

.card-wrapper__button[data-v-c0511605] {
    position: relative;
    display: flex;
    gap: 8px;
    align-items: center;
    overflow: hidden;
    cursor: pointer
}

.card-wrapper__card[data-v-c0511605] {
    position: fixed;
    z-index: 10000;
    padding-top: 10px;
    padding-bottom: 10px
}

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

.users[data-v-4d515ee4] {
    display: flex;
    align-items: center
}

.users__users[data-v-4d515ee4] {
    display: flex;
    align-items: center;
    overflow: hidden
}

.users__user-wrap[data-v-4d515ee4] {
    max-width: 200px;
    overflow: hidden
}

.users__user-wrap[data-v-4d515ee4]:not(:first-child) {
    margin-left: -5px
}

.users__user[data-v-4d515ee4] {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%
}

.users__user[data-v-4d515ee4] .avatars-image__content {
    border: 1px solid #fff
}

.dark .users__user[data-v-4d515ee4] .avatars-image__content {
    border-color: #2f3136
}

.users__user-name[data-v-4d515ee4] {
    font-weight: 400;
    font-size: 13px;
    line-height: 120%;
    overflow: hidden;
    white-space: nowrap;
    color: #202430;
    text-overflow: ellipsis
}

.dark .users__user-name[data-v-4d515ee4] {
    color: #ddd
}

.users__others[data-v-4d515ee4] {
    font-weight: 500;
    font-size: 8px;
    line-height: 120%;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    min-width: 20px;
    height: 20px;
    margin-left: -5px;
    padding: 5px 4px 5px 5px;
    color: #acb1c2;
    background: #f8f8fb;
    border: 1px solid #fff;
    border-radius: 50%
}

.dark .users__others[data-v-4d515ee4] {
    border-color: #2f3136;
    background-color: #2f3136
}

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

.dropdown[data-v-98b5e99d] {
    position: fixed;
    z-index: 10;
    width: 240px;
    max-height: 300px
}

.dropdown__input-tags[data-v-98b5e99d] {
    min-height: 34px;
    max-height: 120px
}

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

.assignees[data-v-7bc43177] {
    width: max-content
}

.assignees__item[data-v-7bc43177] {
    font-weight: 500;
    font-size: 13px;
    line-height: 13px;
    display: flex;
    align-items: center;
    color: #525c7a
}

.dark .assignees__item[data-v-7bc43177] {
    color: #ddd
}

.vc-base-icon {
    display: inline-block;
    stroke: currentColor;
    stroke-width: 2;
    fill: none
}

.vc-header {
    display: grid;
    grid-gap: 4px;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    height: 30px;
    margin-top: 10px;
    padding-left: 10px;
    padding-right: 10px
}

.vc-header.is-lg {
    font-size: var(--vc-text-lg)
}

.vc-header.is-xl {
    font-size: var(--vc-text-xl)
}

.vc-header.is-2xl {
    font-size: var(--vc-text-2xl)
}

.vc-header .vc-title,
.vc-header .vc-prev,
.vc-header .vc-next {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    grid-row: 1;
    border: 0;
    border-radius: var(--vc-rounded);
    pointer-events: auto;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer
}

.vc-header .vc-title {
    grid-column: title;
    color: var(--vc-header-title-color);
    font-weight: var(--vc-font-semibold);
    white-space: nowrap;
    padding: 0 8px;
    margin: 0;
    line-height: 30px
}

.vc-header .vc-title:hover {
    opacity: .75
}

.vc-header .vc-arrow {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    color: var(--vc-header-arrow-color);
    width: 28px;
    height: 30px;
    margin: 0;
    padding: 0
}

.vc-header .vc-arrow:hover {
    background: var(--vc-header-arrow-hover-bg)
}

.vc-header .vc-arrow:disabled {
    opacity: .25;
    pointer-events: none
}

.vc-header .vc-prev {
    grid-column: prev
}

.vc-header .vc-next {
    grid-column: next
}

.vc-day {
    position: relative;
    min-height: 32px;
    z-index: 1
}

.vc-monthly .is-not-in-month * {
    opacity: 0;
    pointer-events: none
}

.vc-day-layer {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    pointer-events: none
}

.vc-day-box-center-center {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%
}

.vc-day-box-left-center {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transform-origin: 0% 50%;
    transform-origin: 0% 50%
}

.vc-day-box-right-center {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transform-origin: 100% 50%;
    transform-origin: 100% 50%
}

.vc-day-box-center-bottom {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end
}

.vc-day-content {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: var(--vc-text-sm);
    font-weight: var(--vc-font-medium);
    width: 28px;
    height: 28px;
    line-height: 28px;
    border-radius: var(--vc-rounded-full);
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer
}

.vc-day-content:hover {
    background-color: var(--vc-day-content-hover-bg)
}

.vc-day-content.vc-disabled {
    color: var(--vc-day-content-disabled-color)
}

.vc-content:not(.vc-base) {
    font-weight: var(--vc-font-bold);
    color: var(--vc-content-color)
}

.vc-highlights {
    overflow: hidden;
    pointer-events: none;
    z-index: -1
}

.vc-highlight {
    width: 28px;
    height: 28px
}

.vc-highlight.vc-highlight-base-start {
    width: 50%!important;
    border-radius: 0!important;
    border-right-width: 0!important
}

.vc-highlight.vc-highlight-base-end {
    width: 50%!important;
    border-radius: 0!important;
    border-left-width: 0!important
}

.vc-highlight.vc-highlight-base-middle {
    width: 100%;
    border-radius: 0!important;
    border-left-width: 0!important;
    border-right-width: 0!important;
    margin: 0 -1px
}

.vc-highlight-bg-outline,
.vc-highlight-bg-none {
    background-color: var(--vc-highlight-outline-bg);
    border: 2px solid;
    border-color: var(--vc-highlight-outline-border);
    border-radius: var(--vc-rounded-full)
}

.vc-highlight-bg-light {
    background-color: var(--vc-highlight-light-bg);
    border-radius: var(--vc-rounded-full)
}

.vc-highlight-bg-solid {
    background-color: var(--vc-highlight-solid-bg);
    border-radius: var(--vc-rounded-full)
}

.vc-highlight-content-outline,
.vc-highlight-content-none {
    font-weight: var(--vc-font-bold);
    color: var(--vc-highlight-outline-content-color)
}

.vc-highlight-content-light {
    font-weight: var(--vc-font-bold);
    color: var(--vc-highlight-light-content-color)
}

.vc-highlight-content-solid {
    font-weight: var(--vc-font-bold);
    color: var(--vc-highlight-solid-content-color)
}

.vc-dots {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.vc-dot {
    width: 5px;
    height: 5px;
    border-radius: 9999px;
    transition: var(--vc-day-content-transition)
}

.vc-dot:not(:last-child) {
    margin-right: 3px
}

.vc-bars {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    width: 75%
}

.vc-bar {
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    height: 3px;
    transition: var(--vc-day-content-transition)
}

.vc-dot {
    background-color: var(--vc-dot-bg)
}

.vc-bar {
    background-color: var(--vc-bar-bg)
}

.vc-pane {
    min-width: 250px
}

.vc-weeknumber {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    position: absolute
}

.vc-weeknumber.is-left {
    left: calc(var(--vc-weeknumber-offset-inside) * -1)
}

.vc-weeknumber.is-right {
    right: calc(var(--vc-weeknumber-offset-inside) * -1)
}

.vc-weeknumber.is-left-outside {
    left: calc(var(--vc-weeknumber-offset-outside) * -1)
}

.vc-weeknumber.is-right-outside {
    right: calc(var(--vc-weeknumber-offset-outside) * -1)
}

.vc-weeknumber-content {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: var(--vc-text-xs);
    font-weight: var(--vc-font-medium);
    font-style: italic;
    width: 28px;
    height: 28px;
    margin-top: 2px;
    color: var(--vc-weeknumber-color);
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.vc-weeks {
    position: relative;
    -webkit-overflow-scrolling: touch;
    padding: 6px;
    min-width: 232px
}

.vc-weeks.vc-show-weeknumbers-left {
    margin-left: var(--vc-weeknumber-offset-inside)
}

.vc-weeks.vc-show-weeknumbers-right {
    margin-right: var(--vc-weeknumber-offset-inside)
}

.vc-weekday {
    text-align: center;
    color: var(--vc-weekday-color);
    font-size: var(--vc-text-sm);
    font-weight: var(--vc-font-bold);
    line-height: 14px;
    padding-top: 4px;
    padding-bottom: 8px;
    cursor: default;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.vc-week,
.vc-weekdays {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    position: relative
}

.vc-popover-content-wrapper {
    --popover-horizontal-content-offset: 8px;
    --popover-vertical-content-offset: 10px;
    --popover-caret-horizontal-offset: 18px;
    --popover-caret-vertical-offset: 8px;
    position: absolute;
    display: block;
    outline: none;
    z-index: 10
}

.vc-popover-content-wrapper:not(.is-interactive) {
    pointer-events: none
}

.vc-popover-content {
    position: relative;
    color: var(--vc-popover-content-color);
    font-weight: var(--vc-font-medium);
    background-color: var(--vc-popover-content-bg);
    border: 1px solid;
    border-color: var(--vc-popover-content-border);
    border-radius: var(--vc-rounded-lg);
    padding: 4px;
    outline: none;
    z-index: 10;
    box-shadow: var(--vc-shadow-lg)
}

.vc-popover-content.direction-bottom {
    margin-top: var(--popover-vertical-content-offset)
}

.vc-popover-content.direction-top {
    margin-bottom: var(--popover-vertical-content-offset)
}

.vc-popover-content.direction-left {
    margin-right: var(--popover-horizontal-content-offset)
}

.vc-popover-content.direction-right {
    margin-left: var(--popover-horizontal-content-offset)
}

.vc-popover-caret {
    content: "";
    position: absolute;
    display: block;
    width: 12px;
    height: 12px;
    border-top: inherit;
    border-left: inherit;
    background-color: inherit;
    z-index: -1
}

.vc-popover-caret.direction-bottom {
    top: 0
}

.vc-popover-caret.direction-bottom.align-left {
    -webkit-transform: translateY(-50%) rotate(45deg);
    transform: translateY(-50%) rotate(45deg)
}

.vc-popover-caret.direction-bottom.align-center {
    -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
    transform: translate(-50%) translateY(-50%) rotate(45deg)
}

.vc-popover-caret.direction-bottom.align-right {
    -webkit-transform: translateY(-50%) rotate(45deg);
    transform: translateY(-50%) rotate(45deg)
}

.vc-popover-caret.direction-top {
    top: 100%
}

.vc-popover-caret.direction-top.align-left {
    -webkit-transform: translateY(-50%) rotate(-135deg);
    transform: translateY(-50%) rotate(-135deg)
}

.vc-popover-caret.direction-top.align-center {
    -webkit-transform: translateX(-50%) translateY(-50%) rotate(-135deg);
    transform: translate(-50%) translateY(-50%) rotate(-135deg)
}

.vc-popover-caret.direction-top.align-right {
    -webkit-transform: translateY(-50%) rotate(-135deg);
    transform: translateY(-50%) rotate(-135deg)
}

.vc-popover-caret.direction-left {
    left: 100%
}

.vc-popover-caret.direction-left.align-top {
    -webkit-transform: translateX(-50%) rotate(135deg);
    transform: translate(-50%) rotate(135deg)
}

.vc-popover-caret.direction-left.align-middle {
    -webkit-transform: translateY(-50%) translateX(-50%) rotate(135deg);
    transform: translateY(-50%) translate(-50%) rotate(135deg)
}

.vc-popover-caret.direction-left.align-bottom {
    -webkit-transform: translateX(-50%) rotate(135deg);
    transform: translate(-50%) rotate(135deg)
}

.vc-popover-caret.direction-right {
    left: 0
}

.vc-popover-caret.direction-right.align-top {
    -webkit-transform: translateX(-50%) rotate(-45deg);
    transform: translate(-50%) rotate(-45deg)
}

.vc-popover-caret.direction-right.align-middle {
    -webkit-transform: translateY(-50%) translateX(-50%) rotate(-45deg);
    transform: translateY(-50%) translate(-50%) rotate(-45deg)
}

.vc-popover-caret.direction-right.align-bottom {
    -webkit-transform: translateX(-50%) rotate(-45deg);
    transform: translate(-50%) rotate(-45deg)
}

.vc-popover-caret.align-left {
    left: var(--popover-caret-horizontal-offset)
}

.vc-popover-caret.align-center {
    left: 50%
}

.vc-popover-caret.align-right {
    right: var(--popover-caret-horizontal-offset)
}

.vc-popover-caret.align-top {
    top: var(--popover-caret-vertical-offset)
}

.vc-popover-caret.align-middle {
    top: 50%
}

.vc-popover-caret.align-bottom {
    bottom: var(--popover-caret-vertical-offset)
}

.vc-nav-header {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.vc-nav-title,
.vc-nav-arrow,
.vc-nav-item {
    font-size: var(--vc-text-sm);
    margin: 0;
    cursor: pointer;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 0;
    border-radius: var(--vc-rounded);
    white-space: nowrap
}

.vc-nav-title:hover,
.vc-nav-arrow:hover,
.vc-nav-item:hover {
    background-color: var(--vc-nav-hover-bg)
}

.vc-nav-title:disabled,
.vc-nav-arrow:disabled,
.vc-nav-item:disabled {
    opacity: .25;
    pointer-events: none
}

.vc-nav-title {
    color: var(--vc-nav-title-color);
    font-weight: var(--vc-font-bold);
    line-height: var(--vc-leading-snug);
    height: 30px;
    padding: 0 6px
}

.vc-nav-arrow {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    color: var(--vc-header-arrow-color);
    width: 26px;
    height: 30px;
    padding: 0
}

.vc-nav-items {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-row-gap: 2px;
    grid-column-gap: 5px;
    margin-top: 2px
}

.vc-nav-item {
    width: 48px;
    text-align: center;
    font-weight: var(--vc-font-semibold);
    line-height: var(--vc-leading-snug);
    padding: 6px 0
}

.vc-nav-item.is-active {
    color: var(--vc-nav-item-active-color);
    background-color: var(--vc-nav-item-active-bg);
    font-weight: var(--vc-font-bold)
}

.vc-nav-item.is-active:not(:focus) {
    box-shadow: var(--vc-nav-item-active-box-shadow)
}

.vc-nav-item.is-current {
    color: var(--vc-nav-item-current-color)
}

.vc-day-popover-row {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    transition: var(--vc-day-content-transition)
}

.vc-day-popover-row-indicator {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    width: 15px
}

.vc-day-popover-row-indicator span {
    transition: var(--vc-day-content-transition)
}

.vc-day-popover-row-label {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-flex-wrap: none;
    -ms-flex-wrap: none;
    flex-wrap: none;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    width: -webkit-max-content;
    width: max-content;
    margin-left: 4px;
    margin-right: 4px;
    font-size: var(--vc-text-xs);
    line-height: var(--vc-leading-normal)
}

.vc-day-popover-row-highlight {
    width: 8px;
    height: 5px;
    border-radius: 3px
}

.vc-day-popover-row-bar {
    width: 10px;
    height: 3px
}

.vc-pane-container {
    width: 100%;
    position: relative
}

.vc-pane-container.in-transition {
    overflow: hidden
}

.vc-pane-layout {
    display: grid
}

.vc-pane-header-wrapper {
    position: absolute;
    top: 0;
    width: 100%;
    pointer-events: none
}

.vc-day-popover-container {
    font-size: var(--vc-text-xs);
    font-weight: var(--vc-font-medium)
}

.vc-day-popover-header {
    font-size: var(--vc-text-xs);
    color: var(--vc-day-popover-header-color);
    font-weight: var(--vc-font-semibold);
    text-align: center
}

.vc-base-select {
    position: relative
}

.vc-base-select select {
    color: var(--vc-select-color);
    display: block;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: transparent;
    font-size: var(--vc-text-base);
    font-weight: var(--vc-font-medium);
    border-radius: var(--vc-rounded);
    height: 30px;
    width: -webkit-max-content;
    width: max-content;
    padding: 0 4px;
    margin: 0;
    line-height: var(--leading-none);
    text-indent: 0px;
    background-image: none;
    cursor: pointer;
    text-align: center
}

.vc-base-select select:hover {
    background-color: var(--vc-select-hover-bg)
}

.vc-base-select select.vc-has-icon {
    padding: 0 24px 0 10px
}

.vc-base-select select.vc-small {
    font-size: var(--vc-text-sm)
}

.vc-base-select select.vc-small.vc-has-icon {
    padding: 0 20px 0 8 px
}

.vc-base-select select.vc-align-left {
    text-align: left
}

.vc-base-select select.vc-align-right {
    text-align: right
}

.vc-base-select .vc-base-icon {
    position: absolute;
    top: 6px;
    right: 4px;
    opacity: .6;
    pointer-events: none
}

.vc-time-picker {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 8px 4px
}

.vc-time-picker.vc-invalid {
    pointer-events: none;
    opacity: .5
}

.vc-time-picker.vc-attached {
    border-top: 1px solid var(--vc-time-picker-border)
}

.vc-time-picker>*+* {
    margin-top: 4px
}

.vc-time-header {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: var(--vc-text-sm);
    font-weight: var(--vc-font-semibold);
    text-transform: uppercase;
    margin-top: -4px;
    padding-left: 4px;
    padding-right: 4px;
    line-height: 21px
}

.vc-time-select-group {
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 4px;
    background: var(--vc-time-select-group-bg);
    border-radius: var(--vc-rounded-md);
    border: 1px solid var(--vc-time-select-group-border)
}

.vc-time-select-group .vc-base-icon {
    margin-right: 4px;
    color: var(--vc-time-select-group-icon-color)
}

.vc-time-weekday {
    color: var(--vc-time-weekday-color);
    letter-spacing: var(--tracking-wide)
}

.vc-time-month {
    color: var(--vc-time-month-color);
    margin-left: 8px
}

.vc-time-day {
    color: var(--vc-time-day-color);
    margin-left: 4px
}

.vc-time-year {
    color: var(--vc-time-year-color);
    margin-left: 8px
}

.vc-time-colon {
    margin: 0 1px 2px 2px
}

.vc-time-decimal {
    margin: 0 0 0 1px
}

.vc-none-enter-active,
.vc-none-leave-active {
    transition-duration: 0s
}

.vc-fade-enter-active,
.vc-fade-leave-active,
.vc-slide-left-enter-active,
.vc-slide-left-leave-active,
.vc-slide-right-enter-active,
.vc-slide-right-leave-active,
.vc-slide-up-enter-active,
.vc-slide-up-leave-active,
.vc-slide-down-enter-active,
.vc-slide-down-leave-active,
.vc-slide-fade-enter-active,
.vc-slide-fade-leave-active {
    transition: opacity var(--vc-slide-duration) var(--vc-slide-timing), -webkit-transform var(--vc-slide-duration) var(--vc-slide-timing);
    transition: transform var(--vc-slide-duration) var(--vc-slide-timing), opacity var(--vc-slide-duration) var(--vc-slide-timing);
    transition: transform var(--vc-slide-duration) var(--vc-slide-timing), opacity var(--vc-slide-duration) var(--vc-slide-timing), -webkit-transform var(--vc-slide-duration) var(--vc-slide-timing);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    pointer-events: none
}

.vc-none-leave-active,
.vc-fade-leave-active,
.vc-slide-left-leave-active,
.vc-slide-right-leave-active,
.vc-slide-up-leave-active,
.vc-slide-down-leave-active {
    position: absolute!important;
    width: 100%
}

.vc-none-enter-from,
.vc-none-leave-to,
.vc-fade-enter-from,
.vc-fade-leave-to,
.vc-slide-left-enter-from,
.vc-slide-left-leave-to,
.vc-slide-right-enter-from,
.vc-slide-right-leave-to,
.vc-slide-up-enter-from,
.vc-slide-up-leave-to,
.vc-slide-down-enter-from,
.vc-slide-down-leave-to,
.vc-slide-fade-enter-from,
.vc-slide-fade-leave-to {
    opacity: 0
}

.vc-slide-left-enter-from,
.vc-slide-right-leave-to,
.vc-slide-fade-enter-from.direction-left,
.vc-slide-fade-leave-to.direction-left {
    -webkit-transform: translateX(var(--vc-slide-translate));
    transform: translate(var(--vc-slide-translate))
}

.vc-slide-right-enter-from,
.vc-slide-left-leave-to,
.vc-slide-fade-enter-from.direction-right,
.vc-slide-fade-leave-to.direction-right {
    -webkit-transform: translateX(calc(-1 * var(--vc-slide-translate)));
    transform: translate(calc(-1 * var(--vc-slide-translate)))
}

.vc-slide-up-enter-from,
.vc-slide-down-leave-to,
.vc-slide-fade-enter-from.direction-top,
.vc-slide-fade-leave-to.direction-top {
    -webkit-transform: translateY(var(--vc-slide-translate));
    transform: translateY(var(--vc-slide-translate))
}

.vc-slide-down-enter-from,
.vc-slide-up-leave-to,
.vc-slide-fade-enter-from.direction-bottom,
.vc-slide-fade-leave-to.direction-bottom {
    -webkit-transform: translateY(calc(-1 * var(--vc-slide-translate)));
    transform: translateY(calc(-1 * var(--vc-slide-translate)))
}

:root {
    --vc-white: #ffffff;
    --vc-black: #000000;
    --vc-gray-50: #f8fafc;
    --vc-gray-100: #f1f5f9;
    --vc-gray-200: #e2e8f0;
    --vc-gray-300: #cbd5e1;
    --vc-gray-400: #94a3b8;
    --vc-gray-500: #64748b;
    --vc-gray-600: #475569;
    --vc-gray-700: #334155;
    --vc-gray-800: #1e293b;
    --vc-gray-900: #0f172a;
    --vc-font-family: BlinkMacSystemFont, -apple-system, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    --vc-font-normal: 400;
    --vc-font-medium: 500;
    --vc-font-semibold: 600;
    --vc-font-bold: 700;
    --vc-text-2xs: 10px;
    --vc-text-xs: 12px;
    --vc-text-sm: 14px;
    --vc-text-base: 16px;
    --vc-text-lg: 18px;
    --vc-text-xl: 20px;
    --vc-text-2xl: 24px;
    --vc-leading-none: 1;
    --vc-leading-tight: 1.25;
    --vc-leading-snug: 1.375;
    --vc-leading-normal: 1.5;
    --vc-rounded: .25rem;
    --vc-rounded-md: .375rem;
    --vc-rounded-lg: .5rem;
    --vc-rounded-full: 9999px;
    --vc-shadow: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px 0 rgba(0, 0, 0, .06);
    --vc-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);
    --vc-shadow-inner: inset 0 2px 4px 0 rgba(0, 0, 0, .06);
    --vc-slide-translate: 22px;
    --vc-slide-duration: .15s;
    --vc-slide-timing: ease;
    --vc-day-content-transition: all .13s ease-in;
    --vc-weeknumber-offset-inside: 26px;
    --vc-weeknumber-offset-outside: 34px
}

.vc-gray {
    --vc-accent-50: var(--vc-gray-50);
    --vc-accent-100: var(--vc-gray-100);
    --vc-accent-200: var(--vc-gray-200);
    --vc-accent-300: var(--vc-gray-300);
    --vc-accent-400: var(--vc-gray-400);
    --vc-accent-500: var(--vc-gray-500);
    --vc-accent-600: var(--vc-gray-600);
    --vc-accent-700: var(--vc-gray-700);
    --vc-accent-800: var(--vc-gray-800);
    --vc-accent-900: var(--vc-gray-900)
}

.vc-red {
    --vc-accent-50: #fef2f2;
    --vc-accent-100: #fee2e2;
    --vc-accent-200: #fecaca;
    --vc-accent-300: #fca5a5;
    --vc-accent-400: #f87171;
    --vc-accent-500: #ef4444;
    --vc-accent-600: #dc2626;
    --vc-accent-700: #b91c1c;
    --vc-accent-800: #991b1b;
    --vc-accent-900: #7f1d1d
}

.vc-orange {
    --vc-accent-50: #fff7ed;
    --vc-accent-100: #ffedd5;
    --vc-accent-200: #fed7aa;
    --vc-accent-300: #fdba74;
    --vc-accent-400: #fb923c;
    --vc-accent-500: #f97316;
    --vc-accent-600: #ea580c;
    --vc-accent-700: #c2410c;
    --vc-accent-800: #9a3412;
    --vc-accent-900: #7c2d12
}

.vc-yellow {
    --vc-accent-50: #fefce8;
    --vc-accent-100: #fef9c3;
    --vc-accent-200: #fef08a;
    --vc-accent-300: #fde047;
    --vc-accent-400: #facc15;
    --vc-accent-500: #eab308;
    --vc-accent-600: #ca8a04;
    --vc-accent-700: #a16207;
    --vc-accent-800: #854d0e;
    --vc-accent-900: #713f12
}

.vc-green {
    --vc-accent-50: #f0fdf4;
    --vc-accent-100: #dcfce7;
    --vc-accent-200: #bbf7d0;
    --vc-accent-300: #86efac;
    --vc-accent-400: #4ade80;
    --vc-accent-500: #22c55e;
    --vc-accent-600: #16a34a;
    --vc-accent-700: #15803d;
    --vc-accent-800: #166534;
    --vc-accent-900: #14532d
}

.vc-teal {
    --vc-accent-50: #f0fdfa;
    --vc-accent-100: #ccfbf1;
    --vc-accent-200: #99f6e4;
    --vc-accent-300: #5eead4;
    --vc-accent-400: #2dd4bf;
    --vc-accent-500: #14b8a6;
    --vc-accent-600: #0d9488;
    --vc-accent-700: #0f766e;
    --vc-accent-800: #115e59;
    --vc-accent-900: #134e4a
}

.vc-blue {
    --vc-accent-50: #eff6ff;
    --vc-accent-100: #dbeafe;
    --vc-accent-200: #bfdbfe;
    --vc-accent-300: #93c5fd;
    --vc-accent-400: #60a5fa;
    --vc-accent-500: #3b82f6;
    --vc-accent-600: #2563eb;
    --vc-accent-700: #1d4ed8;
    --vc-accent-800: #1e40af;
    --vc-accent-900: #1e3a8a
}

.vc-indigo {
    --vc-accent-50: #eef2ff;
    --vc-accent-100: #e0e7ff;
    --vc-accent-200: #c7d2fe;
    --vc-accent-300: #a5b4fc;
    --vc-accent-400: #818cf8;
    --vc-accent-500: #6366f1;
    --vc-accent-600: #4f46e5;
    --vc-accent-700: #4338ca;
    --vc-accent-800: #3730a3;
    --vc-accent-900: #312e81
}

.vc-purple {
    --vc-accent-50: #faf5ff;
    --vc-accent-100: #f3e8ff;
    --vc-accent-200: #e9d5ff;
    --vc-accent-300: #d8b4fe;
    --vc-accent-400: #c084fc;
    --vc-accent-500: #a855f7;
    --vc-accent-600: #9333ea;
    --vc-accent-700: #7e22ce;
    --vc-accent-800: #6b21a8;
    --vc-accent-900: #581c87
}

.vc-pink {
    --vc-accent-50: #fdf2f8;
    --vc-accent-100: #fce7f3;
    --vc-accent-200: #fbcfe8;
    --vc-accent-300: #f9a8d4;
    --vc-accent-400: #f472b6;
    --vc-accent-500: #ec4899;
    --vc-accent-600: #db2777;
    --vc-accent-700: #be185d;
    --vc-accent-800: #9d174d;
    --vc-accent-900: #831843
}

.vc-focus:focus-within {
    outline: 0;
    box-shadow: var(--vc-focus-ring)
}

.vc-light {
    --vc-color: var(--vc-gray-900);
    --vc-bg: var(--vc-white);
    --vc-border: var(--vc-gray-300);
    --vc-hover-bg: hsla(211, 25%, 84%, .3);
    --vc-focus-ring: 0 0 0 2px rgb(59, 131, 246, .4);
    --vc-header-arrow-color: var(--vc-gray-500);
    --vc-header-arrow-hover-bg: var(--vc-gray-200);
    --vc-header-title-color: var(--vc-gray-900);
    --vc-weekday-color: var(--vc-gray-500);
    --vc-weeknumber-color: var(--vc-gray-400);
    --vc-nav-hover-bg: var(--vc-gray-200);
    --vc-nav-title-color: var(--vc-gray-900);
    --vc-nav-item-hover-box-shadow: none;
    --vc-nav-item-active-color: var(--vc-white);
    --vc-nav-item-active-bg: var(--vc-accent-500);
    --vc-nav-item-active-box-shadow: var(--vc-shadow);
    --vc-nav-item-current-color: var(--vc-accent-600);
    --vc-day-popover-container-color: var(--vc-white);
    --vc-day-popover-container-bg: var(--vc-gray-800);
    --vc-day-popover-container-border: var(--vc-gray-700);
    --vc-day-popover-header-color: var(--vc-gray-700);
    --vc-popover-content-color: var(--vc-gray-900);
    --vc-popover-content-bg: var(--vc-gray-50);
    --vc-popover-content-border: var(--vc-gray-300);
    --vc-time-picker-border: var(--vc-gray-300);
    --vc-time-weekday-color: var(--vc-gray-700);
    --vc-time-month-color: var(--vc-accent-600);
    --vc-time-day-color: var(--vc-accent-600);
    --vc-time-year-color: var(--vc-gray-500);
    --vc-time-select-group-bg: var(--vc-gray-50);
    --vc-time-select-group-border: var(--vc-gray-300);
    --vc-time-select-group-icon-color: var(--vc-accent-500);
    --vc-select-color: var(--vc-gray-900);
    --vc-select-bg: var(--vg-gray-50);
    --vc-select-hover-bg: var(--vc-gray-100);
    --vc-select-border: var(--vc-gray-300);
    --vc-day-content-hover-bg: var(--vc-hover-bg);
    --vc-day-content-disabled-color: var(--vc-gray-400)
}

.vc-light.vc-attr,
.vc-light .vc-attr {
    --vc-content-color: var(--vc-accent-600);
    --vc-highlight-outline-bg: var(--vc-white);
    --vc-highlight-outline-border: var(--vc-accent-600);
    --vc-highlight-outline-content-color: var(--vc-accent-700);
    --vc-highlight-light-bg: var(--vc-accent-200);
    --vc-highlight-light-content-color: var(--vc-accent-900);
    --vc-highlight-solid-bg: var(--vc-accent-600);
    --vc-highlight-solid-content-color: var(--vc-white);
    --vc-dot-bg: var(--vc-accent-600);
    --vc-bar-bg: var(--vc-accent-600)
}

.vc-dark {
    --vc-color: var(--vc-white);
    --vc-bg: var(--vc-gray-900);
    --vc-border: var(--vc-gray-700);
    --vc-hover-bg: hsla(216, 15%, 52%, .3);
    --vc-focus-ring: 0 0 0 2px rgb(59 130 246 / .7);
    --vc-header-arrow-color: var(--vc-gray-300);
    --vc-header-arrow-hover-bg: var(--vc-gray-800);
    --vc-header-title-color: var(--vc-gray-100);
    --vc-weekday-color: var(--vc-accent-200);
    --vc-weeknumber-color: var(--vc-gray-500);
    --vc-nav-hover-bg: var(--vc-gray-700);
    --vc-nav-title-color: var(--vc-gray-100);
    --vc-nav-item-hover-box-shadow: none;
    --vc-nav-item-active-color: var(--vc-white);
    --vc-nav-item-active-bg: var(--vc-accent-500);
    --vc-nav-item-active-box-shadow: none;
    --vc-nav-item-current-color: var(--vc-accent-400);
    --vc-day-popover-container-color: var(--vc-gray-800);
    --vc-day-popover-container-bg: var(--vc-white);
    --vc-day-popover-container-border: var(--vc-gray-100);
    --vc-day-popover-header-color: var(--vc-gray-300);
    --vc-popover-content-color: var(--vc-white);
    --vc-popover-content-bg: var(--vc-gray-800);
    --vc-popover-content-border: var(--vc-gray-700);
    --vc-time-picker-border: var(--vc-gray-700);
    --vc-time-weekday-color: var(--vc-gray-400);
    --vc-time-month-color: var(--vc-accent-400);
    --vc-time-day-color: var(--vc-accent-400);
    --vc-time-year-color: var(--vc-gray-500);
    --vc-time-select-group-bg: var(--vc-gray-700);
    --vc-time-select-group-border: var(--vc-gray-500);
    --vc-time-select-group-icon-color: var(--vc-accent-400);
    --vc-select-color: var(--vc-gray-200);
    --vc-select-bg: var(--vc-gray-700);
    --vc-select-hover-bg: var(--vc-gray-600);
    --vc-select-border: var(--vc-gray-500);
    --vc-day-content-hover-bg: var(--vc-hover-bg);
    --vc-day-content-disabled-color: var(--vc-gray-600)
}

.vc-dark.vc-attr,
.vc-dark .vc-attr {
    --vc-content-color: var(--vc-accent-500);
    --vc-highlight-outline-bg: var(--vc-gray-900);
    --vc-highlight-outline-border: var(--vc-accent-300);
    --vc-highlight-outline-content-color: var(--vc-accent-200);
    --vc-highlight-light-bg: var(--vc-accent-800);
    --vc-highlight-light-content-color: var(--vc-accent-100);
    --vc-highlight-solid-bg: var(--vc-accent-500);
    --vc-highlight-solid-content-color: var(--vc-white);
    --vc-dot-bg: var(--vc-accent-500);
    --vc-bar-bg: var(--vc-accent-500)
}

.vc-container {
    position: relative;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: -webkit-max-content;
    width: max-content;
    height: -webkit-max-content;
    height: max-content;
    font-family: var(--vc-font-family);
    color: var(--vc-color);
    background-color: var(--vc-bg);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-tap-highlight-color: transparent
}

.vc-container,
.vc-container * {
    box-sizing: border-box
}

.vc-container:focus,
.vc-container *:focus {
    outline: none
}

.vc-container .vc-container {
    border: none
}

.vc-bordered {
    border: 1px solid;
    border-color: var(--vc-border);
    border-radius: var(--vc-rounded-lg)
}

.vc-expanded {
    min-width: 100%
}

.vc-transparent {
    background-color: transparent
}

.vc-date-picker-content {
    padding: 0;
    background-color: var(--vc-bg)
}

.vc-date-picker-content .vc-container {
    border: 0
}

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

.datepicker[data-v-ab738277] {
    min-width: 250px;
    background-color: #fff;
    border: 1px solid #f0f0f0;
    box-shadow: 0 4px 13px #3030301a;
    border-radius: 8px
}

.datepicker[data-v-ab738277] .vc-container {
    background: transparent;
    border: none;
    border-radius: 0;
    box-shadow: none
}

.active .datepicker[data-v-ab738277] .vc-container {
    display: none
}

.datepicker[data-v-ab738277] .vc-header {
    height: 32px;
    margin-top: 8px;
    padding: 0 12px 0 6px
}

.datepicker[data-v-ab738277] .vc-title {
    font-weight: 600;
    font-size: 14px;
    line-height: 100%;
    letter-spacing: -.02em;
    color: #292e3d;
    text-transform: capitalize;
    transition: all .2s ease-in-out;
    padding: 0
}

.datepicker[data-v-ab738277] .vc-title:hover {
    opacity: 1
}

.datepicker[data-v-ab738277] .vc-arrows-container {
    gap: 4px;
    padding: 16px 12px 8px
}

.datepicker[data-v-ab738277] .vc-arrow {
    width: 16px;
    height: 16px
}

.datepicker[data-v-ab738277] .vc-arrow polyline {
    transition: all .2s ease-in-out
}

.datepicker[data-v-ab738277] .vc-arrow:hover {
    background: transparent
}

.datepicker[data-v-ab738277] .vc-arrow:hover polyline {
    stroke: var(--color-scheme-active)
}

.datepicker[data-v-ab738277] .vc-svg-icon {
    width: 16px;
    height: 16px
}

.datepicker[data-v-ab738277] .vc-svg-icon path {
    fill: #292e3d
}

.datepicker[data-v-ab738277] .vc-base-icon {
    stroke: #292e3d
}

.dark .datepicker[data-v-ab738277] .vc-base-icon {
    stroke: #ddd
}

.datepicker[data-v-ab738277] .vc-day {
    width: 32px;
    height: 26px;
    min-height: 26px;
    border-radius: 6px;
    margin: 2px 0
}

.datepicker[data-v-ab738277] .vc-day:hover {
    background: transparent
}

.datepicker[data-v-ab738277] .vc-day.is-not-in-month {
    pointer-events: none
}

.datepicker[data-v-ab738277] .vc-day:first-child {
    border-radius: 6px 0 0 6px;
    overflow: hidden
}

.datepicker[data-v-ab738277] .vc-day:last-child {
    border-radius: 0 6px 6px 0;
    overflow: hidden
}

.datepicker[data-v-ab738277] .is-not-in-month * {
    pointer-events: all
}

.datepicker[data-v-ab738277] .vc-pointer-events-none {
    pointer-events: all;
    opacity: 1
}

.datepicker[data-v-ab738277] .vc-day-content {
    width: 28px;
    height: 26px;
    font-size: 14px;
    font-weight: 500!important;
    line-height: 100%;
    color: #525c7a;
    font-family: SFUI, sans-serif, Arial;
    border-radius: 6px
}

.datepicker[data-v-ab738277] .vc-day-content:focus {
    background: transparent!important
}

.datepicker[data-v-ab738277] .vc-day-content:hover {
    background: #f8f8f8!important
}

.datepicker[data-v-ab738277] .vc-monthly .is-not-in-month * {
    opacity: 1;
    pointer-events: all
}

.datepicker[data-v-ab738277] .vc-day.is-not-in-month .vc-day-content {
    opacity: 1;
    color: #9499ad
}

.datepicker[data-v-ab738277] .vc-day.is-today .vc-day-content {
    color: var(--color-scheme-active)
}

.datepicker[data-v-ab738277] .vc-highlights~.vc-day-content:hover {
    position: relative;
    background: transparent!important
}

.datepicker[data-v-ab738277] .vc-weeks {
    min-width: fit-content;
    padding: 0 12px 10px
}

.datepicker[data-v-ab738277] .vc-weekday {
    font-weight: 500;
    font-size: 12px;
    line-height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 32px;
    height: 32px;
    padding: 0;
    color: #9499ad;
    font-family: SFUI, sans-serif, Arial;
    text-transform: uppercase
}

.datepicker[data-v-ab738277] .vc-pane {
    min-width: fit-content
}

.datepicker[data-v-ab738277] .vc-popover-caret {
    display: none
}

.datepicker[data-v-ab738277] .vc-highlight {
    height: 26px;
    background-color: var(--color-scheme-active)!important
}

.datepicker[data-v-ab738277] .vc-highlight:hover {
    pointer-events: none
}

.datepicker[data-v-ab738277] .vc-highlight.start {
    width: 28px;
    height: 26px;
    border-radius: 6px!important
}

.datepicker[data-v-ab738277] .vc-highlight.base {
    opacity: .15
}

.datepicker[data-v-ab738277] .vc-highlight.end {
    width: 28px;
    height: 26px;
    border-radius: 6px!important
}

.datepicker[data-v-ab738277] .vc-focus:focus-within {
    box-shadow: none
}

[data-v-ab738277] .vc-day:hover .datepicker .vc-highlight.vc-highlight-base-middle.base {
    position: relative
}

[data-v-ab738277] .vc-day:hover .datepicker .vc-highlight.vc-highlight-base-middle.base:before,
[data-v-ab738277] .vc-day:hover .datepicker .vc-highlight.vc-highlight-base-middle.base:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    opacity: .3;
    width: 32px;
    height: 32px;
    transform: translate(-50%, -50%)
}

[data-v-ab738277] .vc-day:hover .datepicker .vc-highlight.vc-highlight-base-middle.base:after {
    background-color: var(--color-scheme-active)!important
}

[data-v-ab738277] .vc-day:hover .datepicker .vc-highlight.vc-highlight-base-middle.base:before {
    background-color: #fff
}

[data-v-ab738277] .vc-day:hover .datepicker .vc-highlight.vc-highlight-base-middle.base:before,
[data-v-ab738277] .vc-day:hover .datepicker .vc-highlight.vc-highlight-base-middle.base:after {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.dark .datepicker[data-v-ab738277] {
    background-color: #383a3f;
    border-color: #2a2a2a;
    box-shadow: 0 6px 13px #1919197a
}

.dark .datepicker[data-v-ab738277] .vc-day-content {
    color: #ddd
}

.dark .datepicker[data-v-ab738277] .vc-day-content:hover {
    background: #2f3136!important
}

.dark .datepicker[data-v-ab738277] .is-today .vc-day-content {
    color: var(--color-scheme-active)
}

.datepicker__top[data-v-ab738277] {
    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 .datepicker__top[data-v-ab738277] {
    background-color: #2f3136;
    border-bottom: #2A2A2A
}

.datepicker__header[data-v-ab738277] {
    position: relative
}

.datepicker__header-panel[data-v-ab738277] {
    position: relative;
    display: flex;
    gap: 8px;
    align-items: center;
    padding: 6px;
    font-family: SFUI, sans-serif, Arial;
    transition: all .2s ease-in-out;
    border-radius: 6px
}

.datepicker__header-panel svg[data-v-ab738277] {
    opacity: 0;
    fill: #acb1c2;
    transform: rotate(90deg);
    transition: all .2s ease-in-out
}

.month-opened .datepicker__header-panel[data-v-ab738277],
.datepicker__header-panel[data-v-ab738277]:hover {
    opacity: 1;
    color: #292e3d;
    background-color: #f8f8fb
}

.month-opened .datepicker__header-panel svg[data-v-ab738277],
.datepicker__header-panel:hover svg[data-v-ab738277] {
    opacity: 1
}

.dark .month-opened .datepicker__header-panel[data-v-ab738277],
.dark .datepicker__header-panel[data-v-ab738277]:hover {
    background-color: #2f3136
}

.dark .datepicker__header-panel[data-v-ab738277] {
    color: #ddd
}

.datepicker__arrow[data-v-ab738277] {
    transition: all .2s ease-in-out;
    cursor: pointer
}

.datepicker__arrow.prev[data-v-ab738277] {
    transform: rotate(180deg)
}

.dark .datepicker__arrow[data-v-ab738277] path {
    fill: var(--color-scheme-active)
}

.datepicker__dropdown[data-v-ab738277] {
    position: absolute;
    top: 36px;
    z-index: 1000;
    width: 160px;
    max-height: 200px
}

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

.footer[data-v-dd1538ff] {
    display: flex;
    gap: 8px;
    justify-content: space-between;
    align-items: center;
    padding: 8px 12px;
    border-top: 1px solid #f4f4f8
}

.dark .footer[data-v-dd1538ff] {
    border-color: #2a2a2a
}

.footer__button-clear[data-v-dd1538ff] {
    font-weight: 400;
    font-size: 14px;
    line-height: 100%;
    width: max-content;
    height: 32px;
    margin-left: auto;
    color: #acb1c2;
    transition: all .2s ease-in-out
}

.footer__button-clear[data-v-dd1538ff]:hover {
    color: #60636c
}

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

.tariff[data-v-183ad4c1] {
    font-weight: 600;
    font-size: 8px;
    line-height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    width: max-content;
    height: 12px;
    padding: 0 3px;
    color: #60636c;
    background: linear-gradient(180deg, #dadada, #e0e0e0);
    cursor: pointer;
    border-radius: 3px;
    letter-spacing: -.04em;
    text-decoration: none;
    text-transform: uppercase
}

.tariff.lite[data-v-183ad4c1] {
    color: #fff;
    background: linear-gradient(180deg, #84d3ff, #3bc0eb), linear-gradient(180deg, #dadada, #e0e0e0)
}

.tariff.pro[data-v-183ad4c1] {
    color: #fff;
    background: linear-gradient(180deg, #c984ff, #7d3beb), linear-gradient(180deg, #dadada, #e0e0e0)
}

.tariff.biz[data-v-183ad4c1] {
    color: #fff;
    background: linear-gradient(180deg, #ffd940, #ffa200), linear-gradient(180deg, #dadada, #e0e0e0)
}

.tariff.trial[data-v-183ad4c1] {
    color: #fff;
    background: linear-gradient(180deg, #6ee37a, #15c61c)
}

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

.toolbar[data-v-018e19b6] {
    position: relative;
    z-index: 100;
    grid-template-columns: 1fr max-content 1fr;
    width: 100%;
    height: 40px;
    padding: 6px 12px;
    background-color: #fff;
    filter: drop-shadow(0 0 16px rgba(50, 50, 59, .1))
}

.dark .toolbar[data-v-018e19b6] {
    background-color: #202225
}

.toolbar__items[data-v-018e19b6] {
    display: flex;
    gap: 18px;
    justify-content: flex-end;
    align-items: center
}

.toolbar__button[data-v-018e19b6] {
    margin: 0;
    padding: 0
}

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

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

.multimedia__wrapper[data-v-0c9fe1d7] {
    display: grid;
    grid-template-rows: max-content 1fr max-content;
    width: 100%;
    height: 100vh;
    background-color: unset;
    max-height: unset
}

.multimedia__item[data-v-0c9fe1d7] {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    margin: auto;
    padding: 12px;
    overflow: auto;
    box-shadow: 0 20px 50px #0003, 0 0 1px #0003
}

.dark .multimedia__item[data-v-0c9fe1d7] {
    background-color: #383a3f
}

.multimedia__illustration[data-v-0c9fe1d7] {
    display: block;
    max-height: 100vh;
    margin: auto
}

.multimedia__iframe[data-v-0c9fe1d7] {
    width: 1070px;
    height: 602px;
    border: none
}

.multimedia__iframe.short[data-v-0c9fe1d7] {
    width: 336px;
    height: 597px
}

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

input[data-v-733373e6]::-webkit-outer-spin-button,
input[data-v-733373e6]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0
}

.textarea[data-v-733373e6] {
    position: relative;
    display: grid;
    grid-auto-rows: max-content;
    grid-row-gap: 8px
}

.textarea.disabled[data-v-733373e6] {
    pointer-events: none
}

.textarea__label[data-v-733373e6] {
    font-weight: 500;
    font-size: 14px;
    line-height: 110%;
    color: #202430
}

.dark .textarea__label[data-v-733373e6] {
    color: #ddd
}

.textarea__item[data-v-733373e6] {
    font-weight: 400;
    font-size: 14px;
    line-height: 110%;
    width: 100%;
    min-height: 96px;
    padding: 12px;
    color: #1e1e1e;
    background-color: #fff;
    border: 1px solid #EDEDF5;
    border-radius: 8px;
    outline: none;
    transition: all .2s ease-in-out
}

.dark .textarea__item[data-v-733373e6] {
    color: #a6a7b3;
    background-color: #2f3136;
    border-color: #2b2c30
}

.has-icon .textarea__item[data-v-733373e6] {
    padding-left: 38.5px
}

.textarea__item[data-v-733373e6]:focus {
    border-color: #c0bebe
}

.dark .textarea__item[data-v-733373e6]:focus {
    border-color: #2b2c30
}

.textarea__item:focus.textarea__item-datepicker[data-v-733373e6] {
    border-color: #ededf5
}

.dark .textarea__item:focus.textarea__item-datepicker[data-v-733373e6] {
    border-color: #2b2c30
}

.grey .textarea__item[data-v-733373e6] {
    background: #f8f8fb;
    border-color: transparent
}

.grey .textarea__item.placeholder[data-v-733373e6] {
    color: #9499ad
}

.grey .textarea__item[data-v-733373e6]:-moz-placeholder {
    color: #9499ad
}

.grey .textarea__item[data-v-733373e6]::-moz-placeholder {
    color: #9499ad
}

.grey .textarea__item[data-v-733373e6]:-ms-input-placeholder {
    color: #9499ad
}

.grey .textarea__item[data-v-733373e6]::-webkit-input-placeholder {
    color: #9499ad
}

.dark .grey .textarea__item[data-v-733373e6] {
    color: #ddd;
    background-color: #2f3136
}

.dark .grey .textarea__item.placeholder[data-v-733373e6] {
    color: #8d8d8d
}

.dark .grey .textarea__item[data-v-733373e6]:-moz-placeholder {
    color: #8d8d8d
}

.dark .grey .textarea__item[data-v-733373e6]::-moz-placeholder {
    color: #8d8d8d
}

.dark .grey .textarea__item[data-v-733373e6]:-ms-input-placeholder {
    color: #8d8d8d
}

.dark .grey .textarea__item[data-v-733373e6]::-webkit-input-placeholder {
    color: #8d8d8d
}

.grey .textarea__item[data-v-733373e6]:hover,
.grey .textarea__item[data-v-733373e6]:focus {
    background-color: #ededf5
}

.dark .grey .textarea__item[data-v-733373e6]:hover,
.dark .grey .textarea__item[data-v-733373e6]:focus {
    background-color: #242629
}

.grey.disabled .textarea__item[data-v-733373e6] {
    color: #cacad2
}

.error .textarea__item[data-v-733373e6] {
    border-color: #f01414;
    background-color: #ededf5
}

.dark .error .textarea__item[data-v-733373e6] {
    background-color: #242629
}

.textarea__item-datepicker[data-v-733373e6] {
    cursor: pointer
}

.textarea__item-datepicker[data-v-733373e6]:focus {
    border-color: #ededf5
}

.textarea__wrap[data-v-733373e6] {
    position: relative;
    display: grid;
    grid-auto-rows: max-content;
    grid-row-gap: 4px
}

.textarea__icon[data-v-733373e6] {
    position: absolute;
    bottom: 50%;
    left: 6px;
    width: 24px;
    height: 24px;
    transform: translateY(50%)
}

.textarea__counter[data-v-733373e6] {
    position: absolute;
    top: -16px;
    right: 0;
    font-size: 12px;
    color: #9499ad
}

.textarea__error[data-v-733373e6] {
    position: absolute;
    top: 100%;
    left: 0;
    margin-top: 4px;
    font-weight: 400;
    font-size: 10px;
    line-height: 12px;
    color: #f01414
}

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

.demonstration[data-v-40efb0d6] {
    width: 500px;
    background: #fff;
    border-radius: 12px
}

.demonstration__header[data-v-40efb0d6] {
    padding: 16px;
    border-bottom: 1px solid #EDEDF5
}

.dark .demonstration__header[data-v-40efb0d6] {
    border-bottom-color: #1e1f22
}

.demonstration__header-row[data-v-40efb0d6] {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.demonstration__title[data-v-40efb0d6] {
    font-weight: 500;
    font-size: 20px;
    line-height: 24px;
    color: #242629
}

.dark .demonstration__title[data-v-40efb0d6] {
    color: #ddd
}

.demonstration__close[data-v-40efb0d6] {
    padding: 2px;
    background: #f8f8fb;
    border-radius: 4px
}

.dark .demonstration__close[data-v-40efb0d6] {
    background: #383a3f
}

.demonstration__description[data-v-40efb0d6] {
    margin-top: 4px;
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    color: #60636c
}

.dark .demonstration__description[data-v-40efb0d6] {
    color: #ddd
}

.demonstration__sent[data-v-40efb0d6] {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    padding: 30px 15px 15px 20px
}

.demonstration__sent-title[data-v-40efb0d6] {
    margin-top: 12px;
    font-size: 24px;
    font-weight: 500;
    line-height: 110%;
    color: #242629;
    text-align: center
}

.dark .demonstration__sent-title[data-v-40efb0d6] {
    color: #ddd
}

.demonstration__sent-subtitle[data-v-40efb0d6] {
    margin-top: 8px;
    font-size: 16px;
    font-weight: 400;
    line-height: 120%;
    color: #acb1c2;
    text-align: center
}

.dark .demonstration__sent-subtitle[data-v-40efb0d6] {
    color: #8d8d8d
}

.demonstration__sent-button[data-v-40efb0d6] {
    margin-top: 45px;
    padding: 12px 24px;
    font-size: 14px;
    font-weight: 500;
    color: #fff;
    background: var(--color-scheme-active);
    border-radius: 8px;
    text-align: center
}

.demonstration__groups[data-v-40efb0d6] {
    display: flex;
    flex-direction: column;
    gap: 24px;
    padding: 16px
}

.demonstration__row[data-v-40efb0d6] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
    margin-top: 8px
}

.demonstration__column[data-v-40efb0d6] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-top: 8px
}

.demonstration__textarea[data-v-40efb0d6] {
    grid-column: span 2
}

.demonstration__subtitle[data-v-40efb0d6] {
    font-weight: 500;
    font-size: 14px;
    line-height: 17.5px;
    color: #242629
}

.dark .demonstration__subtitle[data-v-40efb0d6] {
    color: #ddd
}

.demonstration__footer[data-v-40efb0d6] {
    display: flex;
    gap: 15px;
    justify-content: space-between;
    align-items: center;
    padding: 16px
}

.demonstration__text[data-v-40efb0d6] {
    font-weight: 400;
    font-size: 14px;
    line-height: 17.5px;
    color: #acb1c2
}

.demonstration__text a[data-v-40efb0d6] {
    color: var(--color-scheme-active);
    text-decoration: none
}

.dark .demonstration__text[data-v-40efb0d6] {
    color: #ddd
}

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

.paid-feature[data-v-2bc5ae18] {
    max-width: 520px;
    width: 100%
}

.paid-feature__body[data-v-2bc5ae18] {
    display: flex;
    flex-direction: column;
    align-items: center
}

.paid-feature__title[data-v-2bc5ae18] {
    font-weight: 500;
    font-size: 20px;
    line-height: 24px;
    margin: 0;
    color: #242629
}

.dark .paid-feature__title[data-v-2bc5ae18] {
    color: #ddd
}

.paid-feature__description[data-v-2bc5ae18] {
    font-weight: 400;
    font-size: 14px;
    line-height: 120%;
    max-width: 480px;
    width: 100%;
    margin: 8px 0 0;
    white-space: pre-line;
    color: #60636c;
    text-align: center
}

.dark .paid-feature__description[data-v-2bc5ae18] {
    color: #8d8d8d
}

.paid-feature__video[data-v-2bc5ae18] {
    margin-top: 16px;
    transition: all .2s ease;
    border-radius: 16px;
    text-decoration: none
}

.paid-feature__video[data-v-2bc5ae18]:hover {
    background-color: #f8f8fb
}

.dark .paid-feature__video[data-v-2bc5ae18]:hover {
    background-color: #2f3136
}

.paid-feature__video-wrapper[data-v-2bc5ae18] {
    position: relative;
    border-radius: 12px
}

.dark .paid-feature__video-wrapper[data-v-2bc5ae18] {
    border-color: #93969f
}

.paid-feature__video-button[data-v-2bc5ae18] {
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
    margin: auto;
    background: #24262999;
    transition: all .2s ease;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-radius: 32px;
    border: 2px solid #fff
}

.dark .paid-feature__video-button[data-v-2bc5ae18] {
    background-color: #383a3f
}

.paid-feature__video-image[data-v-2bc5ae18] {
    display: block;
    max-width: 100%;
    width: 100%;
    object-fit: cover;
    border-radius: 12px;
    max-height: 261px
}

.paid-feature__buttons[data-v-2bc5ae18] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    width: 100%
}

.paid-feature__buttons.mono[data-v-2bc5ae18] {
    grid-template-columns: 1fr
}

.paid-feature__button[data-v-2bc5ae18] {
    width: 100%;
    max-width: 100%
}

.paid-feature__button-tariff[data-v-2bc5ae18] {
    margin-left: 4px;
    text-transform: capitalize
}

.paid-feature__tariff[data-v-2bc5ae18] {
    text-transform: capitalize
}

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

.start[data-v-3ba1eb9a] {
    position: relative;
    display: flex;
    gap: 8px;
    align-items: center;
    height: 32px
}

.start__text[data-v-3ba1eb9a] {
    font-weight: 500;
    font-size: 13px;
    line-height: 13px;
    color: #acb1c2
}

.dark .start__text[data-v-3ba1eb9a] {
    color: #8d8d8d
}

.start__input[data-v-3ba1eb9a] {
    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-3ba1eb9a] {
    padding-right: 32px
}

.dark .start__input[data-v-3ba1eb9a] {
    color: #ddd
}

.start__input[data-v-3ba1eb9a]:hover,
.start__input[data-v-3ba1eb9a]:focus {
    background-color: #ededf5
}

.dark .start__input[data-v-3ba1eb9a]:hover,
.dark .start__input[data-v-3ba1eb9a]:focus {
    background: #242629
}

.start__remove-icon[data-v-3ba1eb9a] {
    position: absolute;
    right: 4px
}

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

.due[data-v-578de322] {
    position: relative;
    display: flex;
    align-items: center
}

.due__input[data-v-578de322] {
    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-578de322] {
    padding-right: 32px
}

.dark .due__input[data-v-578de322] {
    color: #ddd
}

.due__input[data-v-578de322]:hover,
.due__input[data-v-578de322]:focus {
    background-color: #ededf5
}

.dark .due__input[data-v-578de322]:hover,
.dark .due__input[data-v-578de322]:focus {
    background: #242629
}

.due__remove-icon[data-v-578de322] {
    position: absolute;
    right: 4px
}

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

.time[data-v-33c2b463] {
    position: relative;
    display: flex;
    gap: 8px;
    align-items: center;
    height: 32px
}

.time__text[data-v-33c2b463] {
    font-weight: 500;
    font-size: 13px;
    line-height: 13px;
    white-space: nowrap;
    color: #acb1c2
}

.dark .time__text[data-v-33c2b463] {
    color: #8d8d8d
}

.time__wrapper[data-v-33c2b463] {
    position: relative
}

.time__input[data-v-33c2b463] {
    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-33c2b463]::placeholder {
    color: #acb1c2
}

.time__input.with-icon[data-v-33c2b463] {
    padding-right: 32px
}

.dark .time__input[data-v-33c2b463] {
    color: #ddd
}

.time__input[data-v-33c2b463]:hover,
.time__input[data-v-33c2b463]:focus {
    background-color: #ededf5
}

.dark .time__input[data-v-33c2b463]:hover,
.dark .time__input[data-v-33c2b463]:focus {
    background: #242629
}

.time__remove-icon[data-v-33c2b463] {
    position: absolute;
    top: 50%;
    right: 4px;
    transform: translateY(-50%)
}

.time__dropdown[data-v-33c2b463] {
    position: absolute;
    top: 36px;
    z-index: 1000;
    width: 116px;
    max-height: 150px
}

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

.time[data-v-ae0d279c] {
    position: relative;
    display: flex;
    gap: 8px;
    align-items: center;
    height: 32px
}

.time__text[data-v-ae0d279c] {
    font-weight: 500;
    font-size: 13px;
    line-height: 13px;
    white-space: nowrap;
    color: #acb1c2
}

.dark .time__text[data-v-ae0d279c] {
    color: #8d8d8d
}

.time__wrapper[data-v-ae0d279c] {
    position: relative
}

.time__input[data-v-ae0d279c] {
    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-ae0d279c] {
    padding-right: 32px
}

.dark .time__input[data-v-ae0d279c] {
    color: #ddd
}

.time__input[data-v-ae0d279c]:hover,
.time__input[data-v-ae0d279c]:focus {
    background-color: #ededf5
}

.dark .time__input[data-v-ae0d279c]:hover,
.dark .time__input[data-v-ae0d279c]:focus {
    background: #242629
}

.time__remove-icon[data-v-ae0d279c] {
    position: absolute;
    top: 50%;
    right: 4px;
    transform: translateY(-50%)
}

.time__dropdown[data-v-ae0d279c] {
    position: absolute;
    top: 36px;
    z-index: 1000;
    width: 116px;
    max-height: 150px
}

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

.header[data-v-80c4f731] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 12px 12px 0
}

.header__row[data-v-80c4f731] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 20px
}

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

.picker[data-v-5f46f144] {
    max-width: 286px;
    overflow: hidden;
    background-color: #fff;
    border: 1px solid #f0f0f0;
    box-shadow: 0 4px 13px #3030301a;
    border-radius: 8px
}

.picker[data-v-5f46f144] .vc-header {
    margin-top: 0
}

.picker[data-v-5f46f144] .vc-day {
    width: 37px
}

.picker[data-v-5f46f144] .vc-day-content {
    width: 32px
}

.picker[data-v-5f46f144] .vc-weekday {
    width: 37px
}

.picker[data-v-5f46f144] .vc-highlight.start,
.picker[data-v-5f46f144] .vc-highlight.end {
    width: 32px
}

.dark .picker[data-v-5f46f144] {
    background-color: #383a3f;
    border-color: #2a2a2a;
    box-shadow: 0 6px 13px #1919197a
}

.dark .picker[data-v-5f46f144] .vc-day-content {
    color: #ddd
}

.dark .picker[data-v-5f46f144] .vc-day-content:hover {
    background: #2f3136!important
}

.dark .picker[data-v-5f46f144] .is-today .vc-day-content {
    color: var(--color-scheme-active)
}

.picker__title[data-v-5f46f144] {
    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-5f46f144] {
    color: #ddd;
    background-color: #2f3136;
    border-bottom: #2A2A2A
}

.dark .picker__header[data-v-5f46f144] {
    color: #ddd
}

.picker__calendar.datepicker[data-v-5f46f144] {
    box-shadow: none;
    border: none
}

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

.date[data-v-a425cd36] {
    position: relative
}

.date__hoverable[data-v-a425cd36] {
    font-weight: 500;
    font-size: 13px;
    line-height: 13px;
    display: flex;
    align-items: center;
    color: #525c7a
}

.dark .date__hoverable[data-v-a425cd36] {
    color: #ddd
}

.date__picker[data-v-a425cd36] {
    position: absolute;
    top: calc(100%+ 4px);
    left: 0;
    z-index: 10
}

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

.enable-switch[data-v-f2198cc4] {
    display: grid;
    grid-template-columns: max-content 1fr max-content;
    grid-column-gap: 16px;
    align-items: center
}

.enable-switch__title[data-v-f2198cc4] {
    font-size: 14px;
    font-weight: 300;
    line-height: 17px;
    color: #4d525e
}

.dark .enable-switch__title[data-v-f2198cc4] {
    color: #ddd
}

.v-select {
    border: none
}

.v-select.disabled {
    pointer-events: none
}

.dark .v-select {
    border: none;
    background: none
}

.v-select__dropdown {
    margin-top: 0;
    overflow: auto
}

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

.v-select[data-v-c71a4d6d] {
    display: grid;
    grid-row-gap: 4px
}

.v-select__label[data-v-c71a4d6d] {
    font-size: 12px;
    font-weight: 500;
    line-height: 14px
}

.dark .v-select__label[data-v-c71a4d6d] {
    color: #8d8d8d
}

.v-select__item[data-v-c71a4d6d] {
    position: relative
}

.disabled .v-select__item[data-v-c71a4d6d] {
    background-color: #f6f6f6
}

.dark .disabled .v-select__item[data-v-c71a4d6d] {
    background-color: #2f3136
}

.grey .v-select__item[data-v-c71a4d6d] {
    background: #f8f8fb;
    border-color: transparent
}

.dark .grey .v-select__item[data-v-c71a4d6d] {
    color: #ddd;
    background-color: #2f3136
}

.dark .grey .v-select__item.placeholder[data-v-c71a4d6d] {
    color: #8d8d8d
}

.dark .grey .v-select__item[data-v-c71a4d6d]:-moz-placeholder {
    color: #8d8d8d
}

.dark .grey .v-select__item[data-v-c71a4d6d]::-moz-placeholder {
    color: #8d8d8d
}

.dark .grey .v-select__item[data-v-c71a4d6d]:-ms-input-placeholder {
    color: #8d8d8d
}

.dark .grey .v-select__item[data-v-c71a4d6d]::-webkit-input-placeholder {
    color: #8d8d8d
}

.grey .v-select__item[data-v-c71a4d6d]:hover,
.grey .v-select__item[data-v-c71a4d6d]:focus {
    background-color: #ededf5
}

.dark .grey .v-select__item[data-v-c71a4d6d]:hover,
.dark .grey .v-select__item[data-v-c71a4d6d]:focus {
    background-color: #242629
}

.v-select__selected[data-v-c71a4d6d] {
    position: relative;
    display: grid;
    grid-template-columns: 1fr max-content;
    grid-column-gap: 10px;
    border: 1px solid #EDEDF5;
    border-radius: 4px
}

.has-icon .v-select__selected[data-v-c71a4d6d] {
    padding-left: 38.5px
}

.dark .v-select__selected[data-v-c71a4d6d] {
    color: #ddd;
    background-color: #2f3136;
    border-color: #2b2c30
}

.v-select__selected-icon[data-v-c71a4d6d] {
    transform: rotate(90deg);
    transition: transform .2s ease
}

.v-select__selected-icon_dropdown-visible[data-v-c71a4d6d] {
    transform: rotate(-90deg)
}

.v-select__dropdown[data-v-c71a4d6d] {
    position: absolute!important;
    top: 48px;
    left: 0;
    width: 100%;
    border-radius: 4px;
    background-color: #fff;
    box-shadow: 0 4px 13px #3030301a
}

.dark .v-select__dropdown[data-v-c71a4d6d] {
    background-color: #2f3136
}

.v-select__dropdown-items[data-v-c71a4d6d] {
    max-height: 200px;
    padding: 8px 0;
    overflow-y: auto
}

.v-select__dropdown-item[data-v-c71a4d6d] {
    display: flex;
    align-items: center;
    height: 36px;
    padding: 0 17px;
    cursor: pointer
}

.v-select__dropdown-item[data-v-c71a4d6d]:hover {
    background-color: #f8f8fb
}

.dark .v-select__dropdown-item[data-v-c71a4d6d]:hover {
    background-color: #383a3f
}

.dark .v-select__dropdown-item[data-v-c71a4d6d] {
    color: #ddd
}

.v-input__icon-lock[data-v-c71a4d6d] {
    position: absolute;
    right: 10px;
    bottom: 50%;
    transform: translateY(50%);
    pointer-events: none
}

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

.checkbox[data-v-4afc8fff] {
    font-weight: 400;
    font-size: 14px;
    line-height: 120%;
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: max-content;
    grid-column-gap: 8px;
    align-items: center;
    color: #242629;
    cursor: pointer
}

.checkbox.disabled[data-v-4afc8fff] {
    pointer-events: none;
    color: #acb1c2
}

.dark .checkbox.disabled[data-v-4afc8fff] {
    color: #60636c
}

.dark .checkbox[data-v-4afc8fff] {
    color: #ddd
}

.checkbox__status[data-v-4afc8fff] {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 16px;
    height: 16px;
    background-color: #fff;
    transition: all .2s ease-in-out;
    border: 1.5px solid #ACB1C2;
    border-radius: 4px
}

.checkbox__status[data-v-4afc8fff] path {
    transition: all .2s ease-in-out
}

.checkbox:hover .checkbox__status[data-v-4afc8fff],
.checkbox.active .checkbox__status[data-v-4afc8fff] {
    border-color: var(--color-scheme-active)
}

.checkbox.active .checkbox__status[data-v-4afc8fff] path {
    fill: var(--color-scheme-active)
}

.checkbox.active:hover .checkbox__status[data-v-4afc8fff] {
    border-color: #acb1c2
}

.checkbox.active:hover .checkbox__status[data-v-4afc8fff] path {
    fill: #acb1c2
}

.checkbox.disabled .checkbox__status[data-v-4afc8fff] {
    border-color: #e5e7ee
}

.dark .checkbox.disabled .checkbox__status[data-v-4afc8fff] {
    border-color: #60636c
}

.checkbox.active.disabled .checkbox__status[data-v-4afc8fff] {
    opacity: .4;
    border-color: var(--color-scheme-active)
}

.dark .checkbox.active.disabled .checkbox__status[data-v-4afc8fff] {
    border-color: var(--color-scheme-active-lighten-70)
}

.dark .checkbox.active.disabled .checkbox__status[data-v-4afc8fff] path {
    fill: var(--color-scheme-active-lighten-70)
}

.dark .checkbox__status[data-v-4afc8fff] {
    background-color: #2f3136
}

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

.task-repeat__week-days[data-v-20341d66] {
    display: flex;
    justify-content: space-between;
    margin-bottom: 1.5px
}

.task-repeat__week-day-checkbox[data-v-20341d66] {
    margin-bottom: 11px
}

.task-repeat__week-day-name[data-v-20341d66] {
    font-size: 12px;
    font-weight: 300;
    line-height: 14px;
    color: #4d525e;
    text-align: center
}

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

.task-repeat__custom-options[data-v-ee8c9354] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: 14px;
    align-items: flex-end
}

.input-date-wrapper {
    position: relative
}

.input-date-wrapper__panel {
    display: flex;
    width: 100%;
    height: 100%
}

.input-date-wrapper__dropdown {
    position: fixed;
    z-index: 2;
    margin-top: 4px
}

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

.input-date.disabled[data-v-22a08b6c] {
    pointer-events: none
}

[data-v-22a08b6c] .input-date__input {
    width: 100%
}

[data-v-22a08b6c] .input-date__input.readonly {
    cursor: pointer
}

.input-date__reset-icon[data-v-22a08b6c] {
    position: absolute;
    right: 10px;
    bottom: 10px
}

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

.task-repeat__to-date[data-v-acacdf21] {
    display: grid;
    grid-row-gap: 14px
}

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

.form[data-v-2beba149] {
    display: grid;
    grid-row-gap: 14px
}

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

.repeating[data-v-754c916c] {
    display: grid;
    grid-auto-rows: max-content;
    grid-row-gap: 14px
}

.repeating.mini[data-v-754c916c] {
    grid-auto-rows: 1fr
}

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

.repeating-component[data-v-4566e98f] {
    position: relative;
    flex: 1;
    display: flex;
    justify-content: flex-end
}

.repeating-component__tooltip[data-v-4566e98f] {
    position: absolute;
    top: 0;
    right: 0;
    width: 20px;
    height: 28px;
    cursor: pointer
}

.repeating-component__tooltip-template[data-v-4566e98f] {
    height: 28px
}

.repeating__content[data-v-4566e98f] {
    position: absolute;
    top: calc(100%+ 4px);
    right: 0;
    z-index: 11;
    width: 215px;
    padding: 15px;
    background-color: #fff;
    border: 1px solid #f0f0f0;
    box-shadow: 0 4px 13px #3030301a;
    border-radius: 8px
}

.dark .repeating__content[data-v-4566e98f] {
    background-color: #383a3f;
    border-color: #2a2a2a;
    box-shadow: 0 6px 13px #1919197a
}

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

.dates[data-v-dfaec3ac] {
    width: 100%
}

.dates__value[data-v-dfaec3ac] {
    display: flex
}

.dates__tooltip[data-v-dfaec3ac] {
    display: flex;
    align-items: center
}

.dates__overdue[data-v-dfaec3ac] {
    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-8f553814]:root {
    --color-scheme-active: #6C78F4
}

.modal[data-v-8f553814] {
    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-8f553814] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 8px
}

.modal__button[data-v-8f553814] {
    max-width: 176px;
    width: 100%
}

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

.duration[data-v-055224df] {
    width: max-content
}

.duration__item[data-v-055224df] {
    display: flex;
    align-items: center;
    font-weight: 500;
    font-size: 13px;
    line-height: 13px;
    color: #525c7a
}

.dark .duration__item[data-v-055224df] {
    color: #ddd
}

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

.type[data-v-d0bddf40] {
    width: max-content
}

.type__dropdown[data-v-d0bddf40] {
    position: fixed;
    z-index: 10;
    width: 160px
}

.type__item[data-v-d0bddf40] {
    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 .type__item[data-v-d0bddf40] {
    color: #ddd
}

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

.priority[data-v-67fd5338] {
    width: max-content
}

.priority__dropdown[data-v-67fd5338] {
    position: fixed;
    z-index: 10;
    width: 160px
}

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

.task-view-tag[data-v-4984a7ef] {
    display: flex;
    align-items: center;
    height: 20px;
    border-radius: 4px
}

.task-view-tag__text[data-v-4984a7ef] {
    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-4984a7ef] {
    position: relative;
    cursor: pointer
}

.task-view-tag:not(.readonly).task-view-tag_menu-is-opened .task-view-tag__menu[data-v-4984a7ef],
.task-view-tag:not(.readonly):hover .task-view-tag__menu[data-v-4984a7ef] {
    margin-right: 4px
}

.task-view-tag__icon-menu[data-v-4984a7ef] {
    display: none
}

.task-view-tag__icon-menu[data-v-4984a7ef] path {
    fill: inherit
}

.task-view-tag__icon-menu[data-v-4984a7ef] 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-4984a7ef],
.task-view-tag:not(.readonly):hover .task-view-tag__icon-menu[data-v-4984a7ef] {
    display: flex
}

.task-view-tag__menu-select[data-v-4984a7ef] {
    position: absolute;
    top: calc(100%+ 1px);
    left: -155px;
    z-index: 11
}

.task-view-tag__menu-color[data-v-4984a7ef] {
    position: absolute;
    top: calc(100%+ 80px);
    left: -4px;
    z-index: 9
}

.task-view-tag__delete[data-v-4984a7ef] {
    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-4984a7ef],
.task-view-tag:not(.readonly):hover .task-view-tag__delete[data-v-4984a7ef] {
    display: flex
}

.task-view-tag__icon-delete[data-v-4984a7ef] path:first-of-type {
    fill: #ffffff63
}

.task-view-tag__icon-delete[data-v-4984a7ef] path:last-of-type {
    fill: #fff
}

.task-view-tag__input[data-v-4984a7ef] {
    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-0834e5b9]:root {
    --color-scheme-active: #6C78F4
}

.tags__value[data-v-0834e5b9] {
    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-0834e5b9]:hover {
    background: #838fa714
}

.tags__value[data-v-0834e5b9]:active {
    background: #838fa729
}

.tags__value.focused[data-v-0834e5b9] {
    background: transparent;
    border-color: #93969f
}

.tags__placeholder[data-v-0834e5b9] {
    color: #c1c5d7;
    font-weight: 500;
    font-size: 13px;
    line-height: 16px
}

.dark .tags__placeholder[data-v-0834e5b9] {
    color: #ddd
}

.tags__dropdown[data-v-0834e5b9] {
    position: absolute;
    top: calc(100%+ 2px);
    left: 0;
    z-index: 10
}

.tags__create[data-v-0834e5b9] {
    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-0834e5b9] {
    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-0834e5b9] {
    color: #8d8d8d;
    background-color: #383a3f
}

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

.boolean__value[data-v-135b1ae6] {
    padding: 0 4px
}

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

.footer[data-v-29588cb2] {
    display: flex;
    gap: 8px;
    justify-content: flex-end;
    align-items: center;
    padding: 8px 12px;
    border-top: 1px solid #f4f4f8
}

.dark .footer[data-v-29588cb2] {
    border-color: #2a2a2a
}

.footer__button-clear[data-v-29588cb2] {
    font-weight: 400;
    font-size: 14px;
    line-height: 100%;
    width: max-content;
    height: 32px;
    margin-left: auto;
    color: #acb1c2;
    transition: all .2s ease-in-out
}

.footer__button-clear[data-v-29588cb2]:hover {
    color: #60636c
}

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

.date[data-v-8ec1d678] {
    position: relative;
    display: flex;
    align-items: center
}

.date__input[data-v-8ec1d678] {
    font-weight: 500;
    font-size: 13px;
    line-height: 13px;
    height: 32px;
    padding: 0 8px;
    color: #525c7a;
    background-color: #f8f8fb;
    border-radius: 8px;
    border: none
}

.date__input.with-icon[data-v-8ec1d678] {
    padding-right: 32px
}

.dark .date__input[data-v-8ec1d678] {
    color: #ddd
}

.date__input[data-v-8ec1d678]:hover,
.date__input[data-v-8ec1d678]:focus {
    background-color: #ededf5
}

.dark .date__input[data-v-8ec1d678]:hover,
.dark .date__input[data-v-8ec1d678]:focus {
    background: #242629
}

.date__remove-icon[data-v-8ec1d678] {
    position: absolute;
    right: 4px
}

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

.time[data-v-b7045746] {
    position: relative;
    display: flex;
    gap: 8px;
    align-items: center;
    height: 32px
}

.time__text[data-v-b7045746] {
    font-weight: 500;
    font-size: 13px;
    line-height: 13px;
    white-space: nowrap;
    color: #acb1c2
}

.dark .time__text[data-v-b7045746] {
    color: #8d8d8d
}

.time__wrapper[data-v-b7045746] {
    position: relative;
    width: 100%
}

.time__input[data-v-b7045746] {
    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-b7045746] {
    padding-right: 32px
}

.dark .time__input[data-v-b7045746] {
    color: #ddd
}

.time__input[data-v-b7045746]:hover,
.time__input[data-v-b7045746]:focus {
    background-color: #ededf5
}

.dark .time__input[data-v-b7045746]:hover,
.dark .time__input[data-v-b7045746]:focus {
    background: #242629
}

.time__remove-icon[data-v-b7045746] {
    position: absolute;
    top: 50%;
    right: 4px;
    transform: translateY(-50%)
}

.time__dropdown[data-v-b7045746] {
    position: absolute;
    top: 36px;
    z-index: 1000;
    width: 116px;
    max-height: 150px
}

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

.header[data-v-2dec6373] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 12px 12px 0
}

.header__row[data-v-2dec6373] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 20px
}

.header__wrapper[data-v-2dec6373] {
    display: flex;
    column-gap: 4px;
    padding: 8px 12px 0;
    border-top: 1px solid #f4f4f8
}

.dark .header__wrapper[data-v-2dec6373] {
    border-color: #2a2a2a
}

.header__item[data-v-2dec6373] {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 40px;
    padding: 9.5px 0;
    color: #525c7a;
    background-color: #f4f4f8;
    text-align: center;
    border-radius: 8px;
    font-weight: 500;
    font-size: 13px;
    line-height: 13px
}

.header__item.date[data-v-2dec6373] {
    width: 138px
}

.header__item.time[data-v-2dec6373] {
    flex: 1
}

.header__item.time.disabled[data-v-2dec6373] {
    background-color: #ededf5
}

.dark .header__item[data-v-2dec6373] {
    color: #ddd;
    background-color: #2f3136;
    border-color: #2b2c30
}

.dark .header__item.date[data-v-2dec6373] {
    border: 1px solid #2b2c30
}

.dark .header__item.time.disabled[data-v-2dec6373] {
    background-color: #242629
}

.header__button-clear[data-v-2dec6373] {
    width: max-content;
    margin-bottom: 8px;
    margin-left: auto;
    padding: 0 12px;
    color: #acb1c2;
    font-weight: 500;
    font-size: 13px;
    line-height: 13px
}

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

.picker[data-v-bbff786c] {
    max-width: 276px;
    overflow: hidden;
    background-color: #fff;
    border: 1px solid #f0f0f0;
    box-shadow: 0 4px 13px #3030301a;
    border-radius: 8px
}

.picker[data-v-bbff786c] .vc-header {
    margin-top: 0
}

.picker[data-v-bbff786c] .vc-day {
    width: 37px
}

.picker[data-v-bbff786c] .vc-day-content {
    width: 32px
}

.picker[data-v-bbff786c] .vc-weekday {
    width: 37px
}

.picker[data-v-bbff786c] .vc-highlight.start,
.picker[data-v-bbff786c] .vc-highlight.end {
    width: 32px
}

.dark .picker[data-v-bbff786c] {
    background-color: #383a3f;
    border-color: #2a2a2a;
    box-shadow: 0 6px 13px #1919197a
}

.dark .picker[data-v-bbff786c] .vc-day-content {
    color: #ddd
}

.dark .picker[data-v-bbff786c] .vc-day-content:hover {
    background: #2f3136!important
}

.dark .picker[data-v-bbff786c] .is-today .vc-day-content {
    color: var(--color-scheme-active)
}

.picker__title[data-v-bbff786c] {
    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-bbff786c] {
    color: #ddd;
    background-color: #2f3136;
    border-bottom: #2A2A2A
}

.dark .picker__header[data-v-bbff786c] {
    color: #ddd
}

.picker__calendar.datepicker[data-v-bbff786c] {
    box-shadow: none;
    border: none
}

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

.date-time__wrapper[data-v-21e653c4] {
    position: relative;
    width: max-content
}

.datetime__value[data-v-21e653c4] {
    width: max-content;
    height: 28px;
    margin: -4px 0;
    padding: 0 4px;
    font-weight: 500;
    font-size: 13px;
    line-height: 28px;
    color: #525c7a
}

.dark .datetime__value[data-v-21e653c4] {
    color: #ddd
}

.datetime__picker[data-v-21e653c4] {
    position: absolute;
    top: calc(100%+ 8px);
    left: 0;
    z-index: 10
}

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

.value[data-v-5c437e6b] {
    font-weight: 500;
    font-size: 12px;
    line-height: 12px;
    width: fit-content;
    padding: 4px;
    overflow: hidden;
    max-width: 450px;
    text-overflow: ellipsis;
    white-space: nowrap;
    border-radius: 4px
}

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

.select__wrapper[data-v-18135955] {
    position: relative;
    width: max-content
}

.select__placeholder[data-v-18135955] {
    width: max-content;
    height: 28px;
    margin: -4px 0;
    padding: 0 4px;
    color: #525c7a;
    font-weight: 500;
    font-size: 13px;
    line-height: 28px
}

.dark .select__placeholder[data-v-18135955] {
    color: #ddd
}

.select__value[data-v-18135955] {
    margin: 0 4px;
    cursor: pointer
}

.select__dropdown[data-v-18135955] {
    position: absolute;
    top: calc(100%+ 8px);
    left: 0;
    z-index: 10;
    width: 240px
}

.select__option-create[data-v-18135955] {
    font-weight: 500;
    font-size: 14px;
    line-height: 14px;
    display: flex;
    gap: 8px;
    align-items: center;
    width: 100%;
    height: 32px;
    margin-top: 4px;
    padding: 0 8px;
    overflow: hidden;
    border-radius: 4px;
    transition: background-color .2s ease-in-out;
    cursor: pointer
}

.select__option-create[data-v-18135955]:hover {
    background-color: #ededf5
}

.dark .select__option-create[data-v-18135955] {
    color: #ddd
}

.dark .select__option-create[data-v-18135955]:hover {
    background-color: #2f3136
}

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

.value[data-v-c6df3a53] {
    font-weight: 500;
    font-size: 12px;
    line-height: 12px;
    width: fit-content;
    padding: 4px;
    overflow: hidden;
    max-width: 450px;
    text-overflow: ellipsis;
    border-radius: 4px;
    white-space: nowrap
}

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

.multiple-select__wrapper[data-v-15ff88c7] {
    position: relative;
    width: max-content
}

.multiple-select__values[data-v-15ff88c7] {
    display: flex;
    flex-wrap: wrap;
    margin: -4px 0;
    max-width: 450px
}

.multiple-select__placeholder[data-v-15ff88c7] {
    width: max-content;
    height: 28px;
    margin: -4px 0;
    padding: 0 4px;
    font-weight: 500;
    font-size: 13px;
    line-height: 28px;
    color: #525c7a
}

.dark .multiple-select__placeholder[data-v-15ff88c7] {
    color: #ddd
}

.multiple-select__value[data-v-15ff88c7] {
    margin: 4px;
    cursor: pointer
}

.multiple-select__dropdown[data-v-15ff88c7] {
    position: absolute;
    top: calc(100%+ 8px);
    left: 0;
    z-index: 10;
    width: 240px
}

.multiple-select__dropdown[data-v-15ff88c7] .value {
    max-width: 180px
}

.multiple-select__option-create[data-v-15ff88c7] {
    font-weight: 500;
    font-size: 14px;
    line-height: 14px;
    display: flex;
    gap: 8px;
    align-items: center;
    width: 100%;
    height: 32px;
    margin-top: 4px;
    padding: 0 8px;
    overflow: hidden;
    border-radius: 4px;
    transition: background-color .2s ease-in-out;
    cursor: pointer
}

.multiple-select__option-create[data-v-15ff88c7]:hover {
    background-color: #ededf5
}

.dark .multiple-select__option-create[data-v-15ff88c7] {
    color: #ddd
}

.dark .multiple-select__option-create[data-v-15ff88c7]:hover {
    background-color: #2f3136
}

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

.members__wrapper[data-v-b8b62510] {
    position: relative;
    display: flex;
    align-items: center;
    width: max-content
}

.members__value[data-v-b8b62510] {
    padding: 0 4px
}

.members__placeholder[data-v-b8b62510] {
    width: max-content;
    height: 28px;
    margin: -4px 0;
    padding: 0 4px;
    font-weight: 500;
    font-size: 13px;
    line-height: 28px;
    color: #525c7a
}

.dark .members__placeholder[data-v-b8b62510] {
    color: #ddd
}

.members__dropdown[data-v-b8b62510] {
    position: absolute;
    top: calc(100%+ 8px);
    left: 0;
    z-index: 10;
    width: 240px;
    max-height: 300px
}

.members__tags[data-v-b8b62510] {
    min-height: 40px;
    max-height: 120px
}

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

.item[data-v-154e96b2] {
    display: flex;
    gap: 8px;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    height: 32px
}

.item__user[data-v-154e96b2] {
    display: grid;
    grid-template-columns: repeat(2, max-content);
    grid-column-gap: 6px;
    align-items: center
}

.item__user.disabled[data-v-154e96b2] {
    opacity: .55
}

.item__name[data-v-154e96b2] {
    overflow: hidden;
    white-space: nowrap;
    color: #525c7a;
    max-width: 185px;
    text-overflow: ellipsis;
    font-weight: 500;
    font-size: 13px;
    line-height: 13px
}

.dark .item__name[data-v-154e96b2] {
    color: #ddd
}

.item__approve[data-v-154e96b2],
.item__approved[data-v-154e96b2] {
    display: grid;
    grid-template-columns: repeat(2, max-content);
    grid-column-gap: 8px;
    align-items: center;
    height: 28px;
    padding: 6px 8px;
    border-radius: 6px;
    font-weight: 500;
    font-size: 13px;
    line-height: 13px
}

.item__approve.disabled[data-v-154e96b2],
.item__approved.disabled[data-v-154e96b2] {
    pointer-events: none;
    opacity: .7
}

.item__approve[data-v-154e96b2] {
    color: #acb1c2;
    transition: .2s ease
}

.item__approve[data-v-154e96b2]:hover {
    background-color: #ededf5
}

.dark .item__approve[data-v-154e96b2] {
    color: #ddd
}

.dark .item__approve[data-v-154e96b2]:hover {
    background-color: #2f3136
}

.item__approved[data-v-154e96b2] {
    color: #00a92f;
    background: #00a92f1a;
    cursor: pointer
}

.item__awaiting[data-v-154e96b2] {
    display: flex;
    gap: 8px;
    align-items: center;
    min-width: fit-content;
    color: #acb1c2;
    font-weight: 500;
    font-size: 13px;
    line-height: 13px
}

.dark .item__awaiting[data-v-154e96b2] {
    color: #ddd
}

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

.approval__wrapper[data-v-cb01a0fb] {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%
}

.approval__value[data-v-cb01a0fb] {
    width: 100%;
    padding: 0 4px
}

.approval__placeholder[data-v-cb01a0fb],
.approval__appoint[data-v-cb01a0fb] {
    width: max-content;
    height: 28px;
    margin: -4px 0;
    padding: 0 4px;
    font-weight: 500;
    font-size: 13px;
    line-height: 28px;
    color: #525c7a
}

.dark .approval__placeholder[data-v-cb01a0fb],
.dark .approval__appoint[data-v-cb01a0fb] {
    color: #ddd
}

.approval__appoint[data-v-cb01a0fb] {
    margin-top: 4px
}

.approval__dropdown[data-v-cb01a0fb] {
    position: absolute;
    top: calc(100%+ 8px);
    left: 0;
    z-index: 10;
    width: 240px;
    max-height: 300px
}

.approval__tags[data-v-cb01a0fb] {
    min-height: 40px;
    max-height: 120px
}

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

.link__wrapper[data-v-e3ef6f11] {
    display: grid;
    grid-template-columns: 1fr repeat(2, max-content);
    grid-column-gap: 8px;
    align-items: center
}

.link__input[data-v-e3ef6f11] {
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    padding: 0 4px;
    overflow: hidden;
    color: #525c7a;
    background: transparent;
    transition: none;
    border: none;
    outline: none
}

.link__input[data-v-e3ef6f11]::placeholder {
    font-weight: 400;
    font-size: 13px;
    line-height: 16px;
    color: #c1c5d7
}

.dark .link__input[data-v-e3ef6f11] {
    color: #ddd
}

.dark .link__input[data-v-e3ef6f11]::placeholder {
    color: #ddd
}

.link__value[data-v-e3ef6f11] {
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    padding: 0 4px;
    overflow: hidden;
    color: var(--color-scheme-active);
    text-overflow: ellipsis
}

.link__value a[data-v-e3ef6f11] {
    color: var(--color-scheme-active);
    text-decoration: unset
}

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

.avatar[data-v-19ea1eac] {
    display: flex
}

.avatar.disabled[data-v-19ea1eac] {
    pointer-events: none
}

.avatar__image[data-v-19ea1eac] {
    width: 100%;
    height: 100%
}

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

.card[data-v-df7ca23c] {
    display: flex;
    gap: 8px;
    align-items: center;
    padding: 4px;
    cursor: pointer;
    max-width: fit-content;
    transition: .2s ease-in-out
}

.card[data-v-df7ca23c]:hover {
    border-radius: 4px;
    background: #f8f8fb
}

.dark .card[data-v-df7ca23c]:hover {
    background: #2f3136
}

.card__name[data-v-df7ca23c] {
    font-weight: 500;
    font-size: 13px;
    line-height: 15px;
    color: #525c7a
}

.dark .card__name[data-v-df7ca23c] {
    color: #8d8d8d
}

.card__companies[data-v-df7ca23c] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    margin-top: 2px
}

.card__company[data-v-df7ca23c] {
    display: flex;
    gap: 4px;
    align-items: center
}

.card__company-value[data-v-df7ca23c] {
    font-weight: 500;
    font-size: 12px;
    line-height: 12px;
    color: #acb1c2
}

.dark .card__company-value[data-v-df7ca23c] {
    color: #8d8d8d
}

.card__company-more[data-v-df7ca23c] {
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 500;
    font-size: 8px;
    line-height: 10px;
    color: #acb1c2;
    background: #f8f8fb;
    border-radius: 50%
}

.dark .card__company-more[data-v-df7ca23c] {
    color: #8d8d8d;
    background: #2f3136;
    border-color: transparent
}

.card__icon[data-v-df7ca23c] {
    opacity: 0;
    margin-left: 4px;
    transition: .2s ease-in-out
}

.card:hover .card__icon[data-v-df7ca23c] {
    opacity: 1
}

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

.organization__wrapper[data-v-a192e4fb] {
    position: relative;
    width: max-content
}

.organization__list[data-v-a192e4fb] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    margin: -4px 0
}

.organization__value[data-v-a192e4fb] {
    color: #525c7a;
    font-weight: 500;
    font-size: 13px;
    line-height: 28px
}

.organization__value.has-value[data-v-a192e4fb] {
    margin: 6px 0;
    padding: 0 4px
}

.dark .organization__value[data-v-a192e4fb] {
    color: #ddd
}

.organization__item-name[data-v-a192e4fb] {
    display: flex;
    gap: 8px;
    align-items: center;
    line-height: 13px
}

.organization__item-text[data-v-a192e4fb] {
    overflow: hidden;
    line-height: 13px;
    white-space: nowrap;
    text-overflow: ellipsis
}

.organization__dropdown[data-v-a192e4fb] {
    position: absolute;
    top: calc(100%+ 4px);
    left: 0;
    z-index: 10;
    width: 240px
}

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

.avatar[data-v-d03c9daf] {
    display: flex
}

.avatar.disabled[data-v-d03c9daf] {
    pointer-events: none
}

.avatar__image[data-v-d03c9daf] {
    width: 100%;
    height: 100%
}

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

.card[data-v-bdcbdb67] {
    display: flex;
    gap: 8px;
    align-items: center;
    padding: 4px;
    cursor: pointer;
    max-width: fit-content;
    transition: .2s ease-in-out
}

.card[data-v-bdcbdb67]:hover {
    border-radius: 4px;
    background: #f8f8fb
}

.dark .card[data-v-bdcbdb67]:hover {
    background: #2f3136
}

.card__name[data-v-bdcbdb67] {
    font-weight: 500;
    font-size: 13px;
    line-height: 15px;
    color: #525c7a
}

.dark .card__name[data-v-bdcbdb67] {
    color: #8d8d8d
}

.card__contacts[data-v-bdcbdb67] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    margin-top: 2px
}

.card__contact[data-v-bdcbdb67] {
    display: flex;
    gap: 4px;
    align-items: center
}

.card__contact-value[data-v-bdcbdb67] {
    font-weight: 500;
    font-size: 12px;
    line-height: 12px;
    color: #acb1c2
}

.dark .card__contact-value[data-v-bdcbdb67] {
    color: #8d8d8d
}

.card__contact-more[data-v-bdcbdb67] {
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 500;
    font-size: 8px;
    line-height: 10px;
    color: #acb1c2;
    background: #f8f8fb;
    border-radius: 50%
}

.dark .card__contact-more[data-v-bdcbdb67] {
    color: #8d8d8d;
    background: #2f3136;
    border-color: transparent
}

.card__icon[data-v-bdcbdb67] {
    opacity: 0;
    margin-left: 4px;
    transition: .2s ease-in-out
}

.card:hover .card__icon[data-v-bdcbdb67] {
    opacity: 1
}

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

.contact__wrapper[data-v-248efde5] {
    position: relative;
    width: max-content
}

.contact__list[data-v-248efde5] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    margin: -4px 0
}

.contact__value[data-v-248efde5] {
    display: grid;
    grid-auto-flow: row;
    grid-auto-rows: max-content;
    grid-row-gap: 4px;
    width: max-content;
    min-height: 28px;
    margin: -4px 0;
    padding: 0 4px;
    color: #525c7a;
    font-weight: 500;
    font-size: 13px;
    line-height: 28px
}

.contact__value.has-value[data-v-248efde5] {
    margin: 6px 0;
    padding: 0 4px
}

.dark .contact__value[data-v-248efde5] {
    color: #ddd
}

.contact__item-name[data-v-248efde5] {
    display: flex;
    gap: 8px;
    align-items: center;
    line-height: 13px
}

.contact__item-text[data-v-248efde5] {
    overflow: hidden;
    line-height: 13px;
    white-space: nowrap;
    text-overflow: ellipsis
}

.contact__dropdown[data-v-248efde5] {
    position: absolute;
    top: calc(100%+ 8px);
    left: 0;
    z-index: 10;
    width: 240px
}

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

.number__wrapper[data-v-00a1a76e] {
    display: grid;
    grid-template-columns: 1fr repeat(2, max-content);
    grid-column-gap: 8px;
    align-items: center
}

.number__input[data-v-00a1a76e],
.number__value[data-v-00a1a76e] {
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    height: 32px;
    padding: 0 4px;
    overflow: hidden!important;
    color: #525c7a;
    background: transparent!important;
    transition: none;
    border: none!important;
    outline: none
}

.number__input[data-v-00a1a76e]::placeholder,
.number__value[data-v-00a1a76e]::placeholder {
    font-weight: 400;
    font-size: 13px;
    line-height: 16px;
    color: #c1c5d7
}

.dark .number__input[data-v-00a1a76e],
.dark .number__value[data-v-00a1a76e] {
    color: #ddd
}

.dark .number__input[data-v-00a1a76e]::placeholder,
.dark .number__value[data-v-00a1a76e]::placeholder {
    color: #ddd
}

.number__value[data-v-00a1a76e] {
    display: flex;
    align-items: center
}

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

.visibility__dropdown[data-v-be278ebc] {
    top: 0;
    left: 100%;
    z-index: 100;
    width: 220px;
    margin-left: 6px
}

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

.settings[data-v-d11bd966] {
    width: 260px;
    padding-bottom: 4px
}

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

.settings[data-v-5250a28e] {
    width: 260px;
    padding-bottom: 4px
}

.settings__type[data-v-5250a28e] {
    position: relative;
    display: grid;
    grid-template-columns: 1fr repeat(2, max-content);
    align-items: center;
    max-width: 250px;
    width: 100%
}

.settings__types[data-v-5250a28e] {
    position: absolute;
    top: 0;
    right: -268px;
    z-index: 10;
    width: 260px;
    padding: 4px 0
}

.settings__types-item[data-v-5250a28e] {
    display: grid;
    grid-template-columns: max-content 1fr max-content;
    grid-column-gap: 4px
}

.settings__checkbox-preview[data-v-5250a28e],
.settings__switch-preview[data-v-5250a28e] {
    pointer-events: none
}

.settings__placeholder[data-v-5250a28e] {
    font-weight: 400;
    font-size: 14px;
    line-height: 14px;
    color: #9499ad
}

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

.settings[data-v-14b263c4] {
    width: 260px;
    padding-bottom: 4px
}

.settings__placeholder[data-v-14b263c4] {
    font-weight: 400;
    font-size: 14px;
    line-height: 14px;
    color: #9499ad
}

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

.settings[data-v-a8bb3a6e] {
    position: fixed;
    width: 217px;
    padding-bottom: 4px
}

.settings__input[data-v-a8bb3a6e] {
    padding: 12px 12px 4px
}

.settings__colors[data-v-a8bb3a6e] {
    max-height: 300px;
    overflow-y: auto
}

.settings__option-content[data-v-a8bb3a6e] {
    display: grid;
    grid-template-columns: max-content 1fr;
    grid-column-gap: 8px;
    align-items: center
}

.settings__color[data-v-a8bb3a6e] {
    width: 16px;
    height: 16px;
    border-radius: 50%
}

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

.values[data-v-2d290fa6] {
    position: relative
}

.values__options[data-v-2d290fa6] {
    max-height: 150px;
    overflow-y: auto
}

.values__option-content[data-v-2d290fa6] {
    display: flex;
    gap: 8px;
    align-items: center;
    overflow: hidden
}

.values__creating[data-v-2d290fa6] {
    display: grid;
    grid-template-columns: max-content 1fr;
    grid-column-gap: 8px;
    align-items: center;
    height: 32px;
    padding: 0 12px
}

.values__input[data-v-2d290fa6] {
    font-weight: 400;
    font-size: 14px;
    line-height: 14px;
    background: transparent;
    border: none;
    outline: none
}

.values__input[data-v-2d290fa6]::placeholder {
    font-weight: 500;
    font-size: 14px;
    line-height: 14px;
    color: #acb1c2
}

.dark .values__input[data-v-2d290fa6] {
    color: #ddd
}

.dark .values__input[data-v-2d290fa6]::placeholder {
    color: #ddd
}

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

.settings[data-v-7e036c69] {
    width: 260px;
    padding-bottom: 4px
}

.settings__placeholder[data-v-7e036c69] {
    color: #9499ad;
    font-weight: 400;
    font-size: 14px;
    line-height: 14px
}

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

.settings[data-v-287d56f0] {
    position: fixed;
    width: 217px;
    padding-bottom: 4px
}

.settings__input[data-v-287d56f0] {
    padding: 12px 12px 4px
}

.settings__colors[data-v-287d56f0] {
    max-height: 300px;
    overflow-y: auto
}

.settings__option-content[data-v-287d56f0] {
    display: grid;
    grid-template-columns: max-content 1fr;
    grid-column-gap: 8px;
    align-items: center
}

.settings__color[data-v-287d56f0] {
    width: 16px;
    height: 16px;
    border-radius: 50%
}

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

.values[data-v-716ac5cc] {
    position: relative
}

.values__options[data-v-716ac5cc] {
    max-height: 150px;
    overflow-y: auto
}

.values__option-content[data-v-716ac5cc] {
    display: grid;
    grid-template-columns: max-content 1fr;
    grid-column-gap: 8px;
    align-items: center;
    overflow: hidden
}

.values__creating[data-v-716ac5cc] {
    display: grid;
    grid-template-columns: max-content 1fr;
    grid-column-gap: 8px;
    align-items: center;
    height: 32px;
    padding: 0 12px
}

.values__input[data-v-716ac5cc] {
    font-weight: 400;
    font-size: 14px;
    line-height: 14px;
    background: transparent;
    border: none;
    outline: none
}

.values__input[data-v-716ac5cc]::placeholder {
    font-weight: 500;
    font-size: 14px;
    line-height: 14px;
    color: #acb1c2
}

.dark .values__input[data-v-716ac5cc] {
    color: #ddd
}

.dark .values__input[data-v-716ac5cc]::placeholder {
    color: #ddd
}

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

.settings[data-v-2fff5a7e] {
    width: 260px;
    padding-bottom: 4px
}

.settings__placeholder[data-v-2fff5a7e] {
    color: #9499ad;
    font-weight: 400;
    font-size: 14px;
    line-height: 14px
}

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

.settings[data-v-4eebb8a1] {
    width: 260px;
    padding-bottom: 4px
}

.settings__placeholder[data-v-4eebb8a1] {
    font-weight: 400;
    font-size: 14px;
    line-height: 14px;
    color: #9499ad
}

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

.settings[data-v-8d2fd09c] {
    width: 260px;
    padding-bottom: 4px
}

.settings__placeholder[data-v-8d2fd09c] {
    color: #9499ad;
    font-weight: 400;
    font-size: 14px;
    line-height: 14px
}

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

.settings[data-v-15ebb36f] {
    width: 260px;
    padding-bottom: 4px
}

.settings__placeholder[data-v-15ebb36f] {
    font-weight: 400;
    font-size: 14px;
    line-height: 14px;
    color: #9499ad
}

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

.settings[data-v-65cff1c8] {
    width: 260px;
    padding-bottom: 4px
}

.settings__placeholder[data-v-65cff1c8] {
    font-weight: 400;
    font-size: 14px;
    line-height: 14px;
    color: #9499ad
}

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

.settings[data-v-9a111e9d] {
    width: 260px;
    padding-bottom: 4px
}

.settings__placeholder[data-v-9a111e9d] {
    font-weight: 400;
    font-size: 14px;
    line-height: 14px;
    color: #9499ad
}

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

.format[data-v-3bca9d73] {
    display: flex;
    gap: 12px;
    justify-content: space-between;
    align-items: center
}

.format__value[data-v-3bca9d73] {
    font-weight: 400;
    font-size: 14px;
    line-height: 14px;
    color: #9499ad
}

.format__dropdown[data-v-3bca9d73] {
    position: absolute;
    top: 0;
    left: calc(100%+ 8px);
    z-index: 100;
    display: flex;
    width: 240px;
    padding: 4px 0;
    background-color: #fff;
    flex-direction: column;
    border: 1px solid #F0F0F0;
    box-shadow: 0 4px 13px #3030301a;
    border-radius: 6px
}

.dark .format__dropdown[data-v-3bca9d73] {
    background-color: #242629;
    border-color: #191a1c
}

.format__item[data-v-3bca9d73] {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.format__panel[data-v-3bca9d73] {
    display: flex;
    gap: 12px;
    justify-content: space-between;
    align-items: center;
    width: 100%
}

.format__panel span[data-v-3bca9d73]:nth-of-type(2) {
    display: flex;
    gap: 4px;
    align-items: center;
    color: #9499ad;
    font-weight: 400;
    font-size: 14px;
    line-height: 14px
}

.format__currency-list[data-v-3bca9d73] {
    top: 32px;
    left: 1px;
    z-index: 200;
    width: 230px
}

.format__currency-item[data-v-3bca9d73] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%
}

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

.settings[data-v-17618ffd] {
    width: 260px;
    padding-bottom: 4px
}

.settings__placeholder[data-v-17618ffd] {
    font-weight: 400;
    font-size: 14px;
    line-height: 14px;
    color: #9499ad
}

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

.select[data-v-3139e70d] {
    z-index: 10;
    max-height: 300px;
    width: 220px;
    overflow-y: auto
}

.select__input-tags[data-v-3139e70d] {
    min-height: 34px;
    max-height: 120px;
    border-radius: 6px 6px 0 0
}

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

.multiple-select[data-v-f384141a] {
    z-index: 10;
    max-height: 300px;
    width: 220px;
    overflow-y: auto
}

.multiple-select__input-tags[data-v-f384141a] {
    min-height: 34px;
    max-height: 120px;
    border-radius: 6px 6px 0 0
}

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

.members[data-v-7f9d930f] {
    z-index: 10;
    max-height: 300px;
    width: 220px;
    overflow-y: auto
}

.members__input-tags[data-v-7f9d930f] {
    min-height: 34px;
    max-height: 120px;
    border-radius: 6px 6px 0 0
}

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

.organization[data-v-9e24b12e] {
    z-index: 10;
    max-height: 300px;
    width: 220px;
    overflow-y: auto
}

.organization__input-tags[data-v-9e24b12e] {
    min-height: 34px;
    max-height: 120px;
    border-radius: 6px 6px 0 0
}

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

.contact[data-v-c7b5aced] {
    z-index: 10;
    max-height: 300px;
    width: 220px;
    overflow-y: auto
}

.contact__input-tags[data-v-c7b5aced] {
    min-height: 34px;
    max-height: 120px;
    border-radius: 6px 6px 0 0
}

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

.approval[data-v-4e3f1db6] {
    z-index: 10;
    max-height: 300px;
    width: 220px;
    overflow-y: auto
}

.approval__input-tags[data-v-4e3f1db6] {
    min-height: 34px;
    max-height: 120px;
    border-radius: 6px 6px 0 0
}

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

.responsibles[data-v-4d1d5226] {
    z-index: 10;
    width: 250px
}

.responsibles__input-tags[data-v-4d1d5226] {
    min-height: 34px;
    max-height: 120px;
    border-radius: 6px 6px 0 0
}

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

.dropdown[data-v-0410cfa1] {
    position: absolute;
    top: 100%;
    left: 0;
    display: flex;
    width: 330px;
    margin-top: 4px;
    overflow: hidden;
    background-color: #fff;
    flex-direction: column;
    border: 1px solid #f0f0f0;
    box-shadow: 0 4px 13px #3030301a;
    border-radius: 8px
}

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

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

.view-mode[data-v-cf15bd35] {
    position: relative;
    display: flex;
    align-items: center;
    height: 100%;
    margin-right: 16px;
    -webkit-user-select: none;
    user-select: none
}

.dark .view-mode[data-v-cf15bd35] {
    border-color: #1e1f22
}

.view-mode__selected[data-v-cf15bd35] {
    font-weight: 500;
    font-size: 13px;
    line-height: 100%;
    position: relative;
    display: flex;
    gap: 8px;
    align-items: center;
    min-width: 110px;
    height: 40px;
    padding: 10px 8px;
    color: #93969f;
    background: #fff;
    cursor: pointer;
    border-radius: 8px
}

.dark .view-mode__selected[data-v-cf15bd35] {
    color: #ddd;
    background-color: #202225
}

.view-mode__arrow[data-v-cf15bd35] {
    position: absolute;
    top: 50%;
    right: 8px;
    transform: translateY(-50%)
}

.active .view-mode__arrow[data-v-cf15bd35] {
    transform: translateY(-50%) rotate(90deg)
}

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

.tasks-viewer-header-sharing[data-v-242849c4] {
    position: relative;
    display: flex;
    align-items: center;
    height: 100%
}

.tasks-viewer-header-sharing__modal[data-v-242849c4] {
    position: absolute;
    top: 100%;
    right: 0;
    width: 400px;
    margin-top: 9px;
    background-color: #fff;
    border-radius: 4px;
    box-shadow: 0 4px 13px #3030301a
}

.dark .tasks-viewer-header-sharing__modal[data-v-242849c4] {
    background-color: #383a3f
}

.tasks-viewer-header-sharing__modal-header[data-v-242849c4] {
    display: flex;
    justify-content: space-between;
    width: 100%;
    height: 55px
}

.tasks-viewer-header-sharing__header-icon[data-v-242849c4] {
    width: 52px;
    padding: 16px 10px 16px 20px
}

.tasks-viewer-header-sharing__header-texts[data-v-242849c4] {
    width: 100%;
    padding-top: 14px
}

.tasks-viewer-header-sharing__title[data-v-242849c4] {
    font-weight: 300;
    font-size: 14px;
    line-height: 14px
}

.dark .tasks-viewer-header-sharing__title[data-v-242849c4] {
    color: #ddd
}

.tasks-viewer-header-sharing__description[data-v-242849c4] {
    font-weight: 300;
    font-size: 12px;
    line-height: 12px;
    margin-top: 2px;
    color: #aeaeae
}

.tasks-viewer-header-sharing__header-toggle[data-v-242849c4] {
    padding: 18px 20px
}

.tasks-viewer-header-sharing__modal-body[data-v-242849c4] {
    border-top: 1px solid #EDEDF5
}

.dark .tasks-viewer-header-sharing__modal-body[data-v-242849c4] {
    border-color: #2a2a2a
}

.tasks-viewer-header-sharing__link-line[data-v-242849c4] {
    padding-right: 20px;
    padding-left: 20px;
    display: flex;
    justify-content: space-between;
    margin-top: 15px
}

.tasks-viewer-header-sharing__link-field[data-v-242849c4] {
    width: 100%;
    padding: 0 0 0 11px;
    overflow: hidden;
    color: #aeaeae;
    background-color: #ededf5;
    border: 0;
    border-radius: 4px;
    outline: 0;
    font-weight: 300;
    font-size: 14px;
    line-height: 17px
}

.dark .tasks-viewer-header-sharing__link-field[data-v-242849c4] {
    background-color: #2f3136
}

.tasks-viewer-header-sharing__copy-link-button[data-v-242849c4] {
    flex: 1 0 auto;
    margin-left: 10px;
    padding-right: 21px;
    padding-left: 21px
}

.tasks-viewer-header-sharing__indexed-toggle[data-v-242849c4] {
    padding-right: 20px;
    padding-left: 20px;
    margin-top: 19px
}

.tasks-viewer-header-sharing__hint[data-v-242849c4] {
    padding-right: 20px;
    padding-left: 20px;
    display: flex;
    justify-content: space-between;
    margin-top: 16px;
    margin-bottom: 18px
}

.tasks-viewer-header-sharing__hint-icon[data-v-242849c4] {
    margin-right: 7px
}

.tasks-viewer-header-sharing__hint-text[data-v-242849c4] {
    font-weight: 300;
    font-size: 10px;
    line-height: 12px;
    color: #a6a6a6
}

.G {
    padding: 3px 6px;
    max-width: 245px;
    overflow: hidden;
    text-overflow: ellipsis;
    border-radius: 4px;
    font-weight: 600;
    font-size: 10px;
    line-height: 12px
}

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

.value[data-v-58a5d48c] {
    display: flex;
    align-items: center;
    height: 24px;
    padding: 4px;
    overflow: hidden;
    color: #60636c;
    background-color: #e2e2ee;
    cursor: pointer;
    border-radius: 6px;
    font-weight: 400;
    font-size: 14px;
    line-height: 14px
}

.dark .value[data-v-58a5d48c] {
    color: #ddd;
    background-color: #242629
}

.value__icon[data-v-58a5d48c],
.value__avatar[data-v-58a5d48c],
.value__color[data-v-58a5d48c] {
    margin-right: 4px
}

.value__color[data-v-58a5d48c] {
    width: 14px;
    height: 14px;
    border-radius: 50%
}

.value__name[data-v-58a5d48c] {
    display: block;
    max-width: 165px;
    height: 16px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

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

.filter[data-v-1293eef9] {
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: max-content;
    grid-column-gap: 4px;
    align-items: center;
    height: 32px;
    padding: 0 8px;
    color: #838baf;
    background-color: #f5f5f9;
    cursor: pointer;
    border-radius: 8px;
    font-weight: 400;
    font-size: 14px;
    line-height: 14px
}

.dark .filter[data-v-1293eef9] {
    background-color: #2f3136
}

.filter__type[data-v-1293eef9] {
    margin-right: 5px
}

.filter__value[data-v-1293eef9] {
    position: relative;
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: max-content;
    grid-column-gap: 4px;
    align-items: center;
    height: 100%
}

.filter__placeholder[data-v-1293eef9] {
    display: flex;
    align-items: center;
    height: 100%
}

.filter__counter[data-v-1293eef9] {
    margin-right: 4px;
    font-weight: 400;
    font-size: 14px;
    line-height: 14px;
    color: #a2a8c3
}

.filter__dropdown[data-v-1293eef9] {
    position: fixed;
    top: 7px;
    z-index: 15;
    overflow: hidden;
    max-height: 300px
}

.filter__icon-delete[data-v-1293eef9] {
    border-radius: 4px;
    transition: background-color .1s ease
}

.filter__icon-delete[data-v-1293eef9]:hover {
    background-color: #e2e2ee
}

.dark .filter__icon-delete[data-v-1293eef9]:hover {
    background-color: #242629
}

.filter__button-delete[data-v-1293eef9] {
    border-radius: 4px;
    transition: background-color .1s ease
}

.filter__button-delete[data-v-1293eef9]:hover {
    background-color: #e2e2ee
}

.dark .filter__button-delete[data-v-1293eef9]:hover {
    background-color: #242629
}

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

.select[data-v-b2dd89dd] {
    position: fixed;
    pointer-events: all;
    padding-left: 8px
}

.select__dropdown[data-v-b2dd89dd] {
    position: static;
    max-height: 190px;
    width: 200px;
    overflow-y: auto
}

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

.select[data-v-cdf762cf] {
    position: fixed;
    padding-left: 8px
}

.select__dropdown[data-v-cdf762cf] {
    position: static;
    max-height: 190px;
    width: 200px;
    overflow-y: auto
}

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

.multiple-select[data-v-f8dddcd4] {
    position: fixed;
    padding-left: 8px
}

.multiple-select__dropdown[data-v-f8dddcd4] {
    position: static;
    max-height: 190px;
    width: 200px;
    overflow-y: auto
}

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

.members[data-v-3f28d4f2] {
    position: fixed;
    padding-left: 8px
}

.members__dropdown[data-v-3f28d4f2] {
    position: static;
    max-height: 190px;
    width: 200px;
    overflow-y: auto
}

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

.select[data-v-a2b19810] {
    position: fixed;
    padding-left: 8px
}

.select__dropdown[data-v-a2b19810] {
    position: static;
    max-height: 190px;
    width: 200px;
    overflow-y: auto
}

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

.select[data-v-ab7411db] {
    position: fixed;
    padding-left: 8px
}

.select__dropdown[data-v-ab7411db] {
    position: static;
    max-height: 190px;
    width: 200px;
    overflow-y: auto
}

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

.select[data-v-103ea4f1] {
    position: fixed;
    padding-left: 8px
}

.select__dropdown[data-v-103ea4f1] {
    position: static;
    max-height: 190px;
    width: 200px;
    overflow-y: auto
}

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

.adding__button[data-v-28f48de6] {
    display: grid;
    grid-template-columns: max-content 1fr;
    grid-column-gap: 4px;
    align-items: center;
    height: 32px;
    padding: 0 8px;
    color: #838baf;
    background-color: #f5f5f9;
    transition: all .1s ease;
    border: 1px solid transparent;
    border-radius: 8px;
    font-weight: 400;
    font-size: 14px;
    line-height: 14px
}

.adding__button[data-v-28f48de6]:hover {
    background-color: #f2f2f7
}

.adding__button[data-v-28f48de6]:active {
    border-color: #e2e2ee
}

.dark .adding__button[data-v-28f48de6] {
    background-color: #2f3136
}

.dark .adding__button[data-v-28f48de6]:active {
    border-color: #202225
}

.adding__dropdown[data-v-28f48de6] {
    position: fixed;
    top: 0;
    z-index: 100;
    width: 200px;
    padding: 4px 0;
    overflow-y: auto
}

.adding__dropdown.with-custom-fields[data-v-28f48de6] {
    display: grid;
    grid-template-columns: repeat(2, max-content);
    grid-column-gap: 10px;
    width: unset
}

.adding__dropdown-item[data-v-28f48de6] {
    margin: 0 4px;
    border-radius: 4px
}

.adding__label[data-v-28f48de6],
.adding__custom-fields-label[data-v-28f48de6] {
    padding: 9px 12px;
    font-weight: 500;
    font-size: 12px;
    line-height: 12px;
    color: #acb1c2
}

.t {
    display: grid;
    grid-template-columns: max-content 1fr max-content max-content;
    grid-column-gap: 8px;
    align-items: center;
    min-width: 250px;
    height: 40px;
    padding: 4px 10px;
    overflow: hidden;
    background-color: #fff;
    border-radius: 8px
}

.dark .t {
    background-color: #242629
}

.u {
    color: #c1c5d7;
    font-weight: 400;
    font-size: 14px;
    line-height: 14px
}

.v {
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: max-content;
    grid-column-gap: 8px;
    overflow: hidden
}

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

.calendar-or-board-filters[data-v-a22c7148] {
    flex: 1 1 auto;
    display: grid;
    grid-template-columns: 1fr max-content;
    grid-column-gap: 8px;
    align-items: center;
    margin: 0 20px 0 0
}

.tasks-datepicker {
    position: relative;
    display: flex;
    align-items: center;
    height: 100%;
    -webkit-user-select: none;
    user-select: none
}

.tasks-datepicker__arrow {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 22px;
    height: 22px;
    cursor: pointer
}

.tasks-datepicker__arrow.prev svg {
    transform: rotate(90deg)
}

.tasks-datepicker__arrow.next svg {
    transform: rotate(-90deg)
}

.tasks-datepicker__line {
    position: relative;
    display: flex;
    align-items: center;
    height: 100%;
    margin: 0 5px;
    cursor: pointer
}

.tasks-datepicker__icon {
    flex: none;
    margin-right: 13px
}

.tasks-datepicker__date {
    display: grid;
    grid-template-rows: repeat(2, max-content);
    justify-items: center
}

.tasks-datepicker__short-date-text {
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    color: #202430bf
}

.dark .tasks-datepicker__short-date-text {
    color: #ddd
}

.tasks-datepicker__date-text {
    font-weight: 500;
    font-size: 11px;
    line-height: 13px;
    opacity: .5;
    color: #202430bf
}

.dark .tasks-datepicker__date-text {
    color: #ddd
}

.tasks-datepicker__loading {
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    color: #202430bf
}

.dark .tasks-datepicker__loading {
    color: #ddd
}

.tasks-datepicker__panel {
    position: relative;
    display: flex;
    align-items: center;
    height: 100%;
    -webkit-user-select: none;
    user-select: none
}

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

.dropdown[data-v-8f9211fe] {
    position: absolute;
    top: 100%;
    right: 0;
    display: flex;
    max-height: calc(90vh - 150px);
    width: 330px;
    overflow: hidden;
    overflow-y: auto;
    background-color: #fff;
    flex-direction: column;
    border: 1px solid #f0f0f0;
    box-shadow: 0 4px 13px #3030301a;
    border-radius: 8px
}

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

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

.view-mode-settings[data-v-616f46de] {
    position: relative;
    z-index: 5;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%
}

.view-mode-settings__dropdown[data-v-616f46de] {
    right: -12px;
    margin-top: 4px
}

.view-mode-settings__dropdown[data-v-616f46de] .dropdown-group:first-child {
    border-top: none
}

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

.task-view-header__days[data-v-057b769a] {
    margin-right: 24px
}

.task-view-header__side[data-v-057b769a] {
    flex: 1 1 auto;
    display: flex;
    align-items: center;
    height: 100%
}

.task-view-header__side.left[data-v-057b769a] {
    padding-left: 10px
}

.task-view-header__side.right[data-v-057b769a] {
    flex: none;
    gap: 24px;
    justify-content: flex-end;
    padding-right: 10px
}

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

.full-viewer[data-v-78779790] {
    display: grid;
    grid-auto-rows: max-content;
    grid-row-gap: 6px;
    padding: 14px;
    background-color: #fff;
    border-radius: 8px;
    overflow-x: auto
}

.dark .full-viewer[data-v-78779790] {
    background-color: #242629
}

.i {
    width: 35px!important;
    height: 35px!important
}

.i path {
    stroke: var(--color-scheme-active);
    stroke-dasharray: 2000;
    stroke-dashoffset: 2794;
    animation: j 2s linear infinite
}

.active .smooth-dnd-draggable-wrapper,
.active .day,
.active .deal,
.active .task {
    pointer-events: none!important;
    cursor: grab!important
}

.pressed .active .smooth-dnd-draggable-wrapper,
.pressed .active .day,
.pressed .active .deal,
.pressed .active .task {
    cursor: grabbing!important
}

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

.active[data-v-8a20ea56] {
    cursor: grab!important
}

.active.pressed[data-v-8a20ea56] {
    cursor: grabbing!important
}

.b_ {
    display: flex;
    column-gap: 4px;
    color: #93969f;
    font-weight: 400;
    font-size: 14px;
    line-height: 14px
}

.z {
    display: grid;
    grid-template-columns: 1fr max-content;
    grid-column-gap: 3px;
    justify-content: space-between;
    align-items: center;
    height: 26px;
    margin-top: 4px;
    padding-right: 16px;
    padding-left: 8px;
    color: #93969f;
    font-weight: 400;
    font-size: 14px;
    line-height: 14px
}

.dark .z {
    color: #fff6
}

.A {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

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

.project[data-v-3b0031bb] {
    position: relative;
    width: max-content
}

.project__icon[data-v-3b0031bb] {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 24px;
    height: 24px;
    transition: background-color .2s ease;
    border-radius: 6px
}

.project__icon[data-v-3b0031bb]:hover {
    background: #838fa714!important;
    box-shadow: unset
}

.project__icon.opened[data-v-3b0031bb] {
    background-color: #fff;
    box-shadow: 0 1px 1px #0000000f, 0 4px 4px -1px #00000005
}

.dark .project__icon.opened[data-v-3b0031bb] {
    background-color: #383a3f
}

.project__avatar[data-v-3b0031bb] {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 24px;
    height: 24px;
    background-color: #fff;
    transition: background-color .2s ease;
    border-radius: 6px;
    box-shadow: 0 1px 1px #0000000f, 0 4px 4px -1px #00000005
}

.project__avatar[data-v-3b0031bb]:hover {
    background: #838fa714!important;
    box-shadow: unset
}

.dark .project__avatar[data-v-3b0031bb] {
    background-color: #383a3f
}

.project__dropdown[data-v-3b0031bb] {
    position: absolute;
    top: calc(100%+ 2px);
    right: -52px;
    z-index: 10;
    width: 250px
}

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

.assignees[data-v-18d6297a] {
    position: relative;
    width: max-content
}

.assignees__icon[data-v-18d6297a] {
    display: flex;
    justify-content: center;
    width: 24px;
    height: 24px;
    transition: background .2s ease;
    border-radius: 6px
}

.assignees__icon[data-v-18d6297a]:hover {
    background: #838fa714!important;
    box-shadow: unset
}

.assignees__icon.opened[data-v-18d6297a] {
    background: #fff;
    box-shadow: 0 1px 1px #0000000f, 0 4px 4px -1px #00000005
}

.dark .assignees__icon.opened[data-v-18d6297a] {
    background-color: #383a3f
}

.assignees__users[data-v-18d6297a] {
    height: 24px;
    padding: 0 4px;
    background: #fff;
    border-radius: 6px;
    box-shadow: 0 1px 1px #0000000f, 0 4px 4px -1px #00000005;
    transition: background .2s ease
}

.assignees__users[data-v-18d6297a]:hover {
    background: #838fa714!important;
    box-shadow: unset
}

.dark .assignees__users[data-v-18d6297a] {
    background-color: #383a3f
}

.assignees__dropdown[data-v-18d6297a] {
    position: absolute;
    top: calc(100%+ 2px);
    right: -26px;
    z-index: 10;
    width: 250px
}

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

.type[data-v-1de02538] {
    position: relative;
    width: max-content
}

.type__icon[data-v-1de02538] {
    display: flex;
    justify-content: center;
    width: 24px;
    height: 24px;
    background: #fff;
    transition: background .2s ease;
    border-radius: 6px;
    box-shadow: 0 1px 1px #0000000f, 0 4px 4px -1px #00000005
}

.type__icon[data-v-1de02538]:hover {
    background: #838fa714!important;
    box-shadow: unset
}

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

.type__dropdown[data-v-1de02538] {
    position: absolute;
    top: calc(100%+ 2px);
    right: 0;
    z-index: 10;
    width: 250px
}

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

.task-creating[data-v-d541b0c9] {
    border-radius: 8px;
    background-color: #e5e7ee
}

.task-creating.disabled[data-v-d541b0c9] {
    pointer-events: none
}

.dark .task-creating[data-v-d541b0c9] {
    background-color: #242629
}

.task-creating__wrapper[data-v-d541b0c9] {
    position: relative
}

.task-creating__input[data-v-d541b0c9] {
    position: absolute;
    height: max-content;
    min-height: 40px;
    padding: 10px 12px;
    overflow: hidden;
    color: #242629;
    background: unset;
    background-color: #fff;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border: 1.5px solid transparent;
    outline: none;
    border-radius: 8px;
    transition: border .2s ease
}

.task-creating__input[data-v-d541b0c9]::placeholder {
    color: #acb1c2;
    font-weight: 500;
    font-size: 12px;
    line-height: 16px
}

.task-creating__input[data-v-d541b0c9]:focus,
.filled .task-creating__input[data-v-d541b0c9] {
    border: 1.5px solid #93969F
}

.dark .task-creating__input[data-v-d541b0c9]:focus,
.dark .filled .task-creating__input[data-v-d541b0c9] {
    border: 1.5px solid #60636C
}

.dark .task-creating__input[data-v-d541b0c9] {
    color: #ddd;
    background-color: #242629
}

.task-creating__controls[data-v-d541b0c9] {
    display: grid;
    grid-template-columns: 1fr repeat(3, max-content);
    grid-column-gap: 2px;
    align-items: center;
    padding: 6px 6px 6px 12px;
    color: #93969f;
    font-weight: 500;
    font-size: 10px;
    line-height: 12px
}

.task-creating__limit[data-v-d541b0c9] {
    overflow: hidden;
    white-space: nowrap;
    color: #f42c2c;
    text-overflow: ellipsis;
    font-weight: 500;
    font-size: 10px;
    line-height: 12px
}

.d_ {
    display: grid;
    grid-auto-flow: row;
    grid-auto-rows: max-content
}

.e_ {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 19px;
    transition: .2s ease;
    border-radius: 4px
}

.e_:hover {
    background-color: #ededf5
}

.e_:active {
    background-color: #e5e7ee
}

.dark .e_:hover {
    background-color: #383a3f
}

.dark .e_:active {
    background-color: #242629
}

.f_ {
    opacity: .5;
    color: #000;
    text-align: center;
    font-weight: 400;
    font-size: 12px;
    line-height: 15px
}

.dark .f_ {
    color: #ddd
}

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

@keyframes loading-391d81db {
    0% {
        transform: translate(-100%) skew(-20deg)
    }
    to {
        transform: translate(290px) skew(-20deg)
    }
}

.loader-task[data-v-391d81db] {
    position: relative;
    display: flex;
    padding: 15px 20px;
    border-bottom: 1px solid #f9f9f9;
    border-radius: 5px;
    background: #fdfdfd;
    flex-direction: column
}

.loader-task[data-v-391d81db]:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    opacity: .5;
    display: block;
    width: 130px;
    height: 100%;
    background: linear-gradient(to right, transparent, #fff, transparent);
    animation: loading-391d81db 2s cubic-bezier(.55, .04, .04, .96) infinite
}

.dark .loader-task[data-v-391d81db] {
    border-bottom: 1px solid #242629;
    background: #383a3f
}

.dark .loader-task[data-v-391d81db]:before {
    background: linear-gradient(to right, transparent, #383A3F, transparent);
    animation: loading-391d81db 2s cubic-bezier(.55, .04, .04, .96) infinite
}

.dark .loader-task__img[data-v-391d81db],
.dark .loader-task__name[data-v-391d81db],
.dark .loader-task__text span[data-v-391d81db],
.dark .loader-task__text i[data-v-391d81db],
.dark .loader-task__text em[data-v-391d81db],
.dark .loader-task__text b[data-v-391d81db] {
    background: #2f3136
}

.loader-task__top[data-v-391d81db] {
    flex: 1 1 auto
}

.loader-task__bottom[data-v-391d81db] {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding-top: 10px
}

.loader-task__img[data-v-391d81db] {
    width: 20px;
    height: 20px;
    background: #f9f9f9;
    border-radius: 50%
}

.loader-task__name[data-v-391d81db] {
    width: 100px;
    height: 10px;
    margin-left: 10px;
    background: #f9f9f9;
    border-radius: 5px
}

.loader-task__text[data-v-391d81db] {
    display: flex;
    margin: 0 -5px;
    padding: 5px 0;
    flex-wrap: wrap
}

.loader-task__text span[data-v-391d81db],
.loader-task__text i[data-v-391d81db],
.loader-task__text em[data-v-391d81db],
.loader-task__text b[data-v-391d81db] {
    display: block;
    height: 10px;
    margin: 0 5px;
    background: #f9f9f9;
    border-radius: 5px
}

.loader-task__text b[data-v-391d81db] {
    flex: 1 1 20%
}

.loader-task__text span[data-v-391d81db] {
    flex: 1 1 30%
}

.loader-task__text em[data-v-391d81db] {
    flex: 1 1 45%
}

.loader-task__text i[data-v-391d81db] {
    flex: 1 1 10%
}

.c_ {
    display: grid;
    grid-auto-flow: row;
    grid-auto-rows: max-content;
    grid-row-gap: 4px;
    overflow: hidden
}

.s_ {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 20px;
    padding: 3.5px 4px;
    border-radius: 4px;
    color: #ff4d4f;
    background-color: #fff5f5;
    letter-spacing: .3px;
    font-weight: 500;
    font-size: 10px;
    line-height: 100%
}

.dark .s_ {
    background-color: #60636c
}

.C_ {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 20px;
    height: 20px;
    background-color: #f8f8fb;
    border-radius: 4px;
    transition: all .2s ease-in-out
}

.C_.D_ {
    border: 1px solid #E5E7EE
}

.C_:hover {
    background-color: #e5e7ee
}

.dark .C_ {
    background-color: #60636c
}

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

.properties[data-v-5ff75495] {
    display: flex;
    gap: 5px;
    align-items: center
}

.properties__dependency.blocking[data-v-5ff75495] {
    background-color: #fff5f5
}

.properties__dependency.blocking[data-v-5ff75495] path {
    fill: #ff8a8a
}

.properties__dependency.awaiting[data-v-5ff75495] {
    background-color: #fff9ed
}

.properties__dependency.awaiting[data-v-5ff75495] path {
    fill: #ffce70
}

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

.link[data-v-12e38999] {
    display: flex;
    gap: 4px;
    align-items: center;
    width: fit-content;
    height: 20px;
    padding: 0 4px;
    color: #93969f;
    transition: background .2s ease;
    border-radius: 4px
}

.link[data-v-12e38999]:hover {
    background: #838fa714
}

.link[data-v-12e38999]:active {
    background: #838fa729
}

.link.with-background[data-v-12e38999] {
    background-color: #f5f5fa
}

.link.with-background[data-v-12e38999]:hover {
    background-color: #e5e7ee
}

.link.bordered[data-v-12e38999] {
    border: 1px solid #E5E7EE
}

.dark .link.bordered[data-v-12e38999] {
    border-color: #2a2a2a
}

.dark .link[data-v-12e38999] {
    color: #ddd
}

.dark .link[data-v-12e38999]:hover {
    background: #242629
}

.dark .link[data-v-12e38999]:active {
    background: #202225
}

.dark .link.with-background[data-v-12e38999] {
    background-color: #60636c
}

.U {
    display: flex;
    gap: 8px;
    justify-content: space-between;
    align-items: center;
    padding: 0 10px 5px
}

.V {
    display: flex;
    gap: 5px;
    align-items: center
}

.W {
    font-weight: 500;
    font-size: 10px;
    line-height: 100%
}

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

.breadcrumbs[data-v-cbeb5d46] {
    display: flex;
    align-items: center;
    width: 100%;
    margin-bottom: 5px;
    overflow: hidden;
    font-size: 10px;
    white-space: nowrap
}

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

.breadcrumb[data-v-2972bce3] {
    margin-right: 4px
}

.breadcrumb__step[data-v-2972bce3] {
    display: flex;
    align-items: center;
    overflow: hidden
}

.breadcrumb:not(:last-child) .breadcrumb__step[data-v-2972bce3]:after {
    content: ">";
    margin-left: 3px
}

.breadcrumb__label[data-v-2972bce3] {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis
}

.breadcrumb__content[data-v-2972bce3] {
    position: fixed;
    z-index: 100;
    padding-bottom: 4px;
    transform: translateY(-100%)
}

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

.locations__breadcrumb.first[data-v-ad69f4be] {
    margin-right: 3px
}

.locations__breadcrumb.first[data-v-ad69f4be] .breadcrumb__step:after {
    content: unset
}

.locations__step[data-v-ad69f4be] {
    display: flex;
    align-items: center;
    overflow: hidden
}

.locations__label[data-v-ad69f4be] {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis
}

.locations__information[data-v-ad69f4be] {
    width: 280px;
    height: max-content;
    padding: 4px 0;
    max-width: 320px;
    overflow-y: auto;
    max-height: 320px;
    scrollbar-gutter: stable
}

.locations__items[data-v-ad69f4be] {
    display: grid;
    grid-auto-flow: row;
    grid-auto-rows: max-content;
    padding: 0 4px
}

.locations__project[data-v-ad69f4be] {
    display: grid;
    grid-template-columns: max-content 1fr;
    grid-column-gap: 8px;
    align-items: center;
    height: 32px;
    padding: 0 12px;
    transition: background-color .2s ease;
    text-decoration: unset;
    border-radius: 4px
}

.locations__project[data-v-ad69f4be]:hover {
    background-color: #f8f8f8
}

.dark .locations__project[data-v-ad69f4be]:hover {
    color: #ddd;
    background-color: #202225
}

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

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

.z_ {
    overflow: hidden;
    font-size: 10px
}

.z_:nth-child(3) {
    opacity: .33
}

.A_ {
    display: flex;
    align-items: center;
    overflow: hidden
}

.B_ {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis
}

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

.complete[data-v-e0eddfd3] {
    flex: none;
    display: flex;
    align-items: center
}

.complete[data-v-e0eddfd3] path {
    transition: all .2s ease-in-out
}

.complete.disabled[data-v-e0eddfd3] {
    pointer-events: none
}

.complete[data-v-e0eddfd3] path:nth-child(2) {
    opacity: 0
}

.complete[data-v-e0eddfd3]:hover path {
    fill: #cacad2
}

.complete[data-v-e0eddfd3]:hover path:nth-child(2) {
    opacity: 1
}

.complete[data-v-e0eddfd3]:hover path:nth-child(2),
.complete.completed[data-v-e0eddfd3] path:nth-child(2) {
    opacity: 1
}

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

.stopwatch[data-v-2131dbdf] {
    display: flex;
    gap: 4px;
    align-items: center;
    width: 100%;
    height: 36px;
    padding: 0 16px 0 12px;
    border-radius: 8px;
    transition: background .2s ease;
    font-weight: 500;
    font-size: 14px;
    line-height: 17px
}

.stopwatch.disabled[data-v-2131dbdf] {
    pointer-events: none
}

.stopwatch.start[data-v-2131dbdf] {
    justify-content: space-between;
    color: #60636c;
    background: #ededf5
}

.stopwatch.started[data-v-2131dbdf] {
    color: #ff9417;
    background: #ff94171a;
    border: 1px solid #ff9417
}

.stopwatch.small[data-v-2131dbdf] {
    font-weight: 500;
    font-size: 10px;
    line-height: 12px;
    height: 24px;
    padding: 0 6px;
    border-radius: 4px
}

.stopwatch.small[data-v-2131dbdf] .user-avatar {
    width: 18px!important;
    height: 18px!important
}

.stopwatch.small[data-v-2131dbdf] .avatars-image__content {
    width: 18px!important;
    min-width: 18px!important;
    height: 18px!important;
    min-height: 18px!important
}

.stopwatch.small[data-v-2131dbdf] svg {
    width: 16px!important;
    height: 16px!important
}

.stopwatch:hover.start[data-v-2131dbdf] {
    background: linear-gradient(0deg, #838fa714, #838fa714), #ededf5
}

.stopwatch:active.start[data-v-2131dbdf] {
    background: linear-gradient(0deg, #838fa729, #838fa729), #ededf5
}

.dark .stopwatch.start[data-v-2131dbdf] {
    color: #ddd;
    background: #2f3136
}

.dark .stopwatch.start[data-v-2131dbdf]:hover {
    background: #242629
}

.dark .stopwatch.start[data-v-2131dbdf]:active {
    background: #202225
}

.stopwatch__left[data-v-2131dbdf] {
    display: flex;
    gap: 4px;
    align-items: center;
    white-space: nowrap
}

.stopwatch__text[data-v-2131dbdf] {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    text-align: left;
    min-width: 65px;
    margin-right: 4px
}

.small .stopwatch__text[data-v-2131dbdf] {
    min-width: 50px
}

.stopwatch__estimate-duration[data-v-2131dbdf] {
    font-weight: 300;
    font-size: 10px;
    line-height: 100%;
    white-space: nowrap
}

.l_ {
    opacity: 0;
    transition: .3s ease-in-out
}

.l_.m_ {
    opacity: 1
}

.l_.n_ {
    pointer-events: none
}

.o_ {
    display: flex;
    align-items: center;
    height: 24px;
    color: #a5a8b3;
    font-weight: 400;
    font-size: 10px;
    line-height: 12px
}

.dark .o_ {
    color: #ddd
}

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

.q_ {
    position: fixed;
    z-index: 1000
}

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

.select[data-v-13452489] {
    position: relative;
    opacity: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: .3s ease-in-out
}

.select.disabled[data-v-13452489] {
    pointer-events: none
}

.select.visible[data-v-13452489] {
    opacity: 1
}

.select__button[data-v-13452489] {
    display: flex;
    align-items: center
}

.select__dropdown[data-v-13452489] {
    position: fixed;
    z-index: 2000;
    width: 240px;
    max-height: 260px
}

.r_ {
    display: flex;
    gap: 5px;
    align-items: center
}

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

.content[data-v-79081959] {
    display: flex;
    gap: 5px;
    padding: 0 10px 12px;
    flex-direction: column
}

.content__cover[data-v-79081959] {
    pointer-events: none;
    display: flex;
    justify-content: center;
    align-items: center;
    max-height: 94px;
    border-radius: 4px;
    overflow: hidden
}

.content__cover img[data-v-79081959] {
    display: block;
    width: 100%
}

.content__row[data-v-79081959] {
    position: relative;
    display: flex;
    gap: 8px;
    justify-content: space-between;
    align-items: center
}

.content__bottom[data-v-79081959] {
    display: flex;
    gap: 8px;
    flex-direction: column;
    margin-top: 11px
}

.content__column[data-v-79081959] {
    display: flex;
    gap: 5px;
    align-items: center
}

.content__title[data-v-79081959] {
    word-break: normal;
    overflow-wrap: anywhere;
    font-weight: 400;
    font-size: 13px;
    line-height: 14px
}

.completed .content__title[data-v-79081959] {
    text-decoration: line-through
}

.content__title.empty[data-v-79081959] {
    font-weight: 300;
    color: #aeaeae
}

.content.short .content__title[data-v-79081959] {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.dark .content__title[data-v-79081959] {
    color: #ddd
}

.content__breadcrumbs[data-v-79081959] {
    position: relative;
    pointer-events: all;
    display: grid
}

.content__duration[data-v-79081959] {
    font-weight: 300;
    font-size: 10px;
    line-height: 100%;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    height: 24px;
    white-space: nowrap;
    color: #60636c
}

.dark .content__duration[data-v-79081959] {
    color: #acb1c2
}

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

.value[data-v-3362c740] {
    margin: 0;
    padding: 0;
    word-break: break-all;
    color: #acb1c2;
    font-weight: 400;
    font-size: 12px;
    line-height: 12px
}

.dark .value[data-v-3362c740] {
    color: #ddd
}

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

.value[data-v-f079dbc5] {
    display: grid;
    grid-template-columns: max-content 1fr;
    grid-column-gap: 8px;
    align-items: center;
    word-break: break-all;
    color: #acb1c2;
    font-weight: 400;
    font-size: 12px;
    line-height: 12px
}

.value__checkbox[data-v-f079dbc5],
.value__switch[data-v-f079dbc5] {
    pointer-events: none
}

.value__text[data-v-f079dbc5] {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

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

.value[data-v-b33ae118] {
    margin: 0;
    padding: 0;
    word-break: break-all;
    color: #acb1c2;
    font-weight: 400;
    font-size: 12px;
    line-height: 12px
}

.dark .value[data-v-b33ae118] {
    color: #ddd
}

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

.value[data-v-9d110a63] {
    word-break: break-all;
    color: #acb1c2;
    font-weight: 400;
    font-size: 12px;
    line-height: 12px
}

.dark .value[data-v-9d110a63] {
    color: #ddd
}

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

.values[data-v-4801a08e] {
    display: flex;
    flex-wrap: wrap;
    margin: -4px
}

.values__value[data-v-4801a08e] {
    margin: 4px
}

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

.company[data-v-60be45fb] {
    display: flex;
    align-items: center
}

.company__wrap[data-v-60be45fb] {
    display: flex;
    gap: 8px;
    align-items: center;
    overflow: hidden;
    max-width: 200px
}

.company__wrap[data-v-60be45fb]:not(:first-child) {
    margin-left: -5px
}

.company__avatar[data-v-60be45fb] {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%
}

.company__avatar[data-v-60be45fb] .avatars-image__content {
    border: 1px solid #fff
}

.dark .company__avatar[data-v-60be45fb] .avatars-image__content {
    border-color: #2f3136
}

.company__name[data-v-60be45fb] {
    font-weight: 400;
    font-size: 12px;
    line-height: 12px;
    overflow: hidden;
    white-space: nowrap;
    color: #acb1c2;
    text-overflow: ellipsis
}

.dark .company__name[data-v-60be45fb] {
    color: #ddd
}

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

.contact[data-v-69572ed9] {
    display: flex;
    align-items: center
}

.contact__wrap[data-v-69572ed9] {
    display: flex;
    gap: 8px;
    align-items: center;
    overflow: hidden;
    max-width: 100%
}

.contact__wrap[data-v-69572ed9]:not(:first-child) {
    margin-left: -5px
}

.contact__avatar[data-v-69572ed9] {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%
}

.contact__avatar[data-v-69572ed9] .avatars-image__content {
    border: 1px solid #fff
}

.dark .contact__avatar[data-v-69572ed9] .avatars-image__content {
    border-color: #2f3136
}

.contact__name[data-v-69572ed9] {
    font-weight: 400;
    font-size: 12px;
    line-height: 12px;
    overflow: hidden;
    white-space: nowrap;
    color: #acb1c2;
    text-overflow: ellipsis
}

.dark .contact__name[data-v-69572ed9] {
    color: #ddd
}

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

.value[data-v-7366f88e] {
    word-break: break-all;
    color: #acb1c2;
    font-weight: 400;
    font-size: 12px;
    line-height: 12px
}

.dark .value[data-v-7366f88e] {
    color: #ddd
}

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

.value.disabled[data-v-98393191] {
    pointer-events: none
}

.value__item[data-v-98393191] {
    font-weight: 400;
    font-size: 12px;
    line-height: 120%;
    display: flex;
    gap: 4px;
    justify-content: space-between;
    align-items: center;
    color: #60636c
}

.value__user[data-v-98393191] {
    display: flex;
    gap: 4px;
    align-items: center
}

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

.custom-fields[data-v-e482596e] {
    display: grid;
    grid-auto-flow: row;
    grid-auto-rows: max-content;
    padding: 12px 10px;
    border-top: 1px solid #EDEDF5
}

.dark .custom-fields[data-v-e482596e] {
    border-color: #2a2a2a
}

.custom-fields__item[data-v-e482596e] {
    display: grid;
    grid-template-columns: 80px 1fr;
    grid-column-gap: 8px;
    align-items: center;
    padding: 5px 0;
    overflow: hidden
}

.custom-fields__item.multiple[data-v-e482596e] {
    display: flex;
    gap: 4px;
    align-items: flex-start;
    flex-direction: column
}

.custom-fields__value[data-v-e482596e]:not(.multiple .custom-fields__value) {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.custom-fields__text[data-v-e482596e] {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #acb1c2;
    font-weight: 500;
    font-size: 10px;
    line-height: 100%
}

.dark .custom-fields__text[data-v-e482596e] {
    color: #ddd
}

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

.subtask[data-v-f756c601] {
    display: flex;
    margin: 5px 0
}

.subtask.disabled[data-v-f756c601] {
    pointer-events: none;
    opacity: 1
}

.subtask[data-v-f756c601]:not(.disabled) .subtask__icon {
    opacity: .6;
    transition: all .2s ease-in-out
}

.dark .subtask[data-v-f756c601] {
    color: #a6a7b3
}

.subtask__icon[data-v-f756c601] {
    margin-right: 8px
}

.subtask__title[data-v-f756c601],
.subtask__untitled[data-v-f756c601] {
    margin-top: 2px;
    font-size: 13px;
    word-break: normal;
    overflow-wrap: anywhere;
    color: #242629
}

.subtask_completed .subtask__title[data-v-f756c601],
.subtask_completed .subtask__untitled[data-v-f756c601] {
    text-decoration: line-through;
    opacity: .6
}

.dark .subtask_completed .subtask__title[data-v-f756c601],
.dark .subtask_completed .subtask__untitled[data-v-f756c601],
.dark .subtask__title[data-v-f756c601],
.dark .subtask__untitled[data-v-f756c601] {
    color: #ddd
}

.subtask__untitled[data-v-f756c601] {
    opacity: .6
}

.X {
    width: 100%;
    height: 3px;
    background: #e5e7ee;
    border-radius: 30px
}

.dark .X {
    background: #2a2b30
}

.Y {
    height: 3px;
    border-radius: 30px;
    background: var(--color-scheme-active);
    transition: .4s
}

.Z {
    padding: 6px 0 0
}

.__ {
    display: flex;
    gap: 8px;
    align-items: center;
    padding: 2px 4px;
    transition: all .2s ease-in-out;
    border-radius: 4px
}

.__:hover {
    background-color: #f8f8fb
}

.dark .__:hover {
    background-color: #2f3136
}

.-_ {
    color: #acb1c2;
    font-weight: 500;
    font-size: 12px;
    line-height: 14px
}

.a_ {
    flex: none
}

.T {
    display: flex;
    flex-wrap: wrap;
    gap: 8px
}

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

.task[data-v-bcc95d74] {
    position: relative;
    display: flex;
    padding-top: 12px;
    background-color: #fff;
    cursor: pointer;
    border: 1px solid transparent;
    border-radius: 5px;
    flex-direction: column;
    transition: .2s ease-in-out
}

.task[data-v-bcc95d74]:hover,
.task.hover[data-v-bcc95d74] {
    border-color: #cacad2;
    box-shadow: 0 2px #cacad2
}

.dark .task[data-v-bcc95d74]:hover,
.dark .task.hover[data-v-bcc95d74] {
    border-color: #2a2a2a;
    box-shadow: 0 2px #2a2a2a
}

.task.task_hovered-light-0.hover[data-v-bcc95d74],
.task.task_hovered-light-0[data-v-bcc95d74]:hover,
.task.task_hovered-dark-0.hover[data-v-bcc95d74],
.task.task_hovered-dark-0[data-v-bcc95d74]:hover {
    border-color: #b7ddaa!important;
    box-shadow: 0 2px #b7ddaa!important
}

.task.task_hovered-light-1.hover[data-v-bcc95d74],
.task.task_hovered-light-1[data-v-bcc95d74]:hover,
.task.task_hovered-dark-1.hover[data-v-bcc95d74],
.task.task_hovered-dark-1[data-v-bcc95d74]:hover {
    border-color: #ffdb20!important;
    box-shadow: 0 2px #ffdb20!important
}

.task.task_hovered-light-2.hover[data-v-bcc95d74],
.task.task_hovered-light-2[data-v-bcc95d74]:hover,
.task.task_hovered-dark-2.hover[data-v-bcc95d74],
.task.task_hovered-dark-2[data-v-bcc95d74]:hover {
    border-color: #ffa2a2!important;
    box-shadow: 0 2px #ffa2a2!important
}

.task.task_hovered-light-3.hover[data-v-bcc95d74],
.task.task_hovered-light-3[data-v-bcc95d74]:hover,
.task.task_hovered-dark-3.hover[data-v-bcc95d74],
.task.task_hovered-dark-3[data-v-bcc95d74]:hover {
    border-color: #60b3ff!important;
    box-shadow: 0 2px #60b3ff!important
}

.dark .task[data-v-bcc95d74] {
    background-color: #383a3f
}

.task.selected[data-v-bcc95d74] {
    border-color: var(--color-scheme-active)!important
}

.task.selected .hidden-element[data-v-bcc95d74] {
    opacity: 1
}

.task.selected[data-v-bcc95d74]:hover {
    box-shadow: 0 2px 0 0 var(--color-scheme-active)!important
}

.task.dragging[data-v-bcc95d74] {
    z-index: 0!important;
    box-shadow: unset!important;
    transform: unset!important
}

.task.completed[data-v-bcc95d74] {
    opacity: .6;
    cursor: pointer;
    border: 1px solid #E5E7EE
}

.task.completed:hover .hidden-element[data-v-bcc95d74] {
    opacity: 0
}

.dark .task.completed[data-v-bcc95d74] {
    color: #656565;
    background-color: #2b2d31
}

.task.template[data-v-bcc95d74] {
    pointer-events: none;
    opacity: .7
}

.task.readonly[data-v-bcc95d74] {
    pointer-events: none
}

.dark .task[data-v-bcc95d74] {
    border-color: transparent
}

.task__mark[data-v-bcc95d74] {
    content: "";
    position: absolute;
    top: 0;
    right: 12px;
    width: 24px;
    height: 4px;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
    transition: .2s ease-in-out
}

.task__bottom[data-v-bcc95d74] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 4px 10px 12px
}

.task__custom-fields.bordered[data-v-bcc95d74] {
    padding: 12px 10px;
    border-bottom: 1px solid #EDEDF5
}

.dark .task__custom-fields.bordered[data-v-bcc95d74] {
    border-color: #2a2a2a
}

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

.task-sorting-item.sorting-top[data-v-defa73dd]:before {
    content: "";
    position: absolute;
    top: -4px;
    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;
    transition: .1s ease-in
}

.task-sorting-item.sorting-into[data-v-defa73dd]:before {
    content: "";
    position: absolute;
    top: 0;
    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;
    transition: .1s ease-in
}

.task-sorting-item.sorting-bottom[data-v-defa73dd]:before {
    content: "";
    position: absolute;
    right: 2px;
    bottom: -4.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;
    transition: .1s ease-in
}

.other[data-v-defa73dd] {
    display: grid;
    grid-auto-flow: row;
    grid-auto-rows: max-content;
    grid-row-gap: 4px;
    padding: 4px 0
}

.other__task[data-v-defa73dd] {
    position: relative
}

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

.task-sorting-item.sorting-top[data-v-13ea244e]:before {
    content: "";
    position: absolute;
    top: -4px;
    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;
    transition: .1s ease-in
}

.task-sorting-item.sorting-into[data-v-13ea244e]:before {
    content: "";
    position: absolute;
    top: 0;
    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;
    transition: .1s ease-in
}

.task-sorting-item.sorting-bottom[data-v-13ea244e]:before {
    content: "";
    position: absolute;
    right: 2px;
    bottom: -4.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;
    transition: .1s ease-in
}

.with-times__tasks[data-v-13ea244e] {
    display: grid;
    grid-auto-flow: row;
    grid-auto-rows: max-content;
    grid-row-gap: 4px;
    padding: 4px 0
}

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

.repeatable__tasks[data-v-224bd95e] {
    display: grid;
    grid-auto-flow: row;
    grid-auto-rows: max-content;
    grid-row-gap: 4px;
    padding: 4px 0
}

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

.task-sorting-item.sorting-top[data-v-61d1d514]:before {
    content: "";
    position: absolute;
    top: -4px;
    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;
    transition: .1s ease-in
}

.task-sorting-item.sorting-into[data-v-61d1d514]:before {
    content: "";
    position: absolute;
    top: 0;
    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;
    transition: .1s ease-in
}

.task-sorting-item.sorting-bottom[data-v-61d1d514]:before {
    content: "";
    position: absolute;
    right: 2px;
    bottom: -4.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;
    transition: .1s ease-in
}

.tasks[data-v-61d1d514] {
    position: relative;
    display: grid;
    grid-template-rows: 1fr;
    overflow: hidden
}

.tasks__sorting[data-v-61d1d514] {
    display: grid;
    grid-template-rows: max-content 1fr;
    padding: 3px;
    overflow-y: auto
}

.tasks__sorting[data-v-61d1d514]::-webkit-scrollbar {
    width: 3px
}

.tasks__sorting[data-v-61d1d514]::-webkit-scrollbar-track {
    background-color: #e5e7ee;
    border-radius: 30px
}

.tasks__sorting[data-v-61d1d514]::-webkit-scrollbar-thumb {
    background: #cacad2;
    border: none
}

.dark .tasks__sorting[data-v-61d1d514]::-webkit-scrollbar-track {
    background-color: #93969f
}

.dark .tasks__sorting[data-v-61d1d514]::-webkit-scrollbar-thumb {
    background: #60636c
}

.tasks__loadable[data-v-61d1d514] {
    padding: 4px 0
}

.tasks__group[data-v-61d1d514],
.tasks__repeatable[data-v-61d1d514] {
    margin-bottom: 4px
}

.tasks__drag-and-drop-empty[data-v-61d1d514] {
    position: relative;
    margin: -3px 1px 0
}

.q {
    display: grid;
    grid-template-rows: repeat(2, max-content) 1fr;
    width: 276px;
    overflow: hidden
}

.r {
    margin-bottom: 5px;
    margin-left: 3px;
    max-width: 270px
}

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

.delete-modal[data-v-00f7499f]:focus-visible {
    outline: unset
}

.delete-modal__checkbox[data-v-00f7499f] {
    margin-bottom: 20px
}

.delete-modal__description[data-v-00f7499f] {
    margin-bottom: 24px;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: 400;
    font-size: 14px;
    line-height: 125%
}

.dark .delete-modal__description[data-v-00f7499f] {
    color: #ddd
}

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

.deleting[data-v-5ddb9e9b] {
    position: absolute;
    bottom: 20px;
    z-index: 5;
    display: flex;
    justify-content: center;
    width: 100%
}

.deleting__container[data-v-5ddb9e9b] {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 354px;
    height: 40px;
    min-height: 40px!important;
    color: #848484;
    background-color: #ffffffe6;
    transition: border-color .2s ease;
    border: 1px dashed #cbcbcb;
    border-radius: 4px;
    column-gap: 10px;
    box-shadow: 0 0 13px #3030301a;
    font-weight: 400;
    font-size: 14px;
    line-height: 17px
}

.deleting__container_hover[data-v-5ddb9e9b] {
    color: var(--color-scheme-active);
    border-color: var(--color-scheme-active)
}

.dark .deleting__container[data-v-5ddb9e9b] {
    background-color: #242629
}

.deleting__task-deleted[data-v-5ddb9e9b] {
    opacity: 0!important;
    display: none!important;
    transition: none!important
}

.deleting__text[data-v-5ddb9e9b] {
    transform: none!important
}

.s {
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: max-content;
    grid-column-gap: 6px;
    height: 100%;
    padding-bottom: 10px
}

.m {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 100%
}

.n {
    position: absolute;
    width: 100%;
    height: 100%
}

.dark .n {
    background-color: #2f3136
}

.o {
    position: absolute;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    background-color: #f8f8fb
}

.o.p {
    opacity: .5
}

.dark .o {
    background-color: #2f3136
}

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

.tasks-backlog-controls[data-v-f7b71689] {
    pointer-events: none;
    opacity: 0;
    display: flex;
    width: 74px;
    height: 40px;
    padding: 8px;
    background-color: #fff;
    transition: opacity .1s ease;
    border-radius: 4px;
    box-shadow: 0 4px 13px #3030301a;
    transform: translateZ(0)
}

.tasks-backlog-controls.mounted[data-v-f7b71689] {
    pointer-events: all;
    opacity: 1
}

.tasks-backlog-controls.margin-left-transition[data-v-f7b71689] {
    transition: margin-left .3s ease-in-out
}

.tasks-backlog-controls.hidden[data-v-f7b71689] {
    pointer-events: none;
    opacity: 0
}

.dark .tasks-backlog-controls[data-v-f7b71689] {
    background-color: #242629
}

.tasks-backlog-controls__icon-trash[data-v-f7b71689] {
    margin-right: 10px
}

.tasks-backlog-controls__icon-idea[data-v-f7b71689] {
    margin-right: 6px
}

.tasks-backlog-controls__icon-menu-dot[data-v-f7b71689] {
    transform: rotate(90deg)
}

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

.backlog-controls-preview-positions[data-v-707dcc6e] {
    position: absolute;
    top: 0;
    right: 1px;
    bottom: 0;
    left: 1px;
    z-index: -1;
    display: flex;
    justify-content: space-between
}

.backlog-controls-preview-positions__item[data-v-707dcc6e] {
    z-index: 5;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 74px;
    height: 100%;
    color: #848484;
    background: #dedede4d;
    transition: all .3s ease;
    border: 1px dashed #939393;
    border-radius: 4px;
    box-shadow: 0 0 13px #3030301a;
    font-weight: 400;
    font-size: 14px;
    line-height: 16px
}

.dark .backlog-controls-preview-positions__item[data-v-707dcc6e] {
    background: #dedede1a
}

.backlog-controls-preview-positions__item.active[data-v-707dcc6e] {
    color: var(--color-scheme-active);
    border-color: var(--color-scheme-active);
    box-shadow: 0 0 13px rgb(var(--color-scheme-active-rgb) .2)
}

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

.backlog-dropdown[data-v-416c0f50] {
    position: absolute;
    bottom: 50px;
    pointer-events: all;
    display: flex;
    width: 266px;
    overflow: hidden;
    background-color: #fff;
    border: 1px solid transparent;
    border-radius: 4px;
    flex-direction: column;
    box-shadow: 0 0 16px #0000001a
}

.backlog-dropdown.left[data-v-416c0f50] {
    right: -170px
}

.backlog-dropdown.center[data-v-416c0f50] {
    right: -90px
}

.backlog-dropdown.right[data-v-416c0f50] {
    right: 0
}

.backlog-dropdown.drag-bg[data-v-416c0f50] {
    background-color: #f8f8fb
}

.dark .backlog-dropdown[data-v-416c0f50] {
    background-color: #242629;
    border-color: #2a2a2a
}

.dark .backlog-dropdown.drag-bg[data-v-416c0f50] {
    background-color: #242629
}

.backlog-dropdown__header[data-v-416c0f50] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 12px 12px 10px
}

.backlog-dropdown__title[data-v-416c0f50] {
    font-weight: 700;
    font-size: 16px;
    line-height: 19px
}

.dark .backlog-dropdown__title[data-v-416c0f50] {
    color: #ddd
}

.backlog-dropdown__description[data-v-416c0f50] {
    padding: 0 12px 10px;
    font-weight: 300;
    font-size: 12px;
    line-height: 14px
}

.dark .backlog-dropdown__description[data-v-416c0f50] {
    color: #ddd
}

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

.avatars[data-v-6c719f1b] {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: .3s ease-in-out;
    cursor: pointer
}

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

.attributes[data-v-12163f0a] {
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: max-content;
    grid-column-gap: 6px;
    align-items: center
}

.attributes__button[data-v-12163f0a] {
    display: flex
}

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

.type[data-v-02545592] {
    position: absolute;
    right: 0;
    left: 0;
    z-index: 10
}

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

.assignees[data-v-9f9f7f07] {
    position: absolute;
    right: 0;
    left: 0;
    z-index: 10
}

.assignees__tags[data-v-9f9f7f07] {
    min-height: 40px;
    max-height: 120px
}

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

.project[data-v-e46c9d37] {
    position: absolute;
    right: 0;
    left: 0;
    z-index: 10
}

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

.creating[data-v-002f927a] {
    position: relative;
    z-index: 1;
    min-height: 40px;
    cursor: text
}

.creating[data-v-002f927a] .dropdown-item__text {
    width: 100%
}

.creating__wrapper[data-v-002f927a] {
    position: absolute;
    right: 0;
    left: 0;
    z-index: 10;
    padding: 14px 8px;
    background-color: #fff;
    border-radius: 6px;
    box-shadow: 0 4px 13px #3030301a;
    transition: box-shadow .2s ease
}

.empty .creating__wrapper[data-v-002f927a] {
    max-height: 40px;
    box-shadow: unset
}

.dark .creating__wrapper[data-v-002f927a] {
    background-color: #242629
}

.creating__textarea[data-v-002f927a] {
    padding: 0;
    font-weight: 400;
    font-size: 12px;
    line-height: 14px;
    overflow: hidden;
    color: #202430;
    background: transparent;
    transition: none;
    border: none;
    outline: none
}

.creating__textarea[data-v-002f927a]:placeholder {
    font-weight: 500;
    font-size: 12px;
    line-height: 14px;
    color: #cacad2
}

.dark .creating__textarea[data-v-002f927a] {
    color: #ddd
}

.creating__footer[data-v-002f927a] {
    display: grid;
    grid-template-columns: 20px 1fr max-content;
    grid-column-gap: 8px;
    align-items: center;
    margin-top: 14px
}

.creating__length[data-v-002f927a] {
    font-weight: 500;
    font-size: 8px;
    line-height: 8px;
    color: #acb1c2
}

.dark .creating__length[data-v-002f927a] {
    color: #ddd
}

.creating__press-enter[data-v-002f927a] {
    display: grid;
    grid-template-columns: repeat(2, max-content);
    grid-column-gap: 4px;
    align-items: center;
    font-weight: 500;
    font-size: 8px;
    line-height: 12px;
    color: #acb1c2
}

.dark .creating__press-enter[data-v-002f927a] {
    color: #ddd
}

.creating__icon-plus[data-v-002f927a] {
    position: absolute;
    top: 12px;
    right: 12px
}

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

.task-sorting-item.sorting-top[data-v-110eef2f]:before {
    content: "";
    position: absolute;
    top: -4px;
    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;
    transition: .1s ease-in
}

.task-sorting-item.sorting-into[data-v-110eef2f]:before {
    content: "";
    position: absolute;
    top: 0;
    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;
    transition: .1s ease-in
}

.task-sorting-item.sorting-bottom[data-v-110eef2f]:before {
    content: "";
    position: absolute;
    right: 2px;
    bottom: -4.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;
    transition: .1s ease-in
}

.trash-tasks-dropdown__search[data-v-110eef2f] {
    margin: 0 4px 15px
}

.trash-tasks-dropdown__preview[data-v-110eef2f] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    margin: 4px;
    font-weight: 300;
    font-size: 14px;
    line-height: 14px;
    text-align: center
}

.dark .trash-tasks-dropdown__preview[data-v-110eef2f] {
    color: #ddd
}

.trash-tasks-dropdown__wrap[data-v-110eef2f] {
    position: relative;
    display: grid;
    overflow: hidden auto
}

.trash-tasks-dropdown__drag-container[data-v-110eef2f] {
    display: flex;
    height: 100%;
    min-height: 100%!important;
    padding: 6px 0;
    transition: all .3s ease;
    flex-direction: column
}

.trash-tasks-dropdown__empty[data-v-110eef2f] {
    flex: 1
}

.trash-tasks-dropdown__task[data-v-110eef2f] {
    margin: 1px 4px 3px;
    border: 1px solid #f0f0f0!important
}

.dark .trash-tasks-dropdown__task[data-v-110eef2f] {
    border-color: #2a2a2a!important
}

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

.tasks-backlog[data-v-92f4746d] {
    position: absolute;
    right: 20px;
    bottom: 20px;
    left: 20px;
    z-index: 5;
    pointer-events: none
}

.tasks-backlog__wrapper[data-v-92f4746d] {
    position: relative;
    width: max-content
}

.fade-enter-active[data-v-92f4746d] {
    transition: opacity .3s ease-in-out
}

.fade-leave-active[data-v-92f4746d] {
    transition: opacity .8s ease
}

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

.f {
    position: relative;
    flex: 1 1 auto;
    display: flex;
    overflow: hidden
}

.g {
    flex: 1 1 auto;
    display: flex;
    width: 100%;
    padding: 0 10px;
    overflow: hidden;
    max-height: calc(100vh - 119px);
    overflow-x: auto;
    flex-direction: column
}

.h {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%
}

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

.project-wrapper[data-v-49a23f9c] {
    flex: 1 1 auto;
    display: flex;
    overflow: hidden;
    flex-direction: column
}

.project-wrapper__body[data-v-49a23f9c] {
    position: relative;
    flex: 1 1 auto;
    display: flex;
    overflow: hidden
}

.project-wrapper__error[data-v-49a23f9c] {
    flex: 1 1 auto;
    display: flex;
    justify-content: center;
    align-items: center
}

.project-wrapper__error-box[data-v-49a23f9c] {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    min-height: 225px;
    padding: 30px;
    background-color: #fff;
    max-width: 616px;
    border-radius: 4px;
    text-align: center;
    flex-direction: column;
    box-shadow: 0 2px 9px #cfcfcf8a
}

.project-wrapper__error-name[data-v-49a23f9c] {
    font-weight: 700
}

.project-wrapper__error-description[data-v-49a23f9c] {
    margin: 8px 0 20px;
    font-size: .875rem;
    line-height: 1.4em;
    color: #bebebe;
    max-width: 250px
}

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

.column[data-v-c123392b] {
    position: relative;
    display: flex;
    gap: 4px;
    justify-content: space-between;
    align-items: center;
    white-space: nowrap;
    transition: background-color .2s ease;
    cursor: pointer
}

.column[data-v-c123392b]:nth-child(1) {
    padding-left: 22px;
    background-color: #fff
}

.dark .column[data-v-c123392b]:nth-child(1) {
    background-color: #242629
}

.column__wrapper[data-v-c123392b] {
    display: flex;
    gap: 4px;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    height: 28px;
    padding: 0 8px;
    transition: background-color .2s ease;
    border-radius: 4px
}

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

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

.column__name[data-v-c123392b] {
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    overflow: hidden;
    text-overflow: ellipsis
}

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

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

.column.resizing .column__resize-wrapper[data-v-c123392b] {
    opacity: 1;
    cursor: ew-resize
}

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

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

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

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

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

.column__drag[data-v-c123392b] {
    pointer-events: none;
    opacity: 0;
    transition: all .2s ease-in-out
}

.column:hover .column__drag[data-v-c123392b] {
    pointer-events: all;
    opacity: 1
}

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

.header[data-v-c200f039] {
    font-weight: 400;
    font-size: 14px;
    line-height: 100%;
    position: sticky;
    top: 0;
    z-index: 10;
    display: flex;
    align-items: center;
    height: 36px;
    padding: 4px 184px 4px 0;
    color: #60636c;
    background-color: #fff;
    column-gap: 20px;
    border-bottom: 1px solid #f6f6f9
}

.dark .header[data-v-c200f039] {
    border-color: #4d525e;
    color: #ddd;
    background-color: #242629
}

.header__column[data-v-c200f039]:nth-child(1) {
    position: sticky;
    top: 0;
    left: 0;
    z-index: 998
}

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

.hoverable[data-v-0b84114d] {
    display: flex;
    gap: 8px;
    align-items: center;
    width: fit-content;
    height: 28px;
    padding: 4px 6px 4px 8px;
    overflow: hidden;
    white-space: nowrap;
    transition: all .2s ease-in-out;
    cursor: pointer;
    border-radius: 6px;
    text-overflow: ellipsis
}

.hoverable.disabled[data-v-0b84114d] {
    pointer-events: none
}

.hoverable[data-v-0b84114d]:hover,
.hoverable.active[data-v-0b84114d] {
    background-color: #f8f8fb
}

.dark .hoverable[data-v-0b84114d]:hover,
.dark .hoverable.active[data-v-0b84114d] {
    background-color: #2f3136
}

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

.not-selected__button[data-v-fbb164f7] {
    font-weight: 400;
    font-size: 13px;
    line-height: 120%;
    display: flex;
    gap: 8px;
    align-items: center;
    width: max-content;
    height: 28px;
    overflow: hidden;
    white-space: nowrap;
    color: #acb1c2;
    text-overflow: ellipsis
}

.not-selected__button[data-v-fbb164f7] span {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.dark .not-selected__button[data-v-fbb164f7] {
    color: #ddd
}

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

.assignees[data-v-70037375] {
    display: flex
}

.assignees.disabled[data-v-70037375] {
    pointer-events: none
}

.assignees[data-v-70037375] .users__user-name {
    color: #60636c
}

.dark .assignees[data-v-70037375] .users__user-name {
    color: #e5e7ee
}

.assignees__wrapper[data-v-70037375] {
    position: relative
}

.assignees.completed .assignees__panel[data-v-70037375] {
    opacity: .6
}

.assignees__icon[data-v-70037375] {
    display: none
}

.active .assignees__icon[data-v-70037375],
.assignees__wrapper:hover .assignees__icon[data-v-70037375] {
    display: block
}

.assignees__dropdown[data-v-70037375] {
    z-index: 1000;
    width: 240px;
    max-height: 300px
}

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

.board[data-v-841a9634] {
    display: flex;
    gap: 4px;
    align-items: center;
    font-weight: 400;
    font-size: 13px;
    line-height: 100%
}

.board.disabled[data-v-841a9634] {
    pointer-events: none
}

.board__wrapper[data-v-841a9634] {
    position: relative
}

.board.completed .board__panel[data-v-841a9634] {
    opacity: .6
}

.board__name[data-v-841a9634] {
    overflow: hidden;
    white-space: nowrap;
    color: #60636c;
    text-overflow: ellipsis
}

.dark .board__name[data-v-841a9634] {
    color: #e5e7ee
}

.board__icon[data-v-841a9634] {
    display: none
}

.active .board__icon[data-v-841a9634],
.board__wrapper:hover .board__icon[data-v-841a9634] {
    display: block
}

.board__dropdown[data-v-841a9634] {
    position: fixed;
    z-index: 1000;
    width: 240px;
    max-height: 300px
}

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

.board-column[data-v-8523990e] {
    font-weight: 400;
    font-size: 13px;
    line-height: 120%;
    display: flex;
    gap: 4px;
    align-items: center
}

.board-column.disabled[data-v-8523990e] {
    pointer-events: none
}

.board-column__wrapper[data-v-8523990e] {
    position: relative
}

.board-column.completed .board-column__panel[data-v-8523990e] {
    opacity: .6
}

.board-column__name[data-v-8523990e] {
    overflow: hidden;
    white-space: nowrap;
    color: #60636c;
    text-overflow: ellipsis
}

.dark .board-column__name[data-v-8523990e] {
    color: #e5e7ee
}

.board-column__icon[data-v-8523990e] {
    display: none
}

.active .board-column__icon[data-v-8523990e],
.board-column__wrapper:hover .board-column__icon[data-v-8523990e] {
    display: block
}

.board-column__dropdown[data-v-8523990e] {
    position: fixed;
    z-index: 1000;
    width: 240px;
    max-height: 300px
}

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

.date[data-v-f07706d1] {
    font-weight: 400;
    font-size: 13px;
    line-height: 120%;
    display: flex;
    color: #60636c
}

.date.disabled[data-v-f07706d1] {
    pointer-events: none
}

.dark .date[data-v-f07706d1] {
    color: #e5e7ee
}

.date.is-overdue[data-v-f07706d1] {
    color: #ff4d4f
}

.date__wrapper[data-v-f07706d1] {
    position: relative
}

.date.completed .date__panel[data-v-f07706d1] {
    opacity: .6
}

.date__icon[data-v-f07706d1] {
    display: none
}

.active .date__icon[data-v-f07706d1],
.date__wrapper:hover .date__icon[data-v-f07706d1] {
    opacity: 1
}

.date__dropdown[data-v-f07706d1] {
    position: fixed;
    z-index: 1000
}

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

.id[data-v-0ffbc55a] {
    padding: 0 8px
}

.id.completed[data-v-0ffbc55a] {
    opacity: .6
}

.id__copy-link[data-v-0ffbc55a] {
    font-weight: 500;
    font-size: 10px;
    line-height: 100%
}

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

.main[data-v-6248dc00] {
    position: sticky;
    top: 0;
    bottom: 0;
    left: 0;
    z-index: 9;
    display: flex;
    gap: 16px;
    justify-content: space-between;
    align-items: center;
    height: 100%;
    background-color: #fff;
    align-self: flex-start;
    contain: content
}

.main[data-v-6248dc00]:not(.disabled) {
    cursor: pointer
}

.dark .main[data-v-6248dc00] {
    background-color: #242629
}

.main__inner[data-v-6248dc00] {
    display: flex;
    gap: 4px;
    align-items: center;
    width: 100%;
    overflow: hidden
}

.disabled .main__inner[data-v-6248dc00] {
    pointer-events: none
}

.main__drag-handle[data-v-6248dc00] {
    position: absolute;
    left: 4px;
    opacity: 0;
    transition: opacity .2s ease;
    cursor: move
}

.task:hover .main__drag-handle[data-v-6248dc00] {
    opacity: 1
}

.main__title[data-v-6248dc00] {
    font-weight: 400;
    font-size: 13px;
    line-height: 16px;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #202430
}

.main__title.placeholder[data-v-6248dc00] {
    color: #cacad2
}

.main.completed .main__title[data-v-6248dc00] {
    text-decoration-line: line-through;
    opacity: .6
}

.dark .main__title[data-v-6248dc00] {
    color: #ddd
}

.dark .main__title.placeholder[data-v-6248dc00] {
    opacity: .8;
    color: #ddd
}

.main__input[data-v-6248dc00] {
    font-weight: 400;
    font-size: 13px;
    line-height: 16px;
    width: 100%;
    padding: 0;
    color: #202430;
    background: transparent;
    cursor: text;
    outline: none;
    border: none
}

.dark .main__input[data-v-6248dc00] {
    color: #ddd
}

.main__input-wrapper[data-v-6248dc00] {
    display: flex;
    gap: 16px;
    width: 100%;
    overflow: hidden
}

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

.overdue[data-v-696ac928] {
    padding: 0 8px
}

.overdue.completed[data-v-696ac928] {
    opacity: .6
}

.overdue__days[data-v-696ac928] {
    font-weight: 500;
    font-size: 12px;
    line-height: 120%;
    display: flex;
    align-items: center;
    width: max-content;
    height: 20px;
    padding: 4px 6px;
    color: #ff6868;
    background: #ff686833;
    border-radius: 5px
}

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

.duration.disabled[data-v-086d80d0] {
    pointer-events: none
}

.duration__inner[data-v-086d80d0] {
    font-weight: 400;
    font-size: 13px;
    line-height: 120%;
    display: flex;
    align-items: center;
    color: #60636c
}

.duration.completed .duration__inner[data-v-086d80d0] {
    opacity: .6
}

.dark .duration__inner[data-v-086d80d0] {
    color: #ddd
}

.duration.completed .duration__panel[data-v-086d80d0] {
    opacity: .6
}

.duration__icon[data-v-086d80d0] {
    display: none
}

.active .duration__icon[data-v-086d80d0],
.duration__wrapper:hover .duration__icon[data-v-086d80d0] {
    display: block
}

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

.type[data-v-07ad04bb] {
    display: flex
}

.type.disabled[data-v-07ad04bb] {
    pointer-events: none
}

.type__wrapper[data-v-07ad04bb] {
    position: relative
}

.type.completed .type__panel[data-v-07ad04bb] {
    opacity: .6
}

.type__dropdown[data-v-07ad04bb] {
    position: fixed;
    z-index: 1000;
    width: 160px;
    max-height: 300px
}

.type__icon[data-v-07ad04bb] {
    display: none
}

.active .type__icon[data-v-07ad04bb],
.type__wrapper:hover .type__icon[data-v-07ad04bb] {
    display: block
}

.type__name[data-v-07ad04bb] {
    font-weight: 400;
    font-size: 13px;
    line-height: 100%;
    overflow: hidden;
    white-space: nowrap;
    color: #60636c;
    text-overflow: ellipsis
}

.dark .type__name[data-v-07ad04bb] {
    color: #e5e7ee
}

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

.priority[data-v-fe20ae5c] {
    font-weight: 500;
    font-size: 13px;
    line-height: 100%;
    display: flex
}

.dark .priority[data-v-fe20ae5c] {
    font-weight: 500;
    font-size: 13px;
    line-height: 100%
}

.dark .priority[data-v-fe20ae5c] .priority__name {
    color: #ddd
}

.priority.disabled[data-v-fe20ae5c] {
    pointer-events: none
}

.priority__wrapper[data-v-fe20ae5c] {
    position: relative
}

.priority.completed .priority__panel[data-v-fe20ae5c] {
    opacity: .6
}

.priority__icon[data-v-fe20ae5c] {
    display: none
}

.active .priority__icon[data-v-fe20ae5c],
.priority__wrapper:hover .priority__icon[data-v-fe20ae5c] {
    display: block
}

.priority__dropdown[data-v-fe20ae5c] {
    position: fixed;
    z-index: 1000;
    width: 240px;
    max-height: 300px
}

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

.u_ {
    display: flex;
    align-items: center;
    overflow: hidden
}

.v_ {
    display: flex;
    gap: 8px;
    align-items: center;
    overflow: hidden;
    max-width: 200px
}

.v_:not(:first-child) {
    margin-left: -5px
}

.w_ {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #fff
}

.dark .w_ {
    border-color: #2f3136
}

.x_ {
    overflow: hidden;
    white-space: nowrap;
    color: #202430;
    text-overflow: ellipsis;
    font-weight: 400;
    font-size: 13px;
    line-height: 120%
}

.dark .x_ {
    color: #ddd
}

.y_ {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    min-width: 20px;
    height: 20px;
    margin-left: -5px;
    padding: 5px 4px 5px 5px;
    color: #acb1c2;
    background: #f8f8fb;
    border: 1px solid #fff;
    border-radius: 4px;
    font-weight: 500;
    font-size: 8px;
    line-height: 120%
}

.dark .y_ {
    border-color: #2f3136;
    background-color: #2f3136
}

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

.locations[data-v-922a99cd] {
    display: flex;
    font-weight: 400;
    font-size: 13px;
    line-height: 100%
}

.locations.disabled[data-v-922a99cd] {
    pointer-events: none
}

.locations.completed .locations__panel[data-v-922a99cd] {
    opacity: .6
}

.locations__name[data-v-922a99cd] {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #60636c
}

.dark .locations__name[data-v-922a99cd] {
    color: #e5e7ee
}

.locations__icon[data-v-922a99cd] {
    display: none
}

.active .locations__icon[data-v-922a99cd],
.locations__wrapper:hover .locations__icon[data-v-922a99cd] {
    display: block
}

.locations__dropdown[data-v-922a99cd] {
    position: fixed;
    z-index: 1000;
    width: 240px;
    max-height: 300px
}

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

.card-indicator[data-v-a4888ca1] {
    flex: none;
    margin: 0 1px
}

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

.settings[data-v-77098e2d] {
    position: absolute;
    right: 4px;
    display: flex;
    gap: 4px;
    justify-content: flex-end;
    align-items: center;
    margin-left: auto;
    padding-right: 10px;
    contain: content
}

.settings.completed[data-v-77098e2d] {
    opacity: .6
}

.settings__stopwatch[data-v-77098e2d] {
    display: flex;
    width: 130px;
    contain: content
}

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

.tags[data-v-9b60e201] {
    font-weight: 500;
    font-size: 13px;
    line-height: 100%;
    display: flex
}

.dark .tags[data-v-9b60e201] {
    font-weight: 500;
    font-size: 13px;
    line-height: 100%
}

.dark .tags[data-v-9b60e201] .tags__name {
    color: #ddd
}

.tags.disabled[data-v-9b60e201] {
    pointer-events: none
}

.tags__wrapper[data-v-9b60e201] {
    position: relative
}

.tags.completed .tags__panel[data-v-9b60e201] {
    opacity: .6
}

.tags__tags[data-v-9b60e201] {
    display: flex;
    gap: 4px;
    align-items: center;
    overflow: hidden
}

.tags__icon[data-v-9b60e201] {
    display: none
}

.active .tags__icon[data-v-9b60e201],
.tags__wrapper:hover .tags__icon[data-v-9b60e201] {
    display: block
}

.tags__dropdown[data-v-9b60e201] {
    position: fixed;
    z-index: 1000;
    width: 240px;
    max-height: 300px
}

.tags__create[data-v-9b60e201] {
    font-weight: 500;
    font-size: 14px;
    line-height: 14px;
    display: flex;
    gap: 8px;
    align-items: center;
    width: 100%;
    height: 32px;
    margin-top: 4px;
    padding: 0 8px;
    overflow: hidden;
    border-radius: 4px;
    transition: background-color .2s ease-in-out;
    cursor: pointer
}

.tags__create[data-v-9b60e201]:hover {
    background-color: #ededf5
}

.dark .tags__create[data-v-9b60e201] {
    color: #ddd
}

.dark .tags__create[data-v-9b60e201]:hover {
    background-color: #2f3136
}

.tags__new[data-v-9b60e201] {
    font-weight: 500;
    font-size: 12px;
    line-height: 120%;
    width: fit-content;
    height: 20px;
    padding: 3px 6px;
    overflow: hidden;
    white-space: nowrap;
    background-color: #d3d3d3;
    border-radius: 4px;
    text-overflow: ellipsis
}

.dark .tags__new[data-v-9b60e201] {
    color: #8d8d8d;
    background-color: #383a3f
}

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

.timer[data-v-bc6c1be1] {
    display: flex
}

.timer.disabled[data-v-bc6c1be1] {
    pointer-events: none
}

.timer.completed[data-v-bc6c1be1] {
    opacity: .6
}

.timer__item[data-v-bc6c1be1] {
    justify-content: start;
    width: fit-content
}

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

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

.approval[data-v-17594229] {
    display: flex
}

.approval.disabled[data-v-17594229] {
    pointer-events: none
}

.approval__wrapper[data-v-17594229] {
    position: relative;
    display: flex
}

.approval__inner[data-v-17594229] {
    display: flex;
    gap: 5px;
    align-items: center
}

.approval.completed .approval__inner[data-v-17594229],
.approval.completed .approval__panel[data-v-17594229] {
    opacity: .6
}

.approval__dropdown[data-v-17594229] {
    position: fixed;
    z-index: 1000;
    width: 240px;
    max-height: 300px
}

.approval__tags[data-v-17594229] {
    min-height: 40px;
    max-height: 120px
}

.approval__icon[data-v-17594229] {
    transition: all .2s ease-in-out
}

.approval__users[data-v-17594229] {
    overflow: hidden
}

.approval__approving[data-v-17594229] {
    font-weight: 500;
    font-size: 13px;
    line-height: 120%;
    display: flex;
    gap: 8px;
    align-items: center;
    height: 28px
}

.approval__approving.green[data-v-17594229] {
    background: #00a92f1a
}

.approval__approving-button[data-v-17594229] {
    font-weight: 500;
    font-size: 13px;
    line-height: 120%;
    display: flex;
    gap: 4px;
    align-items: center;
    overflow: hidden;
    color: #acb1c2;
    border-radius: 6px
}

.green .approval__approving-button[data-v-17594229] {
    color: #00a92f
}

.approval__approving-text[data-v-17594229] {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

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

.boolean[data-v-92c43ff7] {
    display: grid;
    grid-template-columns: max-content 1fr;
    grid-column-gap: 8px;
    align-items: center;
    padding-left: 8px;
    word-break: break-all;
    color: #acb1c2;
    font-weight: 400;
    font-size: 12px;
    line-height: 12px
}

.boolean.disabled[data-v-92c43ff7] {
    pointer-events: none
}

.boolean.completed[data-v-92c43ff7] {
    opacity: .6
}

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

.contact[data-v-f64772bd] {
    font-weight: 400;
    font-size: 13px;
    line-height: 120%;
    display: flex;
    gap: 8px;
    align-items: center;
    color: #60636c
}

.contact.disabled[data-v-f64772bd] {
    pointer-events: none
}

.dark .contact[data-v-f64772bd] {
    color: #e5e7ee
}

.contact__wrapper[data-v-f64772bd] {
    position: relative
}

.contact.completed .contact__panel[data-v-f64772bd] {
    opacity: .6
}

.contact__dropdown[data-v-f64772bd] {
    position: fixed;
    z-index: 1000;
    width: 240px;
    max-height: 300px
}

.contact__icon[data-v-f64772bd] {
    display: none
}

.active .contact__icon[data-v-f64772bd],
.contact__wrapper:hover .contact__icon[data-v-f64772bd] {
    display: block
}

.contact__text[data-v-f64772bd] {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.contact__more[data-v-f64772bd] {
    font-weight: 500;
    font-size: 8px;
    line-height: 10px;
    flex: none;
    display: flex;
    justify-content: center;
    align-items: center;
    min-width: 20px;
    height: 20px;
    padding: 5px 5px 5px 4px;
    color: #acb1c2;
    background: #f8f8fb;
    border-radius: 50%;
    border: 1px solid #fff
}

.dark .contact__more[data-v-f64772bd] {
    color: #8d8d8d;
    background: #2f3136;
    border-color: transparent
}

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

.date-time[data-v-6cf54525] {
    font-weight: 400;
    font-size: 13px;
    line-height: 120%;
    display: flex;
    color: #60636c
}

.date-time.disabled[data-v-6cf54525] {
    pointer-events: none
}

.dark .date-time[data-v-6cf54525] {
    color: #e5e7ee
}

.date-time__wrapper[data-v-6cf54525] {
    position: relative
}

.date-time.completed .date-time__panel[data-v-6cf54525] {
    opacity: .6
}

.date-time__icon[data-v-6cf54525] {
    display: none
}

.active .date-time__icon[data-v-6cf54525],
.date-time__wrapper:hover .date-time__icon[data-v-6cf54525] {
    display: block
}

.date-time__dropdown[data-v-6cf54525] {
    position: fixed;
    z-index: 1000
}

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

.link[data-v-852b2faa] {
    font-weight: 400;
    font-size: 13px;
    line-height: 120%;
    display: flex;
    white-space: nowrap;
    color: #acb1c2;
    text-overflow: ellipsis
}

.dark .link[data-v-852b2faa] {
    color: #ddd
}

.link.completed[data-v-852b2faa] {
    opacity: .6
}

.link__wrapper[data-v-852b2faa] {
    position: relative
}

.link__value[data-v-852b2faa] {
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    padding: 0 4px;
    overflow: hidden;
    color: var(--color-scheme-active);
    text-overflow: ellipsis;
    text-decoration: unset
}

.disabled .link__value[data-v-852b2faa] {
    pointer-events: none
}

.link__input[data-v-852b2faa] {
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    width: 100%;
    padding: 0 4px;
    overflow: hidden;
    color: #525c7a;
    background: transparent;
    transition: none;
    border: none;
    outline: none
}

.link__input[data-v-852b2faa]::placeholder {
    font-weight: 400;
    font-size: 13px;
    line-height: 16px;
    color: #c1c5d7
}

.dark .link__input[data-v-852b2faa] {
    color: #ddd
}

.dark .link__input[data-v-852b2faa]::placeholder {
    color: #ddd
}

.disabled .link__input[data-v-852b2faa] {
    pointer-events: none
}

.link__wrapper[data-v-852b2faa] {
    display: flex;
    gap: 8px;
    justify-content: space-between;
    align-items: center;
    width: 100%
}

.link__controls[data-v-852b2faa] {
    display: flex;
    gap: 8px;
    align-items: center
}

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

.members[data-v-0c12b683] {
    display: flex;
    align-items: center
}

.members.disabled[data-v-0c12b683] {
    pointer-events: none
}

.members__wrapper[data-v-0c12b683] {
    position: relative
}

.members.completed .members__panel[data-v-0c12b683] {
    opacity: .6
}

.members__dropdown[data-v-0c12b683] {
    position: fixed;
    z-index: 1000;
    width: 240px;
    max-height: 300px
}

.members__tags[data-v-0c12b683] {
    min-height: 40px;
    max-height: 120px
}

.members__icon[data-v-0c12b683] {
    display: none
}

.active .members__icon[data-v-0c12b683],
.members__wrapper:hover .members__icon[data-v-0c12b683] {
    display: block
}

.members__users[data-v-0c12b683] {
    overflow: hidden
}

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

.multiple-select[data-v-7fd17375] {
    display: flex;
    align-items: center
}

.multiple-select.disabled[data-v-7fd17375] {
    pointer-events: none
}

.multiple-select__wrapper[data-v-7fd17375] {
    position: relative
}

.multiple-select.completed .multiple-select__panel[data-v-7fd17375] {
    opacity: .6
}

.multiple-select__dropdown[data-v-7fd17375] {
    position: fixed;
    z-index: 1000;
    width: 240px;
    max-height: 300px
}

.multiple-select__icon[data-v-7fd17375] {
    display: none
}

.active .multiple-select__icon[data-v-7fd17375],
.multiple-select__wrapper:hover .multiple-select__icon[data-v-7fd17375] {
    display: block
}

.multiple-select__option-create[data-v-7fd17375] {
    font-weight: 500;
    font-size: 14px;
    line-height: 14px;
    display: flex;
    gap: 8px;
    align-items: center;
    width: 100%;
    height: 32px;
    margin-top: 4px;
    padding: 0 8px;
    overflow: hidden;
    border-radius: 4px;
    transition: background-color .2s ease-in-out;
    cursor: pointer
}

.multiple-select__option-create[data-v-7fd17375]:hover {
    background-color: #ededf5
}

.dark .multiple-select__option-create[data-v-7fd17375] {
    color: #ddd
}

.dark .multiple-select__option-create[data-v-7fd17375]:hover {
    background-color: #2f3136
}

.multiple-select__values[data-v-7fd17375] {
    display: flex;
    gap: 8px;
    align-items: center
}

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

.organization[data-v-dfd9cef6] {
    font-weight: 400;
    font-size: 13px;
    line-height: 120%;
    display: flex;
    gap: 8px;
    align-items: center;
    color: #60636c
}

.organization.disabled[data-v-dfd9cef6] {
    pointer-events: none
}

.dark .organization[data-v-dfd9cef6] {
    color: #e5e7ee
}

.organization__wrapper[data-v-dfd9cef6] {
    position: relative
}

.organization.completed .organization__panel[data-v-dfd9cef6] {
    opacity: .6
}

.organization__dropdown[data-v-dfd9cef6] {
    position: fixed;
    z-index: 1000;
    width: 240px;
    max-height: 300px
}

.organization__icon[data-v-dfd9cef6] {
    display: none
}

.active .organization__icon[data-v-dfd9cef6],
.organization__wrapper:hover .organization__icon[data-v-dfd9cef6] {
    display: block
}

.organization__text[data-v-dfd9cef6] {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.organization__more[data-v-dfd9cef6] {
    font-weight: 500;
    font-size: 8px;
    line-height: 10px;
    flex: none;
    display: flex;
    justify-content: center;
    align-items: center;
    min-width: 20px;
    height: 20px;
    padding: 5px 5px 5px 4px;
    color: #acb1c2;
    background: #f8f8fb;
    border-radius: 50%;
    border: 1px solid #fff
}

.dark .organization__more[data-v-dfd9cef6] {
    color: #8d8d8d;
    background: #2f3136;
    border-color: transparent
}

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

.select[data-v-983c5fc2] {
    display: flex;
    align-items: center
}

.select.disabled[data-v-983c5fc2] {
    pointer-events: none
}

.select__wrapper[data-v-983c5fc2] {
    position: relative
}

.select.completed .select__panel[data-v-983c5fc2] {
    opacity: .6
}

.select__dropdown[data-v-983c5fc2] {
    position: fixed;
    z-index: 1000;
    width: 240px;
    max-height: 300px
}

.select__icon[data-v-983c5fc2] {
    display: none
}

.active .select__icon[data-v-983c5fc2],
.select__wrapper:hover .select__icon[data-v-983c5fc2] {
    display: block
}

.select__option-create[data-v-983c5fc2] {
    font-weight: 500;
    font-size: 14px;
    line-height: 14px;
    display: flex;
    gap: 8px;
    align-items: center;
    width: 100%;
    height: 32px;
    margin-top: 4px;
    padding: 0 8px;
    overflow: hidden;
    border-radius: 4px;
    transition: background-color .2s ease-in-out;
    cursor: pointer
}

.select__option-create[data-v-983c5fc2]:hover {
    background-color: #ededf5
}

.dark .select__option-create[data-v-983c5fc2] {
    color: #ddd
}

.dark .select__option-create[data-v-983c5fc2]:hover {
    background-color: #2f3136
}

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

.text[data-v-776c439d] {
    font-weight: 400;
    font-size: 13px;
    line-height: 120%;
    display: flex;
    white-space: nowrap;
    color: #acb1c2;
    text-overflow: ellipsis
}

.dark .text[data-v-776c439d] {
    color: #ddd
}

.text.disabled[data-v-776c439d] {
    pointer-events: none
}

.text__wrapper[data-v-776c439d] {
    position: relative
}

.text.completed .text__panel[data-v-776c439d] {
    opacity: .6
}

.text__preview[data-v-776c439d] {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.text__textarea[data-v-776c439d] {
    font-weight: 400;
    font-size: 13px;
    line-height: 120%;
    position: fixed;
    z-index: 1000;
    width: 370px;
    min-height: 80px;
    max-height: 240px;
    padding: 8px;
    color: #525c7a;
    background: #fff;
    transition: none;
    overflow-y: auto;
    outline: none;
    border-radius: 8px;
    border: 1px solid #f0f0f0;
    box-shadow: 0 4px 13px #3030301a
}

.text__textarea[data-v-776c439d]::placeholder {
    font-weight: 400;
    font-size: 13px;
    line-height: 120%;
    color: #acb1c2
}

.dark .text__textarea[data-v-776c439d] {
    color: #ddd;
    background-color: #2f3136;
    border-color: #191a1c
}

.dark .text__textarea[data-v-776c439d]::placeholder {
    color: #ddd
}

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

.number[data-v-97d9931c] {
    font-weight: 400;
    font-size: 13px;
    line-height: 120%;
    display: flex;
    white-space: nowrap;
    color: #acb1c2;
    text-overflow: ellipsis
}

.dark .number[data-v-97d9931c] {
    color: #ddd
}

.number.disabled[data-v-97d9931c] {
    pointer-events: none
}

.number__wrapper[data-v-97d9931c] {
    position: relative;
    width: 100%
}

.text.completed .number__panel[data-v-97d9931c] {
    opacity: .6
}

.number__preview[data-v-97d9931c] {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.number__input[data-v-97d9931c] {
    font-weight: 400;
    font-size: 13px;
    line-height: 120%;
    position: fixed;
    z-index: 1000;
    width: 370px;
    min-height: 32px;
    max-height: 32px;
    padding: 8px;
    color: #525c7a;
    background: #fff;
    transition: none;
    overflow-y: auto;
    outline: none;
    border-radius: 8px;
    border: 1px solid #f0f0f0;
    box-shadow: 0 4px 13px #3030301a
}

.number__input[data-v-97d9931c]::placeholder {
    font-weight: 400;
    font-size: 13px;
    line-height: 120%;
    color: #acb1c2
}

.dark .number__input[data-v-97d9931c] {
    color: #ddd;
    background-color: #2f3136;
    border-color: #191a1c
}

.dark .number__input[data-v-97d9931c]::placeholder {
    color: #ddd
}

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

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

.placeholder.sorting-into[data-v-bf253e2d]:before,
.list-task-sorting.sorting-into[data-v-bf253e2d]:before {
    content: "";
    position: absolute;
    top: -1px;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 10;
    border-radius: 2px;
    border: 2px solid var(--color-scheme-active);
    pointer-events: none;
    box-shadow: 0 1px 2px #6c78f440
}

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

@keyframes loading-bf253e2d {
    0% {
        transform: translate(-100%) skew(-20deg)
    }
    to {
        transform: translate(290px) skew(-20deg)
    }
}

.task[data-v-bf253e2d] {
    position: relative;
    display: flex;
    align-items: center;
    height: 40px;
    transition: all .2s ease-in-out;
    border-bottom: 1px solid #EDEDF5;
    column-gap: 20px;
    text-rendering: optimizelegibility;
    -webkit-font-smoothing: antialiased;
    will-change: scroll-position
}

.task[data-v-bf253e2d]:after {
    content: "";
    position: absolute;
    bottom: -1px;
    left: 0;
    z-index: 9;
    opacity: 0;
    width: 100%;
    height: 3px;
    background-color: #ededf5;
    transition: all .2s ease-in-out
}

.task.editing[data-v-bf253e2d]:after,
.task[data-v-bf253e2d]:hover:after,
.task.opened[data-v-bf253e2d]:after {
    opacity: 1
}

.task.opened[data-v-bf253e2d]:after {
    background-color: var(--color-scheme-active)
}

.task.dragging[data-v-bf253e2d]>* {
    pointer-events: none
}

.dark .task[data-v-bf253e2d] {
    border-color: #4d525e
}

.dark .task[data-v-bf253e2d]:after {
    background-color: #4d525e
}

.dark .task.opened[data-v-bf253e2d]:after {
    background-color: var(--color-scheme-active)
}

.task__main[data-v-bf253e2d] {
    height: 40px;
    border-bottom: 1px solid #EDEDF5;
    transition: all .2s ease-in-out
}

.task__main[data-v-bf253e2d]:after {
    content: "";
    position: absolute;
    bottom: -1px;
    left: 0;
    z-index: 1000;
    width: 100%;
    height: 1px;
    background-color: #ededf5;
    transition: all .2s ease-in-out
}

.task__main.editing[data-v-bf253e2d],
.task:not(.opened):hover .task__main[data-v-bf253e2d] {
    border-color: #ededf5
}

.dark .task__main.editing[data-v-bf253e2d],
.dark .task:not(.opened):hover .task__main[data-v-bf253e2d] {
    border-color: #4d525e
}

.task__main.editing[data-v-bf253e2d]:after,
.task:not(.opened):hover .task__main[data-v-bf253e2d]:after {
    height: 3px
}

.opened .task__main[data-v-bf253e2d]:after {
    height: 3px;
    background-color: var(--color-scheme-active)
}

.dark .task__main[data-v-bf253e2d] {
    border-color: #4d525e
}

.dark .task__main[data-v-bf253e2d]:after {
    background-color: #4d525e
}

.task__loading[data-v-bf253e2d] {
    font-weight: 400;
    font-size: 13px;
    line-height: 16px;
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    height: 100%;
    padding-left: 20px;
    white-space: nowrap;
    color: #60636c;
    text-overflow: ellipsis;
    contain: content
}

.task__loading[data-v-bf253e2d]:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    animation: loading-bf253e2d 2s cubic-bezier(.55, .04, .04, .96) infinite;
    background: linear-gradient(to right, transparent, #fff, transparent)
}

.task__loading.template[data-v-bf253e2d] {
    pointer-events: none;
    opacity: .7
}

.dark .task__loading[data-v-bf253e2d] {
    color: #ddd;
    border-bottom-color: #4d525e
}

.dark .task__loading[data-v-bf253e2d]:after {
    background: linear-gradient(to right, transparent, #242629, transparent)
}

.task__loading-text[data-v-bf253e2d] {
    position: sticky;
    top: 0;
    left: 0;
    z-index: 9;
    display: flex;
    gap: 4px;
    align-items: center;
    background-color: #fff
}

.dark .task__loading-text[data-v-bf253e2d] {
    background-color: #242629
}

.task__locked-field[data-v-bf253e2d] {
    display: flex;
    align-items: center;
    padding: 0 8px;
    cursor: pointer
}

.task__locked-field[data-v-bf253e2d] rect {
    transition: all .2s ease-in-out
}

.task__locked-field[data-v-bf253e2d]:hover rect {
    fill: #cacad2
}

.task__tooltip[data-v-bf253e2d] {
    width: fit-content
}

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

.line[data-v-04a32c68] {
    display: flex;
    align-items: center;
    height: 36px;
    padding-left: 20px;
    border-bottom: 1px solid #f6f6f9;
    overflow: hidden
}

.dark .line[data-v-04a32c68] {
    border-color: #4d525e
}

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

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

.dark .title[data-v-a77d624a] {
    color: #ddd
}

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

.user[data-v-05d960d0] {
    display: grid;
    grid-template-columns: max-content 1fr;
    grid-column-gap: 4px
}

.user.has-user[data-v-05d960d0] {
    grid-template-columns: repeat(2, max-content) 1fr
}

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

.priority[data-v-03cdc0da] {
    display: grid;
    grid-template-columns: 16px 1fr;
    grid-column-gap: 4px
}

.priority.has-color[data-v-03cdc0da] {
    grid-template-columns: repeat(2, 16px) 1fr
}

.priority__circle[data-v-03cdc0da] {
    width: 6px;
    min-width: 6px;
    height: 6px;
    min-height: 6px;
    margin: auto;
    border-radius: 50%
}

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

.project[data-v-c04f99f7] {
    display: grid;
    grid-template-columns: max-content 1fr;
    grid-column-gap: 4px
}

.project.has-project[data-v-c04f99f7] {
    grid-template-columns: repeat(2, max-content) 1fr
}

.project__name[data-v-c04f99f7] {
    overflow: hidden;
    white-space: nowrap;
    color: #525c7a;
    text-overflow: ellipsis
}

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

.type[data-v-2aa26876] {
    display: grid;
    grid-template-columns: repeat(2, max-content) 1fr;
    grid-column-gap: 4px
}

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

.date[data-v-f938471e] {
    display: grid;
    grid-template-columns: repeat(2, max-content) 1fr;
    grid-column-gap: 4px
}

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

.board[data-v-e5ff2288] {
    display: grid;
    grid-template-columns: repeat(2, max-content) 1fr;
    grid-column-gap: 4px
}

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

.board-column[data-v-2b0e7ab2] {
    display: grid;
    grid-template-columns: repeat(2, max-content) 1fr;
    grid-column-gap: 4px
}

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

.creating[data-v-c9725e62] {
    position: relative;
    display: flex;
    height: 36px;
    cursor: text;
    border-bottom: 1px solid #f6f6f9
}

.creating.groupped[data-v-c9725e62] {
    padding-left: 20px
}

.creating.disabled[data-v-c9725e62] {
    pointer-events: none;
    opacity: .7
}

.dark .creating[data-v-c9725e62] {
    border-color: #4d525e
}

.creating__inner[data-v-c9725e62] {
    position: sticky;
    top: 0;
    left: 0;
    z-index: 9;
    display: flex;
    gap: 4px;
    align-items: center;
    height: 36px;
    border-bottom: 1px solid #f6f6f9;
    padding-left: 30px;
    background-color: #fff
}

.dark .creating__inner[data-v-c9725e62] {
    background-color: #242629;
    border-color: #4d525e
}

.creating__input[data-v-c9725e62] {
    font-weight: 400;
    font-size: 13px;
    line-height: 120%;
    height: 100%;
    padding-left: 2px;
    border: none;
    outline: none;
    background-color: transparent
}

.creating__input[data-v-c9725e62]::placeholder {
    color: #acb1c2
}

.dark .creating__input[data-v-c9725e62] {
    color: #ddd;
    border-bottom-color: #4d525e
}

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

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

.placeholder.sorting-into[data-v-a9303d40]:before,
.list-task-sorting.sorting-into[data-v-a9303d40]:before {
    content: "";
    position: absolute;
    top: -1px;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 10;
    border-radius: 2px;
    border: 2px solid var(--color-scheme-active);
    pointer-events: none;
    box-shadow: 0 1px 2px #6c78f440
}

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

.placeholder[data-v-a9303d40] {
    position: relative;
    height: 36px
}

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

.breadcrumb[data-v-44ef68a4] {
    display: flex;
    align-items: center;
    width: max-content
}

.breadcrumb__button[data-v-44ef68a4] {
    height: 20px;
    color: #60636c;
    transition: background .2s ease;
    border-radius: 4px
}

.breadcrumb__button[data-v-44ef68a4]:hover {
    background: #838fa714
}

.breadcrumb__button[data-v-44ef68a4]:active {
    background: #838fa729
}

.dark .breadcrumb__button[data-v-44ef68a4] {
    color: #ddd
}

.dark .breadcrumb__button[data-v-44ef68a4]:hover {
    background: #242629
}

.dark .breadcrumb__button[data-v-44ef68a4]:active {
    background: #202225
}

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

.private[data-v-1d724c3a],
.private__wrapper[data-v-1d724c3a] {
    display: flex;
    align-items: center;
    width: max-content
}

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

.rows[data-v-58fd9684] {
    contain-intrinsic-size: var(--b859b5bc)
}

.rows__wrapper[data-v-58fd9684] {
    will-change: padding-top
}

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

.list[data-v-e2155532] {
    position: relative;
    display: grid;
    grid-template-rows: max-content 1fr;
    height: 100%;
    overflow: auto;
    background-color: #fff
}

.list.loading[data-v-e2155532] {
    grid-template-rows: unset;
    justify-content: center;
    align-items: center
}

.dark .list[data-v-e2155532] {
    background-color: #242629
}

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

.switcher[data-v-dec6ca00] {
    display: grid;
    grid-template-columns: 24px 1fr 24px;
    grid-column-gap: 4px;
    align-items: center
}

.switcher__month[data-v-dec6ca00] {
    font-weight: 500;
    font-size: 14px;
    line-height: 17px
}

.dark .switcher__month[data-v-dec6ca00] {
    color: #ddd
}

.switcher__button[data-v-dec6ca00] {
    height: 24px!important;
    padding: 0
}

.switcher__button[data-v-dec6ca00] path {
    fill: #c1c5d7
}

.switcher__button.today[data-v-dec6ca00] {
    font-weight: 500;
    font-size: 14px;
    line-height: 110%;
    color: #202430bf
}

.dark .switcher__button.today[data-v-dec6ca00] {
    color: #a6a7b3
}

.switcher__button.left[data-v-dec6ca00] {
    transform: rotate(90deg)
}

.switcher__button.right[data-v-dec6ca00] {
    transform: rotate(-90deg)
}

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

.header[data-v-59a74bae] {
    position: relative;
    display: grid;
    grid-template-columns: 1fr;
    grid-column-gap: 8px;
    align-items: center;
    height: 32px
}

.header__creating[data-v-59a74bae] {
    z-index: 5;
    margin: 4px;
    transition: all .1s ease
}

.header__creating.empty[data-v-59a74bae] {
    z-index: 0
}

.header__creating[data-v-59a74bae]:hover {
    z-index: 10
}

.header__creating[data-v-59a74bae] .creating__wrapper {
    position: absolute;
    right: 0;
    left: 0;
    padding: 12px 8px
}

.header__creating[data-v-59a74bae] .creating__dropdown {
    width: 100%
}

@media (max-width: 1700px) {
    .header__creating[data-v-59a74bae] .creating__press-enter-text {
        display: none
    }
    .header__creating[data-v-59a74bae] .dropdown__item {
        padding: 0 4px
    }
}

@media (max-width: 1500px) {
    .header__creating[data-v-59a74bae] .menu__name {
        font-size: 12px
    }
}

.dark .header__creating[data-v-59a74bae] .creating__wrapper {
    background-color: #242629
}

.header__information[data-v-59a74bae] {
    position: absolute;
    top: 0;
    right: 8px;
    left: 8px;
    display: grid;
    grid-template-columns: repeat(2, max-content);
    justify-content: space-between;
    align-items: center;
    height: 40px
}

.header__duration[data-v-59a74bae] {
    z-index: 1
}

.dark .header__duration[data-v-59a74bae] {
    color: #ddd
}

.header__day-count[data-v-59a74bae] {
    z-index: 3;
    font-weight: 500;
    font-size: 14px;
    line-height: 100%;
    color: #acb1c2
}

.header__day-count.active[data-v-59a74bae] {
    color: var(--color-scheme-active)
}

.dark .header__day-count[data-v-59a74bae] {
    color: #ddd
}

.dark .header__day-count.active[data-v-59a74bae] {
    color: var(--color-scheme-active)
}

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

.day[data-v-1c9fad3f] {
    display: grid;
    border-right: 1px solid #E5E7EE;
    grid-template-rows: max-content 1fr 28px
}

.dark .day[data-v-1c9fad3f] {
    background-color: #2f3136;
    border-color: #1e1f22
}

.day[data-v-1c9fad3f]:nth-of-type(7n+1) {
    border-left: 1px solid #E5E7EE
}

.dark .day[data-v-1c9fad3f]:nth-of-type(7n+1) {
    border-color: #1e1f22
}

.day__wrapper[data-v-1c9fad3f] {
    min-height: 100%
}

.day__wrapper.sorting-into[data-v-1c9fad3f] {
    border-top: 2px solid var(--color-scheme-active)
}

.day__bottom[data-v-1c9fad3f] {
    display: flex;
    justify-content: center
}

.day__button-more[data-v-1c9fad3f] {
    font-weight: 500;
    font-size: 12px;
    line-height: 100%;
    color: #acb1c2
}

.dark .day__button-more[data-v-1c9fad3f] {
    color: #ddd;
    background-color: #2f3136
}

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

.template[data-v-d587cd3d] {
    background-color: #ededf5;
    border-right: 1px solid #E5E7EE
}

.dark .template[data-v-d587cd3d] {
    background-color: #24262980;
    border-color: #1e1f22
}

.template[data-v-d587cd3d]:nth-child(7n+1) {
    border-left: 1px solid #E5E7EE
}

.dark .template[data-v-d587cd3d]:nth-child(7n+1) {
    border-color: #1e1f22
}

.template__date[data-v-d587cd3d] {
    font-weight: 500;
    font-size: 14px;
    line-height: 100%;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    height: 40px;
    padding: 14px 8px;
    color: #cacad2;
    text-align: right
}

.dark .template__date[data-v-d587cd3d] {
    color: #60636c
}

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

.task[data-v-c2383003] {
    display: grid;
    grid-template-columns: max-content 1fr max-content;
    align-items: center;
    height: 72px;
    background-color: #fff;
    cursor: pointer;
    border-radius: 4px
}

.task.template[data-v-c2383003] {
    pointer-events: none;
    opacity: .7
}

.task.completed[data-v-c2383003] {
    opacity: .6
}

.task__resize-border[data-v-c2383003] {
    pointer-events: all;
    display: flex;
    justify-content: center;
    height: 100%;
    margin: 0 -4px;
    padding: 0 4px
}

.task__resize-border[data-v-c2383003]:first-of-type {
    padding-right: 12px
}

.task__resize-border[data-v-c2383003]:last-of-type {
    padding-left: 12px
}

.task__resize-border-line[data-v-c2383003] {
    width: 1px;
    min-width: 1px;
    height: 100%
}

.task__wrapper[data-v-c2383003] {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: repeat(2, 26px);
    grid-row-gap: 4px;
    padding: 10px 0;
    overflow: hidden
}

.task__data[data-v-c2383003] {
    display: grid;
    grid-template-columns: 1fr max-content;
    grid-column-gap: 8px;
    align-items: center;
    height: 26px
}

.task__tags[data-v-c2383003] {
    display: flex;
    align-items: center
}

.task__title[data-v-c2383003] {
    display: block;
    margin-right: auto;
    padding: 7px 0;
    overflow: hidden;
    white-space: nowrap;
    color: #202430;
    max-width: 100%;
    text-overflow: ellipsis;
    font-weight: 400;
    font-size: 13px;
    line-height: 14px
}

.dark .task__title[data-v-c2383003] {
    color: #a6a7b3
}

.task__user[data-v-c2383003] .task-user__dropdown {
    right: 0;
    left: unset
}

.task__copy-link[data-v-c2383003] {
    font-weight: 500;
    font-size: 10px;
    line-height: 100%
}

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

.week[data-v-edac593a] {
    position: relative;
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    border-bottom: 1px solid #E5E7EE
}

.dark .week[data-v-edac593a] {
    border-color: #1e1f22
}

.week__tasks[data-v-edac593a] {
    position: absolute;
    top: 45px;
    display: grid;
    grid-auto-rows: max-content;
    grid-row-gap: 4px
}

.week__task[data-v-edac593a] {
    position: absolute
}

.week__task.disabled[data-v-edac593a] {
    pointer-events: none
}

.week__day[data-v-edac593a]:nth-of-type(6),
.week__day[data-v-edac593a]:nth-of-type(7) {
    background-color: #ededf5
}

.dark .week__day[data-v-edac593a]:nth-of-type(6),
.dark .week__day[data-v-edac593a]:nth-of-type(7) {
    background-color: #24262980
}

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

.month__header[data-v-16815d21] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 12px 8px;
    background-color: #fff;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px
}

.dark .month__header[data-v-16815d21] {
    background-color: #242629
}

.month__weeks[data-v-16815d21] {
    display: grid;
    grid-template-columns: 1fr
}

.month__days[data-v-16815d21] {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    border-bottom: 1px solid #E5E7EE
}

.dark .month__days[data-v-16815d21] {
    border-color: #1e1f22
}

.month__day[data-v-16815d21] {
    font-weight: 500;
    font-size: 14px;
    line-height: 100%;
    padding: 0 8px 8px;
    color: #acb1c2;
    background-color: #fff
}

.month__day.active[data-v-16815d21] {
    color: var(--color-scheme-active)
}

.dark .month__day[data-v-16815d21] {
    background-color: #242629
}

.month__name[data-v-16815d21] {
    font-weight: 500;
    font-size: 16px;
    line-height: 120%;
    color: #242629
}

.dark .month__name[data-v-16815d21] {
    color: #ddd
}

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

.months[data-v-8665de08] {
    width: 100%;
    height: 100%;
    padding: 0 10px 10px;
    overflow: auto
}

.dark .months[data-v-8665de08] {
    background-color: #2f3136
}

.months__wrapper[data-v-8665de08] {
    min-width: 1100px;
    height: 100%;
    margin: 0 auto
}

.months__item[data-v-8665de08] {
    margin-bottom: 25px
}

.months__loading[data-v-8665de08] {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%
}

.months__icon-loading[data-v-8665de08] {
    width: 35px;
    height: 35px
}

.months__icon-loading path[data-v-8665de08] {
    stroke: var(--color-scheme-active);
    stroke-dasharray: 2000;
    stroke-dashoffset: 2794;
    animation: DrawLine 2s linear infinite
}

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

.header[data-v-375a1620] {
    z-index: 10;
    display: flex;
    align-items: center;
    height: 36px;
    padding: 0 4px 0 0;
    color: #60636c;
    background-color: #fff;
    column-gap: 20px;
    border-right: 1px solid #f6f6f9;
    border-bottom: 1px solid #f6f6f9;
    font-weight: 400;
    font-size: 14px;
    line-height: 100%
}

.dark .header[data-v-375a1620] {
    border-color: #4d525e;
    color: #ddd;
    background-color: #242629
}

.header__wrapper[data-v-375a1620] {
    display: flex;
    gap: 20px;
    overflow: hidden
}

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

.rows__wrapper[data-v-25e43d3b] {
    padding-right: 1px;
    will-change: padding-top
}

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

.resize[data-v-7c40b2a4] {
    position: absolute;
    top: 0;
    right: -4px;
    bottom: 0;
    z-index: 2;
    padding: 0 4px;
    cursor: ew-resize
}

.resize__element[data-v-7c40b2a4] {
    width: 1px;
    height: 100%;
    background-color: #f6f6f9
}

.dark .resize__element[data-v-7c40b2a4] {
    background-color: #4d525e
}

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

.list[data-v-2d7587f4] {
    position: sticky;
    top: 0;
    bottom: 0;
    left: 0;
    z-index: 11;
    height: calc(100%+ 48px);
    padding-top: 48px;
    overflow: hidden;
    background-color: #fff
}

.dark .list[data-v-2d7587f4] {
    background-color: #242629
}

.list__header[data-v-2d7587f4] {
    position: fixed
}

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

.days[data-v-4e507fce] {
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: max-content;
    width: 100%;
    height: 100%;
    cursor: pointer
}

.days__column-wrapper[data-v-4e507fce] {
    position: sticky;
    top: 0;
    z-index: 9
}

.days__column[data-v-4e507fce] {
    position: relative
}

.days__column[data-v-4e507fce]:after {
    content: "";
    position: absolute;
    top: 24px;
    height: 100%;
    border-left: 1px solid #EDEDF5
}

.days__column.current[data-v-4e507fce]:after {
    border-color: #00a92f!important
}

.days__column.weekend[data-v-4e507fce]:before {
    content: "";
    position: absolute;
    top: 24px;
    width: 100%;
    height: 100%;
    background-color: #fcfcfd
}

.dark .days__column.weekend[data-v-4e507fce]:before {
    background-color: #2f3136
}

.dark .days__column[data-v-4e507fce] {
    background-color: #383a3f
}

.dark .days__column[data-v-4e507fce]:after {
    border-color: #4d525e
}

.days__month[data-v-4e507fce] {
    position: relative;
    height: 24px
}

.days__month-wrapper[data-v-4e507fce] {
    border-left: 1px solid transparent;
    height: 100%;
    background-color: #fff
}

.dark .days__month-wrapper[data-v-4e507fce] {
    background-color: #383a3f
}

.days__month-name[data-v-4e507fce] {
    position: sticky;
    z-index: 9;
    display: inline-block;
    height: 24px;
    padding-left: 5px;
    overflow: hidden;
    white-space: nowrap;
    color: #60636c;
    letter-spacing: -.56px;
    text-overflow: ellipsis;
    will-change: scroll-position, width;
    font-weight: 500;
    font-size: 14px;
    line-height: 24px
}

.dark .days__month-name[data-v-4e507fce] {
    color: #acb1c2
}

.days__day[data-v-4e507fce] {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 24px;
    border-bottom: 1px solid #f6f6f9;
    background-color: #fff;
    border-left: 1px solid #EDEDF5
}

.weekend .days__day[data-v-4e507fce] {
    background-color: #fcfcfd
}

.dark .weekend .days__day[data-v-4e507fce] {
    background-color: #2f3136
}

.current .days__day[data-v-4e507fce] {
    border-left: 1px solid #00a92f!important
}

.dark .days__day[data-v-4e507fce] {
    background-color: #383a3f;
    border-color: #4d525e
}

.days__day-text[data-v-4e507fce] {
    padding: 4px 6px;
    color: #acb1c2;
    font-weight: 400;
    font-size: 14px;
    line-height: 14px
}

.current .days__day-text[data-v-4e507fce] {
    color: #fff;
    background-color: #00a92f;
    border-radius: 6px
}

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

.weeks[data-v-1067f041] {
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: max-content;
    width: 100%;
    height: 100%;
    cursor: pointer
}

.weeks__column-wrapper[data-v-1067f041] {
    position: sticky;
    top: 0;
    z-index: 9
}

.weeks__column[data-v-1067f041] {
    position: relative
}

.weeks__column.current[data-v-1067f041] {
    border-left: 1px solid #00a92f
}

.weeks__column.with-border[data-v-1067f041]:after {
    content: "";
    position: absolute;
    top: 24px;
    height: 100%;
    border-left: 1px solid #EDEDF5
}

.dark .weeks__column.with-border[data-v-1067f041]:after {
    border-color: #4d525e
}

.weeks__column.weekend[data-v-1067f041]:before {
    content: "";
    position: absolute;
    top: 24px;
    width: 100%;
    height: 100%;
    background-color: #fcfcfd
}

.dark .weeks__column.weekend[data-v-1067f041]:before {
    background-color: #2f3136
}

.dark .weeks__column[data-v-1067f041] {
    background-color: #383a3f
}

.weeks__month[data-v-1067f041] {
    position: relative;
    height: 24px
}

.weeks__month-wrapper[data-v-1067f041] {
    border-left: 1px solid transparent;
    height: 100%;
    background-color: #fff
}

.dark .weeks__month-wrapper[data-v-1067f041] {
    background-color: #383a3f
}

.weeks__month-name[data-v-1067f041] {
    position: sticky;
    z-index: 9;
    display: inline-block;
    height: 24px;
    padding-left: 5px;
    overflow: hidden;
    white-space: nowrap;
    color: #60636c;
    letter-spacing: -.56px;
    text-overflow: ellipsis;
    will-change: scroll-position, width;
    font-weight: 500;
    font-size: 14px;
    line-height: 24px
}

.dark .weeks__month-name[data-v-1067f041] {
    color: #acb1c2
}

.weeks__day[data-v-1067f041] {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 24px;
    border-bottom: 1px solid #f6f6f9;
    background-color: #fff
}

.with-border .weeks__day[data-v-1067f041] {
    border-left: 1px solid #EDEDF5
}

.dark .with-border .weeks__day[data-v-1067f041] {
    border-color: #4d525e
}

.weekend .weeks__day[data-v-1067f041] {
    background-color: #fcfcfd
}

.dark .weekend .weeks__day[data-v-1067f041] {
    background-color: #2f3136
}

.dark .weeks__day[data-v-1067f041] {
    background-color: #383a3f;
    border-color: #4d525e
}

.weeks__day-text[data-v-1067f041] {
    padding: 4px 6px;
    color: #acb1c2;
    font-weight: 400;
    font-size: 14px;
    line-height: 14px
}

.current .weeks__day-text[data-v-1067f041] {
    padding: 4px 5px;
    color: #fff;
    background-color: #00a92f;
    border-radius: 6px
}

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

.months[data-v-448b07de] {
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: max-content;
    width: 100%;
    height: 100%;
    cursor: pointer
}

.months__column-wrapper[data-v-448b07de] {
    position: sticky;
    top: 0;
    z-index: 9
}

.months__column-wrapper.month-first-day[data-v-448b07de] {
    z-index: 10
}

.months__column-wrapper .current[data-v-448b07de]:after {
    content: "";
    position: absolute;
    top: 0;
    height: 100%;
    border-left: 1px solid #00a92f
}

.with-border .months__column-wrapper[data-v-448b07de]:after {
    content: "";
    position: absolute;
    top: 0;
    height: 100%;
    border-left: 1px solid #EDEDF5
}

.dark .with-border .months__column-wrapper[data-v-448b07de]:after {
    border-color: #4d525e
}

.dark .months__column-wrapper[data-v-448b07de] {
    background-color: #383a3f
}

.months__column[data-v-448b07de] {
    position: relative
}

.months__column.current[data-v-448b07de] {
    border-left: 1px solid #00a92f
}

.months__column.with-border[data-v-448b07de]:after {
    content: "";
    position: absolute;
    top: 0;
    height: 100%;
    border-left: 1px solid #EDEDF5
}

.dark .months__column.with-border[data-v-448b07de]:after {
    border-color: #4d525e
}

.dark .months__column[data-v-448b07de] {
    background-color: #383a3f
}

.months__month[data-v-448b07de] {
    position: relative;
    height: 24px
}

.months__month-wrapper[data-v-448b07de] {
    height: 100%;
    background-color: #fff;
    border-left: 1px solid #EDEDF5
}

.dark .months__month-wrapper[data-v-448b07de] {
    border-color: #4d525e;
    background-color: #383a3f
}

.months__month-name[data-v-448b07de] {
    position: sticky;
    z-index: 9;
    display: inline-block;
    height: 24px;
    padding-left: 5px;
    overflow: hidden;
    white-space: nowrap;
    color: #60636c;
    letter-spacing: -.56px;
    text-overflow: ellipsis;
    will-change: scroll-position, width;
    font-weight: 500;
    font-size: 14px;
    line-height: 24px
}

.dark .months__month-name[data-v-448b07de] {
    color: #acb1c2
}

.months__day[data-v-448b07de] {
    display: flex;
    align-items: center;
    width: 100%;
    height: 24px;
    border-bottom: 1px solid #f6f6f9;
    background-color: #fff
}

.dark .months__day[data-v-448b07de] {
    background-color: #383a3f;
    border-color: #4d525e
}

.months__day-text[data-v-448b07de] {
    width: 13px;
    padding: 4px 0;
    color: #acb1c2;
    font-weight: 400;
    font-size: 14px;
    line-height: 14px
}

.months__day-text[data-v-448b07de]:last-of-type {
    margin-right: 0!important
}

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

.task[data-v-821d4db8] {
    position: absolute;
    z-index: 3;
    pointer-events: all;
    width: 100%;
    height: 36px;
    overflow: visible!important
}

.task.disabled[data-v-821d4db8],
.task.move-task-active[data-v-821d4db8],
.task.resize-active[data-v-821d4db8] {
    pointer-events: none
}

.task__wrapper[data-v-821d4db8] {
    position: relative;
    display: flex;
    align-items: center;
    height: 30px;
    margin-top: 3px;
    padding-left: 6px;
    background-color: #f0f0f5;
    transition: background-color .2s ease;
    cursor: pointer;
    border-radius: 7px;
    font-weight: 400;
    font-size: 13px;
    line-height: 16px
}

.task__wrapper[data-v-821d4db8]:after {
    content: attr(data-title);
    position: absolute;
    pointer-events: none;
    opacity: .5;
    word-break: break-all;
    white-space: nowrap
}

.task__wrapper[data-v-821d4db8]:hover {
    background-color: #e1e1eb
}

.task:hover .task__wrapper[data-v-821d4db8]:after,
.connector-active .task__wrapper[data-v-821d4db8]:after,
.move-task-active .task__wrapper[data-v-821d4db8]:after,
.resize-active .task__wrapper[data-v-821d4db8]:after {
    content: ""
}

.completed .task__wrapper[data-v-821d4db8]:after {
    text-decoration: line-through!important
}

.dark .task__wrapper[data-v-821d4db8] {
    background-color: #242629
}

.dark .task__wrapper[data-v-821d4db8]:hover {
    background-color: #18191b
}

.dark .task__wrapper[data-v-821d4db8]:after {
    color: #e5e7ee
}

.task__title[data-v-821d4db8] {
    position: relative;
    overflow: hidden;
    word-break: break-all;
    white-space: nowrap
}

.completed .task__title[data-v-821d4db8] {
    opacity: .5;
    text-decoration: line-through
}

.dark .task__title[data-v-821d4db8] {
    color: #ddd
}

.task__dates[data-v-821d4db8] {
    z-index: 4;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 156px;
    height: 44px;
    background-color: #fff;
    flex-direction: column;
    border-radius: 8px;
    border: 1px solid #f0f0f0;
    box-shadow: 0 4px 13px #3030301a
}

.dark .task__dates[data-v-821d4db8] {
    background-color: #242629;
    border-color: #191a1c
}

.task__dates-days[data-v-821d4db8] {
    margin-bottom: 2px;
    color: #60636c;
    font-weight: 500;
    font-size: 14px;
    line-height: 14px
}

.dark .task__dates-days[data-v-821d4db8] {
    color: #ddd
}

.task__dates-dates[data-v-821d4db8] {
    color: #acb1c2;
    text-align: center;
    font-weight: 500;
    font-size: 12px;
    line-height: 12px
}

.task__button-resize[data-v-821d4db8] {
    position: absolute;
    top: 5px;
    z-index: 1;
    pointer-events: none;
    opacity: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 6px;
    height: 20px;
    background-color: #fff;
    transition: opacity .2s ease;
    cursor: ew-resize;
    border-radius: 4px
}

.task__button-resize.left[data-v-821d4db8] {
    left: -3px
}

.task__button-resize.right[data-v-821d4db8] {
    right: -3px
}

.task:hover .task__button-resize[data-v-821d4db8],
.resize-active .task__button-resize[data-v-821d4db8] {
    pointer-events: all;
    opacity: 1
}

.connector-active .task__button-resize[data-v-821d4db8] {
    pointer-events: none!important;
    opacity: 0!important
}

.dark .task__button-resize[data-v-821d4db8] {
    background-color: #2f3136
}

.task__resize[data-v-821d4db8] {
    width: 2px;
    height: 16px;
    background-color: #60636c;
    border-radius: 4px
}

.dark .task__resize[data-v-821d4db8] {
    background-color: #d3d3d3
}

.task__button-pin[data-v-821d4db8] {
    position: absolute;
    top: 0;
    bottom: 0;
    pointer-events: none;
    opacity: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 48px;
    height: 30px;
    transition: opacity .2s ease;
    cursor: grab!important
}

.task__button-pin.left[data-v-821d4db8] {
    left: -48px
}

.task__button-pin.right[data-v-821d4db8] {
    right: -48px
}

.task:hover .task__button-pin[data-v-821d4db8],
.connector-active .task__button-pin[data-v-821d4db8] {
    pointer-events: all;
    opacity: 1
}

.task__pin[data-v-821d4db8] {
    width: 8px;
    height: 8px;
    background-color: var(--color-scheme-active);
    border-radius: 50%
}

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

.creating[data-v-10c355cb] {
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 36px;
    border: 1px solid rgba(var(--color-scheme-active-rgb), .1);
    border-radius: 7px;
    background-color: rgba(var(--color-scheme-active-rgb), .1)
}

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

.process[data-v-97412a71] {
    position: absolute;
    pointer-events: none;
    height: 36px;
    background-color: rgba(var(--color-scheme-active-rgb), .1);
    cursor: grabbing;
    border: 1px solid rgba(var(--color-scheme-active-rgb), .1);
    border-radius: 7px
}

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

.anchor[data-v-c29ed64a] {
    position: absolute;
    pointer-events: none;
    height: 36px
}

.anchor__content[data-v-c29ed64a] {
    position: sticky;
    pointer-events: all;
    display: flex;
    align-items: center;
    width: 150px;
    height: 36px;
    color: #acb1c2;
    letter-spacing: -.52px;
    font-weight: 400;
    font-size: 13px;
    line-height: 15.6px
}

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

.anchors[data-v-e8219473] {
    position: absolute;
    pointer-events: none;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

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

.svg[data-v-2b9358a9] {
    position: absolute;
    pointer-events: none;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.svg__connector[data-v-2b9358a9] {
    stroke: #555;
    stroke-width: 3px;
    stroke-dasharray: 16 8;
    stroke-linecap: round;
    pointer-events: none
}

.svg__connector.active[data-v-2b9358a9] {
    stroke: var(--color-scheme-active)
}

.dark .svg__connector[data-v-2b9358a9] {
    stroke: #e5e7ee
}

.svg__arrow-pointer[data-v-2b9358a9] {
    z-index: 10;
    pointer-events: stroke;
    transition: filter .2s ease;
    cursor: pointer;
    fill: var(--color-scheme-active)
}

.blue .svg__arrow-pointer[data-v-2b9358a9] {
    fill: #6c78f4
}

.red .svg__arrow-pointer[data-v-2b9358a9] {
    fill: #d10002
}

.yellow .svg__arrow-pointer[data-v-2b9358a9] {
    fill: #ee8913
}

.svg__arrow-group[data-v-2b9358a9] {
    pointer-events: stroke
}

.svg__arrow[data-v-2b9358a9] {
    z-index: 10;
    pointer-events: none;
    cursor: pointer;
    fill: none;
    stroke: #d5d8fd;
    stroke-width: 2px;
    stroke-linejoin: round
}

.blue .svg__arrow[data-v-2b9358a9] {
    stroke: #d5d8fd
}

.red .svg__arrow[data-v-2b9358a9] {
    stroke: #ffd0cc
}

.yellow .svg__arrow[data-v-2b9358a9] {
    stroke: #ffebc7
}

.svg__arrow-group.blue.active .svg__arrow[data-v-2b9358a9],
.svg__arrow-group.blue:hover .svg__arrow[data-v-2b9358a9] {
    stroke: #6c78f4
}

.svg__arrow-group.red.active .svg__arrow[data-v-2b9358a9],
.svg__arrow-group.red:hover .svg__arrow[data-v-2b9358a9] {
    stroke: #ff4d4f
}

.svg__arrow-group.yellow.active .svg__arrow[data-v-2b9358a9],
.svg__arrow-group.yellow:hover .svg__arrow[data-v-2b9358a9] {
    stroke: #ee8913
}

.svg__arrow-background[data-v-2b9358a9] {
    z-index: 10;
    pointer-events: stroke;
    cursor: pointer;
    fill: none;
    stroke: none;
    stroke-width: 10px;
    stroke-linejoin: round
}

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

.settings[data-v-6ade1145] {
    position: absolute;
    z-index: 7;
    width: 300px
}

.settings__wrap[data-v-6ade1145] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    padding: 12px 0 8px
}

.settings__item[data-v-6ade1145] {
    position: relative;
    display: flex;
    gap: 8px;
    align-items: center;
    padding: 4px 12px;
    transition: background-color .2s ease;
    cursor: pointer
}

.settings__item.active[data-v-6ade1145] {
    pointer-events: none;
    padding-right: 44px
}

.settings__item[data-v-6ade1145]:hover {
    background-color: #f8f8f8
}

.dark .settings__item[data-v-6ade1145]:hover {
    color: #ddd;
    background-color: #202225
}

.settings__button[data-v-6ade1145] {
    font-weight: 500;
    font-size: 14px;
    line-height: 100%;
    display: flex;
    gap: 8px;
    align-items: center;
    width: 100%;
    height: 24px;
    padding: 4px 12px;
    color: #e63737;
    transition: background-color .2s ease;
    cursor: pointer
}

.settings__button[data-v-6ade1145]:hover {
    background-color: #f8f8f8
}

.dark .settings__button[data-v-6ade1145]:hover {
    background-color: #202225
}

.settings__item-icon[data-v-6ade1145] {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 44px;
    height: 44px;
    border-radius: 8px
}

.settings__item-text[data-v-6ade1145] {
    display: flex;
    gap: 4px;
    justify-content: center;
    flex-direction: column
}

.settings__item-title[data-v-6ade1145] {
    font-weight: 500;
    font-size: 14px;
    line-height: 100%;
    color: #242629
}

.dark .settings__item .settings__item-title[data-v-6ade1145] {
    color: #ddd
}

.settings__item-description[data-v-6ade1145] {
    font-weight: 400;
    font-size: 12px;
    line-height: 120%;
    color: #93969f
}

.dark .settings__item .settings__item-description[data-v-6ade1145] {
    color: #8d8d8d
}

.settings__item-icon-checked[data-v-6ade1145] {
    position: absolute;
    top: 50%;
    right: 8px;
    pointer-events: none;
    opacity: 0;
    transform: translateY(-50%)
}

.settings__item.active .settings__item-icon-checked[data-v-6ade1145] {
    pointer-events: all;
    opacity: 1
}

.settings__bottom[data-v-6ade1145] {
    padding: 4px 0;
    border-top: 1px solid #f4f4f8
}

.dark .settings__bottom[data-v-6ade1145] {
    border-color: #1e1f22
}

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

.gantt[data-v-dd245c35] {
    position: relative;
    z-index: 0;
    display: grid;
    grid-template-rows: 1fr;
    height: 100%;
    overflow: auto;
    background-color: #fff
}

.gantt[data-v-dd245c35]::-webkit-scrollbar {
    width: 6px;
    height: 6px
}

.gantt.loading[data-v-dd245c35] {
    grid-template-rows: unset;
    justify-content: center;
    align-items: center
}

.gantt.pressed.dragscroll[data-v-dd245c35] {
    cursor: grabbing!important
}

.gantt.dragscroll[data-v-dd245c35] {
    cursor: grab!important
}

.gantt.dragscroll .gantt__wrapper[data-v-dd245c35] {
    pointer-events: none
}

.dark .gantt[data-v-dd245c35] {
    background-color: #242629
}

.gantt[data-v-dd245c35] .task,
.gantt[data-v-dd245c35] .task__main {
    height: 36px
}

.gantt[data-v-dd245c35] .task {
    overflow: hidden
}

.gantt__wrapper[data-v-dd245c35] {
    display: grid;
    grid-template-columns: max-content 1fr
}

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

.link[data-v-5b7e8724] {
    display: flex;
    gap: 10px;
    justify-content: space-between;
    align-items: center;
    height: 25px;
    margin: 0 6px;
    padding: 0 5px;
    font-size: 14px;
    line-height: 17px;
    color: #202430;
    background-color: transparent;
    transition: all .2s ease-in-out;
    border-radius: 4px;
    text-decoration: none
}

.dark .link[data-v-5b7e8724] {
    background-color: #2f3136
}

.link[data-v-5b7e8724]:hover {
    background-color: #e8e8f2
}

.dark .link[data-v-5b7e8724]:hover {
    background-color: #383a3f
}

.link.active[data-v-5b7e8724] {
    pointer-events: none;
    color: var(--color-scheme-active)
}

.dark .link__name[data-v-5b7e8724] {
    color: #ddd
}

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

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

.nav-component[data-v-1b8333a3] {
    display: flex;
    align-self: center
}

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

.status-circle[data-v-78d87645] {
    position: relative;
    display: flex;
    gap: 10px;
    align-items: center;
    padding-left: 23px;
    white-space: nowrap;
    color: #202430;
    font-weight: 400;
    font-size: 12px;
    line-height: 14px
}

.status-circle[data-v-78d87645]:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 5px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    transform: translateY(-50%)
}

.dark .status-circle[data-v-78d87645] {
    color: #a6a7b3
}

.status-circle.green[data-v-78d87645]:before {
    background-color: #359f39
}

.status-circle.yellow[data-v-78d87645]:before {
    background-color: #fde50c
}

.status-circle.red[data-v-78d87645]:before {
    background-color: #d01f1f
}

.status-circle.grey[data-v-78d87645]:before {
    background-color: #acb1c2
}

.status-circle.with-background[data-v-78d87645] {
    height: 16px;
    padding-right: 5px;
    background: #e8e8f2;
    border-radius: 4px
}

.dark .status-circle.with-background[data-v-78d87645] {
    background-color: #383a3f
}

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

.header[data-v-4cdca72d] {
    position: relative;
    z-index: 10;
    display: flex;
    gap: 28px;
    align-items: center;
    width: 100%;
    height: 40px;
    padding: 6px 10px;
    background-color: #fff;
    border-bottom: 1px solid #EDEDF5
}

.dark .header[data-v-4cdca72d] {
    background: #2f3136;
    border-color: #1e1f22
}

.header[data-v-4cdca72d] .avatars-image__content {
    background: #e5e7ee
}

.dark .header[data-v-4cdca72d] .avatars-image__content {
    background: #383a3f
}

.header__wrapper[data-v-4cdca72d] {
    flex: none;
    display: flex;
    align-items: center
}

.header__title[data-v-4cdca72d] {
    width: 100%;
    height: 19px;
    overflow: hidden;
    font-size: 16px;
    font-weight: 600;
    white-space: nowrap;
    text-overflow: ellipsis;
    text-transform: none
}

.dark .header__title[data-v-4cdca72d] {
    color: #ddd
}

.dark .header__title input[data-v-4cdca72d] {
    background-color: #242629
}

.header__body[data-v-4cdca72d] {
    display: flex;
    gap: 14px;
    align-items: center;
    margin-left: 10px;
    max-width: 290px
}

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

.input-date-range[data-v-0052ffbf] {
    position: relative;
    min-width: fit-content
}

.input-date-range.disabled[data-v-0052ffbf] {
    pointer-events: none;
    opacity: .7;
    cursor: default
}

.input-date-range__label[data-v-0052ffbf] {
    font-weight: 500;
    font-size: 14px;
    line-height: 110%;
    margin-bottom: 8px
}

.dark .input-date-range__label[data-v-0052ffbf] {
    color: #ddd
}

.input-date-range__dropdown[data-v-0052ffbf] {
    position: fixed;
    z-index: 100
}

.input-date-range__panel[data-v-0052ffbf] {
    display: flex;
    gap: 10px;
    align-items: center;
    height: 40px;
    padding: 7px 8px;
    background-color: #fff;
    border: 1px solid transparent;
    transition: all .2s ease-in-out;
    cursor: pointer;
    border-radius: 8px
}

.grey .input-date-range__panel[data-v-0052ffbf] {
    background: #f8f8fb
}

.dark .grey .input-date-range__panel[data-v-0052ffbf] {
    color: #ddd;
    background-color: #2f3136
}

.grey .input-date-range__panel[data-v-0052ffbf]:hover,
.grey .input-date-range__panel[data-v-0052ffbf]:focus {
    background-color: #ededf5
}

.dark .grey .input-date-range__panel[data-v-0052ffbf]:hover,
.dark .grey .input-date-range__panel[data-v-0052ffbf]:focus {
    background-color: #242629
}

.dark .white .input-date-range__panel[data-v-0052ffbf] {
    background: #242629
}

.bordered .input-date-range__panel[data-v-0052ffbf] {
    border-color: #ededf5;
    padding: 7px 15px;
    border-radius: 4px
}

.dark .bordered .input-date-range__panel[data-v-0052ffbf] {
    background-color: #2f3136;
    border-color: #1e1f22
}

.with-icon .input-date-range__panel[data-v-0052ffbf] {
    padding-right: 45px
}

.dark .input-date-range__panel[data-v-0052ffbf] {
    background-color: #2f3136
}

.input-date-range__date[data-v-0052ffbf] {
    font-size: 14px;
    font-weight: 400;
    line-height: 17px;
    color: #9da5c5
}

.grey .input-date-range__date[data-v-0052ffbf] {
    color: #242629
}

.grey.disabled .input-date-range__date[data-v-0052ffbf] {
    color: #cacad2
}

.dark .input-date-range__date[data-v-0052ffbf] {
    color: #ddd
}

.input-date-range__reset-icon[data-v-0052ffbf] {
    position: absolute;
    right: 8px;
    bottom: px
}

.input-date-range__error[data-v-0052ffbf] {
    font-weight: 400;
    font-size: 10px;
    line-height: 12px;
    position: absolute;
    top: 100%;
    left: 0;
    margin-top: 4px;
    color: #f01414
}

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

.upgrade-to[data-v-c62f0cd5] {
    display: flex;
    gap: 8px;
    align-items: center;
    width: fit-content
}

.upgrade-to__title[data-v-c62f0cd5] {
    font-weight: 400;
    font-size: 12px;
    line-height: 120%;
    color: #93969f
}

.dark .upgrade-to__title[data-v-c62f0cd5] {
    color: #ddd
}

.upgrade-to__button[data-v-c62f0cd5] {
    font-weight: 500;
    font-size: 10px;
    line-height: 120%;
    display: flex;
    gap: 4px;
    align-items: center;
    color: var(--color-scheme-active);
    text-decoration: none;
    cursor: pointer
}

.upgrade-to__button-free[data-v-c62f0cd5] {
    position: relative;
    width: 31px
}

.upgrade-to__button-free .upgrade-to__button-status.bottom[data-v-c62f0cd5] {
    position: relative;
    z-index: 0;
    margin-top: -6px;
    margin-left: 7px
}

.upgrade-to__button-free .upgrade-to__button-status.top[data-v-c62f0cd5] {
    position: relative;
    z-index: 1;
    border: 1px solid #fff;
    height: 14px;
    border-radius: 4px
}

.upgrade-to__button-text[data-v-c62f0cd5] {
    white-space: nowrap
}

.upgrade-to__button__more-places[data-v-c62f0cd5] {
    display: flex;
    gap: 4px;
    align-items: center
}

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

.limit[data-v-e4c55ef1] {
    display: flex;
    gap: 8px;
    align-items: center;
    padding: 12px;
    background: #6c78f41a;
    border-radius: 8px;
    background-color: rgba(var(--color-scheme-active-rgb), .1)
}

.dark .limit[data-v-e4c55ef1] {
    background: #2f3136
}

.limit__title[data-v-e4c55ef1] {
    width: 100%;
    color: #242629;
    font-weight: 600;
    font-size: 14px;
    line-height: 125%
}

.dark .limit__title[data-v-e4c55ef1] {
    color: #ddd
}

.limit__description[data-v-e4c55ef1] {
    color: #242629;
    font-weight: 400;
    font-size: 14px;
    line-height: 125%
}

.dark .limit__description[data-v-e4c55ef1] {
    color: #a6a7b3
}

.limit__upgrade[data-v-e4c55ef1] {
    margin-right: 7px;
    margin-left: auto
}

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

.status-tag[data-v-8db4da1b] {
    font-weight: 600;
    font-size: 8px;
    line-height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    width: max-content;
    height: 12px;
    padding: 0 3px;
    color: #60636c;
    background: linear-gradient(180deg, #dadada, #e0e0e0);
    cursor: pointer;
    border-radius: 3px;
    letter-spacing: -.04em;
    text-decoration: none;
    text-transform: capitalize
}

.status-tag.green[data-v-8db4da1b] {
    color: #00b633;
    background: #d9f7be
}

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

.types[data-v-237275a0] {
    display: flex;
    flex-direction: column;
    gap: 8px
}

.types__label[data-v-237275a0] {
    font-weight: 500;
    font-size: 14px;
    line-height: 125%;
    color: #202430
}

.dark .types__label[data-v-237275a0] {
    color: #ddd
}

.types__options[data-v-237275a0] {
    display: grid;
    grid-template-columns: repeat(3, 1fr)
}

.types__option[data-v-237275a0] {
    display: flex;
    flex-direction: column;
    gap: 8px
}

.types__option-top[data-v-237275a0] {
    position: relative;
    display: flex;
    gap: 4px;
    justify-content: center;
    align-items: center;
    min-height: 60px;
    padding: 8px;
    color: #f8f8fb;
    background-color: #f8f8fb;
    flex-direction: column;
    cursor: pointer
}

.dark .types__option-top[data-v-237275a0] {
    background-color: #2f3136
}

.disabled .types__option-top[data-v-237275a0] {
    pointer-events: none
}

.types__option-top[data-v-237275a0]:not(.active .types__option-top) path {
    fill: #93969f
}

.types__option-top[data-v-237275a0]:before {
    content: "";
    position: absolute;
    pointer-events: none;
    opacity: 0;
    background-color: var(--color-scheme-active);
    top: 4px;
    right: 4px;
    bottom: 4px;
    left: 4px;
    border-radius: 8px;
    transition: all .2s ease-in-out
}

.types__option-top[data-v-237275a0]:hover:before,
.types__option.active .types__option-top[data-v-237275a0]:before {
    opacity: .1
}

.types__option:nth-child(1) .types__option-top[data-v-237275a0] {
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px
}

.types__option:last-child .types__option-top[data-v-237275a0] {
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px
}

.types__option-name[data-v-237275a0] {
    font-weight: 600;
    font-size: 11px;
    line-height: 100%;
    color: #9499ad;
    text-align: center
}

.types__option.active .types__option-name[data-v-237275a0] {
    color: var(--color-scheme-active)
}

.types__option-description[data-v-237275a0] {
    font-weight: 400;
    font-size: 12px;
    line-height: 110%;
    padding: 0 8px;
    color: #acb1c2;
    text-align: center
}

.types__soon[data-v-237275a0] {
    position: absolute;
    bottom: -4px
}

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

.create-modal[data-v-6a985db0] {
    max-width: 400px
}

.create-modal__limit[data-v-6a985db0] {
    margin-top: 24px
}

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

.header[data-v-abf9ac72] {
    display: grid;
    grid-template-columns: 40px;
    grid-column-gap: 8px;
    margin: 4px;
    transition: .3s ease-in-out
}

.header.opened[data-v-abf9ac72] {
    grid-template-columns: 40px 1fr;
    margin: 8px
}

.header__button-toggle-menu[data-v-abf9ac72] {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 40px;
    background-color: #fff;
    border-radius: 4px
}

.header__button-toggle-menu.right[data-v-abf9ac72] {
    transform: rotate(180deg)
}

.header__button-toggle-menu[data-v-abf9ac72]:hover path {
    fill: var(--color-scheme-active)
}

.dark .header__button-toggle-menu[data-v-abf9ac72] {
    background-color: #2f3136
}

.header__button-add-new[data-v-abf9ac72] {
    border-radius: 6px
}

.header__button-add-new[data-v-abf9ac72] .button__text {
    white-space: nowrap
}

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

.watchers[data-v-e8252650] {
    position: relative;
    display: flex
}

.watchers__panel[data-v-e8252650] {
    position: relative;
    display: flex;
    gap: 8px;
    align-items: center;
    width: 100%;
    height: 32px;
    padding: 0 8px;
    color: #60636c;
    transition: background-color .2s ease;
    cursor: pointer;
    border-radius: 4px;
    font-weight: 400;
    font-size: 14px;
    line-height: 16px
}

.watchers__panel.active[data-v-e8252650] {
    background-color: #ededf5
}

.watchers__panel[data-v-e8252650]:hover,
.watchers__panel.hovered[data-v-e8252650] {
    background-color: #f8f8f8
}

.dark .watchers__panel[data-v-e8252650]:hover,
.dark .watchers__panel.hovered[data-v-e8252650] {
    color: #ddd;
    background-color: #202225
}

.dark .watchers__panel[data-v-e8252650] {
    color: #8d8d8d
}

.dark .watchers__panel[data-v-e8252650]:hover,
.dark .watchers__panel.active[data-v-e8252650] {
    color: #ddd;
    background-color: #202225
}

.watchers__selected[data-v-e8252650] {
    margin-left: 4px
}

.watchers__dropdown-icon[data-v-e8252650] {
    margin-left: auto;
    transform: rotate(180deg)
}

.watchers__dropdown[data-v-e8252650] {
    position: absolute;
    top: 0;
    right: -258px;
    z-index: 10;
    display: flex;
    width: 250px;
    height: fit-content;
    flex-direction: column;
    max-height: 290px;
    border-radius: 6px;
    box-shadow: 0 4px 13px #3030301a
}

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

.edit-modal[data-v-9926bb36] {
    max-width: 400px
}

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

.dropdown-groupped[data-v-706efc5c] {
    display: flex;
    flex-direction: column;
    border: 1px solid #F0F0F0;
    box-shadow: 0 4px 13px #3030301a;
    border-radius: 6px;
    overflow-y: auto
}

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

.dropdown-groupped__group[data-v-706efc5c] {
    display: flex;
    padding: 8px 0;
    background-color: #fff;
    flex-direction: column
}

.dropdown-groupped__group[data-v-706efc5c]:not(:first-child) {
    border-top: 1px solid #f4f4f8
}

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

.dropdown-groupped__items[data-v-706efc5c] {
    display: grid;
    grid-auto-rows: max-content
}

.dropdown-groupped__title[data-v-706efc5c] {
    font-weight: 500;
    font-size: 12px;
    line-height: 100%;
    padding: 4px 12px 8px;
    color: #acb1c2
}

.dark .dropdown-groupped__title[data-v-706efc5c] {
    color: #ddd
}

.dropdown-groupped__item[data-v-706efc5c] {
    padding-left: 12px
}

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

.select[data-v-21aacafd] {
    position: relative;
    display: grid;
    grid-auto-rows: max-content;
    grid-row-gap: 8px;
    cursor: pointer
}

.select.readonly[data-v-21aacafd],
.select.disabled[data-v-21aacafd] {
    pointer-events: none
}

.select[data-v-21aacafd] .v-input__icon {
    right: 10px;
    left: initial
}

.select[data-v-21aacafd] .v-input__item {
    padding-right: 38.5px;
    padding-left: 10px;
    cursor: pointer
}

.select .has-avatar[data-v-21aacafd] .v-input__item {
    padding-left: 38.5px
}

.select__label[data-v-21aacafd] {
    font-weight: 500;
    font-size: 14px;
    line-height: 110%;
    color: #202430
}

.dark .select__label[data-v-21aacafd] {
    color: #ddd
}

.select__dropdown[data-v-21aacafd] {
    position: fixed;
    z-index: 10;
    width: 240px;
    max-height: 260px
}

.select__selected-items[data-v-21aacafd] {
    position: relative;
    display: flex;
    gap: 10px;
    align-items: center;
    height: 40px;
    padding: 7px 8px;
    background: #f8f8fb;
    transition: all .2s ease-in-out;
    cursor: pointer;
    border-radius: 8px
}

.select__selected-items[data-v-21aacafd] .value {
    background-color: #ededf5;
    border-radius: 4px
}

.dark .select__selected-items[data-v-21aacafd] .value {
    background-color: #383a3f
}

.select__selected-items[data-v-21aacafd]:hover {
    background-color: #ededf5
}

.dark .select__selected-items[data-v-21aacafd]:hover .value {
    background-color: #383a3f
}

.dark .select__selected-items[data-v-21aacafd]:hover {
    background-color: #242629
}

.dark .select__selected-items[data-v-21aacafd] {
    color: #ddd;
    background-color: #2f3136
}

.select__selected-items-counter[data-v-21aacafd] {
    font-weight: 400;
    font-size: 14px;
    line-height: 100%;
    color: #60636c
}

.dark .select__selected-items-counter[data-v-21aacafd] {
    color: #ddd
}

.select__icon[data-v-21aacafd] {
    position: absolute;
    right: 10px;
    bottom: 50%;
    pointer-events: none;
    width: 24px;
    height: 24px;
    transform: translateY(50%)
}

.select__icon-lock[data-v-21aacafd] {
    position: absolute;
    bottom: 50%;
    left: 10px;
    pointer-events: none;
    transform: translateY(50%)
}

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

.move-board-modal[data-v-6f2d2128] {
    width: 100%;
    max-width: 445px
}

.modal__select[data-v-6f2d2128] {
    width: 100%;
    margin-left: 0;
    max-width: none
}

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

.create-template__fields[data-v-bf9a5026] {
    display: grid;
    grid-auto-flow: row;
    grid-auto-rows: max-content;
    grid-row-gap: 10px
}

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

.settings[data-v-2ee611b1] {
    position: relative;
    transition: all .2s ease
}

.settings.active[data-v-2ee611b1] {
    pointer-events: auto;
    opacity: 1
}

.settings__dropdown[data-v-2ee611b1] {
    position: fixed;
    z-index: 1000;
    display: flex;
    width: 210px;
    padding: 4px;
    background-color: #fff;
    flex-direction: column;
    max-height: max-content;
    border: 1px solid #F0F0F0;
    box-shadow: 0 4px 13px #3030301a;
    border-radius: 6px
}

.dark .settings__dropdown[data-v-2ee611b1] {
    background-color: #242629;
    border-color: #191a1c
}

.dropdown-item[data-v-2ee611b1] {
    border-radius: 4px
}

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

.board-card[data-v-652ecead] {
    display: block;
    padding: 8px;
    overflow: hidden;
    background-color: #fff;
    cursor: pointer;
    border: 1px solid transparent;
    border-radius: 6px
}

.board-card.current[data-v-652ecead] {
    border-color: var(--color-scheme-active)
}

.dark .board-card[data-v-652ecead] {
    background-color: #2f3136
}

.board-card__wrapper[data-v-652ecead] {
    display: flex;
    gap: 8px;
    justify-content: center
}

.board-card__header[data-v-652ecead] {
    display: flex;
    gap: 8px;
    justify-content: space-between;
    align-items: center;
    height: 20px;
    overflow: hidden
}

.board-card__title[data-v-652ecead] {
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    height: 100%;
    overflow: hidden;
    white-space: nowrap;
    color: #242629;
    text-overflow: ellipsis
}

.dark .board-card__title[data-v-652ecead] {
    color: #ddd
}

.board-card__content[data-v-652ecead] {
    display: flex;
    gap: 4px;
    justify-content: space-between;
    align-items: center;
    height: 20px;
    white-space: nowrap
}

.board-card__content-column[data-v-652ecead] {
    display: flex;
    gap: 4px;
    justify-content: space-between;
    align-items: center
}

.board-card__tasks[data-v-652ecead] {
    font-weight: 400;
    font-size: 12px;
    line-height: 12px;
    color: #acb1c2
}

.board-card__private[data-v-652ecead] {
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: max-content;
    align-items: center
}

.board-card__private[data-v-652ecead] .assignees__user-name {
    max-width: 120px
}

.board-card__private[data-v-652ecead] .users__others:not(:first-child),
.board-card__private[data-v-652ecead] .users__user-wrap:not(:first-child) {
    margin-left: -9px
}

.board-card__icon-private-lock[data-v-652ecead] {
    flex: none
}

.board-card__preview[data-v-652ecead],
.board-card__column[data-v-652ecead] {
    position: relative;
    display: flex;
    gap: 8px;
    flex-direction: column
}

.board-card__name-tooltip[data-v-652ecead] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.board-card__name-tooltip-template[data-v-652ecead] {
    width: 100%;
    height: 100%
}

.board-card__type[data-v-652ecead] {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 20px;
    height: 20px;
    background-color: #ededf5;
    border-radius: 4px
}

.dark .board-card__type[data-v-652ecead] {
    background-color: #242629
}

.board-card__avatar[data-v-652ecead] .avatars-image__content {
    background-color: #ededf5
}

.dark .board-card__avatar[data-v-652ecead] .avatars-image__content {
    background-color: #242629
}

.board-card__column[data-v-652ecead] {
    width: 100%;
    overflow: hidden
}

.board-card__date[data-v-652ecead] {
    font-weight: 500;
    font-size: 12px;
    line-height: 100%;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 8px;
    padding: 4px 2px;
    color: #525c7a;
    background-color: #ededf5;
    text-align: center
}

.board-card__date[data-v-652ecead]:before {
    content: "";
    position: absolute;
    top: 0;
    left: -8px;
    width: 8px;
    height: 20px;
    background-image: url("data:image/svg+xml,%3csvg%20width='8'%20height='20'%20viewBox='0%200%208%2020'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M0%200H8V20H0L5.3943%2012.2939C6.3584%2010.9166%206.3584%209.08343%205.39431%207.70615L0%200Z'%20fill='%23EDEDF5'/%3e%3c/svg%3e");
    background-repeat: no-repeat
}

.board-card__date[data-v-652ecead]:after {
    content: "";
    position: absolute;
    top: 0;
    right: -8px;
    width: 8px;
    height: 20px;
    background-image: url("data:image/svg+xml,%3csvg%20width='7'%20height='20'%20viewBox='0%200%207%2020'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M0%200L6.00098%207.50122C7.16967%208.96209%207.16968%2011.0379%206.00098%2012.4988L0%2020V0Z'%20fill='%23EDEDF5'/%3e%3c/svg%3e");
    background-repeat: no-repeat
}

.dark .board-card__date[data-v-652ecead] {
    color: #ddd;
    background-color: #242629
}

.dark .board-card__date[data-v-652ecead]:before {
    background-image: url("data:image/svg+xml,%3csvg%20width='8'%20height='20'%20viewBox='0%200%208%2020'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M0%200H8V20H0L5.3943%2012.2939C6.3584%2010.9166%206.3584%209.08343%205.39431%207.70615L0%200Z'%20fill='%23242629'/%3e%3c/svg%3e")
}

.dark .board-card__date[data-v-652ecead]:after {
    background-image: url("data:image/svg+xml,%3csvg%20width='7'%20height='20'%20viewBox='0%200%207%2020'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M0%200L6.00098%207.50122C7.16967%208.96209%207.16968%2011.0379%206.00098%2012.4988L0%2020V0Z'%20fill='%23242629'/%3e%3c/svg%3e")
}

.board-card__tooltip[data-v-652ecead] {
    overflow: hidden
}

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

.content[data-v-5a4fa654] {
    display: grid;
    overflow: hidden
}

.content__container[data-v-5a4fa654] {
    display: grid;
    grid-auto-flow: row;
    grid-auto-rows: max-content;
    grid-row-gap: 4px;
    padding: 0 5px 0 8px;
    overflow: hidden auto;
    transition: padding .2s ease-in-out;
    scrollbar-gutter: stable
}

.collapsed .content__container[data-v-5a4fa654] {
    padding: 0 2px 0 4px
}

.collapsed .content__container[data-v-5a4fa654]::-webkit-scrollbar {
    width: 2px
}

.content__container[data-v-5a4fa654]::-webkit-scrollbar {
    width: 3px
}

.content__container[data-v-5a4fa654]::-webkit-scrollbar-thumb {
    border: none;
    background: #cacad2
}

.content__container[data-v-5a4fa654]::-webkit-scrollbar-track {
    background-color: #e5e7ee;
    border-radius: 30px
}

.dark .content__container[data-v-5a4fa654]::-webkit-scrollbar-track {
    background: #383a3f
}

.dark .content__container[data-v-5a4fa654]::-webkit-scrollbar-thumb {
    background-color: #60636c
}

.content__board[data-v-5a4fa654] {
    display: flex;
    justify-content: center;
    width: 100%;
    padding: 4px;
    background-color: #fff;
    border: 1px solid #E5E7EE;
    border-radius: 4px
}

.content__board.active[data-v-5a4fa654] {
    border-color: var(--color-scheme-active)
}

.dark .content__board[data-v-5a4fa654] {
    background-color: #383a3f;
    border-color: #2a2a2a
}

.dark .content__board.active[data-v-5a4fa654] {
    border-color: var(--color-scheme-active)
}

.content__menu-item[data-v-5a4fa654] {
    position: relative;
    border: 1px solid transparent;
    border-radius: 5px
}

.content__menu-item.sorting-into[data-v-5a4fa654] {
    border-color: var(--color-scheme-active)
}

.content__menu-item.active[data-v-5a4fa654] {
    background-color: #ededf5
}

.dark .content__menu-item.active[data-v-5a4fa654] {
    background-color: #242629
}

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

.import-tasks[data-v-295a02c7] {
    flex: none;
    display: flex;
    gap: 16px;
    justify-content: center;
    align-items: center;
    padding: 8px 4px 4px;
    overflow: hidden;
    background-color: #6c78f4;
    flex-direction: column;
    border-radius: 8px
}

.import-tasks.opened[data-v-295a02c7] {
    padding: 8px
}

.dark .import-tasks[data-v-295a02c7] {
    background-color: #2f3136
}

.import-tasks__title[data-v-295a02c7] {
    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-tasks__title[data-v-295a02c7] {
    display: block;
    display: -webkit-box
}

.dark .import-tasks__title[data-v-295a02c7] {
    color: #ddd
}

.import-tasks__link[data-v-295a02c7] {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 4px
}

.import-tasks__link[data-v-295a02c7]:hover {
    background-color: #ededf5
}

.dark .import-tasks__link[data-v-295a02c7]:hover {
    background-color: #2f3136
}

.import-tasks__head[data-v-295a02c7] {
    display: flex;
    gap: 4px;
    justify-content: space-between;
    flex-direction: column;
    align-items: center;
    width: 100%
}

.opened .import-tasks__head[data-v-295a02c7] {
    flex-direction: row;
    gap: 16px
}

.import-tasks__close[data-v-295a02c7] {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 16px;
    height: 16px;
    background-color: #f8f8fb;
    border-radius: 4px
}

.dark .import-tasks__close[data-v-295a02c7] {
    background-color: #2f3136
}

.import-tasks__links[data-v-295a02c7] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    justify-content: center;
    padding: 4px;
    border-radius: 4px;
    background-color: #f8f8fb
}

.opened .import-tasks__links[data-v-295a02c7] {
    width: 100%;
    padding: 4px 8px;
    flex-direction: row
}

.dark .import-tasks__links[data-v-295a02c7] {
    background-color: #383a3f
}

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

.billing-side-nav[data-v-26d2bde1] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    width: 250px;
    padding: 8px 12px;
    background-color: #f8f8fb;
    border-radius: 4px
}

.dark .billing-side-nav[data-v-26d2bde1] {
    background-color: #2f3136
}

.billing-side-nav.collapsed[data-v-26d2bde1] {
    padding: 8px 0
}

.billing-side-nav__title[data-v-26d2bde1] {
    font-weight: 400;
    font-size: 12px;
    line-height: 120%;
    color: #93969f
}

.dark .billing-side-nav__title[data-v-26d2bde1] {
    color: #ddd
}

.collapsed .billing-side-nav__title[data-v-26d2bde1] {
    text-overflow: ellipsis;
    text-align: center;
    overflow: hidden;
    white-space: nowrap
}

.billing-side-nav__line[data-v-26d2bde1] {
    font-weight: 400;
    font-size: 10px;
    line-height: 100%;
    color: #cacad2;
    text-align: center
}

.billing-side-nav__counter-line[data-v-26d2bde1] {
    height: 4px;
    margin-top: 4px;
    overflow: hidden;
    background-color: #e5e7ee;
    border-radius: 4px
}

.dark .billing-side-nav__counter-line[data-v-26d2bde1] {
    background-color: #242629
}

.billing-side-nav__counter[data-v-26d2bde1] {
    height: 100%;
    background-color: var(--color-scheme-active);
    transition: width .2s ease;
    border-radius: 4px
}

.billing-side-nav__upgrade[data-v-26d2bde1] {
    margin-left: auto;
    white-space: nowrap
}

.billing-side-nav__upgrade-free[data-v-26d2bde1] {
    position: relative;
    width: 31px
}

.billing-side-nav__upgrade-free .billing-side-nav__upgrade-status.bottom[data-v-26d2bde1] {
    position: relative;
    z-index: 0;
    margin-top: -6px;
    margin-left: 7px
}

.billing-side-nav__upgrade-free .billing-side-nav__upgrade-status.top[data-v-26d2bde1] {
    position: relative;
    z-index: 1;
    border: 1px solid #fff;
    height: 14px;
    border-radius: 4px
}

.billing-side-nav__upgrade-tariff[data-v-26d2bde1] {
    display: flex;
    gap: 4px;
    align-items: center
}

.billing-side-nav__upgrade-tariff[data-v-26d2bde1] .workspace-status {
    pointer-events: none
}

.billing-side-nav__double[data-v-26d2bde1] {
    display: flex;
    flex-direction: column;
    gap: 8px
}

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

.limits[data-v-89576f68] {
    flex: none;
    width: auto;
    margin: 0 8px;
    background-color: #fff;
    border-radius: 8px
}

.limits__collapsed[data-v-89576f68] {
    font-weight: 500;
    font-size: 14px;
    line-height: 100%;
    flex: none;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
    margin: 0 auto;
    color: #242629;
    background-color: #fff;
    border-radius: 6px
}

.dark .limits__collapsed[data-v-89576f68] {
    color: #ddd;
    background-color: #2f3136
}

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

.menu[data-v-e48a33e6] {
    display: flex;
    gap: 8px;
    justify-content: space-between;
    width: 48px;
    margin-bottom: 10px;
    padding-bottom: 4px;
    overflow: hidden;
    background-color: #ededf5;
    transition: .3s ease-in-out;
    flex-direction: column;
    border-radius: 8px
}

.menu.opened[data-v-e48a33e6] {
    width: 300px;
    padding-bottom: 8px
}

.dark .menu[data-v-e48a33e6] {
    background-color: #242629
}

.menu__top[data-v-e48a33e6] {
    display: flex;
    flex-direction: column;
    height: 100%;
    overflow: hidden
}

.menu__content[data-v-e48a33e6] {
    overflow: hidden auto
}

.menu__import-tasks[data-v-e48a33e6] {
    margin: 0 4px
}

.menu__import-tasks.opened[data-v-e48a33e6] {
    margin: 0 8px
}

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

.settings-modal[data-v-cec94374] {
    max-width: 480px
}

.settings-modal__label[data-v-cec94374] {
    font-weight: 500;
    font-size: 14px;
    line-height: 125%;
    color: #202430
}

.dark .settings-modal__label[data-v-cec94374] {
    color: #ddd
}

.settings-modal__limit-enabling[data-v-cec94374] {
    display: flex;
    gap: 4px;
    align-items: center
}

.settings-modal__colors[data-v-cec94374] {
    display: flex;
    gap: 8px;
    align-items: center;
    padding: 8px 0
}

.settings-modal__color[data-v-cec94374] {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 24px;
    height: 24px;
    transition: all .2s ease-in-out;
    cursor: pointer;
    border-radius: 50%;
    border: 1px solid transparent
}

.settings-modal__color[data-v-cec94374]:nth-child(1) {
    border-color: #e5e7ee
}

.dark .settings-modal__color[data-v-cec94374]:nth-child(1) {
    border-color: #242629
}

.settings-modal__duration[data-v-cec94374] {
    display: flex;
    gap: 8px;
    align-items: center;
    width: 50%
}

.settings-modal__tasks[data-v-cec94374] {
    font-weight: 400;
    font-size: 14px;
    line-height: 120%;
    display: flex;
    gap: 8px;
    align-items: center
}

.dark .settings-modal__tasks[data-v-cec94374] {
    color: #ddd
}

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

.modal[data-v-d937a8a7] {
    max-width: 640px
}

.modal__wrapper[data-v-d937a8a7] {
    display: flex;
    flex-direction: column;
    gap: 24px
}

.modal__button[data-v-d937a8a7] {
    max-width: 124px
}

.modal__button_small[data-v-d937a8a7] {
    max-width: 103px
}

.modal__text[data-v-d937a8a7] {
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    color: #60636c
}

.modal__text[data-v-d937a8a7] strong {
    font-weight: 600
}

.dark .modal__text[data-v-d937a8a7] {
    color: #8d8d8d
}

.modal__options[data-v-d937a8a7] {
    display: flex;
    flex-direction: column;
    gap: 8px
}

.modal__option[data-v-d937a8a7] {
    display: grid;
    grid-template-columns: 160px 1fr;
    grid-gap: 24px;
    align-items: center
}

.modal__option-column[data-v-d937a8a7] {
    display: flex;
    gap: 8px;
    align-items: center
}

.modal__additional[data-v-d937a8a7] {
    display: flex;
    flex-direction: column;
    gap: 8px
}

.modal__subtitle[data-v-d937a8a7] {
    font-weight: 500;
    font-size: 16px;
    line-height: 100%;
    color: #242629
}

.dark .modal__subtitle[data-v-d937a8a7] {
    color: #ddd
}

.modal__action[data-v-d937a8a7] {
    display: flex;
    flex-direction: column;
    gap: 8px
}

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

.move-board-modal[data-v-bd0ce369] {
    width: 100%;
    max-width: 445px
}

.modal__select[data-v-bd0ce369] {
    width: 100%;
    margin-left: 0;
    max-width: none
}

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

.menu[data-v-8c5381ca] {
    position: relative;
    display: flex;
    align-items: center
}

.menu__dropdown[data-v-8c5381ca] {
    position: absolute;
    top: calc(100%+ 4px);
    right: 0;
    z-index: 10;
    width: 200px
}

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

.header[data-v-1e0794dd] {
    position: relative;
    display: flex;
    gap: 6px;
    justify-content: space-between;
    align-items: center;
    height: 40px;
    padding: 0 8px;
    background-color: #fff;
    border-radius: 8px
}

.dark .header[data-v-1e0794dd] {
    background-color: #242629
}

.header[data-v-1e0794dd]:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    height: 3px;
    background-color: var(--390b9d81);
    border-top-left-radius: 8px;
    border-top-right-radius: 8px
}

.header__icon-drag-and-drop[data-v-1e0794dd] {
    transform: rotate(90deg);
    cursor: grab
}

.header__input[data-v-1e0794dd] {
    width: 100%;
    height: 16px;
    padding: 0;
    color: #000;
    background-color: transparent;
    border: none;
    outline: none;
    text-overflow: ellipsis;
    font-weight: 400;
    font-size: 13px;
    line-height: 16px
}

.dark .header__input[data-v-1e0794dd] {
    color: #ddd
}

.header__left[data-v-1e0794dd] {
    display: flex;
    gap: 6px;
    justify-content: space-between;
    align-items: center;
    width: 100%
}

.header__column[data-v-1e0794dd] {
    display: flex;
    gap: 8px;
    align-items: center
}

.header__duration[data-v-1e0794dd],
.header__wip-limit[data-v-1e0794dd] {
    font-weight: 400;
    font-size: 12px;
    line-height: 90%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 4px;
    overflow: hidden;
    white-space: nowrap;
    color: #acb1c2;
    background-color: #f8f8fb;
    border-radius: 4px;
    cursor: pointer
}

.dark .header__duration[data-v-1e0794dd],
.dark .header__wip-limit[data-v-1e0794dd] {
    color: #ddd;
    background-color: #383a3f
}

.header__duration.reached[data-v-1e0794dd],
.header__wip-limit.reached[data-v-1e0794dd] {
    color: #00b633;
    background-color: #d9f7be
}

.header__duration.exceeded[data-v-1e0794dd],
.header__wip-limit.exceeded[data-v-1e0794dd] {
    color: #ff4d4f;
    background-color: #ffd0cc
}

.header__input-wrapper[data-v-1e0794dd] {
    width: 100%
}

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

.task-sorting-item.sorting-top[data-v-038eb465]:before {
    content: "";
    position: absolute;
    top: -4px;
    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;
    transition: .1s ease-in
}

.task-sorting-item.sorting-into[data-v-038eb465]:before {
    content: "";
    position: absolute;
    top: 0;
    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;
    transition: .1s ease-in
}

.task-sorting-item.sorting-bottom[data-v-038eb465]:before {
    content: "";
    position: absolute;
    right: 2px;
    bottom: -4.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;
    transition: .1s ease-in
}

.tasks[data-v-038eb465] {
    position: relative;
    flex: 1;
    display: grid;
    grid-template-rows: 1fr;
    overflow: hidden
}

.tasks__sorting[data-v-038eb465] {
    display: grid;
    grid-template-rows: max-content 1fr;
    padding: 3px;
    overflow-y: auto
}

.tasks__sorting[data-v-038eb465]::-webkit-scrollbar {
    width: 3px
}

.tasks__sorting[data-v-038eb465]::-webkit-scrollbar-track {
    background-color: #e5e7ee;
    border-radius: 30px
}

.tasks__sorting[data-v-038eb465]::-webkit-scrollbar-thumb {
    background: #cacad2;
    border: none
}

.dark .tasks__sorting[data-v-038eb465]::-webkit-scrollbar-track {
    background-color: #93969f
}

.dark .tasks__sorting[data-v-038eb465]::-webkit-scrollbar-thumb {
    background: #60636c
}

.tasks__items[data-v-038eb465] {
    display: grid;
    grid-auto-flow: row;
    grid-auto-rows: max-content;
    grid-row-gap: 4px;
    padding: 4px 0
}

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

.column[data-v-855da317] {
    display: flex;
    flex-direction: column;
    height: 100%;
    overflow: hidden
}

.column__header[data-v-855da317],
.column__creating[data-v-855da317] {
    flex: none;
    margin-right: 3px;
    margin-bottom: 4px;
    margin-left: 3px
}

.column__header[data-v-855da317] {
    margin-bottom: 7px
}

.column__loadable-tasks[data-v-855da317] {
    margin-right: 3px;
    padding: 7px 3px
}

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

.creating[data-v-ba72593c] {
    position: relative;
    flex: none;
    display: flex;
    align-items: center;
    width: 274px;
    height: 40px;
    padding: 0 14px;
    overflow: hidden;
    background-color: #ededf5;
    transition: .2s ease;
    cursor: pointer;
    border: 1px dashed #CACAD2;
    border-radius: 4px;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.creating[data-v-ba72593c]:hover,
.creating[data-v-ba72593c]:focus {
    background-color: #f9f9f9
}

.dark .creating[data-v-ba72593c] {
    background-color: #383a3f;
    border-color: #76787b
}

.dark .creating[data-v-ba72593c]:hover,
.dark .creating[data-v-ba72593c]:focus {
    background-color: #2f3136
}

.creating__text[data-v-ba72593c] {
    margin-left: 12px;
    font-weight: 500;
    font-size: 12px;
    line-height: 15px;
    color: #cacad2;
    transition: .2s ease;
    text-align: center
}

.dark .creating__text[data-v-ba72593c] {
    color: #8d8d8d
}

.creating__input[data-v-ba72593c] {
    position: absolute;
    top: -1px;
    left: -1px;
    opacity: 0;
    width: calc(100%+ 2px);
    height: calc(100%+ 2px);
    background-color: #fff;
    transition: .3s ease;
    cursor: pointer;
    border: 1px solid #D3D3D3;
    border-radius: 4px
}

.creating_focused .creating__input[data-v-ba72593c] {
    opacity: 1
}

.creating__input[readonly][data-v-ba72593c] {
    background-color: #fcfcfc
}

.creating__input[data-v-ba72593c]:focus {
    cursor: text
}

.dark .creating__input[data-v-ba72593c] {
    color: #ddd;
    border: 1px solid #242629;
    background-color: #383a3f
}

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

.columns[data-v-651a9558] {
    position: relative;
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: max-content;
    gap: 6px;
    overflow: auto hidden
}

.columns__container[data-v-651a9558] {
    display: grid!important;
    grid-auto-flow: column;
    grid-auto-columns: 274px;
    grid-column-gap: 6px;
    width: fit-content;
    padding-bottom: 10px
}

.columns__draggable[data-v-651a9558] {
    display: grid!important;
    overflow: hidden
}

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

.board[data-v-037e61e2] {
    display: grid;
    overflow: hidden
}

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

.boards[data-v-8ecd70c7] {
    position: relative;
    display: grid;
    grid-template-columns: max-content 1fr;
    height: 100%;
    padding-top: 4px;
    padding-left: 6px;
    overflow: hidden
}

.boards__menu[data-v-8ecd70c7] {
    margin-right: 6px
}

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

.task-viewer[data-v-03c686f3] {
    position: relative;
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    overflow: hidden
}

.dark .task-viewer__filters-full-viewer-wrapper[data-v-03c686f3] {
    background-color: #2f3136
}

.task-viewer__filters-full-viewer[data-v-03c686f3] {
    flex: none;
    margin: 0 10px 10px
}

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

.continue-with__link[data-v-2b023773] {
    display: flex;
    gap: 15px;
    align-items: center;
    padding: 12px;
    background: #fff;
    border-radius: 8px
}

.dark .continue-with__link[data-v-2b023773] {
    background-color: #383a3f
}

.continue-with__title[data-v-2b023773] {
    font-weight: 500;
    font-size: 20px;
    line-height: 24px;
    margin-bottom: 14px;
    color: #93969f;
    text-align: center
}

.dark .continue-with__title[data-v-2b023773] {
    color: #8d8d8d
}

.continue-with__link[data-v-2b023773] {
    text-decoration: none
}

.dark .continue-with__link[data-v-2b023773] .avatars-image__empty {
    background: #2f3136
}

.continue-with__name[data-v-2b023773] {
    font-weight: 700;
    font-size: 20px;
    line-height: 24px;
    color: #202430
}

.dark .continue-with__name[data-v-2b023773] {
    color: #ddd
}

.continue-with__button[data-v-2b023773] {
    min-width: 176px;
    margin: 14px auto 0
}

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

.current-workspace[data-v-47ae12b3] {
    display: flex;
    align-items: center;
    padding: 14px;
    overflow: hidden;
    background: #fff;
    border-radius: 16px;
    text-decoration: none
}

.dark .current-workspace[data-v-47ae12b3] {
    background: #383a3f
}

.current-workspace__avatar[data-v-47ae12b3] {
    flex: none;
    margin-right: 15px
}

.dark .current-workspace__avatar[data-v-47ae12b3] {
    background: #2f3136
}

.current-workspace__info[data-v-47ae12b3] {
    flex: 1 1 auto;
    overflow: hidden
}

.current-workspace__title[data-v-47ae12b3] {
    font-weight: 600;
    font-size: 20px;
    line-height: 120%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    color: #4d505e;
    text-overflow: ellipsis
}

.dark .current-workspace__title[data-v-47ae12b3] {
    color: #ddd
}

.current-workspace__title-text[data-v-47ae12b3] {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.current-workspace__title-pro[data-v-47ae12b3] {
    margin-left: 5px
}

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

.create-workspace-modal__button[data-v-b4aa00aa] {
    max-width: 210px
}

.modal__pending-text[data-v-b4aa00aa] {
    opacity: .8;
    font-size: 13px;
    font-weight: 500;
    color: #60636c
}

.dark .modal__pending-text[data-v-b4aa00aa] {
    color: #ddd
}

.modal__workspace-name[data-v-b4aa00aa],
.modal__workspace-description[data-v-b4aa00aa] {
    position: relative
}

.modal__icon[data-v-b4aa00aa] {
    position: absolute;
    top: 34px;
    right: 12px
}

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

.forbidden-box[data-v-c469b690] {
    flex: 1 1 auto;
    display: flex;
    width: 100%;
    padding: 35px;
    overflow: auto;
    background: #f8f8fb;
    flex-direction: column
}

.dark .forbidden-box[data-v-c469b690] {
    background: #2f3136
}

.forbidden-box__content[data-v-c469b690] {
    display: flex;
    gap: 50px;
    justify-content: center;
    margin: 0 auto;
    flex-direction: column;
    max-width: 420px
}

.forbidden-box__top[data-v-c469b690] {
    display: flex;
    gap: 20px;
    justify-content: center;
    flex-direction: column
}

.forbidden-box__box[data-v-c469b690] {
    display: flex;
    align-items: center;
    width: 100%;
    padding: 20px 10px;
    background: #fff;
    flex-direction: column;
    border-radius: 16px;
    text-align: center
}

.dark .forbidden-box__box[data-v-c469b690] {
    background: #383a3f
}

.forbidden-box__title[data-v-c469b690] {
    font-weight: 500;
    font-size: 20px;
    line-height: 24px;
    margin-bottom: 8px;
    color: #202430
}

.dark .forbidden-box__title[data-v-c469b690] {
    color: #ddd
}

.forbidden-box__description[data-v-c469b690] {
    font-weight: 300;
    font-size: 14px;
    line-height: 17px;
    color: #93969f
}

.dark .forbidden-box__description[data-v-c469b690] {
    color: #8d8d8d
}

.forbidden-box__avatar[data-v-c469b690] {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 58px;
    height: 58px;
    margin-bottom: 14px;
    background: #f8f8fb;
    border-radius: 8px
}

.dark .forbidden-box__avatar[data-v-c469b690] {
    background: #383a3f
}

.forbidden-box__avatar-status[data-v-c469b690] {
    font-weight: 400;
    font-size: 10px;
    line-height: 12px;
    position: absolute;
    bottom: -14px;
    left: 50%;
    height: 20px;
    padding: 3px 6px 5px;
    color: #ee8913;
    background: #ffce70;
    transform: translate(-50%);
    border-radius: 4px;
    text-align: center;
    letter-spacing: .04em;
    text-transform: capitalize
}

.forbidden-box__button[data-v-c469b690] {
    margin: 0 auto
}

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

.container[data-v-ddd70362] {
    padding: 20px;
    background-color: #f4f4f6;
    border-radius: 16px
}

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

.input[data-v-ce6bcda5] {
    display: flex;
    align-items: center;
    padding-left: 5px;
    color: #a6acbf;
    background-color: #fff;
    transition: all .3s ease;
    cursor: text;
    border: 2px solid transparent;
    border-radius: 8px;
    font-variation-settings: "wght" 600;
    font-weight: 400;
    font-size: 14px;
    line-height: 100%
}

.slot[data-v-ce6bcda5] {
    display: flex;
    align-items: center;
    width: 24px;
    height: auto;
    padding-left: 4px
}

.slot[data-v-ce6bcda5] svg {
    width: 18.44px;
    height: 18.44px
}

.default[data-v-ce6bcda5] svg {
    height: 100%
}

.default[data-v-ce6bcda5] svg rect,
.default[data-v-ce6bcda5] svg path {
    fill: #a6acbf
}

.input__field[data-v-ce6bcda5] {
    width: 100%;
    height: 44px;
    padding: 0 14px 0 9px;
    background-color: inherit;
    transition: none;
    border-radius: 8px;
    outline: none;
    border: none
}

.input__field[data-v-ce6bcda5]::placeholder {
    color: #a6acbf;
    transition: all .3s ease
}

.hovered[data-v-ce6bcda5] {
    color: #7b8193;
    background-color: #fbfbfc
}

.hovered input[data-v-ce6bcda5]::placeholder {
    color: #7b8193
}

.hovered .default[data-v-ce6bcda5] svg rect,
.hovered .default[data-v-ce6bcda5] svg path {
    fill: #7b8193;
    transition: all .3s ease
}

.focused[data-v-ce6bcda5] {
    color: #2e3038;
    background-color: #fff
}

.focused input[data-v-ce6bcda5]::placeholder {
    color: #2e3038
}

.focused .default[data-v-ce6bcda5] svg rect,
.focused .default[data-v-ce6bcda5] svg path {
    fill: #6788f3;
    transition: all .3s ease
}

.disabled[data-v-ce6bcda5] {
    color: #7b8193
}

.disabled[data-v-ce6bcda5] svg rect,
.disabled[data-v-ce6bcda5] svg path {
    opacity: .5
}

.filled[data-v-ce6bcda5] {
    color: #2e3038
}

.filled .default[data-v-ce6bcda5] svg rect,
.filled .default[data-v-ce6bcda5] svg path {
    fill: #6788f3
}

.filled .hovered[data-v-ce6bcda5] {
    background-color: #fbfbfc
}

.error[data-v-ce6bcda5] {
    background-color: #fff;
    border: 2px solid #f88
}

.input__icon[data-v-ce6bcda5] {
    width: 24px;
    height: 24px;
    margin-right: 14px;
    cursor: pointer;
    -webkit-user-select: none;
    user-select: none
}

.input__icon rect[data-v-ce6bcda5],
.input__icon path[data-v-ce6bcda5] {
    fill: #a6acbf;
    transition: all .3s ease
}

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

.button[data-v-71b263fb] {
    display: inline-block;
    width: 100%;
    margin-top: 10px;
    padding: 11px 22px;
    font-size: 16px;
    line-height: 22px;
    color: #fff;
    background-color: #6788f3;
    font-variation-settings: "wght" 600;
    transition: .25s;
    border-radius: 8px;
    border: none;
    outline: none;
    -webkit-user-select: none;
    user-select: none
}

.button.loading[data-v-71b263fb] {
    pointer-events: none
}

.button[data-v-71b263fb]:hover {
    background-color: #5578e7
}

.button__wrapper[data-v-71b263fb] {
    display: flex;
    justify-content: center
}

.button__loading[data-v-71b263fb] {
    display: grid;
    grid-template-columns: repeat(2, max-content);
    grid-column-gap: 8px;
    justify-content: center;
    align-items: center;
    min-height: 22px
}

.button__loading-loader[data-v-71b263fb] {
    display: inline-block;
    width: 20px;
    height: 20px;
    animation: rotating-71b263fb 1.5s infinite linear
}

@keyframes rotating-71b263fb {
    to {
        transform: rotate(360deg)
    }
}

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

.error[data-v-27f6ce36] {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    font-variation-settings: "wght" 600;
    font-size: 13px;
    line-height: 100%;
    text-align: left;
    color: #f66;
    -webkit-user-select: none;
    user-select: none
}

.error__icon[data-v-27f6ce36] {
    margin-right: 5px
}

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

.errors[data-v-b2f15bb4] {
    display: grid;
    grid-row-gap: 4px;
    margin-bottom: 0;
    transition: .55s ease-in-out
}

.errors.showing[data-v-b2f15bb4] {
    transition: .4s ease
}

.errors-log__error[data-v-b2f15bb4] {
    pointer-events: none;
    height: 0;
    overflow: hidden
}

.errors-log__error.visible[data-v-b2f15bb4] {
    pointer-events: auto;
    height: max-content
}

.error-enter-active[data-v-b2f15bb4],
.error-leave-active[data-v-b2f15bb4] {
    transition: all .4s ease
}

.error-enter[data-v-b2f15bb4] {
    opacity: 0;
    transform: translateY(5px)
}

.error-leave-to[data-v-b2f15bb4] {
    opacity: 0;
    transform: translate(-10px)
}

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

.form[data-v-402e0ab1] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: 10px
}

.form__input[data-v-402e0ab1] {
    grid-column: span 2;
    margin-bottom: 10px
}

.form__input[data-v-402e0ab1]:nth-child(1),
.form__input[data-v-402e0ab1]:nth-child(2) {
    grid-column: span 1
}

.form__errors[data-v-402e0ab1],
.form__button-create[data-v-402e0ab1] {
    grid-column: span 2
}

.form__icon[data-v-402e0ab1] {
    flex: none
}

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

.mini-container[data-v-14de2cd2] {
    padding: 11px;
    background-color: #f4f4f6;
    border-radius: 8px;
    text-align: center
}

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

.socials[data-v-94804c15] {
    display: flex;
    flex-direction: column;
    gap: 8px
}

.socials__items[data-v-94804c15] {
    display: flex;
    gap: 8px;
    justify-content: center
}

.socials__item[data-v-94804c15] {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 44px;
    cursor: pointer
}

.socials__item[data-v-94804c15]:hover {
    opacity: .8
}

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

a[data-v-3311c863] {
    text-decoration: none;
    border: none;
    outline: none
}

.link[data-v-3311c863] {
    font-weight: 600;
    font-size: 14px;
    line-height: 120%;
    display: inline-block;
    height: max-content;
    transition: all .3s ease;
    cursor: pointer
}

.link.grey[data-v-3311c863] {
    color: #a6acbf
}

.link.grey[data-v-3311c863]:hover {
    color: #7b8193
}

.link.grey[data-v-3311c863]:active {
    color: #4d505e
}

.link.grey.outlined[data-v-3311c863] {
    border-bottom: 2px solid #e3e4e8
}

.link.grey.outlined[data-v-3311c863]:hover {
    border-color: #a6acbf
}

.link.grey.outlined[data-v-3311c863]:active {
    border-color: #7b8193
}

.link.blue[data-v-3311c863] {
    color: #9cb1f7
}

.link.blue[data-v-3311c863]:hover {
    color: #6788f3
}

.link.blue[data-v-3311c863]:active {
    color: #5b78d6
}

.link.blue.outlined[data-v-3311c863] {
    border-bottom: 2px solid #d9e1fc
}

.link.blue.outlined[data-v-3311c863]:hover {
    border-color: #9cb1f7
}

.link.blue.outlined[data-v-3311c863]:active {
    border-color: #5b78d6
}

.footer-component {
    text-align: center
}

.footer-component__text {
    margin-bottom: 4px;
    font-size: 14px;
    font-weight: 400;
    font-variation-settings: "wght" 400;
    line-height: 19px;
    color: #a6acbf
}

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

.sign-up[data-v-6420b570] {
    position: relative
}

.sign-up__container[data-v-6420b570] {
    display: flex;
    gap: 20px;
    width: 100%;
    flex-direction: column;
    text-align: center
}

.sign-up__header[data-v-6420b570] {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    height: 25px;
    margin-bottom: 12px;
    padding: 0 12px
}

.sign-up__header[data-v-6420b570] svg {
    height: 24px
}

.sign-up__header[data-v-6420b570] svg path,
.sign-up__header[data-v-6420b570] svg rect {
    fill: #d0d3dd
}

.sign-up__header-text[data-v-6420b570] {
    font-weight: 600;
    font-size: 18px;
    line-height: 120%;
    color: #4d505e
}

.sign-up__text[data-v-6420b570] {
    font-weight: 500;
    font-size: 14px;
    line-height: 120%;
    color: #a6acbf
}

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

.form[data-v-ad9ffdd2] {
    display: grid;
    height: 153px;
}

.form__input[data-v-ad9ffdd2] {
    margin-bottom: 10px
}

.form__icon[data-v-ad9ffdd2] {
    flex: none
}

.footer {
    text-align: center
}

.footer__text {
    margin-bottom: 4px;
    font-size: 14px;
    font-weight: 400;
    font-variation-settings: "wght" 400;
    line-height: 19px;
    color: #a6acbf
}

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

.sign-in[data-v-65dc7eee] {
    position: relative
}

.sign-in__container[data-v-65dc7eee] {
    display: flex;
    gap: 20px;
    width: 100%;
    flex-direction: column;
    text-align: center
}

.sign-in__header[data-v-65dc7eee] {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    height: 25px;
    margin-bottom: 12px;
    padding: 0 12px
}

.sign-in__header-text[data-v-65dc7eee] {
    font-weight: 600;
    font-size: 18px;
    line-height: 120%;
    color: #4d505e;
    font-family: Manrope VF, sans-serif !important;
}

.sign-in__text[data-v-65dc7eee] {
    font-weight: 500;
    font-size: 14px;
    line-height: 120%;
    color: #a6acbf
}

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

.verify-email[data-v-a1a46105] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%
}

.verify-email[data-v-a1a46105] svg {
    transform: scale(1.3)
}

.verify-email[data-v-a1a46105] svg circle {
    stroke: #b0a8ff
}

.verify-email[data-v-a1a46105] svg path {
    stroke: #6c78f4
}

.verify-email__text[data-v-a1a46105] {
    margin-top: 30px;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase
}

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

.form[data-v-2735f382] {
    display: grid
}

.form__input[data-v-2735f382] {
    margin-bottom: 10px
}

.form__icon[data-v-2735f382] {
    flex: none
}

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

.to-sign-in[data-v-5c0d2177] {
    display: flex;
    justify-content: center;
    margin-top: 20px
}

.to-sign-in__content[data-v-5c0d2177] {
    display: grid;
    grid-template-columns: repeat(2, max-content);
    grid-column-gap: 4px
}

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

.change-password__container[data-v-013862d2] {
    display: grid;
    grid-row-gap: 20px;
    width: 100%;
    height: max-content;
    padding: 26px;
    color: #4d505e
}

.change-password__header[data-v-013862d2] {
    display: flex;
    justify-content: space-between
}

.change-password__header[data-v-013862d2] svg {
    width: 24px;
    height: 24px
}

.change-password__title[data-v-013862d2] {
    font-size: 18px;
    font-weight: 600;
    font-variation-settings: "wght" 600;
    line-height: 25px
}

.change-password__text[data-v-013862d2] {
    font-size: 12px;
    font-weight: 400;
    font-variation-settings: "wght" 400;
    line-height: 160%
}

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

.form[data-v-f17d8109] {
    display: grid
}

.form__input[data-v-f17d8109] {
    margin-bottom: 10px
}

.form__icon[data-v-f17d8109] {
    flex: none
}

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

.reset[data-v-51031e61] {
    display: grid;
    grid-row-gap: 20px;
    height: max-content;
    padding: 26px;
    color: #4d505e
}

.reset__header[data-v-51031e61] {
    display: flex;
    justify-content: space-between
}

.reset__header[data-v-51031e61] svg {
    width: 24px;
    height: 24px
}

.reset__title[data-v-51031e61] {
    font-size: 18px;
    font-weight: 600;
    font-variation-settings: "wght" 600;
    line-height: 25px
}

.reset__text[data-v-51031e61] {
    font-size: 12px;
    font-weight: 400;
    font-variation-settings: "wght" 400;
    line-height: 160%
}

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

.checking-email[data-v-4618a369] {
    display: flex;
    flex-direction: column;
    align-items: center
}

.checking-email__container[data-v-4618a369] {
    display: grid;
    height: max-content;
    margin-bottom: 20px;
    padding: 26px;
    color: #4d505e
}

.checking-email__header[data-v-4618a369] {
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px
}

.checking-email__title[data-v-4618a369] {
    font-size: 18px;
    font-weight: 600;
    font-variation-settings: "wght" 600;
    line-height: 25px
}

.checking-email__icon[data-v-4618a369] {
    flex: none
}

.checking-email__text[data-v-4618a369] {
    margin-bottom: 20px;
    font-size: 12px;
    font-weight: 400;
    font-variation-settings: "wght" 400;
    line-height: 160%
}

.checking-email__text_bold[data-v-4618a369] {
    font-weight: 700;
    font-variation-settings: "wght" 700
}

.checking-email__button-link[data-v-4618a369] {
    width: 100%
}

.checking-email__timer[data-v-4618a369] {
    font-size: 14px;
    font-weight: 400;
    font-variation-settings: "wght" 400;
    line-height: 19px;
    color: #a6acbf
}

.checking-email__link[data-v-4618a369] {
    display: grid;
    grid-template-columns: repeat(2, max-content);
    grid-column-gap: 4px;
    align-items: center
}

.checking-email__link[data-v-4618a369] svg {
    width: 12px;
    height: auto
}

.checking-email__link[data-v-4618a369] svg rect,
.checking-email__link[data-v-4618a369] svg path {
    fill: #9cb1f7
}

.checking-email__link[data-v-4618a369]:hover svg rect,
.checking-email__link[data-v-4618a369]:hover svg path {
    fill: #6788f3
}

.checking-email__link[data-v-4618a369]:active svg rect,
.checking-email__link[data-v-4618a369]:active svg path {
    fill: #5b78d6
}

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

.reset-password[data-v-b59c07ab] {
    display: grid;
    grid-row-gap: 20px;
    width: 100%;
    height: max-content;
    padding: 26px;
    color: #4d505e
}

.reset-password__header[data-v-b59c07ab] {
    display: flex;
    justify-content: space-between
}

.reset-password__title[data-v-b59c07ab] {
    font-size: 18px;
    font-weight: 600;
    font-variation-settings: "wght" 600;
    line-height: 25px
}

.reset-password__text[data-v-b59c07ab] {
    font-size: 12px;
    font-weight: 400;
    font-variation-settings: "wght" 400;
    line-height: 160%
}

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

.getting-started__body[data-v-26915594] {
    display: flex;
    flex-direction: column;
    align-items: center
}

.getting-started__title[data-v-26915594] {
    font-weight: 500;
    font-size: 20px;
    line-height: 24px;
    margin: 0;
    color: #242629
}

.dark .getting-started__title[data-v-26915594] {
    color: #ddd
}

.getting-started__description[data-v-26915594] {
    font-weight: 400;
    font-size: 14px;
    line-height: 120%;
    margin: 8px 0 0;
    max-width: 286px;
    text-align: center;
    color: #60636c
}

.dark .getting-started__description[data-v-26915594] {
    color: #8d8d8d
}

.getting-started__button[data-v-26915594] {
    max-width: 98px;
    margin: 24px auto 0
}

.getting-started__video[data-v-26915594] {
    width: 470px;
    margin-top: 16px;
    padding: 4px;
    transition: all .2s ease;
    border-radius: 16px;
    text-decoration: none
}

.getting-started__video[data-v-26915594]:hover {
    background-color: #f8f8fb
}

.dark .getting-started__video[data-v-26915594]:hover {
    background-color: #2f3136
}

.getting-started__video-wrapper[data-v-26915594] {
    position: relative;
    padding: 4px;
    border: 1px solid #E5E7EE;
    border-radius: 12px
}

.dark .getting-started__video-wrapper[data-v-26915594] {
    border-color: #93969f
}

.getting-started__video-button[data-v-26915594] {
    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%
}

.getting-started__video:hover .getting-started__video-button[data-v-26915594] {
    transform: scale(1.15);
    opacity: 1
}

.dark .getting-started__video-button[data-v-26915594] {
    background-color: #383a3f
}

.getting-started__video-image[data-v-26915594] {
    display: block;
    max-width: 100%;
    width: 100%;
    object-fit: cover;
    border-radius: 12px
}

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

.form[data-v-851cc2ac] {
    display: grid
}

.form__input[data-v-851cc2ac] {
    margin-bottom: 10px
}

.form__icon[data-v-851cc2ac] {
    flex: none
}

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

.social-authorization[data-v-013e9810] {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%
}

.social-authorization__loading[data-v-013e9810] {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9999999;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    background: #fff;
    transition: all .5s ease-in-out;
    flex-direction: column
}

.social-authorization__loading-text[data-v-013e9810] {
    text-align: center;
    animation: pulse 2s ease infinite
}

.social-authorization__loading-icon[data-v-013e9810] {
    margin-bottom: 25px
}

.social-authorization__loading-icon[data-v-013e9810] svg {
    display: block;
    width: 35px;
    height: 35px
}

.social-authorization__loading-icon[data-v-013e9810] svg path {
    stroke: #6c78f4;
    stroke-dasharray: 2000;
    stroke-dashoffset: 2794;
    animation: DrawLine 2s linear infinite
}

.social-authorization__container[data-v-013e9810] {
    display: grid;
    grid-row-gap: 20px;
    width: 100%;
    height: max-content;
    margin-bottom: 20px;
    padding: 26px;
    color: #4d505e
}

.social-authorization__header[data-v-013e9810] {
    display: flex;
    justify-content: space-between
}

.social-authorization__title[data-v-013e9810] {
    font-size: 18px;
    font-weight: 600;
    font-variation-settings: "wght" 600;
    line-height: 25px
}

.social-authorization__text[data-v-013e9810] {
    font-size: 12px;
    font-weight: 400;
    font-variation-settings: "wght" 400;
    line-height: 160%
}

.social-authorization__subtext[data-v-013e9810] {
    padding: 0 20px;
    font-size: 14px;
    font-weight: 500;
    font-variation-settings: "wght" 500;
    line-height: 19px;
    color: #a6acbf
}

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

.welcome[data-v-7620c1f0] {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin: auto
}

[data-v-7620c1f0] .welcome__logo {
    width: 124px;
    height: 32px;
    margin-bottom: 32px;
    transition: fill .3s ease-in-out
}

[data-v-7620c1f0] .welcome__logo g:nth-child(11),
[data-v-7620c1f0] .welcome__logo g:last-of-type {
    fill: #6788f3
}

.welcome__title[data-v-7620c1f0] {
    margin: 0 auto 24px;
    font-weight: 500;
    font-size: 32px;
    line-height: 32px;
    color: #202430
}

@media (max-width: 700px) {
    .welcome__title[data-v-7620c1f0] {
        text-align: center
    }
}

.welcome__description[data-v-7620c1f0] {
    margin-bottom: 48px;
    max-width: 480px;
    text-align: center;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px
}

.welcome__button[data-v-7620c1f0] {
    width: 176px;
    margin: 0 auto
}

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

.welcome-with-team[data-v-1a2556d6] {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin: auto
}

[data-v-1a2556d6] .welcome-with-team__logo {
    width: 124px;
    height: 32px;
    margin-bottom: 32px;
    transition: fill .3s ease-in-out
}

[data-v-1a2556d6] .welcome-with-team__logo g:nth-child(11),
[data-v-1a2556d6] .welcome-with-team__logo g:last-of-type {
    fill: #6788f3
}

.welcome-with-team__title[data-v-1a2556d6] {
    margin: 0 auto 24px;
    font-weight: 500;
    font-size: 32px;
    line-height: 32px;
    color: #202430
}

@media (max-width: 700px) {
    .welcome-with-team__title[data-v-1a2556d6] {
        text-align: center
    }
}

.welcome-with-team__description[data-v-1a2556d6] {
    margin-bottom: 48px;
    max-width: 480px;
    text-align: center;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px
}

.welcome-with-team__waits[data-v-1a2556d6] {
    margin-bottom: 16px;
    font-weight: 500;
    font-size: 20px;
    line-height: 30px;
    letter-spacing: -.011em;
    color: #1e1e1e;
    text-align: center
}

.welcome-with-team__teammates[data-v-1a2556d6] {
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: max-content;
    grid-column-gap: 24px
}

@media (max-width: 700px) {
    .welcome-with-team__teammates[data-v-1a2556d6] {
        display: flex;
        gap: 12px;
        justify-content: center;
        flex-wrap: wrap
    }
}

.welcome-with-team__more[data-v-1a2556d6] {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 64px;
    height: 64px;
    color: #93969f;
    background-color: #ededf5;
    border-radius: 50%
}

.welcome-with-team__invite-more[data-v-1a2556d6] {
    display: grid;
    grid-template-columns: repeat(2, max-content);
    grid-column-gap: 10px;
    align-items: center;
    margin-top: 16px;
    margin-bottom: 48px;
    padding: 8px 10px;
    border-radius: 4px;
    font-weight: 500;
    font-size: 13px;
    line-height: 13px;
    color: #acb1c2
}

.welcome-with-team__button-continue[data-v-1a2556d6] {
    width: 176px;
    margin-top: 48px
}

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

.type-tags[data-v-6c378cf7] {
    margin-bottom: 24px
}

.type-tags__title[data-v-6c378cf7] {
    margin-bottom: 10px;
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    color: #202430
}

.type-tags__wrap[data-v-6c378cf7] {
    display: flex;
    flex-wrap: wrap;
    gap: 10px
}

.type-tags__tag[data-v-6c378cf7] {
    display: flex;
    justify-content: center;
    align-items: center;
    width: max-content;
    height: 40px;
    padding: 0 17px;
    color: #545454;
    transition: all .2s ease;
    cursor: pointer;
    border: 1px solid #EDEDF5;
    border-radius: 4px;
    font-weight: 400;
    font-size: 14px;
    line-height: 17px
}

.type-tags__tag[data-v-6c378cf7]:hover {
    border-color: #bcbcbc
}

.type-tags__tag.active[data-v-6c378cf7] {
    color: #fff;
    background-color: var(--color-scheme-active);
    border-color: transparent!important
}

@media (max-width: 700px) {
    .type-tags__tag[data-v-6c378cf7] {
        flex-grow: 1
    }
}

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

.tabs[data-v-58bd87b1] {
    display: flex;
    gap: 10px;
    align-items: center;
    width: 100%;
    margin: 30px 0
}

.tabs__item[data-v-58bd87b1] {
    display: flex;
    width: 100%;
    height: 4px;
    background: #ededf5;
    border-radius: 4px
}

.tabs__item.active[data-v-58bd87b1] {
    background: var(--color-scheme-active)
}

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

.team[data-v-0f03273a] {
    display: flex;
    width: 100%;
    max-width: 465px;
    flex-direction: column
}

.team__title[data-v-0f03273a] {
    width: 100%;
    margin: 0;
    color: #202430;
    font-weight: 700;
    font-size: 36px;
    line-height: 43px
}

.team__title span[data-v-0f03273a] {
    color: var(--color-scheme-active)
}

@media (max-width: 700px) {
    .team__title[data-v-0f03273a] {
        font-weight: 700;
        font-size: 32px;
        line-height: 32px;
        text-align: center
    }
}

.team__description[data-v-0f03273a] {
    width: 100%;
    margin: 0 auto 38px;
    color: #545454;
    font-weight: 300;
    font-size: 14px;
    line-height: 17px
}

@media (max-width: 700px) {
    .team__description[data-v-0f03273a] {
        text-align: center
    }
}

.team__subtitle[data-v-0f03273a] {
    margin-bottom: 10px;
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    color: #202430
}

.team__select[data-v-0f03273a] {
    width: 100%;
    margin-bottom: 24px
}

.team__button[data-v-0f03273a] {
    margin-bottom: 200px
}

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

.v-select[data-v-12782b40] {
    position: relative;
    width: 100%
}

.v-select__selected[data-v-12782b40] {
    display: grid;
    grid-template-columns: 1fr;
    align-items: center;
    width: 100%;
    height: 34px;
    background-color: #fff;
    border: 1px solid #EDEDF5;
    border-radius: 4px
}

.v-select_dropdown-opened .v-select__selected[data-v-12782b40] {
    border-color: transparent;
    border-radius: 4px 4px 0 0;
    box-shadow: 0 2px 5px #0000001a
}

.v-select__selected[disabled][data-v-12782b40] {
    opacity: .7
}

.dark .v-select__selected[data-v-12782b40] {
    border-color: #1e1f22;
    background-color: #2f3136
}

.v-select__selected_has-icon[data-v-12782b40] {
    grid-template-columns: max-content 1fr;
    grid-column-gap: 9px
}

.v-select__selected-item-texts[data-v-12782b40] {
    width: 100%;
    text-overflow: ellipsis
}

.v-select__selected-item-placeholder[data-v-12782b40] {
    position: absolute;
    top: 50%;
    font-size: 12px;
    font-weight: 300;
    line-height: 14px;
    color: #aeaeae;
    transform: translateY(-50%);
    transition: all .2s linear
}

.v-select_selected .v-select__selected-item-placeholder[data-v-12782b40] {
    top: 3px;
    font-size: 10px;
    line-height: 12px;
    transform: translate(0)
}

.v-select__selected-item-name[data-v-12782b40] {
    overflow: hidden;
    font-size: 12px;
    font-weight: 300;
    line-height: 14px;
    color: #1e1e1e;
    text-align: left;
    text-overflow: ellipsis
}

.dark .v-select__selected-item-name[data-v-12782b40] {
    color: #ddd
}

.v-select_with-label .v-select__selected-item-name[data-v-12782b40] {
    position: absolute;
    bottom: 4px
}

.v-select__dropdown[data-v-12782b40] {
    min-width: auto;
    border-radius: 0 0 4px 4px;
    box-shadow: none;
    overflow: auto
}

.v-select__dropdown[data-v-12782b40] {
    position: absolute!important;
    top: 100%;
    z-index: 5;
    width: 100%;
    padding: 4px 0;
    background-color: #fff;
    max-height: 226px;
    overflow-y: auto!important
}

.v-select_dropdown-opened .v-select__dropdown[data-v-12782b40] {
    box-shadow: 0 2px 5px #0000001a
}

.dark .v-select__dropdown[data-v-12782b40] {
    border: 1px solid #1E1F22;
    background-color: #2f3136;
    box-shadow: 0 6px 13px #1919197a
}

.v-select__search[data-v-12782b40] {
    position: relative
}

.dark .v-select__search[data-v-12782b40] {
    background-color: #383a3f;
    border-color: #2a2a2a
}

.v-select__icon-search[data-v-12782b40] {
    position: absolute;
    top: 45%;
    left: 10px;
    pointer-events: none;
    display: block;
    margin-top: -10.5px
}

.v-select__search-input[data-v-12782b40] {
    display: block;
    width: 100%;
    height: 38px;
    margin-top: -4px;
    padding: 0 11px 0 41px;
    font-size: .75rem;
    font-weight: 300;
    background-color: transparent;
    border: none;
    outline: none;
    box-shadow: none!important
}

.dark .v-select__search-input[data-v-12782b40] {
    color: #ddd
}

.v-select__dropdown-item[data-v-12782b40] {
    display: grid!important;
    grid-template-columns: 1fr;
    align-items: center;
    height: 36px!important;
    padding: 0 7px;
    overflow: hidden;
    transition: all .1s linear;
    cursor: pointer;
    text-overflow: ellipsis
}

.v-select__dropdown-item[data-v-12782b40]:hover {
    background-color: #f8f8fb
}

.dark .v-select__dropdown-item[data-v-12782b40] {
    color: #ddd
}

.dark .v-select__dropdown-item[data-v-12782b40]:hover {
    background-color: #383a3f
}

.v-select__dropdown-item_has-icon[data-v-12782b40] {
    grid-template-columns: max-content 1fr;
    grid-column-gap: 9px
}

.v-select__dropdown-item_selected[data-v-12782b40] {
    background-color: #ededf5
}

.dark .v-select__dropdown-item_selected[data-v-12782b40] {
    color: #ddd;
    background-color: #383a3f
}

.v-select__icon[data-v-12782b40] {
    margin-right: 0
}

.v-select__img[data-v-12782b40] {
    width: 22px;
    height: 22px;
    overflow: hidden;
    border-radius: 50%;
    object-fit: cover
}

.v-select__arrow[data-v-12782b40] {
    position: absolute;
    top: 50%;
    right: 7px;
    transform: translateY(-50%) rotate(-90deg)
}

.v-select__arrow[data-v-12782b40] svg {
    fill: #d3d3d3
}

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

.team[data-v-6673f6e2] {
    display: flex;
    width: 100%;
    max-width: 465px;
    flex-direction: column
}

.team__title[data-v-6673f6e2] {
    width: 100%;
    margin: 0;
    color: #202430;
    font-weight: 700;
    font-size: 36px;
    line-height: 43px
}

.team__title span[data-v-6673f6e2] {
    color: var(--color-scheme-active)
}

@media (max-width: 700px) {
    .team__title[data-v-6673f6e2] {
        font-weight: 700;
        font-size: 32px;
        line-height: 32px;
        text-align: center
    }
}

.team__description[data-v-6673f6e2] {
    width: 100%;
    margin: 0 auto 38px;
    color: #545454;
    font-weight: 300;
    font-size: 14px;
    line-height: 17px
}

@media (max-width: 700px) {
    .team__description[data-v-6673f6e2] {
        text-align: center
    }
}

.team__subtitle[data-v-6673f6e2] {
    margin-bottom: 10px;
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    color: #202430
}

.team__input[data-v-6673f6e2],
.team__select[data-v-6673f6e2] {
    width: 100%;
    margin-bottom: 24px
}

.team__input[data-v-6673f6e2]:nth-of-type(2),
.team__select[data-v-6673f6e2]:nth-of-type(2) {
    margin-bottom: 8px
}

.team__button[data-v-6673f6e2] {
    margin-bottom: 200px
}

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

.creating__label[data-v-03ebb028] {
    color: #1e1e1e;
    font-weight: 500;
    font-size: 20px;
    line-height: 24px
}

.creating__input[data-v-03ebb028] {
    margin-top: 11px;
    margin-bottom: 48px
}

.creating__footer[data-v-03ebb028] {
    display: grid;
    grid-template-columns: max-content 1fr;
    grid-column-gap: 10px;
    align-items: center
}

@media (max-width: 600px) {
    .creating__footer[data-v-03ebb028] {
        grid-template-columns: max-content;
        grid-template-rows: repeat(2, max-content);
        grid-row-gap: 10px;
        justify-content: center
    }
}

.creating__button[data-v-03ebb028] {
    width: 176px
}

@media (max-width: 700px) {
    .creating__button[data-v-03ebb028] {
        margin: 0 auto
    }
}

.creating__text[data-v-03ebb028] {
    font-weight: 400;
    font-size: 12px;
    line-height: 14px
}

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

.workspace-creating[data-v-5a71ddb0] {
    display: flex;
    width: 100%;
    max-width: 480px;
    flex-direction: column;
    margin: auto
}

.workspace-creating__title[data-v-5a71ddb0] {
    width: 100%;
    margin: 0;
    color: #202430;
    font-weight: 700;
    font-size: 36px;
    line-height: 43px
}

.workspace-creating__title span[data-v-5a71ddb0] {
    color: var(--color-scheme-active)
}

@media (max-width: 700px) {
    .workspace-creating__title[data-v-5a71ddb0] {
        text-align: center
    }
}

.workspace-creating__description[data-v-5a71ddb0] {
    width: 100%;
    margin: 0 auto 38px;
    color: #545454;
    font-weight: 300;
    font-size: 14px;
    line-height: 17px
}

@media (max-width: 700px) {
    .workspace-creating__description[data-v-5a71ddb0] {
        text-align: center
    }
}

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

.w-context-menu[data-v-7ce76d8a] {
    position: absolute;
    padding: 4px 0;
    border: 1px solid #F0F0F0;
    border-radius: 8px;
    background-color: #fff;
    box-shadow: 0 4px 13px #3030301a
}

.dark .w-context-menu[data-v-7ce76d8a] {
    color: #ddd;
    background-color: #2f3136;
    border-color: #242629
}

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

.dropdown-item[data-v-e41b33fb] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    padding: 4px 12px;
    transition: all .2s ease-in-out;
    cursor: pointer;
    column-gap: 8px
}

.dropdown-item[data-v-e41b33fb]:hover:not(.disabled) {
    background-color: #f8f8fb
}

.dark .dropdown-item[data-v-e41b33fb]:hover:not(.disabled) {
    background-color: #383a3f
}

.dropdown-item.selected[data-v-e41b33fb],
.dropdown-item.disabled[data-v-e41b33fb] {
    pointer-events: none
}

.dropdown-item__image-wrapper[data-v-e41b33fb] {
    flex: none;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 44px;
    height: 44px;
    background: #f8f8fb;
    border-radius: 8px
}

.dark .dropdown-item__image-wrapper[data-v-e41b33fb] {
    background-color: #383a3f
}

.dropdown-item__text[data-v-e41b33fb] {
    flex: 1 1 auto;
    display: flex;
    align-items: flex-start;
    flex-direction: column
}

.dropdown-item__title[data-v-e41b33fb] {
    font-weight: 500;
    font-size: 14px;
    line-height: 100%;
    display: flex;
    gap: 5px;
    align-items: center;
    margin-bottom: 4px;
    color: #242629
}

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

.dropdown-item__description[data-v-e41b33fb] {
    font-weight: 400;
    font-size: 12px;
    line-height: 100%;
    color: #93969f
}

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

.dropdown-item__icon[data-v-e41b33fb] {
    opacity: 0;
    transition: all .2s ease-in-out
}

.selected .dropdown-item__icon[data-v-e41b33fb] {
    opacity: 1
}

.dropdown-item__tariff[data-v-e41b33fb] {
    pointer-events: auto
}

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

.role[data-v-b10f91b3] {
    position: relative
}

.role__current[data-v-b10f91b3] {
    font-weight: 500;
    font-size: 13px;
    line-height: 13px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    height: 32px;
    padding: 8px;
    color: #525c7a;
    background-color: #f4f4f8;
    cursor: pointer;
    column-gap: 8px;
    border-radius: 8px
}

.role__current[disabled][data-v-b10f91b3] {
    cursor: default
}

.dark .role__current[data-v-b10f91b3] {
    color: #ddd;
    background-color: #2f3136
}

.role__image[data-v-b10f91b3] {
    width: 24px;
    height: 24px;
    object-fit: contain
}

.role__name[data-v-b10f91b3] {
    flex: 1 1 auto;
    text-align: left;
    text-overflow: ellipsis;
    overflow: hidden
}

.role__arrow[data-v-b10f91b3] {
    transform: rotate(-90deg)
}

.role__dropdown[data-v-b10f91b3] {
    position: fixed;
    z-index: 99;
    width: 300px;
    max-height: 280px;
    overflow-y: auto
}

[data-v-b10f91b3] .dropdown-item__image-wrap {
    width: 44px;
    height: 44px
}

[data-v-b10f91b3] .dropdown-item__image {
    width: 100%;
    height: 100%;
    object-fit: contain
}

[data-v-b10f91b3] .dropdown-item__description {
    text-align: left
}

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

.targets[data-v-3f4ed0bb] {
    display: flex;
    flex-direction: column;
    gap: 16px
}

.targets__item[data-v-3f4ed0bb] {
    display: flex;
    align-items: center;
    column-gap: 8px
}

.targets__input[data-v-3f4ed0bb] {
    flex: 1
}

.targets__input[data-v-3f4ed0bb] .v-input__item {
    height: 32px;
    border-radius: 8px
}

.targets__input[data-v-3f4ed0bb] .v-input__error {
    margin-top: 2px
}

.targets__role[data-v-3f4ed0bb] {
    width: 180px
}

@media (max-width: 700px) {
    .targets__role[data-v-3f4ed0bb] {
        width: 140px
    }
}

.targets__button-add-more[data-v-3f4ed0bb] {
    height: 32px;
    border-radius: 8px
}

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

.workspace-inviting[data-v-d48ab87a] {
    display: flex;
    width: 100%;
    max-width: 480px;
    flex-direction: column;
    margin: auto
}

.workspace-inviting__content[data-v-d48ab87a] {
    display: flex;
    flex-direction: column
}

.workspace-inviting__title[data-v-d48ab87a] {
    width: 100%;
    margin: 0;
    color: #202430;
    font-weight: 700;
    font-size: 36px;
    line-height: 43px
}

.workspace-inviting__title span[data-v-d48ab87a] {
    color: var(--color-scheme-active)
}

@media (max-width: 700px) {
    .workspace-inviting__title[data-v-d48ab87a] {
        font-weight: 700;
        font-size: 32px;
        line-height: 32px;
        text-align: center
    }
}

.workspace-inviting__description[data-v-d48ab87a] {
    font-weight: 500;
    font-size: 20px;
    line-height: 24px;
    width: 100%;
    margin: 0 auto 24px;
    color: #202430
}

@media (max-width: 700px) {
    .workspace-inviting__description[data-v-d48ab87a] {
        font-weight: 300;
        font-size: 14px;
        line-height: 17px;
        text-align: center
    }
}

.workspace-inviting__image[data-v-d48ab87a] {
    margin-bottom: 38px
}

.workspace-inviting__button-invite[data-v-d48ab87a] {
    width: 211px;
    margin-top: 38px;
    margin-left: auto
}

@media (max-width: 700px) {
    .workspace-inviting__button-invite[data-v-d48ab87a] {
        grid-row: 1;
        width: 100%
    }
}

.workspace-inviting__error[data-v-d48ab87a] {
    font-weight: 300;
    font-size: 14px;
    line-height: 14px;
    margin-top: 8px
}

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

.avatars-header[data-v-e6ee4c1f] {
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: max-content;
    grid-column-gap: 16px;
    padding: 22px 20px 0;
    border-bottom: 1px solid #EDEDF5
}

.dark .avatars-header[data-v-e6ee4c1f] {
    border-color: #191a1c
}

@media (max-width: 700px) {
    .avatars-header[data-v-e6ee4c1f] {
        overflow-x: auto
    }
    .avatars-header[data-v-e6ee4c1f]::-webkit-scrollbar {
        display: none
    }
}

.avatars-header__category[data-v-e6ee4c1f] {
    padding: 0 0 12px;
    border-bottom: 1px solid transparent;
    color: #6a707c;
    transition: all .2s ease;
    font-weight: 400;
    font-size: 14px;
    line-height: 16px
}

.avatars-header__category[data-v-e6ee4c1f]:hover,
.avatars-header__category.active[data-v-e6ee4c1f] {
    color: var(--color-scheme-active)
}

.avatars-header__category.active[data-v-e6ee4c1f] {
    border-color: var(--color-scheme-active)
}

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

.avatars-result[data-v-9ff5405d] {
    display: grid;
    grid-auto-rows: max-content;
    grid-row-gap: 16px;
    width: 120px
}

@media (max-width: 700px) {
    .avatars-result[data-v-9ff5405d] {
        grid-auto-rows: unset;
        grid-template-columns: repeat(2, max-content);
        grid-column-gap: 8px;
        justify-content: center;
        margin: 0 auto;
        justify-items: center
    }
}

.avatars-result__avatar[data-v-9ff5405d] {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 120px;
    height: 120px;
    overflow: hidden;
    transition: all .1s;
    border-radius: 8px
}

@media (max-width: 700px) {
    .avatars-result__avatar[data-v-9ff5405d] {
        grid-column: span 2
    }
}

.avatars-result__icon[data-v-9ff5405d],
.avatars-result__weeek-avatar[data-v-9ff5405d] {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.avatars-result__initials[data-v-9ff5405d] {
    font-weight: 300;
    font-size: 42px;
    line-height: 50px;
    color: #000
}

.avatars-result__button-save[data-v-9ff5405d],
.avatars-result__button-delete[data-v-9ff5405d] {
    width: 120px
}

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

.avatars-section__title[data-v-b1ec1589] {
    margin-bottom: 15px;
    font-weight: 500;
    font-size: 16px;
    line-height: 19px;
    color: #000
}

.dark .avatars-section__title[data-v-b1ec1589] {
    color: #ddd
}

.avatars-section__author-link[data-v-b1ec1589] {
    padding-left: 3px;
    color: var(--color-scheme-active);
    text-decoration: none
}

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

.avatars-colors-and-icons[data-v-78c3de47] {
    display: grid;
    grid-template-columns: max-content 1fr;
    grid-column-gap: 20px;
    overflow: hidden
}

@media (max-width: 700px) {
    .avatars-colors-and-icons[data-v-78c3de47] {
        grid-template-columns: unset;
        grid-template-rows: max-content 1fr;
        grid-row-gap: 20px;
        overflow: unset
    }
}

@media (max-width: 700px) {
    .avatars-colors-and-icons__result[data-v-78c3de47] {
        display: grid;
        margin: 0 auto
    }
}

.avatars-colors-and-icons__sections[data-v-78c3de47] {
    display: grid;
    grid-auto-rows: max-content;
    grid-row-gap: 16px;
    padding-right: 20px;
    overflow-y: auto
}

@media (max-width: 700px) {
    .avatars-colors-and-icons__sections[data-v-78c3de47] {
        overflow-y: unset
    }
}

.avatars-colors-and-icons__colors[data-v-78c3de47],
.avatars-colors-and-icons__icons[data-v-78c3de47],
.avatars-colors-and-icons__weeek-avatars[data-v-78c3de47] {
    display: flex;
    flex-wrap: wrap;
    gap: 7px
}

.avatars-colors-and-icons__weeek-avatars[data-v-78c3de47] {
    gap: 19px
}

.avatars-colors-and-icons__color[data-v-78c3de47],
.avatars-colors-and-icons__icon[data-v-78c3de47] {
    width: 24px;
    height: 24px;
    cursor: pointer;
    border-radius: 4px
}

.avatars-colors-and-icons__color.default[data-v-78c3de47] {
    position: relative;
    border: 1px solid #e1e1e1;
    overflow: hidden;
    background-color: #f8f8fb
}

.avatars-colors-and-icons__color.default[data-v-78c3de47]:after {
    content: "";
    position: absolute;
    top: 9px;
    left: -4px;
    width: 30px;
    height: 1px;
    background-color: #e1e1e1;
    transform: rotate(45deg)
}

.avatars-colors-and-icons__weeek-avatar[data-v-78c3de47] {
    width: 60px;
    height: 60px;
    cursor: pointer;
    border-radius: 8px
}

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

.avatars-gradients[data-v-75fa0184] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    overflow-y: auto
}

.avatar-gradient[data-v-75fa0184] {
    width: 123px;
    height: 68px;
    overflow: hidden;
    cursor: pointer;
    border-radius: 4px;
    object-fit: cover
}

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

.avatars-emoji[data-v-e10e7f3d] {
    display: grid;
    grid-template-columns: max-content 1fr;
    grid-column-gap: 20px;
    overflow: hidden
}

@media (max-width: 700px) {
    .avatars-emoji[data-v-e10e7f3d] {
        grid-template-columns: unset;
        grid-template-rows: max-content 1fr;
        grid-row-gap: 20px;
        overflow: unset
    }
}

.avatars-emoji__sections[data-v-e10e7f3d] {
    display: grid;
    grid-auto-rows: max-content;
    grid-row-gap: 16px;
    padding-right: 20px;
    overflow-y: auto
}

@media (max-width: 700px) {
    .avatars-emoji__sections[data-v-e10e7f3d] {
        overflow-y: unset
    }
}

.avatars-emoji__emoji-group[data-v-e10e7f3d] {
    display: flex;
    flex-wrap: wrap;
    gap: 7px
}

.avatars-emoji__emoji[data-v-e10e7f3d],
.avatars-colors-and-icons__icon[data-v-e10e7f3d] {
    width: 24px;
    height: 24px;
    cursor: pointer;
    border-radius: 4px
}

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

.avatars-galleries[data-v-30e18ff5] {
    display: grid;
    grid-auto-rows: max-content;
    grid-row-gap: 16px;
    padding-right: 20px;
    overflow-y: auto
}

.avatars-galleries__gallery[data-v-30e18ff5] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px
}

.avatars-galleries__gallery-item[data-v-30e18ff5] {
    width: 123px;
    height: 68px;
    cursor: pointer;
    border-radius: 4px;
    object-fit: cover
}

.dz-message {
    display: flex!important;
    flex-direction: column;
    place-items: center center;
    row-gap: 10px
}

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

.avatars-file[data-v-31f633e4] {
    display: grid;
    grid-template-rows: repeat(3, max-content);
    grid-row-gap: 20px;
    justify-content: center;
    width: 180px;
    margin: 0 auto;
    justify-items: center
}

.avatars-file__dropzone[data-v-31f633e4] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0;
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
    border: 1px dashed #cacad2;
    border-radius: 8px;
    color: #a5a8b3
}

.avatars-file__dropzone[data-v-31f633e4]:hover {
    background-color: transparent
}

.dark .avatars-file__dropzone[data-v-31f633e4] {
    color: #ddd;
    background-color: #383a3f;
    border-color: #2a2a2a
}

.avatars-file__dropzone[data-v-31f633e4] .dz-message {
    display: flex!important
}

.avatars-file__label[data-v-31f633e4] {
    text-align: center
}

.avatars-file__description[data-v-31f633e4] {
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
    color: #93969f;
    text-align: center
}

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

.avatars-link[data-v-2bb6d8d7] {
    display: grid;
    grid-auto-rows: max-content;
    grid-template-columns: 1fr;
    grid-row-gap: 20px;
    padding-right: 20px
}

@media (max-width: 700px) {
    .avatars-link[data-v-2bb6d8d7] {
        padding-right: unset
    }
}

.avatars-link__button-upload[data-v-2bb6d8d7],
.avatars-link__description[data-v-2bb6d8d7] {
    width: 210px
}

.avatars-link__button-upload[data-v-2bb6d8d7] {
    margin: 0 auto
}

.avatars-link__description[data-v-2bb6d8d7] {
    margin: 0 auto;
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
    color: #93969f;
    text-align: center
}

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

.avatars-unsplash[data-v-4e96d1e2] {
    display: grid;
    grid-template-rows: max-content 1fr;
    grid-row-gap: 20px;
    overflow: hidden
}

.avatars-unsplash__input-search[data-v-4e96d1e2] {
    padding-right: 20px
}

.avatars-unsplash__loading[data-v-4e96d1e2] {
    color: #202430;
    text-align: center
}

.dark .avatars-unsplash__loading[data-v-4e96d1e2] {
    color: #ddd
}

.avatars-unsplash__list[data-v-4e96d1e2] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    padding-right: 20px;
    overflow-y: auto
}

.avatars-unsplash__item[data-v-4e96d1e2] {
    display: flex;
    flex-direction: column;
    row-gap: 4px;
    width: 123px
}

.avatars-unsplash__image-item[data-v-4e96d1e2] {
    width: 100%;
    height: 68px;
    cursor: pointer;
    border-radius: 4px;
    object-fit: cover
}

.avatars-unsplash__author[data-v-4e96d1e2] {
    display: block;
    height: 12px;
    overflow: hidden;
    color: #202430;
    text-decoration: none;
    text-overflow: ellipsis;
    font-weight: 400;
    font-size: 10px;
    line-height: 12px
}

.avatars-unsplash__author-name[data-v-4e96d1e2] {
    color: #93969f;
    text-decoration: underline
}

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

.avatars.fixed[data-v-f23d6760] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    overflow: auto;
    background: #242f4b4d
}

.fixed .avatars__wrap[data-v-f23d6760] {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: auto;
    min-height: 100vh;
    padding: 50px;
    overflow: auto;
    flex-direction: column
}

@media (max-width: 700px) {
    .fixed .avatars__wrap[data-v-f23d6760] {
        padding: 15px
    }
}

.avatars__background[data-v-f23d6760] {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    background: #242f4b4d
}

.avatars__modal[data-v-f23d6760] {
    position: relative;
    z-index: 10;
    display: grid;
    grid-template-rows: max-content 1fr;
    width: 80vw;
    height: auto;
    background-color: #fff;
    max-width: 560px;
    border-radius: 4px;
    box-shadow: 0 0 13px #3030301a
}

.dark .avatars__modal[data-v-f23d6760] {
    background-color: #242629
}

.avatars__content[data-v-f23d6760] {
    display: grid;
    height: 100%;
    padding: 20px 0 20px 20px;
    overflow: hidden;
    max-height: 428px
}

@media (max-width: 700px) {
    .avatars__content[data-v-f23d6760] {
        padding: 20px;
        overflow-y: auto
    }
}

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

.avatar[data-v-e4a86218] {
    position: relative;
    width: max-content
}

.dark .avatar[data-v-e4a86218] .avatars-image__content {
    background-color: #2f3136
}

.avatar__avatar[data-v-e4a86218] {
    cursor: pointer
}

.avatar__modal-avatars[data-v-e4a86218] {
    position: absolute;
    top: calc(100%+ 8px);
    left: 0;
    z-index: 100
}

.avatar__button[data-v-e4a86218] {
    position: relative;
    cursor: pointer
}

.avatar__button[data-v-e4a86218]:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
    opacity: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(0deg, #00000063, #00000063);
    transition: all .2s ease-in-out;
    border-radius: 500%
}

.avatar__button[data-v-e4a86218]:hover:before {
    opacity: 1
}

.avatar__icon[data-v-e4a86218] {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 20;
    opacity: 0;
    transition: all .2s ease-in-out
}

.avatar__button:hover .avatar__icon[data-v-e4a86218] {
    opacity: 1
}

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

.user-avatar[data-v-1773af1a] {
    display: flex;
    align-items: center;
    width: 100%;
    max-width: 500px;
    flex-direction: column;
    margin: auto
}

.user-avatar__title[data-v-1773af1a] {
    width: 100%;
    margin: 0;
    color: #202430;
    font-weight: 700;
    font-size: 36px;
    line-height: 43px
}

.user-avatar__title span[data-v-1773af1a] {
    color: var(--color-scheme-active)
}

@media (max-width: 700px) {
    .user-avatar__title[data-v-1773af1a] {
        text-align: center
    }
}

.user-avatar__description[data-v-1773af1a] {
    width: 100%;
    margin: 0 auto 38px;
    color: #545454;
    text-align: center;
    font-weight: 300;
    font-size: 14px;
    line-height: 17px
}

.user-avatar__avatar[data-v-1773af1a] {
    display: flex;
    flex-direction: column;
    align-items: center
}

.user-avatar__button[data-v-1773af1a] {
    width: 176px;
    margin-top: 30px
}

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

.user-color-scheme[data-v-ab8e5049] {
    display: flex;
    align-items: center;
    width: 100%;
    max-width: 500px;
    flex-direction: column;
    margin: auto
}

.user-color-scheme__title[data-v-ab8e5049] {
    width: 100%;
    margin: 0;
    color: #202430;
    font-weight: 700;
    font-size: 36px;
    line-height: 43px
}

.user-color-scheme__title span[data-v-ab8e5049] {
    color: var(--color-scheme-active)
}

@media (max-width: 700px) {
    .user-color-scheme__title[data-v-ab8e5049] {
        text-align: center
    }
}

.user-color-scheme__description[data-v-ab8e5049] {
    width: 100%;
    margin: 0 auto 60px;
    color: #545454;
    text-align: center;
    font-weight: 300;
    font-size: 14px;
    line-height: 17px
}

.user-color-scheme__button[data-v-ab8e5049] {
    width: 176px;
    margin-top: 30px
}

.user-color-scheme__wrap[data-v-ab8e5049] {
    display: flex;
    gap: 14px;
    justify-content: center;
    flex-wrap: wrap
}

.user-color-scheme__color[data-v-ab8e5049] {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 43px;
    height: 43px;
    transition: background-color .2s ease-in-out;
    cursor: pointer;
    border-radius: 50%
}

.user-color-scheme__color[data-v-ab8e5049]:before {
    content: "";
    position: absolute;
    width: 55px;
    height: 55px;
    transition: all .2s ease-in-out;
    border: 3px solid transparent;
    border-radius: 50%
}

.user-color-scheme__color.selected[data-v-ab8e5049]:before {
    border-color: #e5e6ee
}

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

.steps[data-v-fb8f1c0c] {
    display: flex;
    height: 100%
}

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

.welcome-onboarding[data-v-6b14f903] {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99999;
    display: grid;
    justify-content: center;
    width: 100vw;
    height: 100vh;
    padding: 160px 60px;
    overflow: hidden auto;
    background-color: #fff
}

.welcome-onboarding.grey[data-v-6b14f903] {
    background-color: #f8f8fb
}

@media (max-width: 1600px) {
    .welcome-onboarding[data-v-6b14f903] {
        padding: 60px
    }
}

@media (max-width: 700px) {
    .welcome-onboarding[data-v-6b14f903] {
        padding: 13px
    }
}

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

.first[data-v-962b19d2] {
    position: relative;
    display: grid;
    grid-auto-flow: row;
    grid-auto-rows: max-content;
    width: 100vw;
    height: 100vh;
    background-color: #fff;
    place-content: center center
}

.first__title[data-v-962b19d2] {
    margin: 0 auto 16px;
    font-weight: 700;
    font-size: 36px;
    line-height: 43px;
    color: #202430
}

.first__title span[data-v-962b19d2] {
    color: var(--color-scheme-active)
}

.first__alert[data-v-962b19d2] {
    position: absolute;
    bottom: 32px;
    left: 50%;
    transform: translate(-50%);
    display: flex;
    flex-direction: column;
    gap: 6px;
    width: 100%;
    max-width: 400px;
    margin: auto;
    padding: 16px;
    background: #ee89131a;
    border: 1px solid #ee8913;
    border-radius: 12px
}

.first__alert-title[data-v-962b19d2] {
    font-weight: 500;
    font-size: 16px;
    line-height: 16px;
    color: #242629;
    text-align: center
}

.first__alert-description[data-v-962b19d2] {
    font-weight: 500;
    font-size: 13px;
    line-height: 13px;
    color: #242629b8;
    text-align: center
}

.first__alert-close[data-v-962b19d2] {
    position: absolute;
    top: 14px;
    right: 16px
}

.first__alert-close[data-v-962b19d2] path {
    fill: #ee8913!important
}

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

.countries__item[data-v-55f50622] {
    display: flex;
    gap: 8px;
    align-items: center
}

.countries__item-flag[data-v-55f50622] {
    width: 17px;
    min-width: 17px;
    height: 17px;
    min-height: 17px;
    border: 1px solid #F8F8FB;
    border-radius: 50%;
    overflow: hidden
}

.countries__item-flag.empty[data-v-55f50622] {
    border: none;
    overflow: visible
}

.countries__item-flag[data-v-55f50622] svg {
    width: 19px;
    height: 19px;
    margin-left: -1px
}

.countries__item-image[data-v-55f50622] {
    width: 100%;
    height: 100%;
    object-fit: cover
}

[data-v-55f50622] .select__dropdown {
    max-width: 452px;
    width: 100%
}

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

.profile[data-v-7dee8a68] {
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    padding: 16px;
    background: #f8f8fb;
    overflow-y: auto
}

.dark .profile[data-v-7dee8a68] {
    background: #2f3136
}

.profile__box[data-v-7dee8a68] {
    display: flex;
    gap: 24px;
    flex-direction: column;
    max-width: 500px;
    width: 100%;
    padding: 24px;
    border-radius: 12px;
    background: #fff
}

.dark .profile__box[data-v-7dee8a68] {
    background-color: #383a3f
}

.profile__title[data-v-7dee8a68] {
    font-weight: 500;
    font-size: 20px;
    line-height: 120%;
    margin: 0 0 8px;
    color: #242629
}

.dark .profile__title[data-v-7dee8a68] {
    color: #ddd
}

.profile__description[data-v-7dee8a68] {
    font-weight: 400;
    font-size: 14px;
    line-height: 120%;
    margin: 0;
    color: #60636c
}

.dark .profile__description[data-v-7dee8a68] {
    color: #8d8d8d
}

.profile__link[data-v-7dee8a68] {
    color: #60636c;
    transition: all .2s ease
}

.dark .profile__link[data-v-7dee8a68] {
    color: #8d8d8d
}

.profile__link[data-v-7dee8a68]:hover {
    color: var(--color-scheme-active)
}

.profile__fields[data-v-7dee8a68] {
    display: flex;
    flex-direction: column;
    gap: 16px
}

.profile__fields-row[data-v-7dee8a68] {
    display: grid;
    grid-template-columns: 1fr 160px;
    grid-gap: 16px
}

.profile__select[data-v-7dee8a68] .select__dropdown {
    max-height: 240px
}

.profile__bottom[data-v-7dee8a68] {
    display: grid;
    grid-template-columns: 1fr 160px;
    grid-gap: 16px;
    margin-top: 8px
}

.profile__bottom-description[data-v-7dee8a68] {
    font-weight: 400;
    font-size: 12px;
    line-height: 120%;
    display: flex;
    align-items: center;
    color: #acb1c2
}

.dark .profile__bottom-description[data-v-7dee8a68] {
    color: #8d8d8d
}

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

.tabs[data-v-79e753cc] {
    display: flex;
    gap: 4px;
    align-items: center;
    padding: 4px;
    background-color: #ededf5;
    border-radius: 8px
}

.dark .tabs[data-v-79e753cc] {
    background-color: #2f3136
}

.tabs__tab[data-v-79e753cc] {
    display: flex;
    gap: 4px;
    justify-content: center;
    align-items: center;
    padding: 4px 8px;
    color: #60636c;
    transition: all .2s ease-in-out;
    cursor: pointer;
    border-radius: 4px
}

.tabs__tab[data-v-79e753cc]:hover,
.tabs__tab.active[data-v-79e753cc] {
    color: #202430;
    background-color: #fff
}

.dark .tabs__tab[data-v-79e753cc] {
    color: #ddd;
    background-color: #2f3136
}

.dark .tabs__tab[data-v-79e753cc]:hover,
.dark .tabs__tab.active[data-v-79e753cc] {
    background-color: #242629
}

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

.sections[data-v-35393626] {
    display: flex;
    flex-direction: column;
    gap: 16px;
    overflow-y: auto;
    margin-right: -8px
}

.sections__subtitle[data-v-35393626] {
    font-weight: 400;
    font-size: 14px;
    line-height: 125%;
    color: #acb1c2
}

.dark .sections__subtitle[data-v-35393626] {
    color: #ddd
}

.sections__section[data-v-35393626] {
    display: flex;
    flex-direction: column;
    gap: 10px
}

.sections__keys[data-v-35393626] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding-right: 8px
}

.sections__key[data-v-35393626] {
    display: flex;
    gap: 8px;
    justify-content: space-between;
    align-items: center
}

.sections__key-name[data-v-35393626] {
    font-weight: 400;
    font-size: 14px;
    line-height: 125%;
    color: #242629
}

.dark .sections__key-name[data-v-35393626] {
    color: #8d8d8d
}

.sections__key-value[data-v-35393626] {
    font-weight: 400;
    font-size: 14px;
    line-height: 125%;
    padding: 2px 4px;
    color: #60636c;
    background-color: #ededf5;
    border-radius: 4px
}

.dark .sections__key-value[data-v-35393626] {
    color: #ddd;
    background-color: #2f3136
}

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

.hotkeys[data-v-1aef5a57] {
    max-width: 630px;
    height: 100%;
    max-height: 500px;
    overflow: hidden
}

.hotkeys__body[data-v-1aef5a57] {
    display: flex;
    flex-direction: column;
    gap: 16px;
    height: calc(100% - 56px)
}

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

.password__fields[data-v-8b16c3ce] {
    display: flex;
    flex-direction: column;
    gap: 16px
}

.password__fields[data-v-8b16c3ce] .v-input__error {
    margin-top: 2px
}

.password__wrapper[data-v-8b16c3ce] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-top: 24px
}

.password__error[data-v-8b16c3ce] {
    font-weight: 400;
    font-size: 12px;
    line-height: 14px;
    color: #ff4d4f
}

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

.socials[data-v-a08a9bf2] {
    display: flex;
    flex-direction: column;
    gap: 16px
}

.socials__title[data-v-a08a9bf2] {
    font-weight: 500;
    font-size: 16px;
    line-height: 125%
}

.dark .socials__title[data-v-a08a9bf2] {
    color: #ddd
}

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

.socials__item[data-v-a08a9bf2] {
    display: flex;
    gap: 12px;
    align-items: center;
    padding: 12px;
    background: #f6f6f9;
    border-radius: 8px;
    transition: all .2s ease-in-out;
    cursor: pointer
}

.dark .socials__item[data-v-a08a9bf2] {
    background-color: #2f3136
}

.socials__item[data-v-a08a9bf2]:hover {
    background-color: #ededf5
}

.dark .socials__item[data-v-a08a9bf2]:hover {
    background-color: #242629
}

.socials__item-icon[data-v-a08a9bf2] {
    flex: none
}

.socials__item-text[data-v-a08a9bf2] {
    font-weight: 600;
    font-size: 12px;
    line-height: 110%;
    color: #9499ad
}

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

.warning[data-v-365d1a00] {
    display: flex;
    flex-direction: column;
    max-width: 400px;
    width: 100%
}

.warning__alert[data-v-365d1a00] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    margin-bottom: 16px;
    padding: 12px;
    background: #ff4d4f1a;
    border: 1px solid #ff4d4f;
    border-radius: 8px
}

.warning__alert-title[data-v-365d1a00] {
    max-width: 276px;
    margin: 0 auto;
    font-weight: 500;
    font-size: 14px;
    line-height: 18px;
    color: #242629;
    text-align: center
}

.dark .warning__alert-title[data-v-365d1a00] {
    color: #e5e7ee
}

.warning__body[data-v-365d1a00] {
    display: flex;
    flex-direction: column;
    gap: 8px
}

.warning__title[data-v-365d1a00] {
    font-weight: 500;
    font-size: 14px;
    line-height: 18px;
    color: #202430
}

.dark .warning__title[data-v-365d1a00] {
    color: #e5e7ee
}

.warning__fields[data-v-365d1a00] {
    display: flex;
    flex-direction: column;
    gap: 8px
}

.warning__checkbox[data-v-365d1a00] {
    display: flex;
    align-items: flex-start;
    max-width: 370px;
    color: #60636c
}

.warning__checkbox[data-v-365d1a00] .checkbox__status {
    min-width: 16px;
    min-height: 16px;
    margin-top: 1px
}

.warning__buttons[data-v-365d1a00] {
    display: flex;
    gap: 8px;
    justify-content: flex-end;
    align-items: center;
    margin-top: 24px
}

.warning__button-cancel[data-v-365d1a00] {
    width: 102px!important
}

.warning__button-continue[data-v-365d1a00] {
    width: 136px!important
}

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

.workspace[data-v-47b0e068] {
    display: flex;
    gap: 8px;
    align-items: center
}

.workspace__information[data-v-47b0e068] {
    display: flex;
    flex-direction: column;
    gap: 2px
}

.workspace__top[data-v-47b0e068] {
    display: flex;
    gap: 4px;
    align-items: center
}

.workspace__name[data-v-47b0e068] {
    font-weight: 500;
    font-size: 14px;
    line-height: 100%;
    color: #202430
}

.dark .workspace__name[data-v-47b0e068] {
    color: #acb1c2
}

.workspace__members-counter[data-v-47b0e068] {
    font-weight: 400;
    font-size: 12px;
    line-height: 100%;
    color: #acb1c2
}

.dark .workspace__members-counter[data-v-47b0e068] {
    color: #60636c
}

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

.row[data-v-e926ac45] {
    display: grid;
    grid-template-columns: 1fr 100px 120px 120px;
    grid-gap: 8px;
    align-items: center
}

.row__statuses[data-v-e926ac45] {
    display: flex;
    flex-direction: column;
    gap: 4px
}

.row__status[data-v-e926ac45] {
    font-weight: 400;
    font-size: 13px;
    line-height: 16px;
    color: #00993d;
    text-align: right
}

.row__status.is-expired[data-v-e926ac45] {
    color: #ff4d4f
}

.row__cards[data-v-e926ac45] {
    display: flex;
    flex-direction: column;
    gap: 4px
}

.row__card[data-v-e926ac45] {
    display: flex;
    gap: 8px;
    justify-content: flex-end;
    align-items: center
}

.row__card-type[data-v-e926ac45] {
    width: 24px;
    height: 24px
}

.row__card-number[data-v-e926ac45] {
    font-weight: 400;
    font-size: 13px;
    line-height: 16px;
    color: #202430
}

.dark .row__card-number[data-v-e926ac45] {
    color: #acb1c2
}

.row__dates[data-v-e926ac45] {
    display: flex;
    gap: 8px;
    justify-content: flex-end;
    align-items: flex-end;
    flex-direction: column
}

.row__date[data-v-e926ac45] {
    font-weight: 400;
    font-size: 13px;
    line-height: 14px;
    color: #acb1c2
}

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

.payments[data-v-e4f51072] {
    display: flex;
    flex-direction: column;
    width: 688px;
    max-height: 640px
}

.payments__information[data-v-e4f51072] {
    display: flex;
    flex-direction: column;
    padding: 16px;
    border: 1px solid #e5e7ee;
    border-radius: 12px
}

.dark .payments__information[data-v-e4f51072] {
    border-color: #2a2a2a
}

.payments__information-label[data-v-e4f51072] {
    margin-bottom: 8px;
    font-weight: 600;
    font-size: 12px;
    line-height: 12px;
    color: var(--color-scheme-active)
}

.payments__information-title[data-v-e4f51072] {
    margin-bottom: 16px;
    font-weight: 500;
    font-size: 15px;
    line-height: 18px;
    color: #202430
}

.dark .payments__information-title[data-v-e4f51072] {
    color: #acb1c2
}

.payments__table[data-v-e4f51072] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    max-width: 656px;
    width: 100%
}

.payments__table-header[data-v-e4f51072] {
    display: grid;
    grid-template-columns: 1fr 100px 120px 120px;
    grid-gap: 8px
}

.payments__table-body[data-v-e4f51072] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    max-height: 312px;
    overflow-y: auto
}

.payments__table-row[data-v-e4f51072] {
    display: grid;
    grid-template-columns: 1fr 100px 120px 120px;
    grid-gap: 8px;
    height: 40px;
    min-height: 40px
}

.payments__table-header .payments__table-cell[data-v-e4f51072] {
    width: 100%;
    padding: 7.5px 0;
    font-weight: 500;
    font-size: 13px;
    line-height: 13px;
    color: #60636c
}

.payments__table-header .payments__table-cell[data-v-e4f51072]:not(:first-child) {
    text-align: right
}

.payments__checkbox-agreement[data-v-e4f51072] {
    width: fit-content;
    margin-top: 20px;
    color: #60636c
}

.payments__bottom[data-v-e4f51072] {
    display: flex;
    gap: 24px;
    justify-content: space-between;
    margin-top: 24px
}

.payments__step-count[data-v-e4f51072] {
    margin-top: auto;
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    color: #acb1c2
}

.payments__buttons[data-v-e4f51072] {
    display: flex;
    gap: 8px;
    align-items: center
}

.payments__button-back[data-v-e4f51072] {
    width: 102px!important
}

.payments__button-next[data-v-e4f51072] {
    width: 92px!important
}

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

.workspace[data-v-659484aa] {
    display: flex;
    gap: 8px;
    align-items: center
}

.workspace__information[data-v-659484aa] {
    display: flex;
    flex-direction: column;
    gap: 2px
}

.workspace__top[data-v-659484aa] {
    display: flex;
    gap: 4px;
    align-items: center
}

.workspace__name[data-v-659484aa] {
    font-weight: 500;
    font-size: 14px;
    line-height: 100%;
    color: #202430
}

.dark .workspace__name[data-v-659484aa] {
    color: #acb1c2
}

.workspace__bottom[data-v-659484aa] {
    display: flex;
    gap: 12px;
    align-items: center
}

.workspace__members-counter[data-v-659484aa],
.workspace__user-role[data-v-659484aa] {
    font-weight: 400;
    font-size: 12px;
    line-height: 100%;
    position: relative;
    color: #acb1c2
}

.dark .workspace__members-counter[data-v-659484aa],
.dark .workspace__user-role[data-v-659484aa] {
    color: #60636c
}

.workspace__members-counter[data-v-659484aa]:after {
    content: "";
    position: absolute;
    top: 50%;
    right: -7px;
    display: block;
    width: 2px;
    height: 2px;
    background: #acb1c2;
    border-radius: 50%;
    transform: translateY(-50%)
}

.dark .workspace__members-counter[data-v-659484aa]:after {
    background: #60636c
}

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

.row[data-v-56101325] {
    display: grid;
    grid-template-columns: 1fr 240px;
    grid-gap: 24px
}

.row.loading[data-v-56101325] {
    display: flex;
    flex-direction: column;
    gap: 12px
}

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

.transfer[data-v-6fc9e3a6] {
    display: flex;
    flex-direction: column;
    width: 688px;
    max-height: 640px
}

.transfer__information[data-v-6fc9e3a6] {
    display: flex;
    flex-direction: column;
    padding: 16px;
    border: 1px solid #e5e7ee;
    border-radius: 12px
}

.dark .transfer__information[data-v-6fc9e3a6] {
    border-color: #2a2a2a
}

.transfer__information-label[data-v-6fc9e3a6] {
    margin-bottom: 8px;
    font-weight: 600;
    font-size: 12px;
    line-height: 12px;
    color: var(--color-scheme-active)
}

.transfer__information-title[data-v-6fc9e3a6] {
    margin-bottom: 6px;
    font-weight: 500;
    font-size: 15px;
    line-height: 18px;
    color: #202430
}

.dark .transfer__information-title[data-v-6fc9e3a6] {
    color: #acb1c2
}

.transfer__information-description[data-v-6fc9e3a6] {
    margin-bottom: 20px;
    font-weight: 400;
    font-size: 12px;
    line-height: 15px;
    color: #acb1c2
}

.dark .transfer__information-description[data-v-6fc9e3a6] {
    color: #93969f
}

.transfer__rows[data-v-6fc9e3a6] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    max-height: 374px;
    overflow-y: auto
}

.transfer__bottom[data-v-6fc9e3a6] {
    display: flex;
    gap: 24px;
    justify-content: space-between;
    margin-top: 24px
}

.transfer__step-count[data-v-6fc9e3a6] {
    margin-top: auto;
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    color: #acb1c2
}

.transfer__buttons[data-v-6fc9e3a6] {
    display: flex;
    gap: 8px;
    align-items: center
}

.transfer__button-back[data-v-6fc9e3a6] {
    width: 102px!important
}

.transfer__button-next[data-v-6fc9e3a6] {
    width: 92px!important
}

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

.reason__body[data-v-5c7f1fc3] {
    display: flex;
    flex-direction: column
}

.reason__title[data-v-5c7f1fc3] {
    max-width: 370px;
    margin-bottom: 18px;
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
    color: #242629
}

.dark .reason__title[data-v-5c7f1fc3] {
    color: #e5e7ee
}

.reason__fields[data-v-5c7f1fc3] {
    display: flex;
    flex-direction: column;
    gap: 12px
}

.reason__checkbox[data-v-5c7f1fc3] {
    width: fit-content
}

.reason__bottom[data-v-5c7f1fc3] {
    display: flex;
    gap: 24px;
    justify-content: space-between;
    margin-top: 24px
}

.reason__step-count[data-v-5c7f1fc3] {
    margin-top: auto;
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    color: #acb1c2
}

.reason__buttons[data-v-5c7f1fc3] {
    display: flex;
    gap: 8px;
    align-items: center
}

.reason__button-back[data-v-5c7f1fc3] {
    width: 102px!important
}

.reason__button-next[data-v-5c7f1fc3] {
    width: 92px!important
}

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

.confirm__body[data-v-117013c3] {
    display: flex;
    flex-direction: column
}

.confirm__title[data-v-117013c3] {
    max-width: 370px;
    margin-bottom: 18px;
    font-weight: 500;
    font-size: 14px;
    line-height: 16px;
    color: #242629
}

.dark .confirm__title[data-v-117013c3] {
    color: #e5e7ee
}

.confirm__field[data-v-117013c3] {
    position: relative
}

.confirm__field-icon[data-v-117013c3] {
    position: absolute;
    top: 50%;
    right: 12px;
    transform: translateY(-50%);
    cursor: pointer
}

.confirm__reset[data-v-117013c3] {
    margin-top: 8px
}

.confirm__reset.input-has-error[data-v-117013c3] {
    margin-top: 20px
}

.confirm__reset-btn[data-v-117013c3] {
    font-weight: 500;
    font-size: 12px;
    line-height: 14px;
    color: #acb1c2;
    transition: .25s;
    cursor: pointer
}

.confirm__reset-btn.disabled[data-v-117013c3] {
    pointer-events: none;
    opacity: .8
}

.confirm__reset-btn[data-v-117013c3]:hover {
    opacity: .8
}

.confirm__reset-alert[data-v-117013c3] {
    display: flex;
    gap: 12px;
    justify-content: center;
    align-items: center;
    padding: 12px;
    flex-direction: column;
    border: 1px solid var(--color-scheme-active);
    border-radius: 8px
}

.confirm__reset-alert__title[data-v-117013c3] {
    max-width: 276px;
    font-weight: 500;
    font-size: 14px;
    line-height: 16px;
    color: #242629;
    text-align: center
}

.dark .confirm__reset-alert__title[data-v-117013c3] {
    color: #e5e7ee
}

.confirm__reset-alert__counter[data-v-117013c3] {
    font-weight: 500;
    font-size: 12px;
    line-height: 14px;
    color: #acb1c2
}

.confirm__reset-alert__counter span[data-v-117013c3] {
    color: #cacad2
}

.confirm__bottom[data-v-117013c3] {
    display: flex;
    gap: 24px;
    justify-content: space-between;
    margin-top: 24px
}

.confirm__step-count[data-v-117013c3] {
    margin-top: auto;
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    color: #acb1c2;
    -webkit-user-select: none;
    user-select: none
}

.confirm__buttons[data-v-117013c3] {
    display: flex;
    gap: 8px;
    align-items: center
}

.confirm__button-back[data-v-117013c3] {
    width: 100px!important
}

.confirm__button-delete[data-v-117013c3] {
    width: fit-content
}

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

.result[data-v-67323a1e] {
    display: flex;
    width: 100%;
    min-width: 460px;
    flex-direction: column
}

.result__images-wrapper[data-v-67323a1e] {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: -16px;
    -webkit-user-select: none;
    user-select: none
}

.result__image-result[data-v-67323a1e] {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 2;
    -webkit-user-select: none;
    user-select: none
}

.result__body[data-v-67323a1e] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-top: -16px
}

.result__title[data-v-67323a1e] {
    position: relative;
    z-index: 2;
    margin: 0 auto;
    color: #202430;
    max-width: 428px;
    text-align: center;
    font-weight: 500;
    font-size: 20px;
    line-height: 22px
}

.dark .result__title[data-v-67323a1e] {
    color: #e5e7ee
}

.result__description[data-v-67323a1e] {
    position: relative;
    z-index: 2;
    margin: 0 auto;
    color: #202430;
    max-width: 230px;
    text-align: center;
    font-weight: 400;
    font-size: 14px;
    line-height: 16px
}

.dark .result__description[data-v-67323a1e] {
    color: #e5e7ee
}

.result__description[data-v-67323a1e] a {
    color: var(--color-scheme-active)
}

.result__bottom[data-v-67323a1e] {
    margin-top: 56px
}

.result__button-action[data-v-67323a1e] {
    width: 100%;
    height: 40px
}

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

.delete-account[data-v-5a55eea3] {
    min-width: 400px
}

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

.deleting[data-v-81e00960] {
    display: flex;
    gap: 8px;
    justify-content: space-between;
    align-items: center;
    padding: 24px;
    background-color: #fff;
    max-width: 480px;
    border-radius: 12px
}

.dark .deleting[data-v-81e00960] {
    background-color: #383a3f
}

.deleting__title[data-v-81e00960] {
    font-weight: 500;
    font-size: 20px;
    line-height: 120%;
    margin: 0;
    color: #242629
}

.dark .deleting__title[data-v-81e00960] {
    color: #ddd
}

.deleting__button[data-v-81e00960] {
    margin-left: auto;
    max-width: 104px
}

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

.security[data-v-805181bc] {
    display: flex;
    gap: 16px;
    height: 100%;
    padding: 16px;
    flex-direction: column;
    overflow-y: auto
}

.dark .security[data-v-805181bc] {
    background-color: #2f3136
}

.security__box[data-v-805181bc] {
    display: flex;
    flex-direction: column;
    gap: 24px;
    padding: 24px;
    max-width: 480px;
    border-radius: 12px;
    background-color: #fff
}

.dark .security__box[data-v-805181bc] {
    background-color: #383a3f
}

.security__title[data-v-805181bc] {
    font-weight: 500;
    font-size: 20px;
    line-height: 120%;
    margin: 0;
    color: #242629
}

.dark .security__title[data-v-805181bc] {
    color: #ddd
}

.security__boxes[data-v-805181bc] {
    justify-content: start
}

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

.v-radio[data-v-09714876] {
    position: relative;
    display: flex;
    align-items: center;
    margin: 0 20px 16px 0;
    padding-left: 25px;
    font-size: 14px;
    line-height: 16px;
    cursor: pointer
}

.v-radio:hover .v-radio__circle[data-v-09714876]:before {
    border-color: var(--color-scheme-active)
}

.dark .v-radio[data-v-09714876] {
    color: #ddd
}

.v-radio__input[data-v-09714876] {
    display: none;
    transition: .15s ease-in-out
}

.v-radio__input:checked+.v-radio__circle[data-v-09714876]:before {
    border: 5px solid var(--color-scheme-active)
}

.v-radio__circle[data-v-09714876]:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    display: flex;
    width: 16px;
    height: 16px;
    transition: .1s ease-in-out;
    border: 1px solid #EDEDF5;
    border-radius: 50%;
    transform: translateY(-50%)
}

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

.time[data-v-989ef317] {
    margin-bottom: 25px
}

.time__title[data-v-989ef317] {
    font-weight: 500;
    font-size: 20px;
    line-height: 120%;
    margin: 0 0 24px;
    color: #202430
}

.dark .time__title[data-v-989ef317] {
    color: #ddd
}

.time__box[data-v-989ef317] {
    margin: 0 0 10px
}

.time__box-title[data-v-989ef317] {
    margin-bottom: 15px;
    font-size: 12px;
    font-weight: 500;
    line-height: 14px;
    color: #1e1e1e
}

.dark .time__box-title[data-v-989ef317] {
    color: #8d8d8d
}

.time__box-flex[data-v-989ef317] {
    display: flex;
    align-items: center
}

.time__radio[data-v-989ef317] {
    font-weight: 300
}

.time__box_next-day-tasks[data-v-989ef317] {
    margin-top: 24px
}

.time__full-width-item[data-v-989ef317] label {
    width: 100%
}

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

.icon-colors[data-v-d2c8b6a3] {
    margin-bottom: 22px
}

.icon-colors__wrapper[data-v-d2c8b6a3] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px
}

.icon-colors__title[data-v-d2c8b6a3] {
    margin-bottom: 22px;
    font-weight: 500;
    font-size: 20px;
    line-height: 120%
}

.dark .icon-colors__title[data-v-d2c8b6a3] {
    color: #ddd
}

.icon-colors__background[data-v-d2c8b6a3] {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 56px;
    height: 56px;
    transition: background-color .2s ease-in-out;
    cursor: pointer;
    border-radius: 4px
}

.icon-colors__background-wrapper[data-v-d2c8b6a3] {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 52px;
    height: 52px;
    background-color: #fff
}

.dark .icon-colors__background-wrapper[data-v-d2c8b6a3] {
    background-color: #383a3f
}

.icon-colors__background-icon-wrapper[data-v-d2c8b6a3] {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 42px;
    height: 42px;
    border-radius: 4px
}

[data-v-d2c8b6a3] .icon-colors__background-icon path {
    fill: transparent!important;
    transition: fill .15s ease-in-out
}

.icon-colors__background[data-v-d2c8b6a3]:hover .icon-colors__background-icon path {
    fill: #fff!important
}

.selected[data-v-d2c8b6a3] .icon-colors__background-icon path {
    fill: #fff!important
}

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

.themes[data-v-6f1def20] {
    margin-bottom: 25px
}

.themes__title[data-v-6f1def20] {
    margin-bottom: 22px
}

.themes__wrapper[data-v-6f1def20] {
    display: flex;
    flex-wrap: wrap;
    gap: 14px
}

.themes__image[data-v-6f1def20] {
    display: flex;
    justify-content: flex-end;
    align-items: flex-end;
    width: 170px;
    height: 114px;
    margin-bottom: 8px;
    overflow: hidden;
    cursor: pointer;
    border-radius: 4px
}

.themes__item_light .themes__image[data-v-6f1def20] {
    background: linear-gradient(180deg, #f8f8fb, #f6f6fc)
}

.themes__item_dark .themes__image[data-v-6f1def20] {
    background-color: #2f3136
}

.themes__image img[data-v-6f1def20] {
    width: 100%
}

.vue-advanced-cropper {
    text-align: center;
    position: relative;
    -webkit-user-select: none;
    user-select: none;
    max-height: 100%;
    max-width: 100%;
    direction: ltr
}

.vue-advanced-cropper__stretcher {
    pointer-events: none;
    position: relative;
    max-width: 100%;
    max-height: 100%
}

.vue-advanced-cropper__image {
    -webkit-user-select: none;
    user-select: none;
    position: absolute;
    transform-origin: center;
    max-width: none!important
}

.vue-advanced-cropper__background,
.vue-advanced-cropper__foreground {
    opacity: 1;
    background: #000;
    transform: translate(-50%, -50%);
    position: absolute;
    top: 50%;
    left: 50%
}

.vue-advanced-cropper__foreground {
    opacity: .5
}

.vue-advanced-cropper__boundaries {
    opacity: 1;
    transform: translate(-50%, -50%);
    position: absolute;
    left: 50%;
    top: 50%
}

.vue-advanced-cropper__cropper-wrapper {
    width: 100%;
    height: 100%
}

.vue-advanced-cropper__image-wrapper {
    overflow: hidden;
    position: absolute;
    width: 100%;
    height: 100%
}

.vue-advanced-cropper__stencil-wrapper {
    position: absolute
}

.vue-handler-wrapper {
    position: absolute;
    transform: translate(-50%, -50%);
    width: 30px;
    height: 30px
}

.vue-handler-wrapper__draggable {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center
}

.vue-handler-wrapper--west-north {
    cursor: nw-resize
}

.vue-handler-wrapper--north {
    cursor: n-resize
}

.vue-handler-wrapper--east-north {
    cursor: ne-resize
}

.vue-handler-wrapper--east {
    cursor: e-resize
}

.vue-handler-wrapper--east-south {
    cursor: se-resize
}

.vue-handler-wrapper--south {
    cursor: s-resize
}

.vue-handler-wrapper--west-south {
    cursor: sw-resize
}

.vue-handler-wrapper--west {
    cursor: w-resize
}

.vue-handler-wrapper--disabled {
    cursor: auto
}

.vue-line-wrapper {
    background: none;
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center
}

.vue-line-wrapper--north,
.vue-line-wrapper--south {
    height: 12px;
    width: 100%;
    left: 0;
    transform: translateY(-50%)
}

.vue-line-wrapper--north {
    top: 0;
    cursor: n-resize
}

.vue-line-wrapper--south {
    top: 100%;
    cursor: s-resize
}

.vue-line-wrapper--east,
.vue-line-wrapper--west {
    width: 12px;
    height: 100%;
    transform: translate(-50%);
    top: 0
}

.vue-line-wrapper--east {
    left: 100%;
    cursor: e-resize
}

.vue-line-wrapper--west {
    left: 0;
    cursor: w-resize
}

.vue-line-wrapper--disabled {
    cursor: auto
}

.vue-bounding-box {
    position: relative;
    height: 100%;
    width: 100%
}

.vue-bounding-box__handler {
    position: absolute
}

.vue-bounding-box__handler--west-north {
    left: 0;
    top: 0
}

.vue-bounding-box__handler--north {
    left: 50%;
    top: 0
}

.vue-bounding-box__handler--east-north {
    left: 100%;
    top: 0
}

.vue-bounding-box__handler--east {
    left: 100%;
    top: 50%
}

.vue-bounding-box__handler--east-south {
    left: 100%;
    top: 100%
}

.vue-bounding-box__handler--south {
    left: 50%;
    top: 100%
}

.vue-bounding-box__handler--west-south {
    left: 0;
    top: 100%
}

.vue-bounding-box__handler--west {
    left: 0;
    top: 50%
}

.vue-draggable-area {
    position: relative
}

.vue-preview-result {
    overflow: hidden;
    box-sizing: border-box;
    position: absolute;
    height: 100%;
    width: 100%
}

.vue-preview-result__wrapper {
    position: absolute
}

.vue-preview-result__image {
    pointer-events: none;
    position: relative;
    -webkit-user-select: none;
    user-select: none;
    transform-origin: center;
    max-width: none!important
}

.vue-simple-handler {
    display: block;
    background: #fff;
    height: 10px;
    width: 10px
}

.vue-simple-line {
    background: none;
    transition: border .5s;
    border-color: #ffffff4d;
    border-width: 0;
    border-style: solid
}

.vue-simple-line--south,
.vue-simple-line--north {
    height: 0;
    width: 100%
}

.vue-simple-line--east,
.vue-simple-line--west {
    height: 100%;
    width: 0
}

.vue-simple-line--east {
    border-right-width: 1px
}

.vue-simple-line--west {
    border-left-width: 1px
}

.vue-simple-line--south {
    border-bottom-width: 1px
}

.vue-simple-line--north {
    border-top-width: 1px
}

.vue-simple-line--hover {
    opacity: 1;
    border-color: #fff
}

.vue-preview {
    overflow: hidden;
    box-sizing: border-box;
    position: relative
}

.vue-preview--fill {
    width: 100%;
    height: 100%;
    position: absolute
}

.vue-preview__wrapper {
    position: absolute;
    height: 100%;
    width: 100%
}

.vue-preview__image {
    pointer-events: none;
    position: absolute;
    -webkit-user-select: none;
    user-select: none;
    transform-origin: center;
    max-width: none!important
}

.vue-rectangle-stencil {
    position: absolute;
    height: 100%;
    width: 100%;
    box-sizing: border-box
}

.vue-rectangle-stencil__preview {
    position: absolute;
    width: 100%;
    height: 100%
}

.vue-rectangle-stencil--movable {
    cursor: move
}

.vue-circle-stencil {
    position: absolute;
    height: 100%;
    width: 100%;
    box-sizing: content-box;
    cursor: move
}

.vue-circle-stencil__preview {
    border-radius: 50%;
    position: absolute;
    width: 100%;
    height: 100%
}

.vue-circle-stencil--movable {
    cursor: move
}

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

.image-cropper[data-v-0c66b2aa] {
    background: #fff;
    border-radius: 16px
}

.dark .image-cropper[data-v-0c66b2aa] {
    background: #282a30
}

.image-cropper__view[data-v-0c66b2aa] {
    width: 100%
}

.image-cropper__footer[data-v-0c66b2aa] {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    padding: 16px
}

[data-v-0c66b2aa] .vue-simple-handler {
    background: var(--color-scheme-active)
}

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

.upload[data-v-c565ca44] {
    display: flex;
    gap: 4px;
    justify-content: center;
    align-items: center;
    width: 170px;
    height: 80px;
    cursor: pointer;
    flex-direction: column;
    border: 1px dashed #E5E7EE;
    border-radius: 8px
}

.dark .upload[data-v-c565ca44] {
    border-color: #93969f
}

.upload__name[data-v-c565ca44] {
    font-weight: 600;
    font-size: 12px;
    line-height: 12px;
    color: #acb1c2
}

.dark .upload__name[data-v-c565ca44] {
    color: #ddd
}

.upload__input[data-v-c565ca44] {
    display: none
}

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

.backgrounds[data-v-b4c75086] {
    margin-bottom: 60px
}

.backgrounds__title[data-v-b4c75086] {
    margin-bottom: 22px;
    font-weight: 500;
    font-size: 20px;
    line-height: 120%
}

.dark .backgrounds__title[data-v-b4c75086] {
    color: #ddd
}

.backgrounds__box[data-v-b4c75086] {
    display: flex;
    flex-wrap: wrap;
    gap: 14px
}

.backgrounds__background[data-v-b4c75086] {
    width: 170px
}

.backgrounds__background[data-v-b4c75086] label {
    width: 145px
}

.backgrounds__image[data-v-b4c75086],
.backgrounds__custom[data-v-b4c75086] {
    height: 80px;
    margin-bottom: 8px;
    cursor: pointer;
    border-radius: 4px;
    background-position: center;
    background-size: cover
}

.backgrounds__custom[data-v-b4c75086] {
    position: relative;
    display: flex
}

.backgrounds__custom[data-v-b4c75086]:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    opacity: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(0deg, #00000063, #00000063);
    transition: all .2s ease-in-out
}

.backgrounds__custom[data-v-b4c75086]:hover:before {
    opacity: 1
}

.backgrounds__custom-button[data-v-b4c75086] {
    position: relative;
    z-index: 2;
    pointer-events: none;
    opacity: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    transition: all .2s ease-in-out
}

.backgrounds__custom:hover .backgrounds__custom-button[data-v-b4c75086] {
    pointer-events: auto;
    opacity: 1
}

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

.display[data-v-297b1875] {
    flex: 1 1 auto;
    display: flex;
    padding: 16px;
    overflow: auto;
    background: #f8f8fb;
    flex-direction: column
}

.dark .display[data-v-297b1875] {
    background: #2f3136
}

.display__box[data-v-297b1875] {
    flex: none;
    flex: 1 1 1px;
    width: 100%;
    background: #fff;
    max-width: 588px;
    flex-grow: 0;
    border-radius: 12px
}

.dark .display__box[data-v-297b1875] {
    box-shadow: 0 3px 6px #1e1e1e61;
    background: #383a3f
}

.display__body[data-v-297b1875] {
    padding: 24px 24px 0
}

.display__bottom[data-v-297b1875] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 20px -24px 0;
    padding: 0 24px 24px
}

.display__bottom.unsaved[data-v-297b1875]:not(.scrolled) {
    position: sticky;
    bottom: -16px;
    left: 0;
    z-index: 3;
    margin-top: 0;
    padding: 10px 24px;
    background: #fff;
    border-top: 1px solid #E5E7EE
}

.dark .display__bottom.unsaved[data-v-297b1875]:not(.scrolled) {
    background: #383a3f
}

.display__button[data-v-297b1875] {
    transition-property: background, background-color, color, border-color;
    transition-duration: .2s;
    transition-timing-function: ease
}

.display__bottom.unsaved:not(.scrolled) .display__button[data-v-297b1875] {
    height: 32px
}

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

.selected-workspace[data-v-790deb73] {
    position: relative;
    width: 100%;
    transition: .25s;
    max-width: 450px
}

.selected-workspace.disabled[data-v-790deb73] {
    pointer-events: none;
    opacity: .8;
    -webkit-user-select: none;
    user-select: none
}

.selected-workspace__label[data-v-790deb73] {
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 10px;
    color: #202430
}

.dark .selected-workspace__label[data-v-790deb73] {
    color: #ddd
}

.selected-workspace__panel[data-v-790deb73] {
    display: flex;
    gap: 8px;
    align-items: center;
    padding: 8px;
    background: #f8f8fb;
    transition: .25s;
    cursor: pointer;
    border-radius: 8px
}

.active .selected-workspace__panel[data-v-790deb73] {
    background: #ededf5
}

.dark .active .selected-workspace__panel[data-v-790deb73] {
    background: #202225
}

.selected-workspace__panel[data-v-790deb73]:hover {
    background: #ededf5
}

.dark .selected-workspace__panel[data-v-790deb73] {
    background: #2f3136
}

.dark .selected-workspace__panel[data-v-790deb73]:hover {
    background: #202225
}

.selected-workspace__row[data-v-790deb73] {
    max-width: calc(100% - 92px);
    width: 100%
}

[data-v-790deb73] .dropdown {
    top: 90px;
    z-index: 10;
    width: 100%;
    max-width: 450px
}

[data-v-790deb73] .dropdown__items {
    gap: 6px
}

[data-v-790deb73] .dropdown-item {
    height: 40px
}

[data-v-790deb73] .dropdown-item__text {
    width: 100%
}

[data-v-790deb73] .avatar__custom {
    font-size: 12px;
    background: #fff
}

.selected-workspace__placeholder[data-v-790deb73] {
    font-weight: 400;
    font-size: 12px;
    line-height: 12px;
    width: fit-content;
    color: #93969f
}

.selected-workspace__name[data-v-790deb73] {
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
    width: fit-content;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.dark .selected-workspace__name[data-v-790deb73] {
    color: #ddd
}

.selected-workspace__icon-wrapper[data-v-790deb73] {
    width: 22px;
    min-width: 22px;
    height: 22px;
    min-height: 22px
}

.selected-workspace__item[data-v-790deb73] {
    display: flex;
    gap: 8px;
    align-items: center;
    width: 100%
}

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

.card[data-v-c08a72f3] {
    position: relative;
    display: flex;
    gap: 4px;
    align-items: center;
    min-height: 78px;
    padding: 16px 12px;
    background: #f6f6f9;
    transition: all .2s ease-in-out;
    cursor: pointer;
    flex-direction: column;
    border-radius: 8px;
    -webkit-user-select: none;
    user-select: none
}

.card[data-v-c08a72f3]:hover {
    background-color: #ededf5
}

.dark .card[data-v-c08a72f3] {
    background: #2f3136
}

.dark .card[data-v-c08a72f3]:hover {
    background-color: #202225
}

.card_active[data-v-c08a72f3] {
    background-color: #f3f4ff
}

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

.card__check[data-v-c08a72f3] {
    position: absolute;
    top: 6px;
    right: 7px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 14px;
    height: 14px;
    background-color: #e5e7ee;
    border-radius: 50%
}

.card_active .card__check[data-v-c08a72f3] {
    background-color: var(--color-scheme-active)
}

.card__check-icon[data-v-c08a72f3] {
    display: none
}

.card__check-icon[data-v-c08a72f3] path {
    fill: #fff
}

.card_active .card__check-icon[data-v-c08a72f3] {
    display: block
}

.card__title[data-v-c08a72f3] {
    font-weight: 500;
    font-size: 11px;
    line-height: 100%;
    text-align: center;
    color: #9499ad
}

.card:nth-child(1) .card__title[data-v-c08a72f3] {
    max-width: 72px
}

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

.channels[data-v-e765194e] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
    gap: 8px;
    margin: 0
}

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

.sound[data-v-ba049785] {
    display: flex;
    gap: 16px;
    align-items: center;
    width: 100%;
    padding: 20px 16px;
    background: #f8f8fb;
    transition: .25s;
    cursor: pointer;
    border-radius: 12px;
    box-sizing: border-box;
    text-decoration: none
}

.dark .sound[data-v-ba049785] {
    background: #2f3136
}

.sound__icon-wrapper[data-v-ba049785] {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 40px;
    min-width: 40px;
    height: 40px;
    min-height: 40px;
    border-radius: 8px;
    background: #fff;
    transition: .25s
}

.dark .sound__icon-wrapper[data-v-ba049785] {
    background: #242629
}

.sound__title[data-v-ba049785] {
    font-weight: 500;
    font-size: 16px;
    line-height: 16px;
    color: #242629
}

.dark .sound__title[data-v-ba049785] {
    color: #ddd
}

.sound__switch[data-v-ba049785] {
    margin-left: auto
}

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

.service[data-v-7eed7498] {
    display: flex;
    gap: 16px;
    align-items: center;
    width: 100%;
    padding: 20px 16px;
    background: #f8f8fb;
    transition: .25s;
    cursor: pointer;
    border-radius: 12px;
    box-sizing: border-box;
    text-decoration: none
}

@media (max-width: 768px) {
    .service[data-v-7eed7498] {
        flex-direction: column;
        align-items: flex-start
    }
}

.service.disabled[data-v-7eed7498] {
    pointer-events: none;
    opacity: .7;
    -webkit-user-select: none;
    user-select: none
}

.service[data-v-7eed7498]:hover {
    background: #ededf5
}

.dark .service[data-v-7eed7498] {
    background: #2f3136
}

.dark .service[data-v-7eed7498]:hover {
    background: #242629
}

.service__icon-wrapper[data-v-7eed7498] {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 40px;
    min-width: 40px;
    height: 40px;
    min-height: 40px;
    border-radius: 8px;
    background: #fff;
    transition: .25s
}

.dark .service__icon-wrapper[data-v-7eed7498] {
    background: #242629
}

.dark .service:hover .service__icon-wrapper[data-v-7eed7498] {
    background: #2f3136
}

.service__information[data-v-7eed7498] {
    display: flex;
    flex-direction: column;
    gap: 4px
}

.service__name[data-v-7eed7498] {
    font-weight: 500;
    font-size: 16px;
    line-height: 16px;
    color: #242629
}

.dark .service__name[data-v-7eed7498] {
    color: #ddd
}

.service__description[data-v-7eed7498] {
    font-weight: 500;
    font-size: 12px;
    line-height: 12px;
    color: #60636c
}

.dark .service__description[data-v-7eed7498] {
    color: #a6a7b3
}

.service__arrow[data-v-7eed7498] {
    margin-left: auto
}

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

.services[data-v-c668109f] {
    display: flex;
    flex-direction: column;
    gap: 34px
}

.services__section[data-v-c668109f] {
    display: flex;
    flex-direction: column;
    gap: 16px
}

.services__section-title[data-v-c668109f] {
    font-weight: 500;
    font-size: 16px;
    line-height: 16px;
    margin: 0;
    color: #242629
}

.dark .services__section-title[data-v-c668109f] {
    color: #ddd
}

.services__section-list[data-v-c668109f] {
    display: flex;
    flex-direction: column;
    gap: 8px
}

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

.general__wrapper[data-v-049f6bea] {
    display: flex;
    flex-direction: column;
    gap: 24px;
    padding: 24px;
    max-width: 974px;
    border-radius: 12px;
    background-color: #fff
}

.dark .general__wrapper[data-v-049f6bea] {
    background-color: #383a3f
}

.general__title[data-v-049f6bea] {
    font-weight: 500;
    font-size: 20px;
    line-height: 24px;
    margin: 0;
    color: #242629
}

.dark .general__title[data-v-049f6bea] {
    color: #ddd
}

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

.messengers__wrapper[data-v-9c20ee43] {
    display: flex;
    flex-direction: column;
    gap: 24px;
    padding: 24px;
    max-width: 974px;
    border-radius: 12px;
    background-color: #fff
}

.dark .messengers__wrapper[data-v-9c20ee43] {
    background-color: #383a3f
}

.messengers__title[data-v-9c20ee43] {
    font-weight: 500;
    font-size: 20px;
    line-height: 24px;
    margin: 0;
    color: #242629
}

.dark .messengers__title[data-v-9c20ee43] {
    color: #ddd
}

.messengers__items[data-v-9c20ee43] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
    grid-gap: 8px
}

.messengers__item[data-v-9c20ee43] {
    display: flex;
    gap: 12px;
    align-items: center;
    min-height: 48px;
    padding: 12px;
    color: #202430;
    background: #f6f6f9;
    transition: all .2s ease-in-out;
    cursor: pointer;
    border-radius: 8px;
    font-weight: 500;
    font-size: 14px;
    line-height: 14px
}

.messengers__item[data-v-9c20ee43]:hover {
    background-color: #ededf5
}

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

.dark .messengers__item[data-v-9c20ee43]:hover {
    background-color: #202225
}

.messengers__item-icon-wrap[data-v-9c20ee43] {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 32px;
    min-width: 32px;
    height: 32px;
    min-height: 32px;
    background: #fff;
    border-radius: 8px
}

.dark .messengers__item-icon-wrap[data-v-9c20ee43] {
    background: #242629
}

.messengers__item-information[data-v-9c20ee43] {
    display: flex;
    gap: 12px;
    justify-content: space-between;
    align-items: center;
    width: 100%
}

.messengers__item-name[data-v-9c20ee43] {
    font-weight: 400;
    font-size: 14px;
    line-height: 14px;
    color: #242629
}

.dark .messengers__item-name[data-v-9c20ee43] {
    color: #ddd
}

.messengers__item-nickname[data-v-9c20ee43] {
    font-weight: 400;
    font-size: 12px;
    line-height: 12px;
    margin-top: 1px;
    color: #000
}

.dark .messengers__item-nickname[data-v-9c20ee43] {
    color: #ddd
}

.messengers__item-control[data-v-9c20ee43] {
    font-weight: 600;
    font-size: 12px;
    line-height: 12px;
    color: #a7a7a7
}

.dark .messengers__item-control[data-v-9c20ee43] {
    color: #8d8d8d
}

.messengers__item-set[data-v-9c20ee43] {
    font-weight: 500;
    font-size: 12px;
    line-height: 100%;
    color: #9499ad
}

.dark .messengers__item-set[data-v-9c20ee43] {
    color: #8d8d8d
}

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

.notifications[data-v-37fed7c5] {
    display: flex;
    gap: 8px;
    height: 100%;
    padding: 16px;
    flex-direction: column;
    overflow-y: auto
}

.dark .notifications[data-v-37fed7c5] {
    background-color: #2f3136
}

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

.overdue-tasks[data-v-46033e80] {
    position: relative;
    min-width: fit-content;
    height: 32px
}

.overdue-tasks__panel[data-v-46033e80] {
    position: relative;
    display: flex;
    gap: 4px;
    align-items: center;
    height: 100%;
    padding: 6px;
    background: #f8f8fb;
    transition: .25s;
    cursor: pointer;
    border-radius: 8px;
    box-sizing: border-box
}

.overdue-tasks__panel.active[data-v-46033e80] {
    background: #ededf5
}

.dark .overdue-tasks__panel.active[data-v-46033e80] {
    background: #242629
}

.overdue-tasks__panel[data-v-46033e80]:active,
.overdue-tasks__panel[data-v-46033e80]:hover {
    background: #ededf5
}

.dark .overdue-tasks__panel[data-v-46033e80] {
    background: #2f3136
}

.dark .overdue-tasks__panel[data-v-46033e80]:active,
.dark .overdue-tasks__panel[data-v-46033e80]:hover {
    background: #242629
}

.overdue-tasks__value[data-v-46033e80] {
    font-weight: 400;
    font-size: 13px;
    line-height: 16px;
    color: #202430;
    -webkit-user-select: none;
    user-select: none
}

.dark .overdue-tasks__value[data-v-46033e80] {
    color: #ddd
}

.overdue-tasks__settings[data-v-46033e80] {
    z-index: 50;
    min-width: 240px;
    padding: 4px 0;
    background: #fff;
    border: 1px solid #f0f0f0;
    border-radius: 8px;
    box-shadow: 0 4px 13px #3030301a
}

.dark .overdue-tasks__settings[data-v-46033e80] {
    background: #242629;
    border-color: #202225
}

.overdue-tasks__settings-title[data-v-46033e80] {
    padding: 9px 12px;
    white-space: nowrap;
    color: #acb1c2;
    font-weight: 500;
    font-size: 12px;
    line-height: 12px
}

.overdue-tasks__options[data-v-46033e80] {
    display: flex;
    flex-direction: column
}

.overdue-tasks__option[data-v-46033e80] {
    position: relative;
    display: flex;
    gap: 6px;
    justify-content: space-between;
    align-items: center;
    height: 32px;
    padding: 9px 12px;
    white-space: nowrap;
    color: #60636c;
    -webkit-user-select: none;
    user-select: none;
    font-weight: 500;
    font-size: 14px;
    line-height: 14px
}

.overdue-tasks__option[data-v-46033e80]:nth-child(1) {
    cursor: pointer
}

.overdue-tasks__option-other[data-v-46033e80] {
    cursor: pointer
}

.overdue-tasks__option-other .v-popper[data-v-46033e80] {
    display: flex;
    gap: 8px;
    align-items: center
}

.overdue-tasks__option-other span[data-v-46033e80] {
    font-weight: 400;
    font-size: 14px;
    line-height: 14px;
    color: #9499ad;
    -webkit-user-select: none;
    user-select: none
}

.overdue-tasks__times[data-v-46033e80] {
    position: relative;
    width: 100px;
    max-height: 180px
}

.v-popper--theme-dark .overdue-tasks__settings[data-v-46033e80],
.v-popper--theme-dark .overdue-tasks__times[data-v-46033e80] {
    background: #2f3136;
    border-color: #242629
}

.v-popper--theme-dark .overdue-tasks__settings[data-v-46033e80] .dropdown__items::-webkit-scrollbar-track,
.v-popper--theme-dark .overdue-tasks__times[data-v-46033e80] .dropdown__items::-webkit-scrollbar-track {
    background: #383a3f
}

.v-popper--theme-dark .overdue-tasks__settings[data-v-46033e80] .dropdown__items::-webkit-scrollbar-thumb,
.v-popper--theme-dark .overdue-tasks__times[data-v-46033e80] .dropdown__items::-webkit-scrollbar-thumb {
    background-color: #60636c
}

.v-popper--theme-dark .overdue-tasks__settings[data-v-46033e80] .dropdown__item:hover,
.v-popper--theme-dark .overdue-tasks__times[data-v-46033e80] .dropdown__item:hover {
    color: #ddd;
    background-color: #202225
}

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

.category[data-v-0118ee8e] {
    display: flex;
    gap: 24px;
    justify-content: space-between;
    align-items: center
}

.category__name[data-v-0118ee8e] {
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
    min-width: 270px;
    color: #1e1e1e;
    -webkit-user-select: none;
    user-select: none
}

.dark .category__name[data-v-0118ee8e] {
    color: #ddd
}

.category__settings[data-v-0118ee8e] {
    display: flex;
    gap: 8px;
    align-items: center
}

.category__channels[data-v-0118ee8e] {
    display: flex;
    gap: 4px;
    align-items: center
}

.category__channels.disabled[data-v-0118ee8e] {
    pointer-events: none
}

.category__channel-icon[data-v-0118ee8e] {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 32px;
    min-width: 32px;
    height: 32px;
    min-height: 32px;
    background: #f8f8fb;
    border-radius: 4px;
    transition: .25s;
    cursor: pointer
}

.category__channel-icon[data-v-0118ee8e]:hover {
    background-color: #ededf5
}

.dark .category__channel-icon[data-v-0118ee8e] {
    background: #2f3136
}

.dark .category__channel-icon[data-v-0118ee8e]:hover {
    background-color: #202225
}

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

.loading[data-v-456eaac0] {
    display: flex;
    flex-direction: column;
    gap: 8px
}

.loading__top[data-v-456eaac0] {
    display: flex;
    gap: 12px;
    height: 24px;
    margin-bottom: 24px
}

.loading__body[data-v-456eaac0] {
    display: flex;
    flex-direction: column;
    gap: 4px
}

.loading__row[data-v-456eaac0] {
    display: flex;
    gap: 16px;
    justify-content: space-between;
    align-items: center
}

.loading__column[data-v-456eaac0] {
    height: 32px
}

.loading__column[data-v-456eaac0]:first-of-type {
    height: 16px
}

.loading__column[data-v-456eaac0]:last-of-type {
    display: grid;
    grid-template-columns: repeat(6, 32px);
    gap: 4px
}

.loading__cell[data-v-456eaac0] {
    position: relative;
    height: 100%;
    overflow: hidden;
    background: #f0f1f2;
    border-radius: 4px
}

.loading__top .loading__cell[data-v-456eaac0]:nth-of-type(1) {
    width: 30%
}

.loading__top .loading__cell[data-v-456eaac0]:nth-of-type(2) {
    width: 52px
}

.loading__cell[data-v-456eaac0]:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    opacity: .5;
    display: block;
    width: 100%;
    height: 100%;
    background: linear-gradient(to right, transparent, #fff, transparent);
    animation: loading-456eaac0 1.5s cubic-bezier(.55, .04, .04, .96) infinite
}

.dark .loading__cell[data-v-456eaac0] {
    background-color: #2f3136
}

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

@keyframes loading-456eaac0 {
    0% {
        transform: translate(-100%) skew(-20deg)
    }
    to {
        transform: translate(290px) skew(-20deg)
    }
}

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

.service[data-v-514524f7] {
    width: 100%;
    height: 100%;
    padding: 16px;
    box-sizing: border-box
}

.dark .service[data-v-514524f7] {
    background: #2f3136
}

.service__wrapper[data-v-514524f7] {
    display: flex;
    flex-direction: column;
    gap: 16px;
    max-width: 974px;
    padding: 24px;
    background: #fff;
    border-radius: 12px;
    box-sizing: border-box
}

.dark .service__wrapper[data-v-514524f7] {
    background: #383a3f
}

.service__top[data-v-514524f7] {
    display: flex;
    gap: 4px;
    align-items: center
}

.service__back-link[data-v-514524f7] {
    transition: .25s;
    cursor: pointer
}

.service__back-link[data-v-514524f7]:hover {
    opacity: .7
}

.service__name[data-v-514524f7] {
    font-weight: 500;
    font-size: 20px;
    line-height: 20px;
    display: inline-block;
    margin-right: 12px
}

.dark .service__name[data-v-514524f7] {
    color: #ddd
}

.service__list[data-v-514524f7],
.service__types[data-v-514524f7] {
    display: flex;
    flex-direction: column;
    gap: 8px
}

.service__type[data-v-514524f7] {
    display: flex;
    gap: 24px;
    justify-content: space-between;
    align-items: center
}

.service__type-name[data-v-514524f7] {
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
    min-width: 270px;
    color: #1e1e1e
}

.dark .service__type-name[data-v-514524f7] {
    color: #ddd
}

.service__controls[data-v-514524f7] {
    display: flex;
    gap: 4px;
    align-items: center
}

.service__controls.disabled[data-v-514524f7] {
    pointer-events: none
}

.service-type__icon[data-v-514524f7] {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 32px;
    min-width: 32px;
    height: 32px;
    min-height: 32px;
    background: #f8f8fb;
    border-radius: 4px;
    transition: .25s;
    cursor: pointer
}

.service-type__icon[data-v-514524f7]:hover {
    background-color: #ededf5
}

.dark .service-type__icon[data-v-514524f7] {
    background: #2f3136
}

.dark .service-type__icon[data-v-514524f7]:hover {
    background-color: #202225
}

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

.projects[data-v-8d41b5cf] {
    display: flex;
    align-items: center
}

.projects__wrapper[data-v-8d41b5cf] {
    display: flex;
    align-items: center;
    overflow: hidden
}

.projects__project[data-v-8d41b5cf] {
    display: flex;
    gap: 8px;
    align-items: center;
    overflow: hidden;
    max-width: 200px
}

.projects__project[data-v-8d41b5cf]:not(:first-child) {
    margin-left: -5px
}

.projects__avatar[data-v-8d41b5cf] {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #fff
}

.dark .projects__avatar[data-v-8d41b5cf] {
    border-color: #2f3136
}

.projects__name[data-v-8d41b5cf] {
    font-weight: 400;
    font-size: 13px;
    line-height: 120%;
    overflow: hidden;
    white-space: nowrap;
    color: #202430;
    text-overflow: ellipsis
}

.dark .projects__name[data-v-8d41b5cf] {
    color: #ddd
}

.projects__others[data-v-8d41b5cf] {
    font-weight: 500;
    font-size: 8px;
    line-height: 120%;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    min-width: 20px;
    height: 20px;
    margin-left: -5px;
    padding: 5px 4px 5px 5px;
    color: #acb1c2;
    background: #f8f8fb;
    border: 1px solid #fff;
    border-radius: 4px
}

.dark .projects__others[data-v-8d41b5cf] {
    border-color: #2f3136;
    background-color: #2f3136
}

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

.board[data-v-1629360f] {
    width: fit-content
}

.board__wrapper[data-v-1629360f] {
    position: relative;
    display: flex;
    align-items: center;
    width: fit-content;
    height: 48px
}

.board__value[data-v-1629360f] {
    display: flex;
    gap: 8px;
    align-items: center
}

.board__name[data-v-1629360f] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: 500;
    font-size: 13px;
    line-height: 13px;
    color: #2f3136
}

.dark .board__name[data-v-1629360f] {
    color: #ddd
}

.board__popper[data-v-1629360f] {
    position: absolute;
    top: 30px;
    left: 0;
    z-index: 10;
    width: 260px;
    padding-top: 10px
}

.board__popper-wrapper[data-v-1629360f] {
    position: relative;
    display: flex;
    width: 100%;
    min-width: 190px;
    min-height: 80px;
    overflow: hidden;
    background: #fff;
    flex-direction: column;
    border: 1px solid #f0f0f0;
    border-radius: 8px;
    box-shadow: 0 4px 13px #3030301a
}

.board__popper-top[data-v-1629360f] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    padding: 8px
}

.board__popper-name[data-v-1629360f] {
    font-weight: 500;
    font-size: 14px;
    line-height: 14px;
    white-space: wrap;
    color: #242629
}

.board__popper-information[data-v-1629360f] {
    display: flex;
    gap: 12px;
    align-items: center
}

.board__popper-period[data-v-1629360f] {
    color: #acb1c2;
    font-weight: 500;
    font-size: 12px;
    line-height: 12px
}

.board__popper-count[data-v-1629360f] {
    position: relative;
    color: #acb1c2;
    font-weight: 500;
    font-size: 12px;
    line-height: 12px
}

.board__popper-count.period[data-v-1629360f] {
    padding-left: 4px
}

.board__popper-count.period[data-v-1629360f]:before {
    content: "";
    position: absolute;
    top: 50%;
    left: -6px;
    width: 4px;
    height: 4px;
    background: #acb1c2;
    border-radius: 50%;
    transform: translateY(-50%)
}

.board__popper-bottom[data-v-1629360f] {
    padding: 8px;
    border-top: 1px solid #f4f4f8
}

.board__popper-link[data-v-1629360f] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    text-decoration: none
}

.board__popper-link span[data-v-1629360f] {
    font-weight: 500;
    font-size: 14px;
    line-height: 14px;
    color: #60636c;
    transition: .25s
}

.board__popper-link:hover span[data-v-1629360f] {
    color: #323335
}

.v-popper--theme-dark .board__popper-wrapper[data-v-1629360f] {
    background: #2f3136;
    border-color: #242629
}

.v-popper--theme-dark .board__popper-bottom[data-v-1629360f] {
    border-color: #242629
}

.v-popper--theme-dark .board__popper-name[data-v-1629360f],
.v-popper--theme-dark .board__popper-link span[data-v-1629360f] {
    color: #fff
}

.v-popper--theme-dark .board__popper-link:hover span[data-v-1629360f] {
    opacity: .7
}

.v-popper__inner {
    border: none!important;
    border-radius: 8px;
    box-shadow: 0 4px 13px #3030301a;
    overflow: hidden!important
}

.v-popper__arrow-container {
    display: none!important
}

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

.row[data-v-06986d5a] {
    position: relative;
    display: grid;
    grid-gap: 8px;
    align-items: center;
    height: 48px;
    cursor: pointer
}

.row[data-v-06986d5a]:not(:last-child) {
    border-bottom: 1px solid #EDEDF5
}

.row[data-v-06986d5a]:after {
    content: "";
    position: absolute;
    bottom: -1px;
    left: 0;
    z-index: 9;
    opacity: 0;
    width: 100%;
    height: 3px;
    background: #ededf5;
    transition: all .2s ease-in-out
}

.row[data-v-06986d5a]:hover:not(:last-child):after {
    opacity: 1
}

.dark .row[data-v-06986d5a] {
    border-color: #4d525e
}

.dark .row[data-v-06986d5a]:after {
    background: #4d525e
}

.row__cell[data-v-06986d5a] {
    transition: .25s
}

.row__name span[data-v-06986d5a] {
    display: block;
    overflow: hidden;
    white-space: nowrap;
    color: #2f3136;
    text-overflow: ellipsis;
    font-weight: 500;
    font-size: 13px;
    line-height: 13px
}

.dark .row__name span[data-v-06986d5a] {
    color: #ddd
}

.row__date[data-v-06986d5a] {
    font-weight: 500;
    font-size: 13px;
    line-height: 13px;
    color: #acb1c2
}

.dark .row__date[data-v-06986d5a] {
    color: #8d8d8d
}

.row__action[data-v-06986d5a] {
    opacity: 0
}

.row:hover .row__action[data-v-06986d5a] {
    opacity: 1
}

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

.loading[data-v-a5636bb8] {
    display: flex;
    flex-direction: column;
    gap: 8px
}

.loading__top[data-v-a5636bb8] {
    display: flex;
    gap: 12px;
    height: 24px;
    margin-bottom: 24px
}

.loading__body[data-v-a5636bb8] {
    display: flex;
    flex-direction: column;
    gap: 4px
}

.loading__row[data-v-a5636bb8] {
    display: grid;
    gap: 16px;
    align-items: center;
    height: 40px
}

.loading__cell[data-v-a5636bb8] {
    position: relative;
    height: 16px;
    overflow: hidden;
    background: #f0f1f2;
    border-radius: 4px
}

.loading__cell[data-v-a5636bb8]:nth-of-type(2) {
    width: 130px
}

.loading__cell[data-v-a5636bb8]:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    opacity: .5;
    display: block;
    width: 100%;
    height: 100%;
    background: linear-gradient(to right, transparent, #fff, transparent);
    animation: loading-a5636bb8 1.5s cubic-bezier(.55, .04, .04, .96) infinite
}

.loading__top .loading__cell[data-v-a5636bb8] {
    width: 30%;
    height: 24px
}

.loading__row .loading__cell[data-v-a5636bb8]:last-of-type {
    height: 32px;
    border-radius: 8px
}

.dark .loading__cell[data-v-a5636bb8] {
    background-color: #2f3136
}

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

@keyframes loading-a5636bb8 {
    0% {
        transform: translate(-100%) skew(-20deg)
    }
    to {
        transform: translate(290px) skew(-20deg)
    }
}

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

.empty[data-v-607498af] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px;
    font-weight: 500;
    font-size: 12px;
    line-height: 16px;
    color: #acb1c2
}

.dark .empty[data-v-607498af] {
    color: #ddd
}

.empty__text[data-v-607498af] {
    max-width: 200px;
    text-align: center
}

.dark .empty__icon[data-v-607498af] path {
    fill: #2f3136
}

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

.subscriptions[data-v-6cab25df] {
    width: 100%;
    min-width: 730px;
    height: 100%;
    padding: 16px;
    box-sizing: border-box;
    overflow-x: auto
}

.dark .subscriptions[data-v-6cab25df] {
    background: #2f3136
}

.subscriptions__wrapper[data-v-6cab25df] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    max-width: 974px;
    padding: 24px;
    background: #fff;
    border-radius: 12px;
    box-sizing: border-box;
    overflow-x: auto
}

.dark .subscriptions__wrapper[data-v-6cab25df] {
    background: #383a3f
}

.subscriptions__top[data-v-6cab25df] {
    display: flex;
    gap: 4px;
    align-items: center;
    margin-bottom: 12px
}

.subscriptions__back-link[data-v-6cab25df] {
    transition: .25s;
    cursor: pointer
}

.subscriptions__back-link[data-v-6cab25df]:hover {
    opacity: .7
}

.subscriptions__title[data-v-6cab25df] {
    font-weight: 500;
    font-size: 20px;
    line-height: 20px;
    display: inline-block;
    white-space: nowrap
}

.dark .subscriptions__title[data-v-6cab25df] {
    color: #ddd
}

.subscriptions__table[data-v-6cab25df] {
    display: flex;
    flex-direction: column
}

.subscriptions__table-header__row[data-v-6cab25df] {
    display: grid;
    grid-gap: 8px;
    align-items: center;
    height: 30px;
    font-weight: 500;
    font-size: 13px;
    line-height: 13px;
    color: #60636c
}

.dark .subscriptions__table-header__row[data-v-6cab25df] {
    color: #ddd
}

.subscriptions__table-body[data-v-6cab25df] {
    display: flex;
    flex-direction: column;
    height: 100%
}

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

.settings-email[data-v-4ebaa499] {
    width: 100%;
    padding: 24px;
    max-width: 618px;
    border-radius: 12px
}

.settings-email__title[data-v-4ebaa499] {
    font-weight: 500;
    font-size: 20px;
    line-height: 120%;
    margin: 0 0 8px;
    color: #242629
}

.dark .settings-email__title[data-v-4ebaa499] {
    color: #ddd
}

.settings-email__text[data-v-4ebaa499] {
    font-weight: 400;
    font-size: 14px;
    line-height: 120%;
    max-width: 430px;
    margin: 0 0 24px;
    color: #60636c
}

.dark .settings-email__text[data-v-4ebaa499] {
    color: #8d8d8d
}

.settings-email__checkboxes[data-v-4ebaa499] {
    margin-top: 24px;
    column-gap: 16px
}

.settings-email__checkboxes-checkbox[data-v-4ebaa499] {
    margin-bottom: 16px
}

.settings-email__button[data-v-4ebaa499] {
    margin-top: 24px;
    margin-left: auto;
    max-width: 176px
}

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

.settings-email[data-v-15d100f7] {
    overflow-y: auto
}

.settings-email__box[data-v-15d100f7] {
    width: 100%;
    max-width: 618px
}

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

.card[data-v-a7576e91] {
    width: 100%;
    padding: 16px;
    background: #fff;
    border: 1px solid #E5E7EE;
    border-radius: 8px;
    text-decoration: none;
    transition: all .2s ease-in-out
}

.dark .card[data-v-a7576e91] {
    background-color: #2f3136;
    border-color: #2f3136
}

.card[data-v-a7576e91]:hover {
    border-color: #cacad2
}

.dark .card[data-v-a7576e91]:hover {
    background-color: #242629;
    border-color: #2a2a2a
}

.card__head[data-v-a7576e91] {
    display: flex;
    justify-content: space-between;
    margin-bottom: 24px
}

.card__head-icon[data-v-a7576e91] {
    flex: none
}

.card__head-status[data-v-a7576e91] {
    display: flex;
    margin-left: 10px
}

.card__head-status span[data-v-a7576e91] {
    display: block;
    margin-right: 4px;
    font-weight: 500;
    font-size: 12px;
    line-height: 12px;
    color: #93969f
}

.card_connected .card__head-status span[data-v-a7576e91] {
    color: #6c78f4
}

.card__info[data-v-a7576e91] {
    margin-top: auto
}

.card__info-row[data-v-a7576e91] {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.card__info-name[data-v-a7576e91] {
    width: 100%;
    font-weight: 500;
    font-size: 14px;
    line-height: 16px;
    color: #000
}

.dark .card__info-name[data-v-a7576e91] {
    color: #ddd
}

.card__info-platforms[data-v-a7576e91] {
    flex: none
}

.card__info-description[data-v-a7576e91] {
    margin-top: 6px;
    font-weight: 400;
    font-size: 14px;
    line-height: 125%;
    color: #00000080
}

.dark .card__info-description[data-v-a7576e91] {
    color: #ddd
}

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

.integrations[data-v-b33ba858] {
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    padding: 16px;
    background: #f8f8fb;
    overflow-y: auto
}

.dark .integrations[data-v-b33ba858] {
    background: #2f3136
}

.integrations__box[data-v-b33ba858] {
    display: flex;
    flex-direction: column;
    gap: 24px;
    width: 100%;
    padding: 24px;
    background: #fff;
    max-width: 980px;
    border-radius: 12px
}

.dark .integrations__box[data-v-b33ba858] {
    background: #383a3f
}

.integrations__title[data-v-b33ba858] {
    font-weight: 500;
    font-size: 20px;
    line-height: 120%;
    margin: 0 0 8px;
    color: #242629
}

.dark .integrations__title[data-v-b33ba858] {
    color: #ddd
}

.integrations__description[data-v-b33ba858] {
    font-weight: 400;
    font-size: 14px;
    line-height: 125%;
    margin: 0;
    white-space: pre-wrap;
    color: #60636c;
    max-width: 740px
}

.dark .integrations__description[data-v-b33ba858] {
    color: #8d8d8d
}

.integrations__section-wrap[data-v-b33ba858] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    grid-gap: 8px;
    margin-top: 16px
}

.integrations__section-title[data-v-b33ba858] {
    font-weight: 600;
    font-size: 16px;
    line-height: 120%;
    margin: 0 0 8px;
    color: #242629
}

.dark .integrations__section-title[data-v-b33ba858] {
    color: #ddd
}

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

.v-google-sign-in[data-v-b5f25c37] {
    display: flex;
    align-items: center;
    width: 195px;
    padding: 1px;
    font-family: Roboto, SFUI, sans-serif;
    color: #fff;
    background-color: #4285f4;
    border-radius: 3px;
    text-decoration: none;
    font-weight: 500;
    font-size: 14px;
    line-height: 16px
}

.v-google-sign-in__logo[data-v-b5f25c37] {
    display: flex;
    align-items: center;
    height: 40px;
    margin-right: 10px;
    margin-left: 2px
}

.v-google-sign-in__logo[data-v-b5f25c37] svg {
    width: 36px;
    height: 36px;
    background-color: #fff;
    border-radius: 3px
}

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

.button-add[data-v-af7dd71a] {
    display: flex;
    gap: 10px;
    justify-content: center;
    align-items: center;
    padding: 10px 16px;
    color: #acb1c2;
    background: #838fa71a;
    cursor: pointer;
    max-width: fit-content;
    border-radius: 8px;
    font-weight: 500;
    font-size: 14px;
    line-height: normal
}

.dark .button-add[data-v-af7dd71a] {
    color: #ddd
}

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

.page[data-v-806bb731] {
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    overflow: auto;
    background: #f8f8fb
}

.dark .page[data-v-806bb731] {
    background: #2f3136
}

.page__body[data-v-806bb731] {
    flex: 1 1 auto;
    overflow-y: auto
}

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

.header-component__title[data-v-4f272210] {
    display: flex;
    align-items: center;
    column-gap: 8px;
    font-weight: 600;
    line-height: 100%
}

.dark .header-component__title[data-v-4f272210] {
    color: #ddd
}

.header-component__description[data-v-4f272210] {
    font-weight: 400;
    font-size: 14px;
    line-height: 125%;
    margin-top: 16px;
    color: #60636c
}

.dark .header-component__description[data-v-4f272210] {
    color: #ddd
}

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

@keyframes rotating-a43895fb {
    to {
        transform: rotate(360deg)
    }
}

.loading-button[data-v-a43895fb] {
    width: 100%;
    padding: 11px 22px;
    font-size: 16px;
    line-height: 22px;
    color: #fff;
    background-color: #6788f3;
    border: none;
    border-radius: 8px;
    font-variation-settings: "wght" 600;
    outline: none
}

.loading-button__loading[data-v-a43895fb] {
    display: grid;
    grid-template-columns: repeat(2, max-content);
    grid-column-gap: 8px;
    justify-content: center
}

.loading-button__loading-loader[data-v-a43895fb] {
    width: 20px;
    height: 20px;
    animation: rotating-a43895fb 1.5s infinite linear
}

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

.accounts[data-v-0088c54f] {
    display: grid;
    grid-template-columns: 1fr;
    width: 100%;
    row-gap: 10px;
    max-width: 1002px
}

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

.account[data-v-d044cfaf] {
    padding: 24px;
    background: #fff;
    border-radius: 12px
}

.dark .account[data-v-d044cfaf] {
    background: #383a3f
}

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

.header-component[data-v-09008669] {
    display: flex;
    gap: 12px;
    align-items: center
}

.header-component__person[data-v-09008669] {
    display: flex;
    align-items: flex-start;
    column-gap: 5px
}

.header-component__person-email[data-v-09008669] {
    font-weight: 300;
    font-size: 14px;
    line-height: 17px
}

.dark .header-component__person-email[data-v-09008669] {
    color: #a6a7b3
}

.header-component__button[data-v-09008669] {
    font-weight: 300;
    font-size: 14px;
    line-height: 17px;
    color: #aeaeae;
    text-decoration: none
}

.channels {
    display: grid;
    grid-template-columns: 1fr;
    row-gap: 10px;
    margin-top: 10px
}

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

.directions__input.disabled[data-v-d04b234e] .v-input__icon {
    display: none
}

.directions__input[data-v-d04b234e] .v-input__icon {
    right: 10px;
    left: initial
}

.directions__input[data-v-d04b234e] .v-input__item {
    cursor: pointer
}

.directions__input[data-v-d04b234e] input {
    max-height: 40px;
    padding-right: 32px
}

.directions__menu[data-v-d04b234e] {
    position: absolute;
    top: calc(100%+ 20px);
    left: 0;
    z-index: 999;
    width: 300px
}

.directions__direction[data-v-d04b234e] {
    display: grid;
    grid-template-columns: 44px 1fr;
    grid-gap: 8px;
    align-items: center;
    padding: 4px 12px;
    transition: background .2s ease;
    cursor: pointer
}

.directions__direction_active[data-v-d04b234e] {
    pointer-events: none;
    background: #e5e7eecc
}

.dark .directions__direction_active[data-v-d04b234e] {
    background-color: #202225
}

.directions__direction[data-v-d04b234e]:hover {
    background: #e5e7ee80
}

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

.directions__direction-icon-wrapper[data-v-d04b234e] {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 44px;
    height: 44px;
    background: #f8f8fb;
    border-radius: 8px
}

.dark .directions__direction-icon-wrapper[data-v-d04b234e] {
    background: #242629
}

.directions__direction-icon[data-v-d04b234e] {
    display: block;
    width: 22px;
    height: 22px
}

.directions__direction-info-title[data-v-d04b234e] {
    font-weight: 500;
    font-size: 14px;
    line-height: 14px;
    color: #60636c
}

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

.selected[data-v-593f3cff] {
    background-color: #f8f8fb;
    border-radius: 8px 8px 0 0
}

.selected__input[data-v-593f3cff] {
    max-height: 120px;
    height: fit-content
}

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

.list[data-v-9e604a31] {
    display: flex;
    padding: 8px 4px;
    max-height: 180px;
    overflow-y: auto;
    flex-direction: column
}

.list__item[data-v-9e604a31] {
    display: flex;
    gap: 8px;
    align-items: center;
    height: 32px;
    padding: 6px 8px;
    border-radius: 4px
}

.list__item[data-v-9e604a31]:hover {
    background-color: #f8f8f8
}

.dark .list__item[data-v-9e604a31]:hover {
    background-color: #2f3136
}

.list__text[data-v-9e604a31] {
    font-size: 14px;
    font-weight: 400;
    line-height: 100%;
    color: #60636c
}

.dark .list__text[data-v-9e604a31] {
    color: #a6a7b3
}

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

.dropdown[data-v-18b8311a] {
    display: flex;
    width: 250px;
    flex-direction: column;
    max-height: 300px;
    border-radius: 8px;
    border: 1px solid #f0f0f0;
    background: #fff;
    box-shadow: 0 4px 13px #3030301a
}

.dark .dropdown[data-v-18b8311a] {
    background-color: #383a3f;
    border-color: #2a2a2a
}

.dark .dropdown__selected[data-v-18b8311a] {
    background-color: #2f3136
}

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

.assignees[data-v-f380eed0] {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 9px 8px;
    background: #f8f8fb;
    cursor: pointer;
    border-radius: 8px
}

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

.assignees__selected[data-v-f380eed0] {
    display: flex;
    gap: 8px;
    align-items: center;
    font-size: 13px;
    font-weight: 400;
    line-height: 125%;
    color: #242629
}

.dark .assignees__selected[data-v-f380eed0] {
    color: #ddd
}

.assignees__name[data-v-f380eed0] {
    max-width: 150px;
    text-overflow: ellipsis;
    overflow: hidden;
    text-wrap: nowrap
}

.assignees__preloader[data-v-f380eed0] {
    display: flex;
    justify-content: center;
    align-items: center
}

.assignees__preloader-text[data-v-f380eed0] {
    animation: pulse 2s ease infinite
}

.dark .assignees__preloader-text[data-v-f380eed0],
.dark .assignees__non-selected[data-v-f380eed0] {
    color: #ddd
}

.assignees__arrow[data-v-f380eed0] {
    transform: rotate(180deg)
}

.assignees__dropdown[data-v-f380eed0] {
    position: absolute;
    top: 0;
    right: -255px
}

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

.dropdown[data-v-58df63d9] {
    display: flex;
    width: 220px;
    flex-direction: column;
    max-height: 300px;
    border-radius: 8px;
    padding: 4px;
    border: 1px solid #f0f0f0;
    background: #fff;
    box-shadow: 0 4px 13px #3030301a
}

.dark .dropdown[data-v-58df63d9] {
    border-color: #2a2a2a;
    background-color: #383a3f
}

.dropdown__item[data-v-58df63d9] {
    display: flex;
    gap: 8px;
    align-items: center;
    padding: 8px;
    font-size: 14px;
    font-weight: 400;
    line-height: 100%;
    color: #60636c;
    border-radius: 8px
}

.dark .dropdown__item[data-v-58df63d9] {
    color: #ddd
}

.dropdown__item.active[data-v-58df63d9] {
    background-color: #f8f8fb
}

.dark .dropdown__item.active[data-v-58df63d9] {
    background-color: #2f3136
}

.dropdown__item[data-v-58df63d9]:hover {
    background-color: #f8f8fb
}

.dark .dropdown__item[data-v-58df63d9]:hover {
    background-color: #2f3136
}

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

.tasks-types[data-v-db315186] {
    display: flex;
    align-items: center;
    padding: 9px 8px;
    border-radius: 8px;
    background: #f8f8fb;
    cursor: pointer
}

.tasks-types.active[data-v-db315186],
.tasks-types[data-v-db315186]:hover {
    background-color: #ededf5
}

.tasks-types__selected[data-v-db315186] {
    font-size: 13px;
    font-weight: 400;
    line-height: 125%;
    color: #242629
}

.tasks-types__text[data-v-db315186] {
    margin-right: auto;
    margin-left: 8px
}

.dark .tasks-types__text[data-v-db315186] {
    color: #ddd
}

.tasks-types__arrow[data-v-db315186] {
    transform: rotate(180deg)
}

.tasks-types__dropdown[data-v-db315186] {
    position: absolute;
    top: 87px;
    right: -215px
}

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

.selected[data-v-5d33d15d] {
    background-color: #f8f8fb;
    border-radius: 8px 8px 0 0
}

.selected__input[data-v-5d33d15d] {
    max-height: 120px;
    height: fit-content
}

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

.list[data-v-34b5002a] {
    display: flex;
    padding: 8px 4px;
    max-height: 220px;
    overflow-y: auto;
    flex-direction: column
}

.list__item[data-v-34b5002a] {
    display: flex;
    gap: 8px;
    align-items: center;
    padding: 6px 8px;
    font-size: 14px;
    font-weight: 400;
    line-height: 100%;
    color: #60636c;
    border-radius: 4px
}

.dark .list__item[data-v-34b5002a] {
    color: #a6a7b3
}

.list__item[data-v-34b5002a]:hover {
    background-color: #f8f8f8
}

.dark .list__item[data-v-34b5002a]:hover {
    background-color: #2f3136
}

.list__text[data-v-34b5002a] {
    padding: 4px;
    overflow: hidden;
    text-overflow: ellipsis;
    border-radius: 4px
}

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

.dropdown[data-v-9b3e581e] {
    display: flex;
    width: 250px;
    flex-direction: column;
    max-height: 300px;
    border-radius: 8px;
    border: 1px solid #f0f0f0;
    background: #fff;
    box-shadow: 0 4px 13px #3030301a
}

.dark .dropdown[data-v-9b3e581e] {
    background-color: #383a3f;
    border-color: #2a2a2a
}

.dark .dropdown__selected[data-v-9b3e581e] {
    background-color: #2f3136
}

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

.tasks-tags[data-v-55755bae] {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 9px 8px;
    background: #f8f8fb;
    cursor: pointer;
    border-radius: 8px
}

.tasks-tags.active[data-v-55755bae],
.tasks-tags[data-v-55755bae]:hover {
    background-color: #ededf5
}

.tasks-tags__selected[data-v-55755bae] {
    display: flex;
    gap: 8px;
    align-items: center
}

.dark .tasks-tags__selected[data-v-55755bae] {
    color: #ddd
}

.tasks-tags__name[data-v-55755bae] {
    max-width: 170px;
    text-overflow: ellipsis;
    overflow: hidden;
    text-wrap: nowrap
}

.tasks-tags__preloader[data-v-55755bae] {
    display: flex;
    justify-content: center;
    align-items: center
}

.tasks-tags__preloader-text[data-v-55755bae] {
    animation: pulse 2s ease infinite
}

.dark .tasks-tags__preloader-text[data-v-55755bae],
.dark .tasks-tags__non-selected[data-v-55755bae] {
    color: #ddd
}

.tasks-tags__arrow[data-v-55755bae] {
    transform: rotate(180deg)
}

.tasks-tags__dropdown[data-v-55755bae] {
    position: absolute;
    top: 0;
    right: -255px
}

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

.dropdown[data-v-c8adb3d6] {
    display: flex;
    flex-direction: column;
    max-width: 260px;
    min-width: 260px;
    padding: 13px 12px;
    border-radius: 8px;
    border: 1px solid #F0F0F0;
    background: #fff;
    box-shadow: 0 4px 13px #3030301a
}

.dropdown__title[data-v-c8adb3d6] {
    margin-bottom: 12px;
    font-size: 12px;
    font-weight: 500;
    line-height: 100%;
    color: #acb1c2
}

.dropdown__item[data-v-c8adb3d6] {
    font-size: 13px;
    font-weight: 400;
    line-height: 125%;
    color: #242629
}

.dropdown__item[data-v-c8adb3d6]:not(:last-child) {
    margin-bottom: 4px
}

.dark .dropdown__item[data-v-c8adb3d6] {
    background-color: #383a3f
}

.dropdown__reset[data-v-c8adb3d6] {
    display: flex;
    gap: 8px;
    align-items: center;
    padding: 9px 0;
    cursor: pointer
}

.dropdown__reset[data-v-c8adb3d6]:hover {
    opacity: .65
}

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

.dark .dropdown__text[data-v-c8adb3d6] {
    color: #ddd
}

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

.channel[data-v-53eac43c] {
    display: grid;
    grid-template-columns: 20px 213px 213px 213px 213px max-content;
    gap: 8px;
    align-items: center;
    padding: 10px;
    background: #f8f8fb;
    border-radius: 8px
}

.channel_error[data-v-53eac43c]>*:not(:last-child) {
    pointer-events: none;
    opacity: .4
}

.dark .channel[data-v-53eac43c] {
    background-color: #2f3136
}

.channel__selects[data-v-53eac43c] {
    position: relative
}

.channel__selects-dropdown[data-v-53eac43c] {
    position: absolute;
    top: 32px;
    z-index: 100
}

.dark .channel__selects-dropdown[data-v-53eac43c] {
    background-color: #2f3136;
    border-color: #2a2a2a
}

.channel__select[data-v-53eac43c] .v-input input {
    max-height: 40px
}

.channel__project-reset[data-v-53eac43c] {
    padding: 8px;
    font-size: 14px;
    font-weight: 400;
    line-height: 16px;
    color: #60636c
}

.channel__project-reset[data-v-53eac43c]:hover {
    background-color: #f8f8f8
}

.dark .channel__project-reset[data-v-53eac43c]:hover {
    color: #ddd;
    background-color: #202225
}

.dark .channel__project-reset[data-v-53eac43c] {
    color: #8d8d8d
}

.channel__button[data-v-53eac43c] {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center
}

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

.instruction[data-v-b5cb5c39] {
    flex: none;
    width: 100%;
    padding: 16px;
    background: #fff;
    max-width: 1002px;
    border-radius: 12px
}

.dark .instruction[data-v-b5cb5c39] {
    background: #383a3f
}

.instruction__header[data-v-b5cb5c39] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    cursor: pointer
}

.instruction__header-wrapper[data-v-b5cb5c39] {
    display: flex;
    align-items: center
}

.instruction__header-name[data-v-b5cb5c39] {
    margin-left: 10px;
    font-weight: 600;
    font-size: 16px;
    line-height: 22px;
    color: #202430
}

.dark .instruction__header-name[data-v-b5cb5c39] {
    color: #ddd
}

.instruction__header-icon[data-v-b5cb5c39] {
    transition: all .2s ease-in-out
}

.instruction_active .instruction__header-icon[data-v-b5cb5c39] {
    transform: rotate(180deg)
}

.instruction__content[data-v-b5cb5c39] {
    padding-top: 24px;
    color: #202430
}

.instruction__content[data-v-b5cb5c39] img {
    display: block;
    max-width: 100%
}

.instruction__content[data-v-b5cb5c39] p {
    font-size: 16px;
    line-height: 24px
}

.instruction__content[data-v-b5cb5c39] h2 {
    font-size: 20px;
    line-height: 24px
}

.instruction__content[data-v-b5cb5c39] ul {
    padding-left: 20px
}

.instruction__content[data-v-b5cb5c39] li {
    margin-bottom: 5px
}

.instruction__content[data-v-b5cb5c39] a {
    color: #202430
}

.dark .instruction__content[data-v-b5cb5c39] a,
.dark .instruction__content[data-v-b5cb5c39] {
    color: #ddd
}

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

.google__box[data-v-a8d22926] {
    flex: none;
    flex: 1 1 1px;
    display: flex;
    gap: 12px;
    width: 100%;
    margin: 16px;
    flex-direction: column;
    max-width: 1002px;
    border-radius: 12px
}

.google__box-header[data-v-a8d22926] {
    display: flex;
    flex-direction: column;
    gap: 32px;
    padding: 24px;
    background: #fff;
    border-radius: 12px
}

.dark .google__box-header[data-v-a8d22926] {
    background: #383a3f
}

.google__box-body[data-v-a8d22926] {
    position: relative
}

.google__button[data-v-a8d22926] {
    margin: 0 auto;
    cursor: pointer
}

.google__buttons[data-v-a8d22926] {
    max-width: 200px;
    margin-left: auto
}

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

.instruction-modal[data-v-62da0b33] {
    max-width: 600px;
    width: 100%;
    margin-top: 20px;
    border-radius: 16px
}

.instruction-modal__content[data-v-62da0b33] {
    color: #202430
}

.instruction-modal__content[data-v-62da0b33] img {
    display: block;
    max-width: 100%
}

.instruction-modal__content[data-v-62da0b33] p {
    font-size: 16px;
    line-height: 24px
}

.instruction-modal__content[data-v-62da0b33] h2 {
    font-size: 20px;
    line-height: 24px
}

.instruction-modal__content[data-v-62da0b33] ul {
    padding-left: 20px
}

.instruction-modal__content[data-v-62da0b33] li {
    margin-bottom: 5px
}

.instruction-modal__content[data-v-62da0b33] a {
    color: #202430
}

.dark .instruction-modal__content[data-v-62da0b33] a,
.dark .instruction-modal__content[data-v-62da0b33] {
    color: #ddd
}

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

.authorization-modal[data-v-97f4a20d] {
    max-width: 480px;
    width: 100%;
    border-radius: 16px
}

.authorization-modal__form-fields-field[data-v-97f4a20d] {
    position: relative
}

.authorization-modal__form-fields-field-button[data-v-97f4a20d] {
    position: absolute;
    top: 12px;
    right: 8px;
    display: flex;
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    color: var(--color-scheme-active);
    cursor: pointer;
    text-decoration: none
}

.authorization-modal__form-fields-field-button span[data-v-97f4a20d] {
    display: block;
    margin-left: 4px
}

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

.yandex__box[data-v-f06877c9] {
    flex: none;
    flex: 1 1 1px;
    display: flex;
    gap: 12px;
    width: 100%;
    margin: 16px;
    flex-direction: column;
    max-width: 1002px;
    border-radius: 12px
}

.yandex__box-header[data-v-f06877c9] {
    display: flex;
    flex-direction: column;
    gap: 32px;
    padding: 24px;
    background: #fff;
    border-radius: 12px
}

.dark .yandex__box-header[data-v-f06877c9] {
    background: #383a3f
}

.yandex__box-body[data-v-f06877c9] {
    position: relative
}

.yandex__button[data-v-f06877c9] {
    margin: 0 auto;
    cursor: pointer
}

.yandex__buttons[data-v-f06877c9] {
    max-width: 176px;
    margin-left: auto
}

.yandex__buttons-button[data-v-f06877c9] {
    width: 176px
}

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

.apple__box[data-v-4b7a0d2a] {
    flex: none;
    flex: 1 1 1px;
    display: flex;
    gap: 12px;
    width: 100%;
    margin: 16px;
    flex-direction: column;
    max-width: 1002px;
    border-radius: 12px
}

.apple__box-header[data-v-4b7a0d2a] {
    display: flex;
    flex-direction: column;
    gap: 32px;
    padding: 24px;
    background: #fff;
    border-radius: 12px
}

.dark .apple__box-header[data-v-4b7a0d2a] {
    background: #383a3f
}

.apple__box-body[data-v-4b7a0d2a] {
    position: relative
}

.apple__button[data-v-4b7a0d2a] {
    margin: 0 auto;
    cursor: pointer
}

.apple__buttons[data-v-4b7a0d2a] {
    max-width: 176px;
    margin-left: auto
}

.apple__buttons-button[data-v-4b7a0d2a] {
    width: 176px
}

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

.caldav__box[data-v-b8fde966] {
    flex: none;
    flex: 1 1 1px;
    display: flex;
    gap: 12px;
    width: 100%;
    margin: 16px;
    flex-direction: column;
    max-width: 1002px;
    border-radius: 12px
}

.caldav__box-header[data-v-b8fde966] {
    display: flex;
    flex-direction: column;
    gap: 32px;
    padding: 24px;
    background: #fff;
    border-radius: 12px
}

.dark .caldav__box-header[data-v-b8fde966] {
    background: #383a3f
}

.caldav__box-body[data-v-b8fde966] {
    position: relative
}

.caldav__button[data-v-b8fde966] {
    margin: 0 auto;
    cursor: pointer
}

.caldav__buttons[data-v-b8fde966] {
    max-width: 176px;
    margin-left: auto
}

.caldav__buttons-button[data-v-b8fde966] {
    width: 176px
}

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

.forbidden-box[data-v-2b8f294e] {
    flex: 1 1 auto;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    width: 100%;
    padding: 35px;
    background: #f8f8fb
}

.dark .forbidden-box[data-v-2b8f294e] {
    background: #2f3136
}

.forbidden-box__box[data-v-2b8f294e] {
    flex: 1 1 1px;
    display: flex;
    width: 100%;
    margin: 20px 0;
    padding: 20px;
    background: #fff;
    max-width: 760px;
    border-radius: 4px;
    box-shadow: 0 3px 6px #a0a0a038;
    flex-direction: column
}

.dark .forbidden-box__box[data-v-2b8f294e] {
    box-shadow: 0 3px 6px #1e1e1e61;
    background: #383a3f
}

.forbidden-box__permission[data-v-2b8f294e] {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 20px 0
}

.forbidden-box__permission svg[data-v-2b8f294e] {
    margin: 0 auto 15px
}

.dark .forbidden-box__permission svg[data-v-2b8f294e] {
    fill: #767c84
}

.forbidden-box__permission span[data-v-2b8f294e] {
    display: block;
    margin-top: 12px;
    font-size: 14px;
    line-height: 1.4em;
    color: #d3d3d3
}

.dark .forbidden-box__permission span[data-v-2b8f294e] {
    color: #767c84
}

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

.avatar[data-v-60605576] {
    position: relative;
    width: max-content
}

.dark .avatar__image[data-v-60605576] {
    background-color: #2f3136
}

.avatar__modal[data-v-60605576] {
    position: absolute;
    top: calc(100%+ 8px);
    left: 0;
    z-index: 100
}

.v-popper__popper {
    max-width: 270px
}

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

.date[data-v-1454f2ae] {
    display: flex;
    gap: 24px;
    width: 100%;
    padding: 24px;
    background: #fff;
    flex-direction: column;
    max-width: 570px;
    border-radius: 12px
}

.dark .date[data-v-1454f2ae] {
    background-color: #383a3f
}

.date__title[data-v-1454f2ae] {
    font-weight: 500;
    font-size: 20px;
    line-height: 120%;
    margin: 0;
    color: #242629
}

.dark .date__title[data-v-1454f2ae] {
    color: #ddd
}

.date__fields[data-v-1454f2ae] {
    display: flex;
    flex-direction: column;
    gap: 16px
}

.date__checkbox[data-v-1454f2ae] {
    display: flex;
    gap: 4px;
    align-items: center
}

.date__button[data-v-1454f2ae] {
    max-width: 110px;
    margin-top: 24px;
    margin-left: auto
}

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

.warning[data-v-6c6177a8] {
    display: flex;
    flex-direction: column;
    max-width: 400px
}

.warning__alert[data-v-6c6177a8] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    padding: 12px;
    background: #ff4d4f1a;
    border: 1px solid #ff4d4f;
    border-radius: 8px
}

.warning__alert-title[data-v-6c6177a8] {
    max-width: 276px;
    font-weight: 500;
    font-size: 14px;
    line-height: 18px;
    color: #242629
}

.dark .warning__alert-title[data-v-6c6177a8] {
    color: #e5e7ee
}

.warning__alert-text[data-v-6c6177a8] {
    opacity: .5;
    margin: 0;
    color: #242629;
    max-width: 344px;
    font-weight: 500;
    font-size: 12px;
    line-height: 16px
}

.dark .warning__alert-text[data-v-6c6177a8] {
    color: #cacad2
}

.warning__buttons[data-v-6c6177a8] {
    display: flex;
    gap: 8px;
    justify-content: flex-end;
    align-items: center;
    margin-top: 24px
}

.warning__button-cancel[data-v-6c6177a8] {
    width: 102px!important
}

.warning__button-continue[data-v-6c6177a8] {
    width: 136px!important
}

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

.reason__body[data-v-6410c834] {
    display: flex;
    flex-direction: column
}

.reason__title[data-v-6410c834] {
    max-width: 370px;
    margin-bottom: 18px;
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
    color: #242629
}

.dark .reason__title[data-v-6410c834] {
    color: #e5e7ee
}

.reason__fields[data-v-6410c834] {
    display: flex;
    flex-direction: column;
    gap: 12px
}

.reason__checkbox[data-v-6410c834] {
    width: fit-content
}

[data-v-6410c834] .textarea__item {
    height: 92px;
    min-height: 92px
}

.reason__bottom[data-v-6410c834] {
    display: flex;
    gap: 24px;
    justify-content: space-between;
    margin-top: 24px
}

.reason__step-count[data-v-6410c834] {
    margin-top: auto;
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    color: #acb1c2
}

.reason__buttons[data-v-6410c834] {
    display: flex;
    gap: 8px;
    align-items: center
}

.reason__button-back[data-v-6410c834] {
    width: 102px!important
}

.reason__button-next[data-v-6410c834] {
    width: 92px!important
}

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

.confirm__body[data-v-d6034d12] {
    display: flex;
    flex-direction: column
}

.confirm__title[data-v-d6034d12] {
    max-width: 370px;
    margin-bottom: 18px;
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
    color: #242629
}

.dark .confirm__title[data-v-d6034d12] {
    color: #e5e7ee
}

.confirm__bottom[data-v-d6034d12] {
    display: flex;
    gap: 24px;
    justify-content: space-between;
    margin-top: 24px
}

.confirm__step-count[data-v-d6034d12] {
    margin-top: auto;
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    color: #acb1c2
}

.confirm__buttons[data-v-d6034d12] {
    display: flex;
    gap: 8px;
    align-items: center
}

.confirm__button-back[data-v-d6034d12] {
    width: 100px!important
}

.confirm__button-delete[data-v-d6034d12] {
    width: 92px!important
}

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

.result[data-v-f9640180] {
    display: flex;
    width: 100%;
    min-width: 428px;
    flex-direction: column
}

.result__images-wrapper[data-v-f9640180] {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: -16px;
    -webkit-user-select: none;
    user-select: none
}

.result__image-result[data-v-f9640180] {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 2;
    -webkit-user-select: none;
    user-select: none
}

.result__body[data-v-f9640180] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-top: -16px
}

.result__title[data-v-f9640180] {
    position: relative;
    z-index: 2;
    margin: 0 auto;
    color: #202430;
    max-width: 428px;
    text-align: center;
    font-weight: 500;
    font-size: 20px;
    line-height: 22px
}

.dark .result__title[data-v-f9640180] {
    color: #e5e7ee
}

.result__description[data-v-f9640180] {
    position: relative;
    z-index: 2;
    margin: 0 auto;
    color: #202430;
    max-width: 230px;
    text-align: center;
    font-weight: 400;
    font-size: 14px;
    line-height: 16px
}

.dark .result__description[data-v-f9640180] {
    color: #e5e7ee
}

.result__description[data-v-f9640180] a {
    color: var(--color-scheme-active)
}

.result__bottom[data-v-f9640180] {
    margin-top: 56px
}

.result__button-action[data-v-f9640180] {
    width: 100%;
    height: 40px
}

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

.delete-workspace[data-v-e03d14e8] {
    width: fit-content;
    min-width: 400px
}

.modal__body[data-v-e03d14e8] {
    overflow: hidden
}

.modal-head[data-v-e03d14e8] .modal-head__title {
    max-width: 70%
}

.modal-head.full[data-v-e03d14e8] .modal-head__title {
    max-width: 100%
}

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

.settings-workspace[data-v-ed884c8e] {
    flex: 1 1 auto;
    display: flex;
    padding: 16px;
    overflow: auto;
    background: #f8f8fb;
    flex-direction: column
}

.dark .settings-workspace[data-v-ed884c8e] {
    background-color: #2f3136
}

.settings-workspace__boxes[data-v-ed884c8e] {
    display: flex;
    flex-direction: column;
    gap: 28px
}

.settings-workspace__box[data-v-ed884c8e] {
    display: flex;
    flex-direction: column;
    gap: 24px;
    width: 100%;
    padding: 24px;
    background: #fff;
    max-width: 570px;
    border-radius: 12px
}

.settings-workspace__box.forbidden[data-v-ed884c8e] {
    pointer-events: none;
    opacity: .8;
    -webkit-user-select: none;
    user-select: none
}

.settings-workspace__box[data-v-ed884c8e]:nth-of-type(3) {
    flex-direction: row;
    justify-content: space-between;
    align-items: center
}

.dark .settings-workspace__box[data-v-ed884c8e] {
    background-color: #383a3f
}

.settings-workspace__fields[data-v-ed884c8e] {
    display: flex;
    flex-direction: column;
    gap: 16px
}

.settings-workspace__title[data-v-ed884c8e] {
    font-weight: 500;
    font-size: 20px;
    line-height: 120%;
    margin: 0;
    color: #242629
}

.dark .settings-workspace__title[data-v-ed884c8e] {
    color: #ddd
}

.settings-workspace__button[data-v-ed884c8e] {
    max-width: 110px
}

.settings-workspace__box:nth-of-type(1) .settings-workspace__button[data-v-ed884c8e] {
    margin-top: 24px;
    margin-left: auto
}

.settings-workspace__box-description[data-v-ed884c8e] {
    font-weight: 400;
    font-size: 14px;
    line-height: 120%;
    margin: 0;
    color: #60636c
}

.dark .settings-workspace__box-description[data-v-ed884c8e] {
    color: #8d8d8d
}

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

.switch-routes[data-v-4c514741] {
    display: flex;
    flex-direction: row;
    border-bottom: 1px solid #EDEDF5
}

.dark .switch-routes[data-v-4c514741] {
    border-color: #2a2a2a
}

.switch-routes__route[data-v-4c514741] {
    display: flex;
    margin: 0 10px;
    padding: 11px 0;
    font-size: 14px;
    line-height: 17px;
    color: #aeaeae;
    text-decoration: none
}

.switch-routes__route.router-link-exact-active[data-v-4c514741],
.switch-routes__route.active[data-v-4c514741] {
    border-bottom: 2px solid var(--color-scheme-active);
    color: var(--color-scheme-active)
}

.switch-routes__route[data-v-4c514741]:nth-child(1) {
    margin-left: 0
}

.switch-routes__route[data-v-4c514741]:last-child {
    margin-right: 0
}

.switch-routes__route.disabled[data-v-4c514741] {
    pointer-events: none;
    opacity: .5
}

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

.v-counter[data-v-357319a0] {
    display: flex;
    flex-direction: row;
    padding: 10px 10px 10px 15px;
    border: 1px solid #EDEDF5;
    border-radius: 4px
}

.dark .v-counter[data-v-357319a0] {
    border-color: #242629
}

.v-counter__title[data-v-357319a0] {
    margin-top: 3px;
    font-weight: 400;
    font-size: 14px;
    line-height: 17px
}

.dark .v-counter__title[data-v-357319a0] {
    color: #ddd
}

.v-counter__subtitle[data-v-357319a0] {
    font-weight: 300;
    font-size: 10px;
    line-height: 12px;
    margin-top: 2px;
    text-align: start
}

.dark .v-counter__subtitle[data-v-357319a0] {
    color: #ddd
}

.v-counter__field[data-v-357319a0] {
    font-weight: 300;
    font-size: 14px;
    line-height: 17px;
    width: 100%;
    height: 40px;
    margin-left: 15px;
    padding-left: 11px;
    transition: .2s ease;
    border: 1px solid #e6e9f4;
    border-radius: 4px;
    outline: none;
    -webkit-appearance: textfield;
    -moz-appearance: textfield;
    appearance: textfield
}

.v-counter__field[data-v-357319a0]:focus {
    border-color: #c0bebe
}

.v-counter__field[data-v-357319a0]::-webkit-outer-spin-button,
.v-counter__field[data-v-357319a0]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0
}

.v-counter__buttons[data-v-357319a0] {
    display: grid;
    grid-template-columns: 30px 30px;
    grid-column-gap: 3px;
    margin-left: 8px
}

.v-counter__button[data-v-357319a0] {
    font-weight: 300;
    font-size: 14px;
    line-height: 17px;
    border-radius: 4px;
    background-color: #ededf5;
    grid-row: 1
}

.v-counter__button[data-v-357319a0]:hover {
    background-color: #d3d3d3
}

.dark .v-counter__button[data-v-357319a0] {
    color: #ddd;
    background-color: #2f3136
}

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

.free-trial[data-v-9792823c] {
    min-width: 787px;
    padding: 48px 48px 39px;
    background-color: #fff
}

.dark .free-trial[data-v-9792823c] {
    background-color: #383a3f
}

@media (max-width: 700px) {
    .free-trial[data-v-9792823c] {
        min-width: unset;
        padding: 15px
    }
}

.free-trial__content[data-v-9792823c] {
    max-width: 597px;
    margin: 0 auto;
    text-align: center
}

.free-trial__title[data-v-9792823c] {
    margin-bottom: 33px;
    font-weight: 700;
    font-size: 36px;
    line-height: 43px;
    color: #202430
}

.free-trial__title span[data-v-9792823c] {
    color: var(--color-scheme-active)
}

.dark .free-trial__title[data-v-9792823c] {
    color: #ddd
}

@media (max-width: 700px) {
    .free-trial__title[data-v-9792823c] {
        font-weight: 700;
        font-size: 32px;
        line-height: 36px
    }
}

.free-trial__image[data-v-9792823c] {
    height: auto;
    margin-bottom: 32px;
    max-width: 242px;
    border-radius: 16px
}

.free-trial__text[data-v-9792823c] {
    margin-bottom: 11px;
    font-family: Manrope VF, sans-serif;
    color: #7b8193;
    text-align: center;
    font-weight: 500;
    font-size: 18px;
    line-height: 29px
}

.free-trial__text_mini[data-v-9792823c] {
    min-width: 730px;
    margin-bottom: 14px;
    margin-left: -66px;
    color: #7b8193;
    font-weight: 300;
    font-size: 14px;
    line-height: 22px
}

.dark .free-trial__text[data-v-9792823c],
.dark .free-trial__text_mini[data-v-9792823c] {
    color: #ddd
}

@media (max-width: 700px) {
    .free-trial__text[data-v-9792823c] {
        font-weight: 500;
        font-size: 16px;
        line-height: 26px
    }
    .free-trial__text_mini[data-v-9792823c] {
        min-width: unset;
        margin: 0 0 36px
    }
}

.free-trial__counter[data-v-9792823c],
.free-trial__button-continue[data-v-9792823c] {
    width: 100%;
    margin: 0 auto;
    max-width: 225px
}

@media (max-width: 700px) {
    .free-trial__button-continue[data-v-9792823c] {
        max-width: unset
    }
}

.free-trial__counter[data-v-9792823c] {
    margin-bottom: 14px
}

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

.free-trial-modal[data-v-b18a844b] {
    width: 100%;
    max-width: 787px;
    border-radius: 4px;
    overflow: hidden
}

@media (max-width: 700px) {
    .free-trial-modal[data-v-b18a844b] {
        margin: 15px
    }
}

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

.settings-billing-summary__billing-type[data-v-80109944] {
    padding: 13px 10px 21px
}

.dark .settings-billing-summary__billing-type-header[data-v-80109944] {
    color: #ddd
}

.settings-billing-summary__billing-type-option[data-v-80109944] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    margin-top: 10px;
    font-weight: 300
}

.settings-billing-summary__billing-type-option[data-v-80109944] .v-radio-checkbox__text {
    align-items: flex-end
}

.settings-billing-summary__billing-type-benefit[data-v-80109944] {
    font-weight: 700;
    font-size: 10px;
    line-height: 12px;
    color: #6aca4f
}

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

.settings-billing-subscription__top[data-v-8fa10168] {
    display: flex;
    justify-content: space-between;
    padding-right: 14px;
    padding-left: 14px
}

.settings-billing-subscription__title[data-v-8fa10168] {
    font-weight: 700;
    font-size: 12px;
    line-height: 14px
}

.dark .settings-billing-subscription__title[data-v-8fa10168] {
    color: #ddd
}

.settings-billing-subscription__until[data-v-8fa10168] {
    width: 30%;
    margin-top: 1px;
    text-align: right
}

.settings-billing-subscription__until-label[data-v-8fa10168] {
    display: inline-flex;
    vertical-align: top
}

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

.settings-billing-subscription-services__service[data-v-e91b9bcf] {
    font-weight: 300;
    font-size: 12px;
    line-height: 14px;
    padding-left: 14px;
    padding-right: 14px
}

.settings-billing-subscription-services__service[data-v-e91b9bcf]:first-child {
    margin-top: 12px
}

.settings-billing-subscription-services__service[data-v-e91b9bcf]:not(:first-child) {
    margin-top: 7px
}

.settings-billing-subscription-services__service-line-one[data-v-e91b9bcf] {
    display: flex;
    justify-content: space-between;
    font-weight: 400
}

.settings-billing-subscription-services__service-line-two[data-v-e91b9bcf] {
    padding-left: 17px;
    color: #b1b1b1
}

.settings-billing-subscription-services__service-line-side[data-v-e91b9bcf] {
    display: flex
}

.dark .settings-billing-subscription-services__service-line-side[data-v-e91b9bcf] {
    color: #ddd
}

.settings-billing-subscription-services__service-line-icon[data-v-e91b9bcf] {
    margin-right: 5px
}

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

.settings-billing-summary-until[data-v-d1356b08] {
    font-weight: 500;
    font-size: 10px;
    line-height: 12px;
    color: #329642
}

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

.settings-billing-subscription-delimiter[data-v-d5c1d926] {
    height: 1px;
    margin: 14px 0;
    background-color: #e5e5ea;
    border: 0
}

.dark .settings-billing-subscription-delimiter[data-v-d5c1d926] {
    background-color: #242629
}

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

.settings-billing-subscription-plan__title[data-v-5e4a9335] {
    font-weight: 400
}

.dark .settings-billing-subscription-plan__title[data-v-5e4a9335] {
    color: #ddd
}

.settings-billing-subscription-plan__period[data-v-5e4a9335] {
    margin-top: 7px;
    padding-right: 14px;
    padding-left: 14px;
    font-weight: 300;
    font-size: 12px;
    line-height: 14px
}

.dark .settings-billing-subscription-plan__period[data-v-5e4a9335] {
    color: #ddd
}

.settings-billing-subscription-plan__plan[data-v-5e4a9335] {
    font-weight: 300;
    font-size: 12px;
    line-height: 14px;
    padding-left: 14px;
    padding-right: 14px
}

.settings-billing-subscription-plan__plan[data-v-5e4a9335]:first-child {
    margin-top: 12px
}

.settings-billing-subscription-plan__plan[data-v-5e4a9335]:not(:first-child) {
    margin-top: 7px
}

.dark .settings-billing-subscription-plan__plan[data-v-5e4a9335] {
    color: #ddd
}

.settings-billing-subscription-plan__blur[data-v-5e4a9335] {
    color: #b1b1b1
}

.settings-billing-subscription-ui__bottom[data-v-5e4a9335] {
    display: flex;
    justify-content: space-between;
    width: 100%;
    margin-top: 8px;
    padding: 0 14px
}

.settings-billing-subscription-plan__members-delta_positive[data-v-5e4a9335] {
    color: #329642
}

.settings-billing-subscription-plan__members-delta_negative[data-v-5e4a9335] {
    color: #eb7182
}

.settings-billing-subscription-ui__cancel-subscription[data-v-5e4a9335] {
    font-weight: 300;
    font-size: 10px;
    line-height: 12px;
    color: #a5a5a5;
    text-decoration: underline;
    cursor: pointer
}

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

.settings-billing-subscriptions[data-v-c80b3bec] {
    padding: 10px
}

.settings-billing-subscription[data-v-c80b3bec]:nth-child(2) {
    margin-top: 18px
}

.settings-billing-subscriptions__arrow[data-v-c80b3bec] {
    display: flex;
    justify-content: center;
    margin: 10px 0
}

.settings-billing-subscriptions__subscription[data-v-c80b3bec] {
    padding-top: 16px;
    padding-bottom: 16px;
    border-radius: 8px;
    background-color: #f8f8fb
}

.dark .settings-billing-subscriptions__subscription[data-v-c80b3bec] {
    background-color: #2f3136
}

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

.button-ui[data-v-4041ad44] {
    position: relative;
    width: 100%;
    min-width: 160px;
    height: 40px;
    overflow: hidden;
    background-color: var(--color-scheme-active);
    transition: all .2s;
    border: none;
    border-radius: 4px;
    outline: none
}

.dark .button-ui[data-v-4041ad44] {
    background-color: #9ea5f7
}

.button-ui[data-v-4041ad44]:hover {
    background-color: var(--color-scheme-active-darken-5);
    cursor: pointer
}

.dark .button-ui[data-v-4041ad44]:hover {
    background-color: #959dff
}

.button-ui[data-v-4041ad44]:active {
    background-color: var(--color-scheme-active-darken-10)
}

.dark .button-ui[data-v-4041ad44]:active {
    background-color: #8a93ff
}

.button-ui_disabled[data-v-4041ad44] {
    pointer-events: none;
    background-color: #ededf5
}

.button-ui_disabled .button-ui__content[data-v-4041ad44] {
    color: #aeaeae
}

.dark .button-ui_disabled .button-ui__content[data-v-4041ad44] {
    color: #2f3136
}

.dark .button-ui_disabled[data-v-4041ad44] {
    background-color: #4e5054
}

.button-ui__content[data-v-4041ad44] {
    font-family: Proxima Nova, sans-serif;
    font-size: 14px;
    color: #fff
}

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

.ButtonLoader[data-v-2736f2e6] {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    display: grid;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%
}

.ButtonLoader__icon[data-v-2736f2e6] {
    position: relative;
    z-index: 2;
    display: block;
    width: 100%;
    height: 40%
}

.ButtonLoader__icon path[data-v-2736f2e6] {
    opacity: .3;
    stroke: #fff;
    stroke-dasharray: 2000;
    stroke-dashoffset: 2794;
    animation: DrawLine 2s linear infinite
}

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

.settings-billing-summary-promo-code[data-v-91c6ebb4] {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    min-height: 40px;
    margin-top: 10px;
    flex-direction: column
}

.settings-billing-summary-promo-code__wrapper[data-v-91c6ebb4] {
    display: flex;
    justify-content: space-between;
    width: 100%;
    column-gap: 13px
}

.settings-billing-summary-promo-code__apply-button[data-v-91c6ebb4] {
    min-width: 98px
}

.settings-billing-summary-promo-code__show-field-link[data-v-91c6ebb4] {
    display: flex;
    justify-content: flex-end;
    width: 100%
}

.settings-billing-summary-promo-code__show-field-link-text[data-v-91c6ebb4] {
    font-weight: 300;
    font-size: 14px;
    line-height: 17px;
    color: var(--color-scheme-active);
    text-decoration: none
}

.settings-billing-summary-promo-code__status[data-v-91c6ebb4] {
    font-weight: 400;
    font-size: 13px;
    line-height: 1.2em;
    display: flex;
    align-items: center;
    margin-top: 11px
}

.settings-billing-summary-promo-code__status_success[data-v-91c6ebb4] {
    color: #6aca4f
}

.settings-billing-summary-promo-code__status_error[data-v-91c6ebb4] {
    color: #f66
}

.settings-billing-summary-promo-code__status-error-icon[data-v-91c6ebb4] {
    margin-right: 5px
}

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

.settings-billing-summary-total__top[data-v-462b1396] {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    color: #202430;
    font-weight: 700;
    font-size: 16px;
    line-height: 19px
}

.dark .settings-billing-summary-total__top[data-v-462b1396],
.dark .settings-billing-summary-total__label[data-v-462b1396] {
    color: #ddd
}

.settings-billing-summary-total__amount-before-discount[data-v-462b1396] {
    font-weight: 400;
    font-size: 14px;
    line-height: 1.2em;
    color: #b1b1b1;
    text-decoration: line-through
}

.settings-billing-summary-total__bottom[data-v-462b1396] {
    margin-top: 2px;
    color: #b1b1b1;
    text-align: right;
    font-weight: 300;
    font-size: 12px;
    line-height: 14px
}

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

.settings-billing-summary__bottom[data-v-564ab8ea] {
    padding: 17px 10px 10px
}

.settings-billing-summary__button[data-v-564ab8ea] {
    margin-top: 10px
}

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

.settings-billing-summary[data-v-256f5076] {
    display: flex;
    width: 248px;
    height: max-content;
    flex-direction: column;
    box-shadow: 0 3px 6px #9f9f9f38
}

.settings-billing-summary__box[data-v-256f5076] {
    border-radius: 4px;
    background-color: #fff
}

.dark .settings-billing-summary__box[data-v-256f5076] {
    background-color: #383a3f
}

.settings-billing-summary__top[data-v-256f5076] {
    padding-top: 20px
}

.settings-billing-summary__title[data-v-256f5076] {
    margin: 0 10px;
    font-weight: 700;
    font-size: 18px;
    line-height: 100%
}

.dark .settings-billing-summary__title[data-v-256f5076] {
    color: #ddd
}

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

.settings-billing-payment-info[data-v-1b389dc0] {
    width: 100%;
    max-width: 248px
}

.settings-billing-payment-info__norton[data-v-1b389dc0] {
    display: flex;
    align-items: center;
    column-gap: 9px;
    margin-bottom: 14px;
    font-weight: 300;
    font-size: 12px;
    line-height: 14px;
    color: #aeaeae
}

.settings-billing-payment-info__norton svg[data-v-1b389dc0] {
    height: 14px
}

.settings-billing-payment-info__supported-cards[data-v-1b389dc0] {
    font-weight: 300;
    font-size: 12px;
    line-height: 14px;
    color: #202430
}

.settings-billing-payment-info__supported-cards span[data-v-1b389dc0] {
    display: inline-block;
    margin-bottom: 4px
}

.dark .settings-billing-payment-info__supported-cards[data-v-1b389dc0] {
    color: #ddd
}

.settings-billing-payment-info__supported-cards[data-v-1b389dc0] {
    margin-bottom: 14px
}

.settings-billing-payment-info__supported-cards-items[data-v-1b389dc0] {
    display: flex;
    column-gap: 4px
}

.settings-billing-payment-info__text[data-v-1b389dc0] {
    font-weight: 300;
    font-size: 12px;
    line-height: 14px;
    color: #202430
}

.settings-billing-payment-info__text[data-v-1b389dc0] a {
    color: var(--color-scheme-active);
    text-decoration: none
}

.dark .settings-billing-payment-info__text[data-v-1b389dc0] {
    color: #8d8d8d
}

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

.settings-billing-qa[data-v-f1546cde] {
    max-width: 730px;
    padding-bottom: 15px
}

.settings-billing-qa__item[data-v-f1546cde] {
    margin-bottom: 10px
}

.settings-billing-qa__question[data-v-f1546cde] {
    margin-bottom: 8px;
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    color: #4d505e
}

.dark .settings-billing-qa__question[data-v-f1546cde] {
    color: #ddd
}

.settings-billing-qa__answer[data-v-f1546cde] {
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
    color: #7b8193
}

.settings-billing-qa__answer[data-v-f1546cde] a,
.settings-billing-qa__answer[data-v-f1546cde] button {
    margin: 0;
    padding: 0;
    color: var(--color-scheme-active);
    text-decoration: none
}

.settings-billing-qa__answer[data-v-f1546cde] a:disabled,
.settings-billing-qa__answer[data-v-f1546cde] button:disabled {
    color: #7b8193
}

.dark .settings-billing-qa__answer[data-v-f1546cde] {
    color: #8d8d8d
}

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

.invoice-payment-modal[data-v-b2b0904f] {
    max-width: 500px
}

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

.invoice-payment[data-v-b848300b] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    max-width: 248px;
    padding: 16px;
    background-color: #fff;
    box-shadow: 0 4px 24px #3da2ff0a;
    border-radius: 4px
}

.dark .invoice-payment[data-v-b848300b] {
    background-color: #383a3f
}

.invoice-payment__title[data-v-b848300b] {
    font-weight: 700;
    font-size: 16px;
    line-height: 100%;
    color: #202430
}

.dark .invoice-payment__title[data-v-b848300b] {
    color: #ddd
}

.invoice-payment__question[data-v-b848300b] {
    font-weight: 300;
    font-size: 12px;
    line-height: 110%;
    color: #202430
}

.dark .invoice-payment__question[data-v-b848300b] {
    color: #8d8d8d
}

.invoice-payment__button[data-v-b848300b] {
    font-weight: 700;
    font-size: 10px;
    line-height: 100%;
    color: var(--color-scheme-active);
    text-decoration: unset;
    text-align: right
}

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

.layout[data-v-b554df42] {
    display: flex;
    min-height: 100%;
    padding: 14px;
    overflow-y: auto;
    flex-direction: row;
    column-gap: 14px
}

.dark .layout[data-v-b554df42] {
    background-color: #2f3136
}

.layout__switch[data-v-b554df42] {
    padding: 0 20px
}

.layout__top-block[data-v-b554df42] {
    height: fit-content;
    margin-bottom: 25px;
    background-color: #fff;
    border-radius: 4px;
    box-shadow: 0 3px 6px #9f9f9f38
}

.dark .layout__top-block[data-v-b554df42] {
    background-color: #383a3f
}

.layout__body[data-v-b554df42] {
    margin-top: -1px
}

.dark .layout__body[data-v-b554df42] {
    border-color: #2a2a2a
}

.layout__side-box[data-v-b554df42] {
    display: flex;
    flex-direction: column;
    row-gap: 24px
}

.layout__button[data-v-b554df42] {
    width: 100%;
    max-width: 248px;
    min-height: 32px
}

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

.settings-billing-workspace[data-v-112f6300] {
    display: flex;
    align-items: center;
    width: 224px;
    padding: 10px;
    flex-direction: row;
    border: 1px solid #EDEDF5;
    border-radius: 4px
}

.dark .settings-billing-workspace[data-v-112f6300] {
    border-color: #2a2a2a
}

.settings-billing-workspace__text[data-v-112f6300] {
    margin-left: 11px;
    overflow: hidden
}

.settings-billing-workspace__title[data-v-112f6300] {
    font-weight: 700;
    font-size: 16px;
    line-height: 19px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.dark .settings-billing-workspace__title[data-v-112f6300] {
    color: #ddd
}

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

.settings-billing-summary-team[data-v-f0f40d8b] {
    display: flex;
    flex-direction: row;
    padding: 10px 10px 10px 15px;
    border: 1px solid #EDEDF5;
    border-radius: 4px
}

.dark .settings-billing-summary-team[data-v-f0f40d8b] {
    border-color: #242629
}

.settings-billing-summary-team__team[data-v-f0f40d8b] {
    margin-top: 3px;
    font-weight: 400;
    font-size: 14px;
    line-height: 17px
}

.dark .settings-billing-summary-team__team[data-v-f0f40d8b] {
    color: #ddd
}

.settings-billing-summary-team__size[data-v-f0f40d8b] {
    font-weight: 300;
    font-size: 10px;
    line-height: 12px;
    margin-top: 2px;
    text-align: start
}

.dark .settings-billing-summary-team__size[data-v-f0f40d8b] {
    color: #ddd
}

.settings-billing-summary-team__field[data-v-f0f40d8b] {
    font-weight: 300;
    font-size: 14px;
    line-height: 17px;
    width: 100%;
    height: 40px;
    margin-left: 15px;
    padding-left: 11px;
    background-color: #ededf5;
    transition: .2s ease;
    border: none;
    border-radius: 4px;
    outline: none;
    -webkit-appearance: textfield;
    -moz-appearance: textfield;
    appearance: textfield
}

.settings-billing-summary-team__field[data-v-f0f40d8b]:focus {
    border-color: #c0bebe
}

.settings-billing-summary-team__field[data-v-f0f40d8b]::-webkit-outer-spin-button,
.settings-billing-summary-team__field[data-v-f0f40d8b]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0
}

.dark .settings-billing-summary-team__field[data-v-f0f40d8b] {
    color: #ddd;
    background-color: #2f3136
}

.settings-billing-summary-team__buttons[data-v-f0f40d8b] {
    display: grid;
    grid-template-columns: 30px 30px;
    grid-column-gap: 3px;
    margin-left: 8px
}

.settings-billing-summary-team__button[data-v-f0f40d8b] {
    font-weight: 300;
    font-size: 14px;
    line-height: 17px;
    border-radius: 4px;
    background-color: #ededf5;
    grid-row: 1
}

.settings-billing-summary-team__button[data-v-f0f40d8b]:hover {
    background-color: #d3d3d3
}

.settings-billing-summary-team__button[disabled][data-v-f0f40d8b] {
    pointer-events: none;
    opacity: .5
}

.dark .settings-billing-summary-team__button[data-v-f0f40d8b] {
    color: #ddd;
    background-color: #2f3136
}

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

.settings-billing-service-service-line[data-v-f213caab] {
    display: grid;
    grid-template-columns: max-content 1fr max-content
}

.settings-billing-service-service-line__icon[data-v-f213caab] {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
    background-color: #ededf5;
    border-radius: 4px
}

.settings-billing-service-service-line__text[data-v-f213caab] {
    display: flex;
    flex-direction: column;
    margin-left: 11px
}

.settings-billing-service-service-line__title[data-v-f213caab] {
    margin-top: 3px;
    font-weight: 700;
    font-size: 16px;
    line-height: 16px;
    color: #202430
}

.dark .settings-billing-service-service-line__title[data-v-f213caab] {
    color: #ddd
}

.settings-billing-service-service-line__description[data-v-f213caab] {
    margin-top: 2px;
    font-weight: 300;
    font-size: 14px;
    line-height: 16px
}

.dark .settings-billing-service-service-line__description[data-v-f213caab] {
    color: #ddd
}

.setting-billing-service-service-line__more[data-v-f213caab] {
    font-weight: 400;
    font-size: 12px;
    line-height: 14px;
    color: var(--color-scheme-active)
}

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

.card[data-v-0754a341] {
    position: relative;
    width: 170px
}

.card.disabled[data-v-0754a341] {
    pointer-events: none;
    opacity: 1
}

.card.disabled .card__title[data-v-0754a341] {
    color: #b3b4b8
}

.card.active .card__box[data-v-0754a341] {
    padding: 9px 8px;
    border: 2px solid var(--color-scheme-active)
}

.card__popular[data-v-0754a341] {
    font-weight: 400;
    font-size: 10px;
    line-height: 100%;
    position: absolute;
    top: -12px;
    left: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    min-width: 110px;
    height: 12px;
    padding: 2px 4px;
    color: #fff;
    background: linear-gradient(180deg, #ffce70 41.11%, #ff9c40);
    transform: translate(-50%);
    border-radius: 4px 4px 0 0
}

.card__box[data-v-0754a341] {
    display: flex;
    justify-content: space-between;
    height: 100%;
    padding: 10px 9px;
    transition: all .2 ease-in-out;
    cursor: pointer;
    border: 1px solid #dbdbdb;
    border-radius: 4px;
    flex-direction: column
}

.disabled .card__box[data-v-0754a341] {
    color: #aeaeae;
    background-color: #f1f1f1;
    border-color: #f1f1f1
}

.dark .disabled .card__box[data-v-0754a341] {
    background-color: #2f3136;
    border-color: #2a2a2a
}

.dark .card__box[data-v-0754a341] {
    border-color: #2a2a2a
}

.card__box[data-v-0754a341]:hover {
    border-color: var(--color-scheme-active)
}

.card__header[data-v-0754a341] {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    font-weight: 700;
    font-size: 16px;
    line-height: 19px
}

.card__title[data-v-0754a341] {
    color: #202430;
    font-weight: 700;
    font-size: 16px;
    line-height: 19px
}

.dark .card__title[data-v-0754a341] {
    color: #ddd
}

.card__current-plan[data-v-0754a341] {
    right: 15px;
    height: 19px;
    color: #988fdc;
    font-weight: 700;
    font-size: 10px;
    line-height: 1em
}

.card__features[data-v-0754a341] {
    margin-top: 6px;
    font-weight: 300;
    font-size: 10px;
    line-height: 12px
}

.card__feature[data-v-0754a341] {
    display: flex;
    gap: 2px;
    text-align: left;
    margin-top: 5px;
    color: #383a3f
}

.dark .card__feature[data-v-0754a341] {
    color: #a6a7b3
}

.card__bottom[data-v-0754a341] {
    margin-top: 10px;
    margin-left: auto
}

.card__price[data-v-0754a341] {
    display: grid;
    justify-items: flex-end;
    grid-row-gap: 5px;
    font-weight: 300;
    font-size: 24px;
    line-height: 24px
}

.dark .card__price[data-v-0754a341] {
    color: #ddd
}

.card__price-subtext[data-v-0754a341] {
    font-weight: 300;
    font-size: 8px;
    line-height: 10px
}

.dark .card__price-subtext[data-v-0754a341] {
    color: #ddd
}

.card__soon[data-v-0754a341] {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    padding: 23px 0 13px;
    color: #60636c;
    text-align: center;
    font-weight: 300;
    font-size: 10px;
    line-height: 12px
}

.card__features-title[data-v-0754a341] {
    text-align: start;
    margin-bottom: 8px;
    font-weight: 700;
    font-size: 10px;
    line-height: 12px;
    color: #4b4b4b
}

.dark .card__features-title[data-v-0754a341] {
    color: #ddd
}

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

.settings-billing-service[data-v-7d93c942] {
    display: flex;
    flex-direction: column
}

.settings-billing-service__tariffs[data-v-7d93c942] {
    display: grid;
    grid-template-columns: repeat(4, max-content);
    grid-gap: 8px;
    padding-top: 12px;
    text-align: right
}

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

.files[data-v-f498b117] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 8px 13px 11px;
    border: 1px solid #EDEDF5;
    border-radius: 7px;
    background: #f8f8fb
}

.dark .files[data-v-f498b117] {
    border-color: #242629;
    background-color: #2f3136
}

.files__top[data-v-f498b117] {
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
    display: flex;
    gap: 8px;
    align-items: center;
    color: #202430
}

.dark .files__top[data-v-f498b117] {
    color: #ddd
}

.files__bottom[data-v-f498b117] {
    font-weight: 700;
    font-size: 12px;
    line-height: 100%;
    color: #202430;
    text-align: right
}

.dark .files__bottom[data-v-f498b117] {
    color: #ddd
}

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

.settings-billing-overview[data-v-24f079d7] {
    display: flex;
    width: 742px;
    padding: 23px 20px;
    flex-direction: column
}

.settings-billing-overview__title[data-v-24f079d7] {
    font-size: 18px;
    font-weight: 700;
    line-height: 100%
}

.dark .settings-billing-overview__title[data-v-24f079d7] {
    color: #ddd
}

.settings-billing-overview__meta[data-v-24f079d7] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-column-gap: 8px;
    margin-top: 16px;
    margin-bottom: 20px
}

.settings-billing-overview__service[data-v-24f079d7] {
    margin-top: 23px
}

.settings-billing-overview__service_without-header[data-v-24f079d7] {
    margin-top: 0
}

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

.settings-billing-invoice-line__td[data-v-d851b4a5] {
    padding: 15px 19px;
    text-align: center
}

.settings-billing-invoice-line__td[data-v-d851b4a5]:first-child {
    padding-top: 34px
}

.dark .settings-billing-invoice-line__td[data-v-d851b4a5] {
    color: #ddd
}

.settings-billing-invoice-line__download[data-v-d851b4a5] {
    color: #202430;
    background-color: #e8e8f2;
    display: inline-block;
    min-width: 92px;
    padding: 9px 14px;
    border-radius: 4px;
    text-decoration: none;
    font-weight: 300;
    font-size: 14px;
    line-height: 17px
}

.settings-billing-invoice-line__controls[data-v-d851b4a5] {
    position: relative
}

.settings-billing-invoice-line__controls-dropdown[data-v-d851b4a5] {
    position: absolute;
    top: calc(100%+ 4px);
    right: 0;
    z-index: 1
}

.settings-billing-invoice-line__pay[data-v-d851b4a5] {
    color: #fff;
    background-color: var(--color-scheme-active);
    display: inline-block;
    min-width: 92px;
    padding: 9px 14px;
    border-radius: 4px;
    text-decoration: none;
    font-weight: 300;
    font-size: 14px;
    line-height: 17px
}

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

.settings-billing-invoices[data-v-ac1bb1d5] {
    width: 1028px
}

.settings-billing-invoices__table[data-v-ac1bb1d5] {
    width: 100%
}

.settings-billing-invoices__head-tr[data-v-ac1bb1d5] {
    border-bottom: 1px solid #EDEDF5;
    font-size: 14px;
    font-weight: 500;
    line-height: 17px
}

.dark .settings-billing-invoices__head-tr[data-v-ac1bb1d5] {
    color: #ddd;
    border-color: #1e1f22
}

.settings-billing-invoices__head-td[data-v-ac1bb1d5] {
    padding: 15px 22px;
    text-align: center
}

.settings-billing-invoices__head-td_uid[data-v-ac1bb1d5] {
    width: 22%
}

.settings-billing-invoices__head-td_invoice-date[data-v-ac1bb1d5] {
    width: 11%
}

.settings-billing-invoices__head-td_payment-date[data-v-ac1bb1d5],
.settings-billing-invoices__head-td_status[data-v-ac1bb1d5] {
    width: 14%
}

.settings-billing-invoices__head-td_amount[data-v-ac1bb1d5] {
    width: 12%
}

.settings-billing-invoices__head-td_download[data-v-ac1bb1d5] {
    width: 10%
}

.settings-billing-invoices__head-td_action[data-v-ac1bb1d5] {
    width: 5%
}

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

.settings-billing-payment-method[data-v-aa43532d] {
    width: 1028px;
    padding: 32px 50px 39px 22px
}

.settings-billing-payment-method__header[data-v-aa43532d] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 23px
}

.settings-billing-payment-method__left-side[data-v-aa43532d] {
    max-width: 450px
}

.settings-billing-payment-method__title[data-v-aa43532d] {
    font-weight: 700;
    font-size: 18px;
    line-height: 22px;
    color: #000
}

.dark .settings-billing-payment-method__title[data-v-aa43532d] {
    color: #ddd
}

.settings-billing-payment-method__description[data-v-aa43532d] {
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    color: #000
}

.dark .settings-billing-payment-method__description[data-v-aa43532d] {
    color: #ddd
}

.settings-billing-payment-method__body[data-v-aa43532d] {
    display: flex;
    flex-direction: column;
    row-gap: 12px
}

.settings-billing-payment-method__item[data-v-aa43532d] {
    display: grid;
    grid-template-columns: max-content 200px max-content repeat(2, 1fr) max-content;
    grid-column-gap: 10px;
    align-items: center;
    height: 34px;
    font-weight: 300;
    font-size: 14px;
    line-height: 17px;
    color: #000
}

.dark .settings-billing-payment-method__item[data-v-aa43532d] {
    color: #ddd
}

.settings-billing-payment-method__item-radio[data-v-aa43532d] {
    pointer-events: none;
    margin: 0
}

.settings-billing-payment-method__item-status[data-v-aa43532d] {
    color: #900;
    text-align: center
}

.settings-billing-payment-method__item-status_active[data-v-aa43532d] {
    color: #00993d
}

.settings-billing-payment-method__item-type[data-v-aa43532d] {
    text-align: center
}

.settings-billing-payment-method__item-button[data-v-aa43532d] {
    height: 34px;
    padding: 0 14px;
    color: #202430;
    background-color: #e8e8f2;
    border-radius: 4px
}

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

.settings-billing-payment-finished[data-v-5ad6ab6c] {
    display: flex;
    max-width: 732px;
    max-height: 409px;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

.settings-billing-payment-finished__title[data-v-5ad6ab6c] {
    margin-top: 25px;
    font-weight: 500;
    font-size: 36px;
    line-height: 38px
}

.settings-billing-payment-finished__description[data-v-5ad6ab6c] {
    margin-top: 9px;
    font-weight: 400;
    font-size: 18px;
    line-height: 24px
}

.settings-billing-payment-finished__button[data-v-5ad6ab6c] {
    display: inline-flex;
    margin-top: 31px
}

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

.settings-billing-payment-finished-failed[data-v-83c1ceb2] path {
    fill: #ee1313
}

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

.preview[data-v-5a4f5e25] {
    display: flex;
    flex-direction: column;
    gap: 24px;
    max-width: 980px;
    width: 100%;
    padding: 24px;
    background: #fff;
    border-radius: 12px
}

.dark .preview[data-v-5a4f5e25] {
    background: #383a3f
}

.preview__title[data-v-5a4f5e25] {
    font-weight: 500;
    font-size: 20px;
    line-height: 24px;
    color: #242629
}

.dark .preview__title[data-v-5a4f5e25] {
    color: #ddd
}

.preview__description[data-v-5a4f5e25] {
    margin-top: 8px;
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    color: #60636c
}

.dark .preview__description[data-v-5a4f5e25] {
    color: #ddd
}

.preview__video[data-v-5a4f5e25] {
    position: relative;
    width: max-content;
    cursor: pointer
}

.preview__video-preview[data-v-5a4f5e25] {
    border-radius: 8px
}

.preview__video-button[data-v-5a4f5e25] {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 48px;
    height: 48px;
    margin: auto;
    background: #fff6;
    transition: all .2s ease;
    -webkit-backdrop-filter: blur(3.5px);
    backdrop-filter: blur(3.5px);
    box-shadow: 0 14px 24px #35395914;
    border: 1px solid rgba(255, 255, 255, .5);
    border-radius: 50%
}

.preview__video:hover .preview__video-button[data-v-5a4f5e25] {
    transform: scale(1.15)
}

.dark .preview__video-button[data-v-5a4f5e25] {
    background-color: #383a3f
}

.preview__buttons[data-v-5a4f5e25] {
    display: flex;
    gap: 8px;
    justify-content: flex-end
}

.preview__tariff[data-v-5a4f5e25] {
    text-transform: capitalize;
    margin-left: 4px
}

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

.modal__button-create[data-v-47326206] {
    min-width: 154px
}

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

.remove-role-modal[data-v-38a082c0] {
    min-width: 500px;
    max-height: 640px
}

.modal__description[data-v-38a082c0] {
    margin-bottom: 24px;
    overflow-wrap: anywhere;
    color: #60636c;
    font-weight: 400;
    font-size: 14px;
    line-height: 120%
}

.dark .modal__description[data-v-38a082c0] {
    color: #8d8d8d
}

[data-v-38a082c0] .select__dropdown {
    max-width: 468px;
    width: 100%
}

.modal__users-list[data-v-38a082c0] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    max-height: 330px;
    padding-right: 8px;
    overflow-y: auto
}

.modal__user[data-v-38a082c0] {
    display: flex;
    gap: 16px;
    justify-content: space-between;
    align-items: center;
    padding: 6px 0
}

[data-v-38a082c0] .users__user-wrap {
    max-width: none
}

.modal__user-role[data-v-38a082c0] {
    color: #60636c;
    font-weight: 400;
    font-size: 14px;
    line-height: 120%
}

.dark .modal__user-role[data-v-38a082c0] {
    color: #8d8d8d
}

.dropdown-role-item[data-v-38a082c0] {
    display: flex;
    align-items: center
}

.dropdown-role-item__image-wrap[data-v-38a082c0] {
    width: 34px;
    height: 34px;
    margin-left: -8px
}

.dropdown-role-item__image[data-v-38a082c0] {
    width: 34px;
    height: 34px;
    object-fit: cover
}

[data-v-38a082c0] .v-input__image {
    width: 32px;
    height: 32px;
    margin-left: -4px;
    border: none
}

.modal__button[data-v-38a082c0] {
    min-width: 120px
}

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

.roles-table[data-v-f1d36a47] {
    display: flex;
    flex-direction: column
}

.roles-table__header[data-v-f1d36a47] {
    border-bottom: 1px solid #EDEDF5
}

.dark .roles-table__header[data-v-f1d36a47] {
    border-color: #2f3136
}

.roles-table__body[data-v-f1d36a47] {
    display: flex;
    flex-direction: column
}

.roles-table__row[data-v-f1d36a47] {
    display: grid;
    grid-gap: 0 16px;
    padding: 11.5px 0
}

.roles-table__row[data-v-f1d36a47]:not(:nth-of-type(1)) {
    border-top: 1px solid #EDEDF5
}

.dark .roles-table__row[data-v-f1d36a47]:not(:nth-of-type(1)) {
    border-color: #2f3136
}

.roles-table__header .roles-table__row[data-v-f1d36a47] {
    font-weight: 500;
    font-size: 14px;
    line-height: 14px;
    color: #60636c
}

.dark .roles-table__header .roles-table__row[data-v-f1d36a47] {
    color: #8d8d8d
}

.roles-table__cell[data-v-f1d36a47] {
    display: flex;
    align-items: center
}

.roles-table__cell[data-v-f1d36a47]:last-of-type {
    display: flex;
    gap: 8px;
    justify-content: flex-end;
    align-items: center
}

.roles-table__role-image-wrap[data-v-f1d36a47] {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 32px;
    height: 32px;
    padding: 6px;
    overflow: hidden;
    background: #f8f8fb;
    border-radius: 4px
}

.dark .roles-table__role-image-wrap[data-v-f1d36a47] {
    background: #242629
}

.roles-table__role-image[data-v-f1d36a47] {
    width: 36px;
    height: 36px;
    object-fit: contain
}

.roles-table__value[data-v-f1d36a47] {
    font-weight: 500;
    font-size: 14px;
    line-height: 14px;
    display: inline-block;
    margin-left: 8px;
    color: #242629
}

.dark .roles-table__value[data-v-f1d36a47] {
    color: #8d8d8d
}

.roles-table__bottom[data-v-f1d36a47] {
    margin-top: 12px
}

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

.access-permissions[data-v-1d078c9c] {
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding: 16px;
    background: #f8f8fb;
    overflow-y: auto
}

.dark .access-permissions[data-v-1d078c9c] {
    background: #2f3136
}

.access-permissions__wrap[data-v-1d078c9c] {
    display: flex;
    gap: 14px;
    width: 100%;
    min-width: 770px;
    padding: 24px;
    background: #fff;
    flex-direction: column;
    max-width: 980px;
    border-radius: 12px
}

.unavailable .access-permissions__wrap[data-v-1d078c9c] {
    pointer-events: none;
    opacity: .7
}

.dark .unavailable .access-permissions__wrap[data-v-1d078c9c] {
    opacity: .3
}

.dark .access-permissions__wrap[data-v-1d078c9c] {
    background: #383a3f
}

.access-permissions__title[data-v-1d078c9c] {
    font-weight: 500;
    font-size: 20px;
    line-height: 120%;
    margin: 0 0 8px;
    color: #242629
}

.dark .access-permissions__title[data-v-1d078c9c] {
    color: #ddd
}

.access-permissions__title.span-2[data-v-1d078c9c] {
    grid-column: span 2
}

.access-permissions__description[data-v-1d078c9c] {
    font-weight: 400;
    font-size: 14px;
    line-height: 125%;
    margin: 0;
    white-space: pre-wrap;
    color: #60636c;
    max-width: 740px
}

.dark .access-permissions__description[data-v-1d078c9c] {
    color: #8d8d8d
}

.access-permissions__controls[data-v-1d078c9c] {
    display: flex;
    flex-direction: column
}

.access-permissions__controls__row[data-v-1d078c9c] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 11.5px 0;
    border-bottom: 1px solid transparent
}

.access-permissions__controls__row[data-v-1d078c9c]:not(:last-of-type) {
    border-color: #ededf5
}

.dark .access-permissions__controls__row[data-v-1d078c9c]:not(:last-of-type) {
    border-color: #2f3136
}

.access-permissions__label[data-v-1d078c9c] {
    font-weight: 400;
    font-size: 14px;
    line-height: 16px
}

.dark .access-permissions__label[data-v-1d078c9c] {
    color: #ddd
}

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

.panel[data-v-919c3dbd] {
    display: flex;
    flex-direction: column;
    max-width: 974px;
    width: 100%;
    padding: 24px;
    background: #fff;
    border-radius: 12px
}

.dark .panel[data-v-919c3dbd] {
    background-color: #383a3f
}

.panel__top[data-v-919c3dbd] {
    display: flex;
    gap: 2px;
    align-items: center
}

.panel__title[data-v-919c3dbd] {
    color: #242629;
    font-weight: 500;
    font-size: 20px;
    line-height: 120%
}

.dark .panel__title[data-v-919c3dbd] {
    color: #ddd
}

.panel__image[data-v-919c3dbd] {
    width: 36px;
    height: 36px
}

.panel__description[data-v-919c3dbd] {
    margin: 8px 0 0;
    color: #60636c;
    max-width: 760px;
    font-weight: 400;
    font-size: 14px;
    line-height: 125%
}

.dark .panel__description[data-v-919c3dbd] {
    color: #8d8d8d
}

.panel__input-name[data-v-919c3dbd] {
    max-width: 455px;
    width: 100%
}

.panel__row[data-v-919c3dbd] {
    display: flex;
    gap: 16px;
    align-items: self-end;
    margin-top: 24px
}

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

.modal__description[data-v-5e7c0e1a] {
    margin-bottom: 24px;
    overflow-wrap: anywhere;
    color: #60636c;
    font-weight: 400;
    font-size: 14px;
    line-height: 120%
}

.dark .modal__description[data-v-5e7c0e1a] {
    color: #8d8d8d
}

.modal__content[data-v-5e7c0e1a] {
    display: flex;
    flex-direction: column
}

[data-v-5e7c0e1a] .select__dropdown {
    max-width: 468px;
    width: 100%
}

.modal__user[data-v-5e7c0e1a] {
    display: flex;
    gap: 16px;
    justify-content: space-between;
    align-items: center;
    margin-top: 8px;
    padding: 6px 0
}

[data-v-5e7c0e1a] .users__user-wrap {
    max-width: none
}

.modal__roles-list[data-v-5e7c0e1a] {
    margin-bottom: 8px
}

.modal__user-role[data-v-5e7c0e1a] {
    font-weight: 400;
    font-size: 14px;
    line-height: 120%;
    color: #60636c
}

.dark .modal__user-role[data-v-5e7c0e1a] {
    color: #8d8d8d
}

.dropdown-role-item[data-v-5e7c0e1a] {
    display: flex;
    align-items: center
}

.dropdown-role-item__image-wrap[data-v-5e7c0e1a] {
    width: 34px;
    height: 34px;
    margin-left: -8px
}

.dropdown-role-item__image[data-v-5e7c0e1a] {
    width: 34px;
    height: 34px;
    object-fit: cover
}

[data-v-5e7c0e1a] .v-input__image {
    width: 32px;
    height: 32px;
    margin-left: -4px;
    border: none
}

.modal__buttons[data-v-5e7c0e1a] {
    display: flex;
    gap: 8px;
    align-items: center
}

.modal__button-change[data-v-5e7c0e1a] {
    min-width: 124px
}

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

.limit[data-v-5bcb3e57] {
    display: flex;
    flex-direction: column;
    padding: 12px;
    background: #6c78f41a;
    border-radius: 8px
}

.dark .limit[data-v-5bcb3e57] {
    background: #2f3136
}

.limit__title[data-v-5bcb3e57] {
    font-weight: 600;
    font-size: 14px;
    line-height: 125%;
    color: #242629
}

.dark .limit__title[data-v-5bcb3e57] {
    color: #ddd
}

.limit__description[data-v-5bcb3e57] {
    font-weight: 400;
    font-size: 14px;
    line-height: 125%;
    color: #242629
}

.dark .limit__description[data-v-5bcb3e57] {
    color: #a6a7b3
}

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

.add-member-modal[data-v-84719ef6] {
    max-width: 500px;
    width: 100%
}

.modal__body[data-v-84719ef6] {
    display: flex;
    flex-direction: column;
    gap: 8px
}

[data-v-84719ef6] .select__dropdown {
    max-width: 468px;
    width: 100%
}

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

.members[data-v-3f1a7dc5] {
    display: flex;
    flex-direction: column;
    max-width: 974px;
    width: 100%;
    padding: 24px;
    background: #fff;
    border-radius: 12px
}

.dark .members[data-v-3f1a7dc5] {
    background-color: #383a3f
}

.members__title[data-v-3f1a7dc5] {
    font-weight: 500;
    font-size: 20px;
    line-height: 120%;
    color: #242629
}

.dark .members__title[data-v-3f1a7dc5] {
    color: #ddd
}

.members__controls[data-v-3f1a7dc5] {
    display: flex;
    gap: 8px;
    align-items: center;
    margin: 24px 0
}

.members__input-search[data-v-3f1a7dc5] {
    width: 100%
}

.members__button-add[data-v-3f1a7dc5] {
    min-width: 120px
}

.members__table-header[data-v-3f1a7dc5] {
    border-bottom: 1px solid #EDEDF5
}

.dark .members__table-header[data-v-3f1a7dc5] {
    border-color: #2f3136
}

.members__table-row[data-v-3f1a7dc5] {
    display: grid;
    grid-template-columns: 1fr 160px;
    grid-gap: 0 16px;
    padding: 10px 0
}

.members__table-row[data-v-3f1a7dc5]:not(:nth-of-type(1)) {
    border-top: 1px solid #EDEDF5
}

.dark .members__table-row[data-v-3f1a7dc5]:not(:nth-of-type(1)) {
    border-color: #2f3136
}

.members__table-header .members__table-row[data-v-3f1a7dc5] {
    font-weight: 500;
    font-size: 14px;
    line-height: 14px;
    color: #60636c
}

.dark .members__table-header .members__table-row[data-v-3f1a7dc5] {
    color: #8d8d8d
}

.members__table-cell[data-v-3f1a7dc5] {
    display: flex;
    align-items: center
}

.members__table-cell[data-v-3f1a7dc5]:last-of-type {
    display: flex;
    gap: 8px;
    justify-content: flex-end;
    align-items: center
}

.members__table-member[data-v-3f1a7dc5] {
    display: inline-flex;
    flex-direction: column;
    color: #242629
}

.members__table-member span[data-v-3f1a7dc5] {
    display: inline-block
}

.members__table-member span[data-v-3f1a7dc5]:nth-of-type(1) {
    font-weight: 500;
    font-size: 14px;
    line-height: 14px
}

.dark .members__table-member span[data-v-3f1a7dc5]:nth-of-type(1) {
    color: #8d8d8d
}

.members__table-member span[data-v-3f1a7dc5]:nth-of-type(2) {
    font-weight: 400;
    font-size: 12px;
    line-height: 12px;
    margin-top: 2px;
    color: #acb1c2
}

[data-v-3f1a7dc5] .avatar {
    display: flex;
    justify-content: center;
    align-items: center
}

.members__empty[data-v-3f1a7dc5] {
    font-weight: 500;
    font-size: 14px;
    line-height: 14px;
    display: flex;
    justify-content: center
}

.dark .members__empty[data-v-3f1a7dc5] {
    color: #8d8d8d
}

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

.permissions[data-v-09808200] {
    max-width: 974px;
    width: 100%;
    padding: 24px;
    background: #fff;
    border-radius: 12px
}

.dark .permissions[data-v-09808200] {
    background-color: #383a3f
}

.permissions.disabled[data-v-09808200] {
    pointer-events: none;
    opacity: .7;
    -webkit-user-select: none;
    user-select: none
}

.permissions__title[data-v-09808200] {
    font-weight: 500;
    font-size: 20px;
    line-height: 120%;
    margin: 0 0 24px;
    color: #242629
}

.dark .permissions__title[data-v-09808200] {
    color: #ddd
}

.permissions__section[data-v-09808200] {
    display: flex;
    flex-direction: column
}

.permissions__section[data-v-09808200]:not(:last-of-type) {
    margin-bottom: 16px
}

.permissions__subtitle[data-v-09808200] {
    font-weight: 500;
    font-size: 14px;
    line-height: 16px;
    margin-bottom: 6px;
    color: #acb1c2
}

.permissions__fields[data-v-09808200] {
    display: flex;
    flex-direction: column
}

.permissions__line[data-v-09808200] {
    display: flex;
    gap: 0 16px;
    justify-content: space-between;
    align-items: center;
    padding: 11.5px 0
}

.permissions__line[data-v-09808200]:not(:last-of-type) {
    border-bottom: 1px solid #EDEDF5
}

.dark .permissions__line[data-v-09808200]:not(:last-of-type) {
    border-color: #2f3136
}

.permissions__permission[data-v-09808200] {
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    color: #242629
}

.dark .permissions__permission[data-v-09808200] {
    color: #8d8d8d
}

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

.editing[data-v-c82a0340] {
    display: flex;
    flex-direction: column;
    gap: 16px;
    height: 100%;
    padding: 16px;
    overflow-y: auto
}

.dark .editing[data-v-c82a0340] {
    background-color: #2f3136
}

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

.information[data-v-131c952f] {
    display: flex;
    flex-direction: column;
    gap: 16px;
    height: 100%;
    padding: 16px;
    overflow-y: auto
}

.dark .information[data-v-131c952f] {
    background-color: #2f3136
}

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

.tag-colors[data-v-605e7a68] {
    position: relative
}

.tag-colors[data-v-605e7a68] .dropdown {
    z-index: 10
}

.tag-colors[data-v-605e7a68] .dropdown__items {
    display: grid;
    grid-template-columns: repeat(10, max-content);
    grid-gap: 4px;
    padding: 8px 12px 12px
}

.tag-colors[data-v-605e7a68] .dropdown__item {
    padding: 0
}

.tag-colors[data-v-605e7a68] .dropdown__item:hover {
    background-color: transparent
}

.tag-colors__selected[data-v-605e7a68] {
    display: flex;
    gap: 4px;
    align-items: center;
    padding: 8px 4px;
    transition: all .2s ease-in-out;
    border-radius: 8px
}

.opened .tag-colors__selected[data-v-605e7a68],
.tag-colors__selected[data-v-605e7a68]:hover {
    background: #f8f8fb
}

.dark .opened .tag-colors__selected[data-v-605e7a68],
.dark .tag-colors__selected[data-v-605e7a68]:hover {
    background: #2f3136
}

.tag-colors__selected-color[data-v-605e7a68] {
    width: 20px;
    height: 20px;
    border-radius: 50%
}

.tag-colors__icon-arrow[data-v-605e7a68] {
    transform: rotate(90deg)
}

.tag-colors__dropdown-item[data-v-605e7a68] {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 24px;
    height: 24px;
    transition: all .2s ease-in-out;
    cursor: pointer;
    border-radius: 50%;
    border: 2px solid transparent
}

.tag-colors__dropdown-item[data-v-605e7a68]:hover,
.tag-colors__dropdown-item.active[data-v-605e7a68] {
    border-color: #ffffff80
}

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

.tag[data-v-2d1d6061] {
    display: flex;
    gap: 20px;
    justify-content: space-between;
    align-items: center;
    height: 40px;
    padding: 8px;
    transition: background .2s ease-in-out;
    cursor: pointer;
    border-radius: 8px
}

.tag[data-v-2d1d6061]:not(.editing):hover {
    background: #f8f8fb
}

.dark .tag[data-v-2d1d6061]:not(.editing):hover {
    background: #2f3136
}

.tag__settings[data-v-2d1d6061] {
    flex: 1 1 auto;
    display: flex;
    gap: 8px;
    align-items: center
}

.tag__preview[data-v-2d1d6061] {
    font-weight: 600;
    font-size: 10px;
    line-height: 12px;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 20px;
    padding: 3px 6px 5px;
    border-radius: 4px
}

.tag__edit[data-v-2d1d6061] {
    font-weight: 400;
    font-size: 13px;
    line-height: 100%;
    pointer-events: none;
    opacity: 0;
    color: var(--color-scheme-active);
    transition: all .2s ease-in-out
}

.hovered .tag__edit[data-v-2d1d6061] {
    pointer-events: all;
    opacity: 1
}

.tag__controls[data-v-2d1d6061] {
    display: flex;
    gap: 8px;
    align-items: center
}

.tag__input[data-v-2d1d6061] {
    font-weight: 400;
    font-size: 13px;
    line-height: 16px;
    pointer-events: none;
    opacity: 0;
    width: 0;
    padding: 0;
    overflow: hidden;
    white-space: nowrap;
    color: #202430;
    text-overflow: ellipsis;
    outline: none;
    border: none
}

.dark .tag__input[data-v-2d1d6061] {
    color: #8d8d8d
}

.editing .tag__input[data-v-2d1d6061] {
    pointer-events: all;
    opacity: 1;
    width: 100%;
    padding-right: 8px;
    background: #f8f8fb
}

.dark .editing .tag__input[data-v-2d1d6061] {
    background: #2f3136
}

.tag__input-wrap[data-v-2d1d6061] {
    display: flex;
    width: 100%;
    border-radius: 8px
}

.editing .tag__input-wrap[data-v-2d1d6061] {
    justify-content: space-between;
    padding: 8px;
    background: #f8f8fb
}

.dark .editing .tag__input-wrap[data-v-2d1d6061] {
    background: #2f3136
}

.tag__button[data-v-2d1d6061] {
    min-width: 105px
}

.tag__creator-info[data-v-2d1d6061] {
    display: flex;
    gap: 8px
}

.tag__creator-name[data-v-2d1d6061] {
    font-weight: 400;
    font-size: 13px;
    line-height: 120%;
    max-width: 150px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #242629
}

.dark .tag__creator-name[data-v-2d1d6061] {
    color: #ddd
}

.tag__date[data-v-2d1d6061] {
    font-weight: 400;
    font-size: 13px;
    line-height: 100%;
    white-space: nowrap;
    color: #cacad2
}

.dark .tag__date[data-v-2d1d6061] {
    color: #8d8d8d
}

.tag__info[data-v-2d1d6061] {
    display: flex;
    gap: 8px;
    align-items: center;
    width: 300px
}

.tag__edit[data-v-2d1d6061] path,
.tag__delete[data-v-2d1d6061] path {
    transition: all .2s ease
}

.tag__delete[data-v-2d1d6061] {
    pointer-events: none;
    opacity: 0;
    transition: all .2s ease-in-out
}

.hovered .tag__delete[data-v-2d1d6061] {
    pointer-events: all;
    opacity: 1
}

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

.tags[data-v-43ff082a] {
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    padding: 16px;
    background: #f8f8fb;
    overflow-y: auto
}

.dark .tags[data-v-43ff082a] {
    background: #2f3136
}

.tags__box[data-v-43ff082a] {
    display: flex;
    flex-direction: column;
    gap: 24px;
    max-width: 980px;
    padding: 24px;
    border-radius: 12px;
    background: #fff
}

.dark .tags__box[data-v-43ff082a] {
    background-color: #383a3f
}

.tags__title[data-v-43ff082a] {
    font-weight: 500;
    font-size: 20px;
    line-height: 120%;
    margin: 0 0 8px;
    color: #242629
}

.dark .tags__title[data-v-43ff082a] {
    color: #ddd
}

.tags__description[data-v-43ff082a] {
    font-weight: 400;
    font-size: 14px;
    line-height: 125%;
    margin: 0;
    white-space: pre-wrap;
    color: #60636c;
    max-width: 740px
}

.dark .tags__description[data-v-43ff082a] {
    color: #8d8d8d
}

.tags__items[data-v-43ff082a] {
    margin-top: 16px
}

.workspace-tags__search[data-v-43ff082a] {
    width: 222px
}

.tags__controls[data-v-43ff082a] {
    display: flex;
    gap: 20px;
    justify-content: space-between
}

.workspace-tags__empty[data-v-43ff082a] {
    font-weight: 400;
    font-size: 14px;
    line-height: 100%;
    margin-top: 20px
}

.dark .workspace-tags__empty[data-v-43ff082a] {
    color: #8d8d8d
}

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

.settings-page__boxes[data-v-04cec90b] {
    justify-content: flex-start
}

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

.card[data-v-12f8a287] {
    display: flex;
    width: 100%;
    padding: 16px 16px 26px;
    flex-direction: column
}

.card__header[data-v-12f8a287] {
    display: flex;
    flex-direction: row;
    justify-content: space-between
}

.card__is-active[data-v-12f8a287] {
    font-weight: 500;
    font-size: 12px;
    line-height: 12px;
    color: #2eb67d
}

.card__title[data-v-12f8a287] {
    margin-top: 16px;
    font-weight: 500;
    font-size: 14px;
    line-height: 16px
}

.dark .card__title[data-v-12f8a287] {
    color: #ddd
}

.card__description[data-v-12f8a287] {
    margin-top: 6px;
    font-weight: 400;
    font-size: 14px;
    line-height: 145%
}

.dark .card__description[data-v-12f8a287] {
    color: #8d8d8d
}

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

.applications[data-v-a536aac5] {
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding: 24px
}

.applications__title[data-v-a536aac5] {
    font-weight: 500;
    font-size: 16px;
    line-height: 120%;
    margin: 0;
    color: #242629
}

.dark .applications__title[data-v-a536aac5] {
    color: #ddd
}

.applications__items[data-v-a536aac5] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    grid-gap: 16px
}

.applications__card[data-v-a536aac5] {
    display: flex;
    width: 300px;
    color: inherit;
    background: #fff;
    border: 1px solid #E5E7EE;
    border-radius: 8px;
    text-decoration: none;
    box-sizing: border-box;
    transition: all .2s ease-in-out
}

.applications__card[data-v-a536aac5]:hover {
    border-color: #cacad2
}

.dark .applications__card[data-v-a536aac5] {
    background-color: #2f3136;
    border-color: #2f3136
}

.dark .applications__card[data-v-a536aac5]:hover {
    background-color: #242629;
    border-color: transparent
}

.applications__empty[data-v-a536aac5] {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 250px;
    font-weight: 400;
    font-size: 14px;
    line-height: 400
}

.dark .applications__empty[data-v-a536aac5] {
    color: #ddd
}

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

.settings-api-token-form[data-v-9c47c879],
.settings-api-token-form__input-title[data-v-9c47c879] {
    width: 100%
}

.settings-api-token-form__input-description[data-v-9c47c879] {
    width: 100%;
    margin-top: 12px
}

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

.workspace[data-v-ffbd3f89] {
    width: 100%;
    max-width: 640px
}

.settings-workspace-api-token__head[data-v-ffbd3f89] {
    border-bottom: 1px solid #e9e9e9
}

.dark .settings-workspace-api-token__head[data-v-ffbd3f89] {
    border-color: #1e1f22
}

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

.settings-api-list[data-v-60d018fc] {
    max-width: 980px
}

.settings-api-list__head[data-v-60d018fc] {
    display: flex;
    gap: 24px;
    justify-content: space-between;
    align-items: center
}

.settings-api-list__subtitle[data-v-60d018fc] {
    max-width: 650px;
    margin-top: 10px
}

.settings-api-list__subtitle[data-v-60d018fc] a {
    color: var(--color-scheme-active);
    text-decoration: none
}

.settings-api-list__title[data-v-60d018fc] {
    font-weight: 500;
    font-size: 20px;
    line-height: 120%;
    margin: 0 0 8px;
    color: #242629
}

.dark .settings-api-list__title[data-v-60d018fc] {
    color: #ddd
}

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

.readonly-field-with-copy-button[data-v-f3c19273] {
    display: flex
}

.readonly-field-with-copy-button__field[data-v-f3c19273] {
    border-top-right-radius: 0!important;
    border-bottom-right-radius: 0!important
}

.dark .readonly-field-with-copy-button__field[data-v-f3c19273] {
    background-color: #242629
}

.readonly-field-with-copy-button__button[data-v-f3c19273] {
    border-top-left-radius: 0!important;
    border-bottom-left-radius: 0!important
}

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

.settings-api-app-line[data-v-a50cd9a9] {
    display: flex;
    flex-direction: column;
    width: 100%
}

.settings-api-app-line__wrapper[data-v-a50cd9a9] {
    display: flex;
    align-items: center;
    flex-direction: row
}

.settings-api-app-line__title[data-v-a50cd9a9] {
    font-weight: 500;
    font-size: 14px;
    line-height: 16px
}

.dark .settings-api-app-line__title[data-v-a50cd9a9] {
    color: #ddd
}

.settings-api-app-line__is-active[data-v-a50cd9a9] {
    font-weight: 500;
    font-size: 12px;
    line-height: 12px;
    margin-left: 17px;
    color: #2eb67d
}

.settings-api-app-line__description[data-v-a50cd9a9] {
    margin-top: 6px;
    font-weight: 400;
    font-size: 14px;
    line-height: 145%
}

.dark .settings-api-app-line__description[data-v-a50cd9a9] {
    color: #8d8d8d
}

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

.settings-api-detail[data-v-dd32381e] {
    max-width: 640px
}

.settings-api-detail__wrapper[data-v-dd32381e] {
    padding: 20px 20px 27px
}

.dark .settings-api-detail__title[data-v-dd32381e] {
    color: #ddd
}

.settings-api-detail__delimiter[data-v-dd32381e] {
    height: 1px;
    margin: 0;
    background-color: #e9e9e9;
    border: 0
}

.dark .settings-api-detail__delimiter[data-v-dd32381e] {
    background-color: #242629
}

.settings-api-detail__token-label[data-v-dd32381e] {
    font-weight: 500;
    font-size: 12px;
    line-height: 100%;
    margin-top: 12px
}

.dark .settings-api-detail__token-label[data-v-dd32381e] {
    color: #ddd
}

.settings-api-detail__copy-line[data-v-dd32381e] {
    margin-top: 4px
}

.settings-api-detail__copy-line[data-v-dd32381e] .readonly-field-with-copy-button__field {
    width: 100%;
    padding: 0 0 0 11px;
    overflow: hidden;
    font-size: 14px;
    font-weight: 300;
    line-height: 17px;
    color: #aeaeae;
    background-color: #ededf5;
    border: 0;
    border-radius: 4px;
    outline: 0
}

.dark .settings-api-detail__copy-line[data-v-dd32381e] .readonly-field-with-copy-button__field {
    background-color: #2f3136
}

.settings-api-detail__form[data-v-dd32381e] {
    margin-top: 20px
}

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

.integrations[data-v-e76ed513] {
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    padding: 16px;
    background: #f8f8fb;
    overflow-y: auto
}

.dark .integrations[data-v-e76ed513] {
    background: #2f3136
}

.integrations__box[data-v-e76ed513] {
    display: flex;
    flex-direction: column;
    gap: 24px;
    max-width: 980px;
    width: 100%;
    padding: 24px;
    background: #fff;
    border-radius: 12px
}

.dark .integrations__box[data-v-e76ed513] {
    background: #383a3f
}

.integrations__title[data-v-e76ed513] {
    font-weight: 500;
    font-size: 20px;
    line-height: 120%;
    margin: 0 0 8px;
    color: #242629
}

.dark .integrations__title[data-v-e76ed513] {
    color: #ddd
}

.integrations__description[data-v-e76ed513] {
    font-weight: 400;
    font-size: 14px;
    line-height: 125%;
    margin: 0;
    white-space: pre-wrap;
    color: #60636c;
    max-width: 740px
}

.dark .integrations__description[data-v-e76ed513] {
    color: #8d8d8d
}

.integrations__cards[data-v-e76ed513] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 16px
}

.integrations__wrapper[data-v-e76ed513] {
    display: flex;
    flex-direction: column;
    gap: 24px
}

.integrations__service[data-v-e76ed513] {
    display: flex;
    flex-direction: column;
    gap: 16px
}

.integrations__section-wrapper[data-v-e76ed513] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    grid-gap: 8px;
    margin-top: 16px
}

.integrations__section-title[data-v-e76ed513] {
    font-weight: 600;
    font-size: 16px;
    line-height: 120%;
    margin: 0 0 8px;
    color: #242629
}

.dark .integrations__section-title[data-v-e76ed513] {
    color: #ddd
}

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

.create[data-v-7a6c7c9b] {
    display: flex;
    flex-direction: column;
    gap: 24px;
    max-width: 528px;
    width: 100%;
    padding: 24px;
    background: #fff;
    border-radius: 12px
}

.dark .create[data-v-7a6c7c9b] {
    background: #383a3f
}

.create__title-row[data-v-7a6c7c9b] {
    display: flex;
    gap: 8px;
    align-items: center;
    margin: 0 0 8px
}

.create__title[data-v-7a6c7c9b] {
    font-weight: 500;
    font-size: 16px;
    line-height: 120%;
    margin: 0;
    color: #242629
}

.dark .create__title[data-v-7a6c7c9b] {
    color: #ddd
}

.create__description[data-v-7a6c7c9b] {
    font-weight: 400;
    font-size: 14px;
    line-height: 125%;
    margin: 0;
    color: #60636c
}

.dark .create__description[data-v-7a6c7c9b] {
    color: #8d8d8d
}

.create__link[data-v-7a6c7c9b] {
    text-decoration: underline;
    color: var(--color-scheme-active)
}

.create__form-fields[data-v-7a6c7c9b] {
    display: flex;
    flex-direction: column;
    gap: 16px
}

.create__button[data-v-7a6c7c9b] {
    max-width: 114px;
    margin-top: 24px;
    margin-left: auto
}

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

.list[data-v-3cc79916] {
    display: flex;
    flex-direction: column;
    gap: 24px;
    max-width: 528px;
    width: 100%;
    padding: 24px;
    background: #fff;
    border-radius: 12px
}

.dark .list[data-v-3cc79916] {
    background: #383a3f
}

.list__title[data-v-3cc79916] {
    font-weight: 500;
    font-size: 16px;
    line-height: 120%;
    margin: 0;
    color: #242629
}

.dark .list__title[data-v-3cc79916] {
    color: #ddd
}

.list__wrapper[data-v-3cc79916] {
    display: flex;
    flex-direction: column;
    gap: 8px
}

.list__item[data-v-3cc79916] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    padding: 12px;
    border-radius: 8px;
    background: #f8f8fb;
    text-decoration: none;
    transition: all .2s ease-in-out
}

.list__item[data-v-3cc79916]:hover {
    background: #ededf5
}

.dark .list__item[data-v-3cc79916]:hover {
    background: #242629
}

.list__item.error[data-v-3cc79916] {
    background: #fff5f5
}

.dark .list__item[data-v-3cc79916] {
    background: #2f3136
}

.list__item-error[data-v-3cc79916] {
    font-weight: 400;
    font-size: 12px;
    line-height: 100%;
    color: #ff4d4f
}

.list__item-head[data-v-3cc79916] {
    display: flex;
    gap: 8px;
    justify-content: space-between;
    align-items: center
}

.list__item-name[data-v-3cc79916] {
    font-weight: 500;
    font-size: 14px;
    line-height: 125%;
    color: #202430
}

.dark .list__item-name[data-v-3cc79916] {
    color: #ddd
}

.list__item-button[data-v-3cc79916] {
    font-weight: 600;
    font-size: 12px;
    line-height: 100%;
    display: flex;
    gap: 4px;
    align-items: center;
    color: #93969f
}

.list__item-key[data-v-3cc79916] {
    font-weight: 400;
    font-size: 12px;
    line-height: 125%;
    color: #acb1c2
}

.list__empty[data-v-3cc79916] {
    font-weight: 400;
    font-size: 14px;
    line-height: 125%;
    margin-top: 8px;
    color: #60636c
}

.dark .list__empty[data-v-3cc79916] {
    color: #8d8d8d
}

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

.telegram[data-v-e004651e] {
    flex: 1 1 auto;
    display: flex;
    gap: 16px;
    padding: 16px;
    background: #f8f8fb;
    flex-direction: column;
    overflow-y: auto
}

.dark .telegram[data-v-e004651e] {
    background: #2f3136
}

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

.edit[data-v-223889f2] {
    display: flex;
    flex-direction: column;
    gap: 24px;
    max-width: 528px;
    width: 100%;
    padding: 24px;
    background: #fff;
    border-radius: 12px
}

.dark .edit[data-v-223889f2] {
    background: #383a3f
}

.edit__title[data-v-223889f2] {
    font-weight: 500;
    font-size: 16px;
    line-height: 120%;
    min-height: 20px;
    margin: 0;
    color: #242629
}

.dark .edit__title[data-v-223889f2] {
    color: #ddd
}

.edit__breadcrumbs[data-v-223889f2] {
    font-weight: 400;
    font-size: 12px;
    line-height: 125%;
    display: inline-flex;
    gap: 4px;
    align-items: center;
    margin-bottom: 12px;
    color: #acb1c2
}

.dark .edit__breadcrumbs[data-v-223889f2] {
    color: #8d8d8d
}

.edit__breadcrumbs-link[data-v-223889f2] {
    color: #acb1c2;
    transition: all .2s ease-in-out;
    text-decoration: none
}

.edit__breadcrumbs-link[data-v-223889f2]:hover {
    color: #60636c
}

.dark .edit__breadcrumbs-link[data-v-223889f2]:hover {
    color: #ddd
}

.dark .edit__breadcrumbs-link[data-v-223889f2] {
    color: #8d8d8d
}

.edit__link[data-v-223889f2] {
    text-decoration: underline;
    color: var(--color-scheme-active)
}

.edit__form-fields[data-v-223889f2] {
    display: flex;
    flex-direction: column;
    gap: 16px
}

.edit__button[data-v-223889f2] {
    max-width: 114px;
    margin-top: 24px;
    margin-left: auto
}

.edit__error[data-v-223889f2] {
    font-weight: 400;
    font-size: 12px;
    line-height: 100%;
    color: #ff4d4f
}

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

.delete[data-v-6600798c] {
    display: flex;
    flex-direction: column;
    gap: 16px;
    max-width: 528px;
    width: 100%;
    padding: 24px;
    background: #fff;
    border-radius: 12px
}

.dark .delete[data-v-6600798c] {
    background: #383a3f
}

.delete__title[data-v-6600798c] {
    font-weight: 500;
    font-size: 16px;
    line-height: 120%;
    margin: 0;
    color: #242629
}

.dark .delete__title[data-v-6600798c] {
    color: #ddd
}

.delete__button[data-v-6600798c] {
    max-width: 104px;
    margin-left: auto
}

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

.create__button[data-v-54332b0d] {
    max-width: 102px
}

.create__wrapper[data-v-54332b0d] {
    display: flex;
    flex-direction: column;
    gap: 24px
}

.create__tabs[data-v-54332b0d] {
    display: flex;
    gap: 4px;
    align-items: center;
    padding: 4px;
    border-radius: 8px;
    background-color: #ededf5
}

.dark .create__tabs[data-v-54332b0d] {
    background: #242629
}

.create__tab[data-v-54332b0d] {
    flex: 1 1 auto;
    display: flex;
    gap: 4px;
    justify-content: center;
    align-items: center;
    padding: 4px;
    color: #60636c;
    border-radius: 8px;
    transition: all .2s ease-in-out
}

.dark .create__tab[data-v-54332b0d] {
    color: #ddd
}

.create__tab[data-v-54332b0d]:hover {
    background-color: #f8f8fb
}

.dark .create__tab[data-v-54332b0d]:hover {
    background: #2f3136
}

.create__tab.active[data-v-54332b0d] {
    background-color: #fff
}

.dark .create__tab.active[data-v-54332b0d] {
    background: #2f3136
}

.modal__form[data-v-54332b0d] {
    margin-top: 24px
}

.create__buttons[data-v-54332b0d] {
    margin-top: 0
}

.create__telegram-button[data-v-54332b0d] {
    font-weight: 600;
    font-size: 12px;
    line-height: 125%;
    display: flex;
    gap: 8px;
    justify-content: center;
    align-items: center;
    height: 40px;
    padding: 12px 24px;
    color: #93969f;
    background-color: #f8f8fb;
    transition: all .2s ease-in-out;
    border-radius: 8px;
    text-decoration: none
}

.create__telegram-button[data-v-54332b0d]:hover {
    background-color: #ededf5
}

.dark .create__telegram-button[data-v-54332b0d]:hover {
    background: #242629
}

.dark .create__telegram-button[data-v-54332b0d] {
    background: #2f3136
}

.create__text[data-v-54332b0d] {
    font-weight: 400;
    font-size: 14px;
    line-height: 125%;
    color: #202430
}

.dark .create__text[data-v-54332b0d] {
    color: #8d8d8d
}

.create__list[data-v-54332b0d] {
    font-weight: 400;
    font-size: 14px;
    line-height: 125%;
    margin: 0;
    padding-left: 20px;
    color: #202430
}

.dark .create__list[data-v-54332b0d] {
    color: #8d8d8d
}

.create__list-item[data-v-54332b0d] {
    margin: 4px 0
}

.create__list-item-link[data-v-54332b0d] {
    font-weight: 600;
    cursor: pointer
}

.create__list-item-link[data-v-54332b0d]:hover {
    color: #60636c
}

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

.list[data-v-b3122bca] {
    display: flex;
    flex-direction: column;
    gap: 24px;
    max-width: 528px;
    width: 100%;
    padding: 24px;
    background: #fff;
    border-radius: 12px
}

.dark .list[data-v-b3122bca] {
    background: #383a3f
}

.list__title[data-v-b3122bca] {
    font-weight: 500;
    font-size: 16px;
    line-height: 120%;
    margin: 0;
    color: #242629
}

.dark .list__title[data-v-b3122bca] {
    color: #ddd
}

.list__wrapper[data-v-b3122bca] {
    display: flex;
    flex-direction: column;
    gap: 8px
}

.list__item[data-v-b3122bca] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    padding: 12px;
    border-radius: 8px;
    background: #f8f8fb;
    text-decoration: none;
    transition: all .2s ease-in-out
}

.list__item[data-v-b3122bca]:hover {
    background: #ededf5
}

.dark .list__item[data-v-b3122bca]:hover {
    background: #242629
}

.list__item.error[data-v-b3122bca] {
    background: #fff5f5
}

.dark .list__item[data-v-b3122bca] {
    background: #2f3136
}

.list__item-head[data-v-b3122bca] {
    display: flex;
    gap: 8px;
    justify-content: space-between;
    align-items: center
}

.list__item-name[data-v-b3122bca] {
    font-weight: 500;
    font-size: 14px;
    line-height: 125%;
    color: #202430
}

.dark .list__item-name[data-v-b3122bca] {
    color: #ddd
}

.list__item-button[data-v-b3122bca] {
    font-weight: 600;
    font-size: 12px;
    line-height: 100%;
    display: flex;
    gap: 4px;
    align-items: center;
    color: #93969f
}

.list__item-key[data-v-b3122bca] {
    font-weight: 400;
    font-size: 12px;
    line-height: 125%;
    color: #acb1c2
}

.list__item-error[data-v-b3122bca] {
    font-weight: 400;
    font-size: 12px;
    line-height: 100%;
    color: #ff4d4f
}

.list__button[data-v-b3122bca] {
    max-width: 140px;
    margin-left: auto
}

.list__empty[data-v-b3122bca] {
    font-weight: 400;
    font-size: 14px;
    line-height: 125%;
    margin-top: 8px;
    color: #60636c
}

.dark .list__empty[data-v-b3122bca] {
    color: #8d8d8d
}

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

.integration[data-v-3424ce87] {
    flex: 1 1 auto;
    display: flex;
    gap: 16px;
    padding: 16px;
    background: #f8f8fb;
    flex-direction: column;
    overflow-y: auto
}

.dark .integration[data-v-3424ce87] {
    background: #2f3136
}

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

.project[data-v-10c85c38] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%
}

.project__select[data-v-10c85c38] {
    width: 50%
}

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

.projects[data-v-e587295c] {
    display: flex;
    gap: 8px;
    justify-content: space-between;
    flex-direction: column
}

.projects__title[data-v-e587295c] {
    font-weight: 500;
    font-size: 14px;
    line-height: 125%;
    color: #202430
}

.dark .projects__title[data-v-e587295c] {
    color: #ddd
}

.projects__add[data-v-e587295c] {
    font-weight: 400;
    font-size: 14px;
    line-height: 125%;
    display: flex;
    gap: 8px;
    width: fit-content;
    padding: 8px;
    color: #acb1c2;
    transition: all .2s ease-in-out;
    border-radius: 8px
}

.projects__add[data-v-e587295c]:hover {
    background-color: #ededf5
}

.dark .projects__add[data-v-e587295c]:hover {
    color: #8d8d8d;
    background: #2f3136
}

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

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

.breadcrumbs[data-v-b7c8880a] {
    font-weight: 400;
    font-size: 12px;
    line-height: 125%;
    display: inline-flex;
    gap: 4px;
    align-items: center;
    margin-bottom: 12px;
    color: #acb1c2
}

.dark .breadcrumbs[data-v-b7c8880a] {
    color: #8d8d8d
}

.breadcrumbs-link[data-v-b7c8880a] {
    color: #acb1c2;
    transition: all .2s ease-in-out;
    text-decoration: none
}

.breadcrumbs-link[data-v-b7c8880a]:hover {
    color: #60636c
}

.dark .breadcrumbs-link[data-v-b7c8880a]:hover {
    color: #ddd
}

.dark .breadcrumbs-link[data-v-b7c8880a] {
    color: #8d8d8d
}

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

.edit[data-v-82dc0f8c] {
    display: flex;
    flex-direction: column;
    gap: 24px;
    max-width: 528px;
    width: 100%;
    padding: 24px;
    background: #fff;
    border-radius: 12px
}

.dark .edit[data-v-82dc0f8c] {
    background: #383a3f
}

.edit__title[data-v-82dc0f8c] {
    font-weight: 500;
    font-size: 16px;
    line-height: 120%;
    min-height: 20px;
    margin: 0;
    color: #242629
}

.dark .edit__title[data-v-82dc0f8c] {
    color: #ddd
}

.edit__description[data-v-82dc0f8c] {
    font-weight: 400;
    font-size: 14px;
    line-height: 120%;
    margin: 8px 0 0;
    color: #60636c
}

.dark .edit__description[data-v-82dc0f8c] {
    color: #8d8d8d
}

.edit__link[data-v-82dc0f8c] {
    text-decoration: underline;
    color: var(--color-scheme-active)
}

.edit__form-fields[data-v-82dc0f8c] {
    display: flex;
    flex-direction: column;
    gap: 16px
}

.edit__button[data-v-82dc0f8c] {
    max-width: 114px;
    margin-top: 24px;
    margin-left: auto
}

.edit__error[data-v-82dc0f8c] {
    font-weight: 400;
    font-size: 12px;
    line-height: 100%;
    color: #ff4d4f
}

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

.delete[data-v-86dcf492] {
    display: flex;
    flex-direction: column;
    gap: 16px;
    max-width: 528px;
    width: 100%;
    padding: 24px;
    background: #fff;
    border-radius: 12px
}

.dark .delete[data-v-86dcf492] {
    background: #383a3f
}

.delete__title[data-v-86dcf492] {
    font-weight: 500;
    font-size: 16px;
    line-height: 120%;
    margin: 0;
    color: #242629
}

.dark .delete__title[data-v-86dcf492] {
    color: #ddd
}

.delete__button[data-v-86dcf492] {
    max-width: 104px;
    margin-left: auto
}

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

.channel[data-v-e3060c29] {
    flex: 1 1 auto;
    display: flex;
    gap: 16px;
    padding: 16px;
    background: #f8f8fb;
    flex-direction: column;
    overflow-y: auto
}

.dark .channel[data-v-e3060c29] {
    background: #2f3136
}

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

.card[data-v-6570ad66] {
    display: flex;
    gap: 24px;
    justify-content: space-between;
    width: 100%;
    padding: 16px;
    background: #fff;
    transition: all .2s ease-in-out;
    cursor: pointer;
    flex-direction: column;
    border: 1px solid #E5E7EE;
    border-radius: 8px;
    text-decoration: none
}

.card.soon[data-v-6570ad66] {
    opacity: .6
}

.card.disabled[data-v-6570ad66] {
    pointer-events: none
}

.dark .card[data-v-6570ad66] {
    background-color: #2f3136;
    border-color: transparent
}

.card[data-v-6570ad66]:hover {
    border-color: #cacad2
}

.dark .card[data-v-6570ad66]:hover {
    background-color: #242629;
    border-color: #2a2a2a
}

.card__top[data-v-6570ad66] {
    display: flex;
    gap: 16px;
    justify-content: space-between;
    align-items: flex-start;
    width: 100%
}

.card__text[data-v-6570ad66] {
    display: flex;
    gap: 8px;
    flex-direction: column
}

.card__title[data-v-6570ad66] {
    font-weight: 500;
    font-size: 14px;
    line-height: 110%;
    display: flex;
    gap: 5px;
    align-items: center;
    color: #000
}

.dark .card__title[data-v-6570ad66] {
    color: #ddd
}

.card__description[data-v-6570ad66] {
    font-weight: 400;
    font-size: 14px;
    line-height: 120%;
    color: #acb1c2
}

.dark .card__description[data-v-6570ad66] {
    color: #8d8d8d
}

.card__icon[data-v-6570ad66] {
    flex: none;
    width: 32px;
    height: 32px
}

.card__status[data-v-6570ad66] {
    font-weight: 400;
    font-size: 14px;
    line-height: 145%;
    display: flex;
    gap: 4px;
    align-items: center;
    color: var(--color-scheme-active)
}

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

.ai-settings[data-v-4766db12] {
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding: 16px;
    background: #f8f8fb;
    overflow-y: auto
}

.dark .ai-settings[data-v-4766db12] {
    background: #2f3136
}

.ai-settings__box[data-v-4766db12] {
    display: flex;
    flex-direction: column;
    gap: 24px;
    max-width: 980px;
    width: 100%;
    padding: 24px;
    background: #fff;
    border-radius: 12px
}

.dark .ai-settings__box[data-v-4766db12] {
    background: #383a3f
}

.ai-settings__title[data-v-4766db12] {
    font-weight: 500;
    font-size: 20px;
    line-height: 120%;
    margin: 0 0 8px;
    color: #242629
}

.dark .ai-settings__title[data-v-4766db12] {
    color: #ddd
}

.ai-settings__block-title[data-v-4766db12] {
    font-weight: 500;
    font-size: 16px;
    line-height: 100%;
    display: flex;
    gap: 8px;
    align-items: center
}

.dark .ai-settings__block-title[data-v-4766db12] {
    color: #ddd
}

.ai-settings__cards[data-v-4766db12] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 16px
}

.ai-settings__description[data-v-4766db12] {
    font-weight: 400;
    font-size: 14px;
    line-height: 125%;
    margin: 0;
    white-space: pre-wrap;
    color: #60636c;
    max-width: 740px
}

.dark .ai-settings__description[data-v-4766db12] {
    color: #8d8d8d
}

.ai-settings__wrapper[data-v-4766db12] {
    display: flex;
    flex-direction: column;
    gap: 24px
}

.ai-settings__block[data-v-4766db12] {
    display: flex;
    flex-direction: column;
    gap: 16px
}

.ai-settings__announcement[data-v-4766db12] {
    font-weight: 400;
    font-size: 14px;
    line-height: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    min-height: 48px;
    padding: 4px 12px;
    color: #000;
    background: #ff909763;
    border-radius: 8px
}

.ai-settings__announcement-column[data-v-4766db12] {
    display: inline-flex;
    gap: 4px
}

.ai-settings__announcement-link[data-v-4766db12] {
    text-decoration: underline
}

.ai-settings__subscribe[data-v-4766db12] {
    font-weight: 600;
    font-size: 14px;
    line-height: 100%;
    color: #f73b74;
    text-decoration: none;
    transition: all .2s ease-in-out
}

.ai-settings__subscribe[data-v-4766db12]:hover {
    color: #f50a51
}

.ai-settings__list[data-v-4766db12] {
    font-weight: 400;
    font-size: 14px;
    line-height: 124%;
    margin-top: 16px;
    margin-bottom: 0;
    padding-left: 22px;
    color: #60636c
}

.dark .ai-settings__list-item[data-v-4766db12] {
    color: #ddd
}

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

.service-card[data-v-96f563fc] {
    width: 100%;
    padding: 16px;
    background: #fff;
    border: 1px solid #e5e7ee;
    border-radius: 8px;
    text-decoration: none;
    transition: all .2s ease-in-out
}

.service-card[data-v-96f563fc]:hover {
    border-color: #cacad2
}

.dark .service-card[data-v-96f563fc]:hover {
    background-color: #242629;
    border-color: #2a2a2a
}

.dark .service-card[data-v-96f563fc] {
    background-color: #2f3136;
    border-color: transparent
}

.service-card__head[data-v-96f563fc] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 24px
}

.service-card__head-icon[data-v-96f563fc] {
    flex: none;
    display: block;
    max-width: 100%;
    height: 32px
}

.service-card__head-status[data-v-96f563fc] {
    display: flex;
    align-items: center;
    margin-left: 10px
}

.service-card__head-status span[data-v-96f563fc] {
    display: block;
    margin-right: 4px;
    font-weight: 500;
    font-size: 12px;
    line-height: 12px;
    color: #93969f
}

.service-card_connected .service-card__head-status span[data-v-96f563fc] {
    color: #6c78f4
}

.service-card__info[data-v-96f563fc] {
    margin-top: auto
}

.service-card__info-row[data-v-96f563fc] {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.service-card__info-name[data-v-96f563fc] {
    width: 100%;
    font-weight: 500;
    font-size: 14px;
    line-height: 16px;
    color: #000
}

.dark .service-card__info-name[data-v-96f563fc] {
    color: #ddd
}

.service-card__info-platforms[data-v-96f563fc] {
    flex: none
}

.service-card__info-description[data-v-96f563fc] {
    margin-top: 6px;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: #00000080
}

.dark .service-card__info-description[data-v-96f563fc] {
    color: #ddd
}

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

.import[data-v-ae26d99a] {
    flex: 1 1 auto;
    overflow-y: auto;
    padding: 16px
}

.dark .import[data-v-ae26d99a] {
    background: #2f3136
}

.import__box[data-v-ae26d99a] {
    max-width: 980px;
    width: 100%;
    background: #fff;
    border-radius: 12px
}

.dark .import__box[data-v-ae26d99a] {
    background: #383a3f
}

.import__box-head[data-v-ae26d99a] {
    padding: 24px 24px 0
}

.import__box-body[data-v-ae26d99a] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    grid-gap: 15px;
    padding: 24px
}

.import__box-title[data-v-ae26d99a] {
    font-weight: 500;
    font-size: 20px;
    line-height: 120%
}

.dark .import__box-title[data-v-ae26d99a] {
    color: #ddd
}

.import__description[data-v-ae26d99a] {
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
    margin-top: 8px;
    white-space: pre-wrap;
    color: #60636c
}

.import__description a[data-v-ae26d99a] {
    text-decoration: none;
    color: var(--color-scheme-active)
}

.dark .import__description[data-v-ae26d99a] {
    color: #8d8d8d
}

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

.v-select__img[data-v-de997f54] {
    width: 22px;
    height: 22px;
    overflow: hidden;
    border-radius: 50%;
    object-fit: cover
}

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

.v-select__selected[data-v-d5e0b347] {
    display: grid;
    grid-template-columns: 1fr;
    align-items: center;
    width: 100%;
    height: 34px;
    background-color: #fff;
    border: 1px solid #EDEDF5;
    border-radius: 4px
}

.v-select__selected_has-icon[data-v-d5e0b347] {
    grid-template-columns: max-content 1fr;
    grid-column-gap: 9px
}

.v-select_dropdown-opened .v-select__selected[data-v-d5e0b347] {
    border-color: transparent;
    border-radius: 4px 4px 0 0;
    box-shadow: 0 2px 5px #0000001a
}

.dark .v-select__selected[data-v-d5e0b347] {
    border-color: #1e1f22;
    background-color: #2f3136
}

.v-select__selected-item-texts[data-v-d5e0b347] {
    width: 100%;
    text-overflow: ellipsis
}

.v-select__selected-item-placeholder[data-v-d5e0b347] {
    position: absolute;
    top: 50%;
    font-size: 12px;
    font-weight: 300;
    line-height: 14px;
    color: #aeaeae;
    transform: translateY(-50%);
    transition: all .2s linear
}

.v-select_selected .v-select__selected-item-placeholder[data-v-d5e0b347] {
    top: 3px;
    font-size: 10px;
    line-height: 12px;
    transform: translate(0)
}

.v-select__selected-item-name[data-v-d5e0b347] {
    position: absolute;
    bottom: 4px;
    overflow: hidden;
    font-size: 12px;
    font-weight: 300;
    line-height: 14px;
    color: #1e1e1e;
    text-overflow: ellipsis
}

.dark .v-select__selected-item-name[data-v-d5e0b347] {
    color: #ddd
}

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

.v-select__search[data-v-8551db49] {
    position: relative
}

.dark .v-select__search[data-v-8551db49] {
    background-color: #383a3f;
    border-color: #2a2a2a
}

.v-select__search-input[data-v-8551db49] {
    display: block;
    width: 100%;
    height: 38px;
    margin-top: -4px;
    padding: 0 11px 0 41px;
    font-size: .75rem;
    font-weight: 300;
    background-color: transparent;
    border: none;
    outline: none;
    box-shadow: none!important
}

.dark .v-select__search-input[data-v-8551db49] {
    color: #ddd
}

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

.v-select__dropdown-item[data-v-ea4c6907] {
    display: grid!important;
    grid-template-columns: 1fr;
    align-items: center;
    height: 36px!important;
    padding: 0 7px;
    overflow: hidden;
    transition: all .1s linear;
    cursor: pointer;
    text-overflow: ellipsis
}

.v-select__dropdown-item[data-v-ea4c6907]:hover {
    background-color: #f8f8fb
}

.v-select__dropdown-item_has-icon[data-v-ea4c6907] {
    grid-template-columns: max-content 1fr;
    grid-column-gap: 9px
}

.v-select__dropdown-item_selected[data-v-ea4c6907] {
    background-color: #ededf5
}

.dark .v-select__dropdown-item_selected[data-v-ea4c6907] {
    color: #000
}

.dark .v-select__dropdown-item[data-v-ea4c6907] {
    color: #ddd
}

.dark .v-select__dropdown-item[data-v-ea4c6907]:hover {
    background-color: #383a3f
}

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

.v-select__dropdown[data-v-be999ace] {
    position: absolute!important;
    top: 100%;
    z-index: 5;
    width: 100%;
    min-width: auto;
    padding: 4px 0;
    background-color: #fff;
    max-height: 226px;
    border-radius: 0 0 4px 4px;
    overflow-y: auto!important;
    box-shadow: none
}

.v-select_dropdown-opened .v-select__dropdown[data-v-be999ace] {
    box-shadow: 0 2px 5px #0000001a
}

.dark .v-select__dropdown[data-v-be999ace] {
    border: 1px solid #1E1F22;
    background-color: #2f3136;
    box-shadow: 0 6px 13px #1919197a
}

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

.v-select[data-v-2987844b] {
    position: relative;
    width: 100%
}

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

.upload-file-dropzone[data-v-c9512e4c] {
    position: relative
}

.upload-file-dropzone__dropzone[data-v-c9512e4c] {
    position: relative;
    height: 50px;
    min-height: 50px;
    padding: 0;
    color: #a5a8b2;
    border: 1px dashed;
    border-radius: 8px;
    transition: .2s ease;
    cursor: pointer
}

.upload-file-dropzone__dropzone_selected[data-v-c9512e4c] {
    background-color: #f8f8fb
}

.dark .upload-file-dropzone__dropzone_selected[data-v-c9512e4c] {
    background-color: #2f3136
}

.upload-file-dropzone__dropzone_disabled[data-v-c9512e4c] {
    pointer-events: none;
    opacity: .5;
    cursor: default
}

.upload-file-dropzone__dropzone[data-v-c9512e4c] .dz-message {
    display: flex!important;
    justify-content: center;
    align-items: center;
    height: 100%;
    margin: 0
}

.upload-file-dropzone__content[data-v-c9512e4c] {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%
}

.upload-file-dropzone__icon[data-v-c9512e4c] {
    margin-right: 10px
}

.upload-file-dropzone__label[data-v-c9512e4c] {
    font-weight: 400;
    font-size: 14px;
    line-height: 17px
}

.upload-file-dropzone__clear-icon[data-v-c9512e4c] {
    position: absolute;
    top: 13px;
    right: 14px;
    z-index: 1
}

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

.progress[data-v-805beae0] {
    padding: 12px;
    border-radius: 8px;
    background-color: #f8f8fb
}

.dark .progress[data-v-805beae0] {
    background-color: #2f3136
}

.progress__title[data-v-805beae0] {
    margin-bottom: 8px;
    font-weight: 500;
    font-size: 16px;
    line-height: 16px;
    color: #242629
}

.dark .progress__title[data-v-805beae0] {
    color: #ddd
}

.progress__target-name[data-v-805beae0] {
    margin-bottom: 4px;
    font-weight: 400;
    font-size: 13px;
    line-height: 15.5px;
    color: #60636c
}

.dark .progress__target-name[data-v-805beae0] {
    color: #ddd
}

.progress__value[data-v-805beae0] {
    display: grid;
    grid-template-columns: 1fr 30px;
    grid-column-gap: 8px;
    align-items: center;
    font-weight: 400;
    font-size: 13px;
    line-height: 13px;
    color: #60636c;
    text-align: end
}

.dark .progress__value[data-v-805beae0] {
    color: #ddd
}

.progress__line-wrapper[data-v-805beae0] {
    height: 8px;
    overflow: hidden;
    background-color: #d5d8fd;
    border-radius: 4px
}

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

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

.history[data-v-463c7b15] {
    max-width: 974px;
    padding: 24px;
    border-radius: 12px;
    background-color: #fff
}

.dark .history[data-v-463c7b15] {
    color: #ddd;
    background-color: #383a3f
}

.history__title[data-v-463c7b15] {
    margin-bottom: 24px;
    font-weight: 500;
    font-size: 16px;
    line-height: 20px
}

.dark .history__title[data-v-463c7b15] {
    color: #ddd
}

.history__items[data-v-463c7b15] {
    display: grid;
    grid-auto-flow: row;
    grid-auto-rows: max-content;
    grid-row-gap: 8px
}

.history__header[data-v-463c7b15] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: 16px;
    padding-bottom: 8px;
    border-bottom: 1px solid #EDEDF5;
    font-weight: 500;
    font-size: 14px;
    line-height: 17px
}

.dark .history__header[data-v-463c7b15] {
    border-color: #2a2a2a
}

.history__item[data-v-463c7b15] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: 16px;
    font-weight: 400;
    font-size: 14px;
    line-height: 17px
}

.history__status.yellow[data-v-463c7b15] {
    color: #ee8913
}

.history__status.green[data-v-463c7b15] {
    color: #01a930
}

.history__status.red[data-v-463c7b15] {
    color: #d10002
}

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

.notion[data-v-5cd1d034] {
    display: flex;
    flex-direction: column;
    gap: 16px;
    height: 100%;
    padding: 16px;
    overflow-y: auto
}

.dark .notion[data-v-5cd1d034] {
    background: #2f3136
}

.notion__box[data-v-5cd1d034] {
    flex: none;
    width: 100%;
    border-radius: 12px;
    background: #fff;
    max-width: 548px
}

.dark .notion__box[data-v-5cd1d034] {
    background: #383a3f
}

.notion__head[data-v-5cd1d034] {
    padding: 24px 24px 0
}

.notion__row[data-v-5cd1d034] {
    display: flex;
    gap: 7px;
    align-items: center
}

.notion__title[data-v-5cd1d034] {
    font-weight: 500;
    font-size: 20px;
    line-height: 24px;
    color: #242629
}

.dark .notion__title[data-v-5cd1d034] {
    color: #ddd
}

.notion__description[data-v-5cd1d034] {
    max-width: 400px;
    margin-top: 20px;
    font-weight: 400;
    font-size: 14px;
    line-height: 17px
}

.dark .notion__description[data-v-5cd1d034] {
    color: #ddd
}

.notion__body[data-v-5cd1d034] {
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding: 30px 20px
}

.notion__row[data-v-5cd1d034] {
    display: flex;
    align-items: center
}

.notion__select[data-v-5cd1d034] {
    max-width: 300px;
    border: 1px solid #EDEDF5
}

.dark .notion__select[data-v-5cd1d034] {
    border-color: #a5a8b280
}

.notion__file-title[data-v-5cd1d034] {
    max-width: 475px;
    font-weight: 300;
    font-size: 14px;
    line-height: 20px
}

.notion__file-title[data-v-5cd1d034] a {
    font-weight: 700;
    color: var(--color-scheme-active);
    text-decoration: none
}

.notion__file-title[data-v-5cd1d034] a:hover {
    text-decoration: underline
}

.notion__file-title[data-v-5cd1d034] span {
    font-weight: 700
}

.dark .notion__file-title[data-v-5cd1d034] {
    color: #ddd
}

.notion__file-dropzone[data-v-5cd1d034] {
    margin-top: 14px
}

.notion__file-dropzone.disable[data-v-5cd1d034] {
    pointer-events: none
}

.notion__file-dropzone[data-v-5cd1d034] .upload-file-dropzone__label {
    max-width: 385px;
    overflow: hidden;
    text-overflow: ellipsis
}

.notion__text[data-v-5cd1d034] {
    max-width: 400px;
    margin-top: 20px;
    font-weight: 400;
    font-size: 14px;
    line-height: 17px
}

.dark .notion__text[data-v-5cd1d034] {
    color: #ddd
}

.notion__button[data-v-5cd1d034] {
    margin-left: auto
}

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

.key[data-v-36e3c9b1] {
    max-width: 974px;
    border-radius: 12px;
    background-color: #fff
}

.dark .key[data-v-36e3c9b1] {
    background-color: #383a3f
}

.key__top[data-v-36e3c9b1] {
    padding: 24px;
    border-bottom: 1px solid #EDEDF5
}

.dark .key__top[data-v-36e3c9b1] {
    border-color: #2a2a2a
}

.key__header[data-v-36e3c9b1] {
    font-weight: 500;
    font-size: 20px;
    line-height: 24px;
    display: grid;
    grid-template-columns: max-content 1fr;
    grid-column-gap: 8px;
    align-items: center;
    margin-bottom: 8px;
    color: #242629
}

.dark .key__header[data-v-36e3c9b1] {
    color: #ddd
}

.key__description[data-v-36e3c9b1] {
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    margin: 0;
    color: #60636c
}

.key__description[data-v-36e3c9b1] a {
    color: var(--color-scheme-active)
}

.dark .key__description[data-v-36e3c9b1] {
    color: #ddd
}

.key__wrapper[data-v-36e3c9b1] {
    display: grid;
    grid-template-columns: 1fr max-content;
    grid-column-gap: 8px;
    justify-content: space-between;
    align-items: flex-end;
    padding: 24px
}

.key__label[data-v-36e3c9b1] {
    font-weight: 500;
    font-size: 14px;
    line-height: 17.5px;
    margin-bottom: 8px;
    color: #202430
}

.dark .key__label[data-v-36e3c9b1] {
    color: #ddd
}

.key__input[data-v-36e3c9b1] {
    max-width: 480px
}

.key__button[data-v-36e3c9b1] {
    width: 140px
}

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

.card[data-v-98c10e33] {
    display: flex;
    flex-direction: column;
    gap: 48px;
    padding: 16px;
    border-radius: 8px;
    background-color: #fff;
    border: 1px solid #EDEDF5
}

.dark .card[data-v-98c10e33] {
    background-color: #383a3f;
    border-color: #2a2a2a
}

.card__title[data-v-98c10e33] {
    font-weight: 600;
    font-size: 11px;
    line-height: 112%;
    margin-bottom: 8px;
    color: var(--color-scheme-active)
}

.card__subtitle[data-v-98c10e33] {
    font-weight: 500;
    font-size: 14px;
    line-height: 110%;
    margin-bottom: 6px;
    white-space: pre-wrap;
    color: #202430
}

.dark .card__subtitle[data-v-98c10e33] {
    color: #ddd
}

.card__description[data-v-98c10e33] {
    font-weight: 400;
    font-size: 12px;
    line-height: 120%;
    margin-bottom: 6px;
    white-space: pre-wrap;
    color: #acb1c2
}

.card__image[data-v-98c10e33] {
    width: 100%;
    max-height: 100px;
    object-fit: contain
}

.card__select[data-v-98c10e33] .select__dropdown {
    width: 420px
}

.card__create[data-v-98c10e33] {
    font-weight: 400;
    font-size: 14px;
    line-height: 110%;
    display: flex;
    gap: 8px;
    align-items: center;
    height: 32px;
    margin-top: 4px;
    padding: 4px 8px;
    color: #60636c;
    border-radius: 8px;
    transition: all .2s ease-in-out
}

.card__create[data-v-98c10e33]:hover {
    background-color: #f8f8fb
}

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

.place__button[data-v-fc7a4483] {
    width: 160px
}

.place__row[data-v-fc7a4483] {
    display: flex;
    gap: 10px;
    justify-content: space-between;
    align-items: center;
    margin-top: 24px
}

.place__wrapper[data-v-fc7a4483] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 16px
}

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

.progress[data-v-fd236dc6] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 12px;
    border-radius: 8px;
    background-color: #f8f8fb
}

.dark .progress[data-v-fd236dc6] {
    background-color: #2f3136
}

.progress__processing[data-v-fd236dc6] {
    display: flex;
    flex-direction: column;
    gap: 12px
}

.progress__top[data-v-fd236dc6] {
    display: flex;
    gap: 4px;
    align-items: center
}

.progress__bottom[data-v-fd236dc6] {
    display: flex;
    flex-direction: column;
    gap: 8px
}

.progress__title[data-v-fd236dc6] {
    font-weight: 500;
    font-size: 14px;
    line-height: 110%;
    color: #242629
}

.dark .progress__title[data-v-fd236dc6] {
    color: #e5e7ee
}

.progress__percent[data-v-fd236dc6] {
    font-weight: 500;
    font-size: 14px;
    line-height: 110%;
    color: #acb1c2
}

.dark .progress__percent[data-v-fd236dc6] {
    color: #93969f
}

.progress__status[data-v-fd236dc6] {
    font-weight: 500;
    font-size: 12px;
    line-height: 110%;
    color: #acb1c2
}

.dark .progress__status[data-v-fd236dc6] {
    color: #93969f
}

.progress__line-wrapper[data-v-fd236dc6] {
    display: flex;
    align-items: center;
    height: 4px;
    overflow: hidden;
    background-color: #d5d8fd;
    border-radius: 4px
}

.progress__line[data-v-fd236dc6] {
    height: 3px;
    background-color: var(--color-scheme-active);
    border-radius: 4px
}

.progress__failed[data-v-fd236dc6],
.progress__finished[data-v-fd236dc6] {
    font-weight: 500;
    font-size: 14px;
    line-height: 110%;
    display: flex;
    gap: 8px;
    align-items: center;
    color: #242629
}

.dark .progress__failed[data-v-fd236dc6],
.dark .progress__finished[data-v-fd236dc6] {
    color: #e5e7ee
}

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

.history[data-v-3c9c2186] {
    padding: 24px;
    border-radius: 12px;
    background-color: #fff
}

.dark .history[data-v-3c9c2186] {
    color: #ddd;
    background-color: #383a3f
}

.history__title[data-v-3c9c2186] {
    margin-bottom: 24px;
    font-weight: 500;
    font-size: 16px;
    line-height: 20px
}

.dark .history__title[data-v-3c9c2186] {
    color: #ddd
}

.history__items[data-v-3c9c2186] {
    display: grid;
    grid-auto-flow: row;
    grid-auto-rows: max-content;
    grid-row-gap: 8px
}

.history__header[data-v-3c9c2186] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: 16px;
    padding-bottom: 8px;
    border-bottom: 1px solid #EDEDF5;
    font-weight: 500;
    font-size: 14px;
    line-height: 17px
}

.dark .history__header[data-v-3c9c2186] {
    border-color: #2a2a2a
}

.history__item[data-v-3c9c2186] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: 16px;
    font-weight: 400;
    font-size: 14px;
    line-height: 17px
}

.history__status.yellow[data-v-3c9c2186] {
    color: #ee8913
}

.history__status.green[data-v-3c9c2186] {
    color: #01a930
}

.history__status.red[data-v-3c9c2186] {
    color: #d10002
}

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

.api[data-v-b7fdc8ea] {
    display: flex;
    flex-direction: column;
    gap: 16px;
    height: 100%;
    padding: 16px;
    overflow-y: auto
}

.dark .api[data-v-b7fdc8ea] {
    background: #2f3136
}

.api__box[data-v-b7fdc8ea] {
    display: flex;
    flex-direction: column;
    gap: 24px;
    max-width: 974px;
    padding: 24px;
    border-radius: 12px;
    background-color: #fff
}

.dark .api__box[data-v-b7fdc8ea] {
    background-color: #383a3f
}

.api__history[data-v-b7fdc8ea] {
    max-width: 974px
}

.v-button {
    display: block;
    margin: 24px 0 0 auto;
    padding: 12px 33px;
    color: #fff;
    background: var(--color-scheme-active);
    cursor: pointer;
    border-radius: 4px;
    font-weight: 400;
    font-size: 14px;
    line-height: 17px
}

.v-button:disabled {
    background: #aeaeae14
}

.v-button:disabled span {
    opacity: .4;
    color: #acb1c2
}

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

.event[data-v-ac3c9e40] {
    padding: 12px;
    background-color: #f8f8fb;
    border-radius: 8px
}

.dark .event[data-v-ac3c9e40] {
    background-color: #2f3136
}

.event__title[data-v-ac3c9e40] {
    flex: 1;
    margin-right: 5px;
    overflow: hidden;
    color: #242629;
    text-overflow: ellipsis;
    font-weight: 500;
    font-size: 16px;
    line-height: 19px
}

.dark .event__title[data-v-ac3c9e40] {
    color: #ddd
}

.event__error[data-v-ac3c9e40] {
    margin-top: 10px;
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
    color: #ff4d4f
}

.event__description[data-v-ac3c9e40] {
    margin-top: 10px;
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
    color: #262626
}

.dark .event__description[data-v-ac3c9e40] {
    color: #ddd
}

.event__process-row[data-v-ac3c9e40] {
    display: flex;
    gap: 8px;
    justify-content: space-between;
    align-items: center
}

.event__process-progress-line[data-v-ac3c9e40] {
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 8px;
    background-color: var(--color-scheme-active);
    border-radius: 4px
}

.dark .event__process-progress-line[data-v-ac3c9e40] {
    background-color: var(--color-scheme-active)
}

.event__process-progress[data-v-ac3c9e40] {
    position: relative;
    width: 100%;
    height: 8px;
    background-color: var(--color-scheme-active-lighten-90);
    border-radius: 4px
}

.dark .event__process-progress[data-v-ac3c9e40] {
    background-color: var(--color-scheme-active-lighten-90)
}

.event__process-progress-percent[data-v-ac3c9e40] {
    font-weight: 400;
    font-size: 13px;
    line-height: 100%;
    text-align: right;
    min-width: 35px;
    color: #60636c
}

.dark .event__process-progress-percent[data-v-ac3c9e40] {
    color: #8d8d8d
}

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

.events[data-v-703a9c27] {
    display: grid;
    grid-auto-flow: row;
    grid-auto-rows: max-content;
    grid-row-gap: 10px;
    margin: 20px 0
}

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

.binding__box[data-v-93176dfa] {
    flex: none;
    flex: 1 1 1px;
    width: 100%;
    margin: 10px;
    background: #fff;
    max-width: 548px;
    box-shadow: 0 3px 6px #9f9f9f38;
    border-radius: 4px
}

.dark .binding__box[data-v-93176dfa] {
    box-shadow: 0 3px 6px #1e1e1e61;
    background: #383a3f
}

.binding__head[data-v-93176dfa] {
    padding: 30px 20px 0
}

.binding__row[data-v-93176dfa] {
    display: flex;
    align-items: center
}

.binding__title[data-v-93176dfa] {
    font-weight: 600;
    line-height: 100%
}

.dark .binding__title[data-v-93176dfa] {
    color: #ddd
}

.binding__description[data-v-93176dfa] {
    max-width: 400px;
    margin-top: 20px;
    font-weight: 400;
    font-size: 14px;
    line-height: 17px
}

.dark .binding__description[data-v-93176dfa] {
    color: #ddd
}

.binding__body[data-v-93176dfa] {
    padding: 30px 20px
}

.binding__selects-placeholders[data-v-93176dfa] {
    display: grid;
    grid-template-columns: calc(50% - 9.5px) calc(50% - 9.5px);
    grid-gap: 19px
}

.binding__selects-placeholder[data-v-93176dfa] {
    font-weight: 400;
    font-size: 14px;
    line-height: 17px
}

.dark .binding__selects-placeholder[data-v-93176dfa] {
    color: #ddd
}

.binding__selects[data-v-93176dfa] {
    display: grid;
    grid-gap: 12px
}

.binding__selects-row[data-v-93176dfa] {
    display: grid;
    grid-template-columns: calc(50% - 9.5px) calc(50% - 9.5px);
    grid-gap: 19px
}

.binding__select[data-v-93176dfa] {
    max-width: 238px;
    border: 1px solid #EDEDF5
}

.dark .binding__select[data-v-93176dfa] {
    border-color: #a5a8b280
}

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

.json[data-v-c69b3f8a] {
    flex: 1 1 auto;
    display: flex;
    padding: 16px;
    overflow: auto;
    background: #f8f8fb;
    flex-direction: column
}

.dark .json[data-v-c69b3f8a] {
    background-color: #2f3136
}

.json__box[data-v-c69b3f8a] {
    flex: none;
    flex: 1 1 1px;
    width: 100%;
    background: #fff;
    max-width: 548px;
    border-radius: 12px
}

.dark .json__box[data-v-c69b3f8a] {
    background: #383a3f
}

.json__head[data-v-c69b3f8a] {
    padding: 30px 24px 0
}

.json__title[data-v-c69b3f8a] {
    font-weight: 600;
    line-height: 100%
}

.dark .json__title[data-v-c69b3f8a] {
    color: #ddd
}

.json__description[data-v-c69b3f8a] {
    max-width: 400px;
    margin-top: 20px;
    font-weight: 400;
    font-size: 14px;
    line-height: 17px
}

.dark .json__description[data-v-c69b3f8a] {
    color: #ddd
}

.json__body[data-v-c69b3f8a] {
    padding: 30px 24px
}

.json__row[data-v-c69b3f8a] {
    display: flex;
    gap: 7px;
    align-items: center
}

.json__select[data-v-c69b3f8a] {
    max-width: 300px;
    border: 1px solid #EDEDF5
}

.dark .json__select[data-v-c69b3f8a] {
    border-color: #a5a8b280
}

.json__file[data-v-c69b3f8a] {
    margin-top: 20px
}

.json__file-title[data-v-c69b3f8a] {
    font-weight: 300;
    font-size: 14px;
    line-height: 20px
}

.json__file-title[data-v-c69b3f8a] a {
    font-weight: 700;
    color: var(--color-scheme-active);
    text-decoration: none
}

.json__file-title[data-v-c69b3f8a] a:hover {
    text-decoration: underline
}

.json__file-title[data-v-c69b3f8a] span {
    font-weight: 700
}

.dark .json__file-title[data-v-c69b3f8a] {
    color: #ddd
}

.json__file-dropzone[data-v-c69b3f8a] {
    margin-top: 14px
}

.json__file-dropzone.disable[data-v-c69b3f8a] {
    pointer-events: none
}

.json__text[data-v-c69b3f8a] {
    max-width: 400px;
    margin-top: 20px;
    font-weight: 400;
    font-size: 14px;
    line-height: 17px
}

.dark .json__text[data-v-c69b3f8a] {
    color: #ddd
}

.json__link-to-board[data-v-c69b3f8a] {
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
    color: var(--color-scheme-active);
    text-transform: unset
}

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

.button[data-v-0fd8d288] {
    display: flex;
    gap: 10px;
    align-items: center;
    margin-top: 30px;
    padding: 10px 16.5px;
    color: #fff;
    background: #2684ff;
    max-width: fit-content;
    border-radius: 8px;
    text-decoration: none;
    font-weight: 400;
    font-size: 14px;
    line-height: 16px
}

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

.account[data-v-b1b9216c] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 12px;
    background: #f8f8fb;
    border-radius: 8px
}

.dark .account[data-v-b1b9216c] {
    background-color: #2f3136
}

.account__name[data-v-b1b9216c] {
    font-weight: 500;
    font-size: 14px;
    line-height: 16px;
    color: #242629
}

.dark .account__name[data-v-b1b9216c] {
    color: #ddd
}

.account__email[data-v-b1b9216c] {
    margin-top: 2px;
    font-weight: 400;
    font-size: 12px;
    line-height: 14px;
    color: #acb1c2
}

.dark .account__email[data-v-b1b9216c] {
    color: #ddd
}

.account__change[data-v-b1b9216c] {
    font-weight: 300;
    font-size: 14px;
    line-height: 16px;
    color: #aeaeae
}

.dark .account__change[data-v-b1b9216c] {
    color: #8d8d8d
}

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

.api[data-v-8d323806] {
    flex: 1 1 auto;
    display: flex;
    padding: 16px;
    flex-direction: column;
    overflow: auto;
    background: #f8f8fb
}

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

.api__box[data-v-8d323806] {
    flex: none;
    flex: 1 1 1px;
    width: 100%;
    background: #fff;
    max-width: 548px;
    border-radius: 12px
}

.dark .api__box[data-v-8d323806] {
    background: #383a3f
}

.api__head[data-v-8d323806] {
    padding: 30px 20px 0
}

.api__title[data-v-8d323806] {
    font-weight: 600;
    line-height: 100%
}

.dark .api__title[data-v-8d323806] {
    color: #ddd
}

.api__description[data-v-8d323806] {
    max-width: 400px;
    margin-top: 20px;
    font-weight: 400;
    font-size: 14px;
    line-height: 17px
}

.api__weeek .api__description[data-v-8d323806] {
    max-width: 100%;
    margin-top: 0
}

.api__weeek .api__description[data-v-8d323806] {
    margin-bottom: 8px
}

.dark .api__description[data-v-8d323806] {
    color: #ddd
}

.api__body[data-v-8d323806] {
    padding: 0 20px 30px
}

.api__loading[data-v-8d323806] {
    display: flex;
    justify-content: center;
    margin-top: 35px
}

.api__row[data-v-8d323806] {
    display: flex;
    gap: 7px;
    align-items: center
}

.api__setting[data-v-8d323806] {
    display: grid;
    grid-gap: 24px;
    margin-top: 16px
}

.api__selects[data-v-8d323806] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 14px
}

.api__select-label[data-v-8d323806] {
    margin-bottom: 8px;
    font-weight: 300;
    font-size: 14px;
    line-height: 20px;
    color: #202430
}

.dark .api__select-label[data-v-8d323806] {
    color: #f8f8fb
}

.api__select[data-v-8d323806] {
    max-width: 300px;
    border: 1px solid #EDEDF5
}

.dark .api__select[data-v-8d323806] {
    border-color: #a5a8b280
}

.api__text[data-v-8d323806] {
    max-width: 400px;
    margin-top: 20px;
    font-weight: 400;
    font-size: 14px;
    line-height: 17px
}

.dark .api__text[data-v-8d323806] {
    color: #ddd
}

.api__events[data-v-8d323806] {
    margin: 0
}

.api__button[data-v-8d323806] {
    margin: 0 0 0 auto
}

.api__link-to-board[data-v-8d323806] {
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
    color: var(--color-scheme-active);
    text-transform: unset
}

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

.event[data-v-d6b674e9] {
    padding: 12px;
    background-color: #f8f8fb;
    border-radius: 8px
}

.dark .event[data-v-d6b674e9] {
    background-color: #2f3136
}

.event__title[data-v-d6b674e9] {
    flex: 1;
    margin-right: 5px;
    overflow: hidden;
    color: #242629;
    text-overflow: ellipsis;
    font-weight: 500;
    font-size: 16px;
    line-height: 19px
}

.dark .event__title[data-v-d6b674e9] {
    color: #ddd
}

.event__error[data-v-d6b674e9] {
    margin-top: 10px;
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
    color: #ff4d4f
}

.event__description[data-v-d6b674e9] {
    margin-top: 10px;
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
    color: #262626
}

.dark .event__description[data-v-d6b674e9] {
    color: #ddd
}

.event__process-row[data-v-d6b674e9] {
    display: flex;
    gap: 8px;
    justify-content: space-between;
    align-items: center
}

.event__process-progress-line[data-v-d6b674e9] {
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 8px;
    background-color: var(--color-scheme-active);
    border-radius: 4px
}

.dark .event__process-progress-line[data-v-d6b674e9] {
    background-color: var(--color-scheme-active)
}

.event__process-progress[data-v-d6b674e9] {
    position: relative;
    width: 100%;
    height: 8px;
    background-color: var(--color-scheme-active-lighten-90);
    border-radius: 4px
}

.dark .event__process-progress[data-v-d6b674e9] {
    background-color: var(--color-scheme-active-lighten-90)
}

.event__process-progress-percent[data-v-d6b674e9] {
    font-weight: 400;
    font-size: 13px;
    line-height: 100%;
    text-align: right;
    min-width: 35px;
    color: #60636c
}

.dark .event__process-progress-percent[data-v-d6b674e9] {
    color: #8d8d8d
}

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

.events[data-v-611afbf4] {
    display: grid;
    grid-auto-flow: row;
    grid-auto-rows: max-content;
    grid-row-gap: 10px;
    margin: 20px 0
}

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

.binding__box[data-v-68df1842] {
    flex: none;
    flex: 1 1 1px;
    width: 100%;
    margin: 10px;
    background: #fff;
    max-width: 548px;
    box-shadow: 0 3px 6px #9f9f9f38;
    border-radius: 4px
}

.dark .binding__box[data-v-68df1842] {
    box-shadow: 0 3px 6px #1e1e1e61;
    background: #383a3f
}

.binding__head[data-v-68df1842] {
    padding: 30px 20px 0
}

.binding__row[data-v-68df1842] {
    display: flex;
    align-items: center
}

.binding__title[data-v-68df1842] {
    font-weight: 600;
    line-height: 100%
}

.dark .binding__title[data-v-68df1842] {
    color: #ddd
}

.binding__description[data-v-68df1842] {
    max-width: 400px;
    margin-top: 20px;
    font-weight: 400;
    font-size: 14px;
    line-height: 17px
}

.dark .binding__description[data-v-68df1842] {
    color: #ddd
}

.binding__body[data-v-68df1842] {
    padding: 30px 20px
}

.binding__selects-placeholders[data-v-68df1842] {
    display: grid;
    grid-template-columns: calc(50% - 9.5px) calc(50% - 9.5px);
    grid-gap: 19px
}

.binding__selects-placeholder[data-v-68df1842] {
    font-weight: 400;
    font-size: 14px;
    line-height: 17px
}

.dark .binding__selects-placeholder[data-v-68df1842] {
    color: #ddd
}

.binding__selects[data-v-68df1842] {
    display: grid;
    grid-gap: 12px
}

.binding__selects-row[data-v-68df1842] {
    display: grid;
    grid-template-columns: calc(50% - 9.5px) calc(50% - 9.5px);
    grid-gap: 19px
}

.binding__select[data-v-68df1842] {
    max-width: 238px;
    border: 1px solid #EDEDF5
}

.dark .binding__select[data-v-68df1842] {
    border-color: #a5a8b280
}

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

.xml[data-v-71e14029] {
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    padding: 16px;
    overflow: auto;
    background: #f8f8fb
}

.dark .xml[data-v-71e14029] {
    background-color: #2f3136
}

.xml__box[data-v-71e14029] {
    flex: none;
    flex: 1 1 1px;
    width: 100%;
    background: #fff;
    max-width: 548px;
    border-radius: 12px
}

.dark .xml__box[data-v-71e14029] {
    background: #383a3f
}

.xml__head[data-v-71e14029] {
    padding: 30px 24px 0
}

.xml__title[data-v-71e14029] {
    font-weight: 600;
    line-height: 100%
}

.dark .xml__title[data-v-71e14029] {
    color: #ddd
}

.xml__description[data-v-71e14029] {
    max-width: 400px;
    margin-top: 20px;
    font-weight: 400;
    font-size: 14px;
    line-height: 17px
}

.dark .xml__description[data-v-71e14029] {
    color: #ddd
}

.xml__body[data-v-71e14029] {
    padding: 0 24px 30px
}

.xml__row[data-v-71e14029] {
    display: flex;
    gap: 7px;
    align-items: center
}

.xml__file[data-v-71e14029] {
    margin-top: 20px
}

.xml__file-title[data-v-71e14029] {
    font-weight: 300;
    font-size: 14px;
    line-height: 20px
}

.xml__file-title[data-v-71e14029] a {
    font-weight: 700;
    color: var(--color-scheme-active);
    text-decoration: none
}

.xml__file-title[data-v-71e14029] a:hover {
    text-decoration: underline
}

.xml__file-title[data-v-71e14029] span {
    font-weight: 700
}

.dark .xml__file-title[data-v-71e14029] {
    color: #ddd
}

.xml__file-dropzone[data-v-71e14029] {
    margin-top: 14px
}

.xml__file-dropzone.disabled[data-v-71e14029] {
    pointer-events: none
}

.xml__text[data-v-71e14029] {
    max-width: 400px;
    margin-top: 20px;
    font-weight: 400;
    font-size: 14px;
    line-height: 17px
}

.dark .xml__text[data-v-71e14029] {
    color: #ddd
}

.xml__links[data-v-71e14029] {
    display: grid;
    grid-auto-flow: row;
    grid-auto-rows: max-content;
    grid-row-gap: 4px;
    margin-top: 20px
}

.xml__link-to-project[data-v-71e14029] {
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
    color: var(--color-scheme-active);
    text-transform: unset
}

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

.key[data-v-0502bed6] {
    padding: 24px;
    border-radius: 12px;
    background-color: #fff
}

.dark .key[data-v-0502bed6] {
    background-color: #383a3f
}

.key__header[data-v-0502bed6] {
    display: grid;
    grid-template-columns: max-content 1fr;
    grid-column-gap: 8px;
    align-items: center;
    margin-bottom: 8px;
    font-weight: 500;
    font-size: 20px;
    line-height: 24px;
    color: #242629
}

.dark .key__header[data-v-0502bed6] {
    color: #ddd
}

.key__description[data-v-0502bed6] {
    margin-bottom: 24px;
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    color: #60636c
}

.dark .key__description[data-v-0502bed6] {
    color: #ddd
}

.key__instructions-link[data-v-0502bed6] {
    color: var(--color-scheme-active);
    text-decoration: unset
}

.key__wrapper[data-v-0502bed6] {
    display: grid;
    grid-template-columns: 1fr max-content;
    grid-column-gap: 8px;
    justify-content: space-between;
    align-items: flex-end
}

.key__label[data-v-0502bed6] {
    margin-bottom: 8px;
    font-weight: 500;
    font-size: 14px;
    line-height: 17.5px;
    color: #202430
}

.dark .key__label[data-v-0502bed6] {
    color: #ddd
}

.key__input[data-v-0502bed6] {
    max-width: 405px
}

.key__button[data-v-0502bed6] {
    width: 140px
}

.key__error[data-v-0502bed6] {
    margin-top: 8px;
    font-weight: 400;
    font-size: 10px;
    line-height: 12px;
    color: #f01414
}

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

.progress[data-v-5e6c9f3b] {
    padding: 12px;
    border-radius: 8px;
    background-color: #f8f8fb
}

.dark .progress[data-v-5e6c9f3b] {
    background-color: #2f3136
}

.progress__title[data-v-5e6c9f3b] {
    margin-bottom: 8px;
    font-weight: 500;
    font-size: 16px;
    line-height: 16px;
    color: #242629
}

.dark .progress__title[data-v-5e6c9f3b] {
    color: #ddd
}

.progress__target-name[data-v-5e6c9f3b] {
    margin-bottom: 4px;
    font-weight: 400;
    font-size: 13px;
    line-height: 15.5px;
    color: #60636c
}

.dark .progress__target-name[data-v-5e6c9f3b] {
    color: #ddd
}

.progress__value[data-v-5e6c9f3b] {
    display: grid;
    grid-template-columns: 1fr 30px;
    grid-column-gap: 8px;
    align-items: center;
    font-weight: 400;
    font-size: 13px;
    line-height: 13px;
    color: #60636c;
    text-align: end
}

.dark .progress__value[data-v-5e6c9f3b] {
    color: #ddd
}

.progress__line-wrapper[data-v-5e6c9f3b] {
    height: 8px;
    overflow: hidden;
    background-color: #d5d8fd;
    border-radius: 4px
}

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

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

.status[data-v-fd0a82c5] {
    padding: 16px 24px;
    text-align: center;
    font-weight: 400;
    font-size: 14px;
    line-height: 14px;
    border-radius: 8px
}

.status.green[data-v-fd0a82c5] {
    color: #01a930
}

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

.workspace[data-v-f2efc83e] {
    padding: 24px;
    border-radius: 12px;
    background-color: #fff
}

.dark .workspace[data-v-f2efc83e] {
    background-color: #383a3f
}

.workspace__title[data-v-f2efc83e] {
    margin-bottom: 24px;
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
    color: #202430
}

.dark .workspace__title[data-v-f2efc83e] {
    color: #ddd
}

.workspace__wrapper[data-v-f2efc83e] {
    display: grid;
    grid-template-columns: 1fr max-content;
    grid-gap: 8px;
    justify-content: space-between;
    align-items: flex-end
}

.workspace__label[data-v-f2efc83e] {
    margin-bottom: 8px;
    font-weight: 500;
    font-size: 14px;
    line-height: 17.5px;
    color: #202430
}

.dark .workspace__label[data-v-f2efc83e] {
    color: #ddd
}

.workspace__select[data-v-f2efc83e] {
    max-width: 405px
}

.workspace__button[data-v-f2efc83e] {
    width: 140px
}

.workspace__progress[data-v-f2efc83e] {
    margin-top: 24px
}

.workspace__status[data-v-f2efc83e] {
    margin-top: 8px
}

.key__error[data-v-f2efc83e] {
    margin-top: 8px;
    font-weight: 400;
    font-size: 10px;
    line-height: 12px;
    color: #f01414
}

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

.history[data-v-2f5a4796] {
    padding: 24px;
    border-radius: 12px;
    background-color: #fff
}

.dark .history[data-v-2f5a4796] {
    color: #ddd;
    background-color: #383a3f
}

.history__title[data-v-2f5a4796] {
    margin-bottom: 24px;
    font-weight: 500;
    font-size: 16px;
    line-height: 20px
}

.dark .history__title[data-v-2f5a4796] {
    color: #ddd
}

.history__items[data-v-2f5a4796] {
    display: grid;
    grid-auto-flow: row;
    grid-auto-rows: max-content;
    grid-row-gap: 8px
}

.history__header[data-v-2f5a4796] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: 16px;
    padding-bottom: 8px;
    border-bottom: 1px solid #EDEDF5;
    font-weight: 500;
    font-size: 14px;
    line-height: 17px
}

.dark .history__header[data-v-2f5a4796] {
    border-color: #2a2a2a
}

.history__item[data-v-2f5a4796] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: 16px;
    font-weight: 400;
    font-size: 14px;
    line-height: 17px
}

.history__status.yellow[data-v-2f5a4796] {
    color: #ee8913
}

.history__status.green[data-v-2f5a4796] {
    color: #01a930
}

.history__status.red[data-v-2f5a4796] {
    color: #d10002
}

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

.asana[data-v-081c4359] {
    display: grid;
    grid-auto-flow: row;
    grid-auto-rows: max-content;
    grid-row-gap: 16px;
    margin: 16px;
    max-width: 974px
}

.asana__progress[data-v-081c4359] {
    background-color: #fff
}

.dark .asana__progress[data-v-081c4359] {
    background-color: #383a3f
}

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

.settings-page__box[data-v-57e8be34] {
    max-width: 548px
}

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

.key[data-v-471d0830] {
    max-width: 974px;
    border-radius: 12px;
    background-color: #fff
}

.dark .key[data-v-471d0830] {
    background-color: #383a3f
}

.key__top[data-v-471d0830] {
    padding: 24px;
    border-bottom: 1px solid #EDEDF5
}

.dark .key__top[data-v-471d0830] {
    border-color: #2a2a2a
}

.key__header[data-v-471d0830] {
    font-weight: 500;
    font-size: 20px;
    line-height: 24px;
    display: grid;
    grid-template-columns: max-content 1fr;
    grid-column-gap: 8px;
    align-items: center;
    margin-bottom: 8px;
    color: #242629
}

.dark .key__header[data-v-471d0830] {
    color: #ddd
}

.key__description[data-v-471d0830] {
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    margin: 0;
    color: #60636c
}

.key__description[data-v-471d0830] a {
    color: var(--color-scheme-active)
}

.dark .key__description[data-v-471d0830] {
    color: #ddd
}

.key__wrapper[data-v-471d0830] {
    display: grid;
    grid-template-columns: 1fr max-content;
    grid-column-gap: 8px;
    justify-content: space-between;
    align-items: flex-end;
    padding: 24px
}

.key__label[data-v-471d0830] {
    font-weight: 500;
    font-size: 14px;
    line-height: 17.5px;
    margin-bottom: 8px;
    color: #202430
}

.dark .key__label[data-v-471d0830] {
    color: #ddd
}

.key__input[data-v-471d0830] {
    max-width: 480px
}

.key__button[data-v-471d0830] {
    width: 140px
}

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

.folder[data-v-ce57eeb4] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 16px;
    padding: 16px;
    border-radius: 8px;
    background-color: #fff;
    border: 1px solid #EDEDF5
}

.dark .folder[data-v-ce57eeb4] {
    background-color: #383a3f;
    border-color: #2a2a2a
}

.folder__column[data-v-ce57eeb4] {
    display: flex;
    flex-direction: column;
    gap: 48px
}

.folder__title[data-v-ce57eeb4] {
    font-weight: 600;
    font-size: 11px;
    line-height: 112%;
    margin-bottom: 8px;
    color: var(--color-scheme-active)
}

.folder__subtitle[data-v-ce57eeb4] {
    font-weight: 500;
    font-size: 14px;
    line-height: 110%;
    max-width: 250px;
    margin-bottom: 6px;
    white-space: pre-wrap;
    color: #202430
}

.dark .folder__subtitle[data-v-ce57eeb4] {
    color: #ddd
}

.folder__description[data-v-ce57eeb4] {
    font-weight: 400;
    font-size: 12px;
    line-height: 120%;
    margin-bottom: 6px;
    white-space: pre-wrap;
    color: #acb1c2
}

.folder__image[data-v-ce57eeb4] {
    width: 100%;
    object-fit: contain
}

.folder__select[data-v-ce57eeb4] .select__dropdown {
    width: 420px
}

.folder__create[data-v-ce57eeb4] {
    font-weight: 400;
    font-size: 14px;
    line-height: 110%;
    display: flex;
    gap: 8px;
    align-items: center;
    height: 32px;
    margin-top: 4px;
    padding: 4px 8px;
    color: #60636c;
    border-radius: 8px;
    transition: all .2s ease-in-out
}

.folder__create[data-v-ce57eeb4]:hover {
    background-color: #f8f8fb
}

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

.user[data-v-a963938e] {
    display: grid;
    grid-template-columns: 1fr 20px 1fr;
    grid-gap: 4px;
    align-items: center
}

.user__item[data-v-a963938e] {
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    display: flex;
    gap: 8px;
    align-items: center;
    height: 40px;
    padding: 0 12px;
    color: #202430;
    background-color: #f8f8fb;
    border-radius: 8px
}

.dark .user__item[data-v-a963938e] {
    color: #ddd;
    background-color: #2f3136
}

.user__icon[data-v-a963938e] {
    transform: rotate(180deg)
}

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

.users[data-v-3de565ec] {
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding: 16px;
    border-radius: 8px;
    background-color: #fff;
    border: 1px solid #EDEDF5
}

.dark .users[data-v-3de565ec] {
    background-color: #383a3f;
    border-color: #2a2a2a
}

.users__title[data-v-3de565ec] {
    font-weight: 600;
    font-size: 11px;
    line-height: 112%;
    margin-bottom: 8px;
    color: var(--color-scheme-active)
}

.users__subtitle[data-v-3de565ec] {
    font-weight: 500;
    font-size: 14px;
    line-height: 110%;
    margin-bottom: 6px;
    white-space: pre-wrap;
    color: #202430
}

.dark .users__subtitle[data-v-3de565ec] {
    color: #ddd
}

.users__description[data-v-3de565ec] {
    font-weight: 400;
    font-size: 12px;
    line-height: 120%;
    margin-bottom: 6px;
    white-space: pre-wrap;
    color: #acb1c2
}

.users__table[data-v-3de565ec] {
    display: flex;
    flex-direction: column;
    gap: 8px
}

.users__table-head[data-v-3de565ec] {
    font-weight: 500;
    font-size: 12px;
    line-height: 125%;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 28px;
    color: #242629
}

.dark .users__table-head[data-v-3de565ec] {
    color: #ddd
}

.users__table-body[data-v-3de565ec] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    max-height: 200px;
    overflow-y: auto
}

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

.progress[data-v-cf0a8471] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 12px;
    border-radius: 8px;
    background-color: #f8f8fb
}

.dark .progress[data-v-cf0a8471] {
    background-color: #2f3136
}

.progress__processing[data-v-cf0a8471] {
    display: flex;
    flex-direction: column;
    gap: 12px
}

.progress__top[data-v-cf0a8471] {
    display: flex;
    gap: 4px;
    align-items: center
}

.progress__bottom[data-v-cf0a8471] {
    display: flex;
    flex-direction: column;
    gap: 8px
}

.progress__title[data-v-cf0a8471] {
    font-weight: 500;
    font-size: 14px;
    line-height: 110%;
    color: #242629
}

.dark .progress__title[data-v-cf0a8471] {
    color: #e5e7ee
}

.progress__percent[data-v-cf0a8471] {
    font-weight: 500;
    font-size: 14px;
    line-height: 110%;
    color: #acb1c2
}

.dark .progress__percent[data-v-cf0a8471] {
    color: #93969f
}

.progress__status[data-v-cf0a8471] {
    font-weight: 500;
    font-size: 12px;
    line-height: 110%;
    color: #acb1c2
}

.dark .progress__status[data-v-cf0a8471] {
    color: #93969f
}

.progress__line-wrapper[data-v-cf0a8471] {
    display: flex;
    align-items: center;
    height: 4px;
    overflow: hidden;
    background-color: #d5d8fd;
    border-radius: 4px
}

.progress__line[data-v-cf0a8471] {
    height: 3px;
    background-color: var(--color-scheme-active);
    border-radius: 4px
}

.progress__failed[data-v-cf0a8471],
.progress__finished[data-v-cf0a8471] {
    font-weight: 500;
    font-size: 14px;
    line-height: 110%;
    display: flex;
    gap: 8px;
    align-items: center;
    color: #242629
}

.dark .progress__failed[data-v-cf0a8471],
.dark .progress__finished[data-v-cf0a8471] {
    color: #e5e7ee
}

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

.workspace[data-v-d0593d23] {
    max-width: 974px;
    display: flex;
    flex-direction: column;
    gap: 24px;
    padding: 24px;
    border-radius: 12px;
    background-color: #fff
}

.dark .workspace[data-v-d0593d23] {
    background-color: #383a3f
}

.workspace__title[data-v-d0593d23] {
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
    color: #202430
}

.dark .workspace__title[data-v-d0593d23] {
    color: #ddd
}

.workspace__wrapper[data-v-d0593d23] {
    display: grid;
    grid-template-columns: 1fr max-content;
    grid-gap: 8px;
    justify-content: space-between;
    align-items: flex-end
}

.workspace__select[data-v-d0593d23] {
    max-width: 447px;
    width: 100%
}

.workspace__workspace[data-v-d0593d23] {
    display: flex;
    gap: 16px;
    justify-content: space-between;
    align-items: flex-end
}

.workspace__button[data-v-d0593d23] {
    width: 92px
}

.workspace__button-start[data-v-d0593d23] {
    width: 155px
}

.workspace__bottom[data-v-d0593d23] {
    display: flex;
    gap: 16px;
    justify-content: space-between
}

.workspace__error[data-v-d0593d23] {
    font-weight: 500;
    font-size: 14px;
    line-height: 120%;
    color: #ff4d4f
}

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

.history[data-v-a59158a1] {
    max-width: 974px;
    padding: 24px;
    border-radius: 12px;
    background-color: #fff
}

.dark .history[data-v-a59158a1] {
    color: #ddd;
    background-color: #383a3f
}

.history__title[data-v-a59158a1] {
    margin-bottom: 24px;
    font-weight: 500;
    font-size: 16px;
    line-height: 20px
}

.dark .history__title[data-v-a59158a1] {
    color: #ddd
}

.history__items[data-v-a59158a1] {
    display: grid;
    grid-auto-flow: row;
    grid-auto-rows: max-content;
    grid-row-gap: 8px
}

.history__header[data-v-a59158a1] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: 16px;
    padding-bottom: 8px;
    border-bottom: 1px solid #EDEDF5;
    font-weight: 500;
    font-size: 14px;
    line-height: 17px
}

.dark .history__header[data-v-a59158a1] {
    border-color: #2a2a2a
}

.history__item[data-v-a59158a1] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: 16px;
    font-weight: 400;
    font-size: 14px;
    line-height: 17px
}

.history__status.yellow[data-v-a59158a1] {
    color: #ee8913
}

.history__status.green[data-v-a59158a1] {
    color: #01a930
}

.history__status.red[data-v-a59158a1] {
    color: #d10002
}

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

.warning[data-v-a259dfe2] {
    font-weight: 500;
    font-size: 14px;
    line-height: 110%;
    display: flex;
    justify-content: space-between;
    padding: 16px;
    color: #242629;
    background: #ff05051a;
    max-width: 974px;
    border-radius: 8px
}

.dark .warning[data-v-a259dfe2] {
    color: #ddd
}

.warning__close[data-v-a259dfe2] {
    display: flex;
    gap: 4px;
    align-items: center;
    color: #ff4d4f;
    cursor: pointer
}

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

.click-up[data-v-c0caba6c] {
    display: flex;
    flex-direction: column;
    gap: 16px;
    height: 100%;
    padding: 16px;
    overflow-y: auto
}

.dark .click-up[data-v-c0caba6c] {
    background: #2f3136
}

.click-up__progress[data-v-c0caba6c] {
    background-color: #fff
}

.dark .click-up__progress[data-v-c0caba6c] {
    background-color: #383a3f
}

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

.s-logs-column-names[data-v-97091b5c] {
    display: grid;
    grid-template-columns: 1fr 1fr 2fr 1.2fr 2.8fr;
    height: 37px;
    margin-bottom: 16px;
    border-bottom: 1px solid #EDEDF5
}

.dark .s-logs-column-names[data-v-97091b5c] {
    border-color: #2a2a2a
}

.s-logs-column-names__column[data-v-97091b5c] {
    padding-right: 10px;
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    color: #000
}

.s-logs-column-names__column[data-v-97091b5c]:first-of-type {
    padding-left: 25px
}

.dark .s-logs-column-names__column[data-v-97091b5c] {
    color: #a6acbf
}

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

.s-logs-item[data-v-dc1ea7e0] {
    display: grid;
    grid-template-columns: 1fr 1fr 2fr 1.2fr 2.8fr;
    align-items: center;
    min-height: 46px;
    font-weight: 300;
    font-size: 14px;
    line-height: 17px
}

.s-logs-item__value[data-v-dc1ea7e0] {
    padding: 4px 12px 4px 2px;
    word-break: normal;
    overflow-wrap: anywhere;
    color: #000;
    font-weight: 300;
    font-size: 14px;
    line-height: 17px
}

.s-logs-item__value[data-v-dc1ea7e0]:first-of-type {
    padding-left: 12px
}

.dark .s-logs-item__value[data-v-dc1ea7e0] {
    color: #ddd
}

.s-logs-item__value.name[data-v-dc1ea7e0] {
    max-width: 300px;
    text-overflow: ellipsis;
    overflow: hidden
}

.s-logs-item__value.nowrap[data-v-dc1ea7e0] {
    white-space: nowrap
}

.s-logs-item__controls[data-v-dc1ea7e0] {
    position: relative
}

.s-logs-item__controls-dropdown[data-v-dc1ea7e0] {
    position: absolute;
    top: calc(100%+ 4px);
    right: 26px;
    z-index: 1
}

.s-logs-item__controls-dropdown_top[data-v-dc1ea7e0] {
    top: auto;
    bottom: calc(100%+ 4px)
}

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

.sw-logs-export__description[data-v-72009fb3] {
    margin-bottom: 30px;
    font-weight: 300;
    font-size: 14px;
    line-height: 17px;
    color: #000
}

.sw-logs-export__description span[data-v-72009fb3] {
    font-weight: 600
}

.dark .sw-logs-export__description[data-v-72009fb3] {
    color: #ddd
}

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

.logs[data-v-044aeb7b] {
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding: 16px;
    background: #f8f8fb;
    overflow-y: auto
}

.dark .logs[data-v-044aeb7b] {
    background: #2f3136
}

.logs__box[data-v-044aeb7b] {
    display: flex;
    gap: 24px;
    width: 100%;
    height: 100%;
    padding: 24px;
    overflow: hidden;
    background: #fff;
    flex-direction: column;
    max-width: 1080px;
    border-radius: 12px
}

.unavailable .logs__box[data-v-044aeb7b] {
    pointer-events: none;
    opacity: .7
}

.dark .unavailable .logs__box[data-v-044aeb7b] {
    opacity: .3
}

.dark .logs__box[data-v-044aeb7b] {
    background: #383a3f
}

.logs__title[data-v-044aeb7b] {
    font-weight: 500;
    font-size: 20px;
    line-height: 120%;
    margin: 0;
    color: #242629
}

.dark .logs__title[data-v-044aeb7b] {
    color: #ddd
}

.logs__controls[data-v-044aeb7b] {
    display: flex;
    align-items: flex-end;
    column-gap: 16px
}

.logs__select-period[data-v-044aeb7b] {
    width: 186px
}

.logs__results-length[data-v-044aeb7b] {
    margin: 0 0 24px;
    font-weight: 300;
    font-size: 14px;
    line-height: 22px;
    color: #000
}

.dark .logs__results-length[data-v-044aeb7b] {
    color: #ddd
}

.logs__items-wrapper[data-v-044aeb7b] {
    display: grid;
    grid-auto-rows: max-content;
    height: 100%;
    margin-bottom: 20px;
    overflow-y: auto
}

.logs__items-empty[data-v-044aeb7b] {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 30vh;
    font-weight: 400;
    font-size: 16px;
    line-height: 19px;
    text-align: center;
    color: #000
}

.dark .logs__items-empty[data-v-044aeb7b] {
    color: #a6acbf
}

.logs__table[data-v-044aeb7b] {
    overflow: hidden
}

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

.trash[data-v-0579954f] {
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding: 16px;
    background: #f8f8fb;
    overflow-y: auto
}

.dark .trash[data-v-0579954f] {
    background: #2f3136
}

.trash__box[data-v-0579954f] {
    display: flex;
    flex-direction: column;
    gap: 24px;
    max-width: 980px;
    width: 100%;
    padding: 24px;
    background: #fff;
    border-radius: 12px
}

.unavailable .trash__box[data-v-0579954f] {
    pointer-events: none;
    opacity: .7
}

.dark .unavailable .trash__box[data-v-0579954f] {
    opacity: .3
}

.dark .trash__box[data-v-0579954f] {
    background: #383a3f
}

.trash__controls[data-v-0579954f] {
    display: grid;
    grid-template-columns: 1fr 220px;
    gap: 8px
}

.trash__title[data-v-0579954f] {
    font-weight: 500;
    font-size: 20px;
    line-height: 120%;
    margin: 0;
    color: #242629
}

.dark .trash__title[data-v-0579954f] {
    color: #ddd
}

.trash__table[data-v-0579954f] {
    display: flex;
    flex-direction: column
}

.trash__table-head[data-v-0579954f] {
    display: grid;
    grid-template-columns: 1fr 144px;
    align-items: center;
    border-bottom: 1px solid #f6f6f9
}

.dark .trash__table-head[data-v-0579954f] {
    border-color: #2a2a2a
}

.trash__table-body[data-v-0579954f] {
    display: flex;
    flex-direction: column
}

.trash__table-button[data-v-0579954f] {
    max-width: 128px;
    height: 34px
}

.trash__table-item[data-v-0579954f] {
    display: grid;
    grid-template-columns: 1fr 144px;
    align-items: center;
    width: 100%
}

.trash__table-item[data-v-0579954f]:not(:last-child) {
    border-bottom: 1px solid #f6f6f9
}

.dark .trash__table-item[data-v-0579954f]:not(:last-child) {
    border-color: #2a2a2a
}

.trash__table-column[data-v-0579954f] {
    font-weight: 400;
    font-size: 13px;
    line-height: 120%;
    padding: 8px;
    color: #202430
}

.trash__table-column[data-v-0579954f]:first-child {
    padding-left: 0
}

.dark .trash__table-column[data-v-0579954f] {
    color: #ddd
}

.trash__table-head .trash__table-column[data-v-0579954f] {
    font-weight: 500;
    font-size: 14px;
    line-height: 100%;
    color: #60636c
}

.dark .trash__table-head .trash__table-column[data-v-0579954f] {
    color: #8d8d8d
}

.trash__button[data-v-0579954f] {
    margin-left: auto
}

.trash__empty[data-v-0579954f] {
    font-weight: 400;
    font-size: 14px;
    line-height: 100%;
    display: flex;
    padding: 24px 0 0
}

.dark .trash__empty[data-v-0579954f] {
    color: #ddd
}

.trash__select[data-v-0579954f] .select__dropdown {
    width: 220px
}

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

.security[data-v-24f9c5de] {
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding: 16px;
    background: #f8f8fb;
    overflow-y: auto
}

.dark .security[data-v-24f9c5de] {
    background: #2f3136
}

.security__box[data-v-24f9c5de] {
    display: flex;
    flex-direction: column;
    gap: 24px;
    max-width: 980px;
    width: 100%;
    padding: 24px;
    background: #fff;
    border-radius: 12px
}

.unavailable .security__box[data-v-24f9c5de] {
    pointer-events: none;
    opacity: .7
}

.dark .unavailable .security__box[data-v-24f9c5de] {
    opacity: .3
}

.dark .security__box[data-v-24f9c5de] {
    background: #383a3f
}

.security__top[data-v-24f9c5de] {
    display: flex;
    flex-direction: column;
    gap: 8px
}

.security__title[data-v-24f9c5de] {
    font-weight: 500;
    font-size: 20px;
    line-height: 120%;
    margin: 0;
    color: #242629
}

.dark .security__title[data-v-24f9c5de] {
    color: #ddd
}

.security__description[data-v-24f9c5de] {
    font-weight: 400;
    font-size: 14px;
    line-height: 125%;
    margin: 0;
    color: #60636c
}

.dark .security__description[data-v-24f9c5de] {
    color: #8d8d8d
}

.security__wrapper[data-v-24f9c5de] {
    display: flex;
    flex-direction: column;
    gap: 16px
}

.security__section[data-v-24f9c5de] {
    display: flex;
    flex-direction: column;
    gap: 8px
}

.security__section-body[data-v-24f9c5de] {
    display: flex;
    flex-direction: column;
    gap: 4px
}

.security__section-head[data-v-24f9c5de] {
    display: flex;
    gap: 4px;
    align-items: center
}

.security__section-title[data-v-24f9c5de] {
    font-weight: 500;
    font-size: 14px;
    line-height: 125%;
    margin: 0;
    color: #030304
}

.dark .security__section-title[data-v-24f9c5de] {
    color: #ddd
}

.security__button[data-v-24f9c5de] {
    max-width: fit-content;
    padding: 0 4px
}

.security__tooltip[data-v-24f9c5de] {
    display: flex;
    cursor: pointer
}

.security__button-save[data-v-24f9c5de] {
    margin-left: auto;
    max-width: 176px
}

.security__domains[data-v-24f9c5de] {
    display: flex;
    flex-direction: column;
    gap: 8px
}

.security__domain[data-v-24f9c5de] {
    position: relative
}

.security__domain-remove-icon[data-v-24f9c5de] {
    position: absolute;
    top: 50%;
    right: 12px;
    transform: translateY(-50%);
    z-index: 10;
    cursor: pointer
}

.security__domain-remove-icon[data-v-24f9c5de]:hover path {
    fill: var(--color-scheme-active)
}

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

.invitation-ui[data-v-cf99c1a3] {
    display: flex;
    align-items: center;
    height: 84px;
    padding: 0 14px;
    background-color: #f4f4f6;
    column-gap: 15px;
    border-radius: 16px
}

.dark .invitation-ui[data-v-cf99c1a3] {
    background-color: #202225
}

.invitation-ui__logo[data-v-cf99c1a3] {
    width: 58px;
    height: 58px;
    overflow: hidden;
    border-radius: 10px;
    object-fit: contain
}

.invitation-ui__info[data-v-cf99c1a3] {
    display: grid;
    grid-auto-rows: max-content;
    grid-row-gap: 1px
}

.invitation-ui__description[data-v-cf99c1a3] {
    font-weight: 400;
    font-size: 14px;
    line-height: 19px;
    color: #7b8193
}

.dark .invitation-ui__description[data-v-cf99c1a3] {
    color: #8d8d8d
}

.invitation-ui__name[data-v-cf99c1a3] {
    font-weight: 600;
    font-size: 20px;
    line-height: 20px;
    color: #4d505e
}

.dark .invitation-ui__name[data-v-cf99c1a3] {
    color: #8d8d8d
}

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

.continue-with__text[data-v-9fc69141] {
    margin-bottom: 12px;
    color: #4d505e;
    text-align: center;
    font-weight: 600;
    font-size: 18px;
    line-height: 25px
}

.dark .continue-with__text[data-v-9fc69141] {
    color: #8d8d8d
}

.continue-with__workspaces[data-v-9fc69141] {
    display: grid;
    grid-auto-rows: max-content;
    grid-row-gap: 8px
}

.continue-with__link[data-v-9fc69141] {
    text-decoration: none
}

.continue-with__description[data-v-9fc69141] {
    display: flex;
    align-items: center;
    column-gap: 4px;
    color: #4b4b4b
}

.dark .continue-with__description[data-v-9fc69141] {
    color: #8d8d8d
}

.continue-with__workspace-name[data-v-9fc69141] {
    color: #202430
}

.dark .continue-with__workspace-name[data-v-9fc69141] {
    color: #ddd
}

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

.invitation__target[data-v-c1b7640c] {
    margin-bottom: 12px
}

.invitation__notification[data-v-c1b7640c] {
    padding: 9px 16px;
    color: #4d505e;
    background-color: #ffe2e2;
    border-radius: 8px;
    font-weight: 700;
    font-size: 14px;
    line-height: 19px
}

.invitation__workspace-name[data-v-c1b7640c] {
    font-weight: 700;
    font-size: 16px;
    line-height: 19px
}

.invitation__notification[data-v-c1b7640c] {
    margin-bottom: 26px
}

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

.modal__limit[data-v-3959fe6b] {
    margin-top: 24px
}

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

.avatar[data-v-68891e5a] {
    position: relative;
    width: max-content;
    max-height: 60px
}

.avatar__button-add-avatar[data-v-68891e5a] {
    height: 34px
}

.avatar__modal[data-v-68891e5a] {
    position: absolute;
    top: calc(100%+ 8px);
    left: 0;
    z-index: 100
}

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

.cover[data-v-ebebb2ec] {
    position: relative;
    width: max-content
}

.cover__button-add-cover[data-v-ebebb2ec] {
    height: 34px
}

@media print {
    .cover__button-add-cover[data-v-ebebb2ec] {
        display: none
    }
}

.cover__modal-avatars[data-v-ebebb2ec] {
    position: absolute;
    top: calc(100%+ 8px);
    left: 0;
    z-index: 99999
}

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

.reactions[data-v-03e84f90] {
    display: flex;
    align-items: center;
    height: 40px;
    padding: 4px 8px;
    background: #fff;
    border-radius: 24px;
    border: 1px solid #EDEDF5
}

.dark .reactions[data-v-03e84f90] {
    background: #242629;
    border-color: #2a2a2a
}

.reactions__item[data-v-03e84f90] {
    font-weight: 500;
    font-size: 20px;
    line-height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 32px;
    height: 32px;
    transition: all .2s ease-in-out;
    border-radius: 4px;
    cursor: pointer
}

.reactions__item[data-v-03e84f90]:hover {
    background-color: #f8f8fb
}

.reactions__image[data-v-03e84f90] {
    width: 20px;
    object-fit: contain
}

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

.reactions[data-v-92ba26d7] {
    position: relative;
    display: flex;
    justify-content: center
}

.reactions__wrapper[data-v-92ba26d7] {
    display: flex;
    gap: 4px;
    align-items: center;
    height: 28px;
    padding: 4px;
    background: #fff;
    border-radius: 6px;
    border: 1px solid #EDEDF5
}

.dark .reactions__wrapper[data-v-92ba26d7] {
    background: #383a3f;
    border-color: #2a2a2a
}

.reactions__item[data-v-92ba26d7] {
    font-weight: 500;
    font-size: 10px;
    line-height: 100%;
    display: flex;
    gap: 4px;
    justify-content: center;
    align-items: center;
    height: 20px;
    padding: 0 6px;
    color: #6c78f4;
    background: #6c78f41a;
    transition: all .2s ease-in-out;
    border-radius: 6px;
    cursor: pointer
}

.reactions__item.active[data-v-92ba26d7] {
    color: #fff;
    background-color: #6c78f4
}

.reactions__item[data-v-92ba26d7]:hover {
    color: #6c78f4;
    background-color: #6c78f433
}

.reactions__item-emoji[data-v-92ba26d7] {
    font-weight: 500;
    font-size: 12px;
    line-height: 100%
}

.reactions__button[data-v-92ba26d7] {
    font-weight: 500;
    font-size: 12px;
    line-height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 28px;
    height: 28px;
    background: #fff;
    border-radius: 6px;
    border: 1px solid #EDEDF5;
    transition: all .2s ease-in-out;
    cursor: pointer
}

.reactions__button[data-v-92ba26d7]:hover {
    transform: scale(1.1)
}

.dark .reactions__button[data-v-92ba26d7] {
    background-color: #383a3f;
    border-color: #2a2a2a
}

.reactions__menu[data-v-92ba26d7] {
    position: absolute;
    top: 36px;
    left: 50%;
    z-index: 10;
    width: 240px;
    transform: translate(-50%)
}

.reactions__image[data-v-92ba26d7] {
    width: 12px;
    object-fit: contain
}

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

.menu[data-v-7db366f5] {
    display: flex;
    gap: 4px;
    align-items: flex-end;
    height: 60px
}

@media print {
    .menu[data-v-7db366f5] {
        display: none
    }
}

.menu__controls[data-v-7db366f5] {
    display: flex;
    gap: 4px;
    align-items: center
}

.menu__avatar.disabled[data-v-7db366f5],
.menu__cover.disabled[data-v-7db366f5] {
    pointer-events: none
}

.menu__button[data-v-7db366f5] {
    width: 34px;
    height: 34px
}

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

@keyframes loading-0e428640 {
    0% {
        transform: rotate(0)
    }
    to {
        transform: rotate(360deg)
    }
}

.status__item[data-v-0e428640] {
    font-weight: 500;
    font-size: 13px;
    line-height: 13px;
    display: flex;
    gap: 4px;
    align-items: center;
    color: #93969f
}

.dark .status__item[data-v-0e428640] {
    color: #ddd
}

.status__saving-icon[data-v-0e428640] {
    animation: loading-0e428640 2s linear infinite
}

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

.sharing-menu-link[data-v-17451192] {
    display: flex;
    column-gap: 11px;
    padding: 20px 20px 18px
}

.sharing-menu-link__input-link[data-v-17451192] {
    width: 100%;
    padding: 0 0 0 11px;
    overflow: hidden;
    color: #aeaeae;
    background-color: #ededf5;
    border: 0;
    border-radius: 4px;
    text-overflow: ellipsis;
    outline: 0;
    font-weight: 300;
    font-size: 14px;
    line-height: 17px
}

.dark .sharing-menu-link__input-link[data-v-17451192] {
    background-color: #383a3f
}

.sharing-menu__button-copy-link[data-v-17451192] {
    width: 160px
}

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

.sharing-menu-switch-status[data-v-b7035013] {
    display: flex;
    align-items: center;
    padding: 20px 22px 20px 20px;
    border-top: 1px solid #F0F0F0
}

.dark .sharing-menu-switch-status[data-v-b7035013] {
    border-color: #2a2a2a
}

.sharing-menu-switch-status__icon[data-v-b7035013] {
    margin-right: 10px
}

.sharing-menu-switch-status__share-text[data-v-b7035013] {
    font-weight: 300;
    font-size: 14px;
    line-height: 14px;
    color: #202430
}

.sharing-menu-switch-status__share-text span[data-v-b7035013] {
    color: var(--color-scheme-active)
}

.dark .sharing-menu-switch-status__share-text[data-v-b7035013] {
    color: #ddd
}

.sharing-menu-switch-status__description-text[data-v-b7035013] {
    font-weight: 300;
    font-size: 12px;
    line-height: 12px;
    color: #aeaeae
}

.dark .sharing-menu-switch-status__description-text[data-v-b7035013] {
    color: #ddd
}

.sharing-menu-switch-status__switch[data-v-b7035013] {
    margin-left: auto
}

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

.sharing-menu-switch-indexing[data-v-62cd0bf3] {
    padding: 14px 20px;
    border-top: 1px solid #F0F0F0
}

.dark .sharing-menu-switch-indexing[data-v-62cd0bf3] {
    border-color: #2a2a2a
}

.sharing-menu-switch-indexing__option[data-v-62cd0bf3] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    margin-bottom: 5px
}

.sharing-menu-switch-indexing__text[data-v-62cd0bf3] {
    font-weight: 300;
    font-size: 14px;
    line-height: 17px;
    color: #202430
}

.dark .sharing-menu-switch-indexing__text[data-v-62cd0bf3] {
    color: #ddd
}

.sharing-menu-switch-indexing__description[data-v-62cd0bf3] {
    display: flex;
    align-items: center;
    column-gap: 7px;
    font-weight: 300;
    font-size: 10px;
    line-height: 12px;
    color: #a6a6a6
}

.dark .sharing-menu-switch-indexing__description[data-v-62cd0bf3] {
    color: #ddd
}

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

.sharing-menu[data-v-64bbc936] {
    width: 400px;
    border-radius: 4px;
    background-color: #fff;
    box-shadow: 0 4px 13px #3030301a
}

.dark .sharing-menu[data-v-64bbc936] {
    background-color: #383a3f
}

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

.settings[data-v-18b7a8f6] {
    position: relative;
    width: max-content
}

.settings__button[data-v-18b7a8f6] {
    height: 24px;
    font-size: 10px;
    line-height: 12px
}

.settings__menu[data-v-18b7a8f6] {
    position: absolute;
    top: calc(100%+ 4px);
    right: 0;
    z-index: 10
}

.dark .settings__menu[data-v-18b7a8f6] {
    background-color: #2f3136
}

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

.header[data-v-c9fb971d] {
    padding: 10px 16px
}

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

.header[data-v-c9fb971d] .modal-head__title {
    width: 100%
}

.header[data-v-c9fb971d] .modal-head__row {
    align-items: center
}

.header[data-v-c9fb971d] .button {
    height: 36px
}

.header__section[data-v-c9fb971d] {
    display: flex;
    gap: 8px;
    align-items: center
}

.header__row[data-v-c9fb971d] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%
}

.header__column[data-v-c9fb971d] {
    display: flex;
    gap: 8px;
    align-items: center
}

@media print {
    .header__column[data-v-c9fb971d] {
        display: none
    }
}

.header__last-updated[data-v-c9fb971d] {
    font-weight: 400;
    font-size: 13px;
    line-height: 100%;
    color: #acb1c2
}

.header__avatar-icon[data-v-c9fb971d] {
    width: 16px;
    object-fit: contain
}

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

.tools[data-v-61d657ce] {
    display: flex;
    column-gap: 9px;
    transition: opacity .1s ease
}

.tools.opened[data-v-61d657ce] {
    opacity: 1!important
}

@media print {
    .tools[data-v-61d657ce] {
        display: none
    }
}

.tools__wrapper[data-v-61d657ce] {
    position: relative
}

.tools__modal[data-v-61d657ce] {
    position: absolute;
    top: calc(100%+ 8px);
    right: 0;
    z-index: 100
}

.tools__tool[data-v-61d657ce] {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 34px;
    height: 34px;
    background-color: #f8f8fb;
    border-radius: 4px
}

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

.cover[data-v-855ceb5e] {
    position: relative;
    height: 32px
}

@media print {
    .cover[data-v-855ceb5e] {
        display: none
    }
}

.cover_has-image[data-v-855ceb5e] {
    height: 200px;
    min-height: 200px;
    margin: 0 auto -20px
}

.cover__tools[data-v-855ceb5e] {
    position: absolute;
    top: 12px;
    right: 12px;
    pointer-events: none;
    opacity: 0
}

.cover_has-image:hover .cover__tools[data-v-855ceb5e] {
    pointer-events: all;
    opacity: 1
}

.cover__image[data-v-855ceb5e] {
    display: flex;
    width: 100%;
    height: 200px;
    object-fit: cover
}

.ProseMirror {
    position: relative
}

.ProseMirror {
    word-wrap: break-word;
    white-space: pre-wrap;
    white-space: break-spaces;
    -webkit-font-variant-ligatures: none;
    font-variant-ligatures: none;
    font-feature-settings: "liga" 0
}

.ProseMirror pre {
    white-space: pre-wrap
}

.ProseMirror li {
    position: relative
}

.ProseMirror-hideselection *::selection {
    background: transparent
}

.ProseMirror-hideselection *::-moz-selection {
    background: transparent
}

.ProseMirror-hideselection {
    caret-color: transparent
}

.ProseMirror [draggable][contenteditable=false] {
    -webkit-user-select: text;
    user-select: text
}

.ProseMirror-selectednode {
    outline: 2px solid #8cf
}

li.ProseMirror-selectednode {
    outline: none
}

li.ProseMirror-selectednode:after {
    content: "";
    position: absolute;
    left: -32px;
    right: -2px;
    top: -2px;
    bottom: -2px;
    border: 2px solid #8cf;
    pointer-events: none
}

img.ProseMirror-separator {
    display: inline!important;
    border: none!important;
    margin: 0!important
}

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

.offline-mode[data-v-6f0edfe6] {
    position: absolute;
    top: 4px;
    right: 4px;
    display: flex
}

.ofline-mode__content[data-v-6f0edfe6] {
    display: flex;
    padding: 2px;
    border-radius: 4px;
    background-color: #fff;
    box-shadow: 0 2px 8px #0000001a
}

.dark .ofline-mode__content[data-v-6f0edfe6] {
    background-color: #e5e7ee
}

.offline-mode__text[data-v-6f0edfe6] {
    opacity: 1;
    display: none;
    margin-left: 4px;
    color: #60636c;
    transition: opacity .2s ease;
    transition-behavior: allow-discrete;
    font-weight: 500;
    font-size: 13px;
    line-height: 16px
}

.offline-mode:hover .offline-mode__text[data-v-6f0edfe6] {
    display: inline
}

@starting-style {
    .offline-mode__text[data-v-6f0edfe6] {
        opacity: 0
    }
}

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

.dropdown[data-v-4edf1af1] {
    position: fixed;
    z-index: 9999;
    width: 260px;
    padding: 4px 0;
    background-color: #fff;
    transition: opacity .2s ease;
    max-height: 50vh;
    border: 1px solid #EDEDF5;
    box-shadow: 0 4px 13px #3030301a;
    border-radius: 8px;
    overflow-y: auto
}

.dark .dropdown[data-v-4edf1af1] {
    background-color: #242629;
    border-color: #2a2a2a
}

.dropdown__group[data-v-4edf1af1] {
    margin-top: 4px
}

.dropdown__name[data-v-4edf1af1] {
    display: flex;
    align-items: center;
    height: 28px;
    padding: 0 12px;
    font-weight: 500;
    font-size: 12px;
    line-height: 12px;
    color: #93969f
}

.dropdown__item[data-v-4edf1af1] {
    display: grid;
    grid-template-columns: max-content 1fr;
    grid-column-gap: 8px;
    align-items: center;
    height: 32px;
    margin: 0 4px;
    padding: 0 8px;
    transition: .2s ease;
    cursor: pointer;
    border-radius: 4px;
    font-weight: 500;
    font-size: 14px;
    line-height: 14px
}

.dropdown__item.text-color[data-v-4edf1af1]:hover,
.dropdown__item.background-color[data-v-4edf1af1]:hover {
    background-color: #f8f8fb
}

.dark .dropdown__item[data-v-4edf1af1] {
    color: #ddd
}

.dark .dropdown__item.text-color[data-v-4edf1af1]:hover,
.dark .dropdown__item.background-color[data-v-4edf1af1]:hover {
    background-color: #383a3f
}

.dropdown__icon.text-color[data-v-4edf1af1] path:first-of-type {
    fill: #e5e7ee
}

.dropdown__icon.text-color[data-v-4edf1af1] path:not(:first-of-type) {
    fill: inherit!important
}

.dropdown__icon.background-color[data-v-4edf1af1] {
    width: 16px;
    height: 16px;
    border-radius: 2px
}

.dark .dropdown__icon.text-color[data-v-4edf1af1] path:first-of-type {
    fill: #93969f
}

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

.creating[data-v-2dd294a8] {
    position: fixed;
    z-index: 9999;
    display: grid;
    grid-template-rows: repeat(2, max-content) 1fr;
    width: 260px;
    height: 280px
}

.creating__description[data-v-2dd294a8] {
    margin: 12px 12px 8px;
    font-weight: 500;
    font-size: 12px;
    line-height: 12px;
    color: #acb1c2
}

.dark .creating__description[data-v-2dd294a8] {
    color: #ddd
}

.creating__input-wrapper[data-v-2dd294a8] {
    position: relative;
    display: grid;
    grid-template-rows: max-content;
    margin: 0 12px 12px
}

.creating__input-label[data-v-2dd294a8] {
    margin: 12px 12px 8px;
    font-weight: 500;
    font-size: 12px;
    line-height: 12px;
    color: #acb1c2
}

.dark .creating__input-label[data-v-2dd294a8] {
    color: #ddd
}

.creating__input[data-v-2dd294a8] {
    display: inline-block;
    height: 32px;
    padding: 0 50px 0 8px;
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
    border: 1px solid #E5E7EE;
    border-radius: 4px;
    outline: none
}

.creating__input[data-v-2dd294a8]::placeholder {
    color: #cacad2
}

.dark .creating__input[data-v-2dd294a8] {
    color: #ddd;
    background-color: #2f3136;
    border-color: #2a2a2a
}

.creating__icon-trash[data-v-2dd294a8] {
    position: absolute;
    top: 6px;
    right: 8px
}

.creating__wrapper[data-v-2dd294a8] {
    display: flex;
    flex-direction: column;
    overflow-y: auto
}

.creating__dropdown-item[data-v-2dd294a8] {
    flex: none
}

.creating__loading[data-v-2dd294a8] {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 130px
}

.creating__empty[data-v-2dd294a8] {
    flex: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #acb1c2;
    font-weight: 500;
    font-size: 12px;
    line-height: 12px
}

.dark .creating__empty[data-v-2dd294a8] {
    color: #ddd
}

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

.link[data-v-425ad957] {
    position: fixed;
    z-index: 9999;
    display: flex
}

.link__empty[data-v-425ad957] {
    cursor: text
}

.link__wrapper[data-v-425ad957] {
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    height: 100%;
    flex-direction: column
}

.link.reverse .link__wrapper[data-v-425ad957] {
    justify-content: flex-end
}

.link__dialog[data-v-425ad957] {
    position: relative;
    top: 100%;
    display: flex;
    gap: 4px;
    align-items: center;
    height: 32px;
    padding: 4px 4px 4px 8px;
    background-color: #fff;
    max-width: 266px;
    box-shadow: 0 4px 16px #5555551a;
    border-radius: 8px
}

.link.reverse .link__dialog[data-v-425ad957] {
    top: auto;
    bottom: 100%
}

.dark .link__dialog[data-v-425ad957] {
    background-color: #242629
}

.link__value[data-v-425ad957] {
    height: 17px;
    padding: 0;
    overflow: hidden;
    white-space: nowrap;
    color: #acb1c2;
    text-decoration: none;
    text-overflow: ellipsis;
    border: none;
    outline: none;
    font-weight: 400;
    font-size: 14px;
    line-height: 17px
}

.dark .link__value[data-v-425ad957] {
    color: #ddd;
    background-color: #242629
}

.link__line[data-v-425ad957] {
    width: 1px;
    height: 24px;
    background-color: #f8f8fb
}

.link__line.first[data-v-425ad957] {
    margin-left: 4px
}

.dark .link__line[data-v-425ad957] {
    background-color: #2f3136
}

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

.edit[data-v-06bca0cb] {
    position: fixed;
    z-index: 9999
}

.edit__empty[data-v-06bca0cb] {
    cursor: text
}

.edit__wrapper[data-v-06bca0cb] {
    position: absolute;
    width: 266px;
    height: 201px;
    padding: 8px 0 4px;
    background-color: #fff;
    box-shadow: 0 4px 16px #5555551a;
    border-radius: 8px
}

.dark .edit__wrapper[data-v-06bca0cb] {
    background-color: #242629
}

.edit__title[data-v-06bca0cb] {
    padding: 9px 11px;
    font-weight: 500;
    font-size: 12px;
    line-height: 12px;
    color: #acb1c2
}

.dark .edit__title[data-v-06bca0cb] {
    color: #ddd
}

.edit__input[data-v-06bca0cb] {
    padding: 4px 12px
}

.edit__input[data-v-06bca0cb] .v-input__item {
    height: 32px
}

.edit__hr-wrapper[data-v-06bca0cb] {
    padding: 8px 0
}

.edit__hr[data-v-06bca0cb] {
    height: 1px;
    margin: 0;
    border: none;
    border-top: 1px solid #f4f4f8
}

.dark .edit__hr[data-v-06bca0cb] {
    border-color: #2a2a2a
}

.edit__button[data-v-06bca0cb] {
    display: flex;
    gap: 8px;
    align-items: center;
    width: 100%;
    min-height: 32px;
    padding: 4px 12px;
    color: #ff4d4f;
    font-weight: 500;
    font-size: 14px;
    line-height: 14px
}

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

.pasted[data-v-36df2389] {
    position: fixed;
    z-index: 9999;
    padding: 4px
}

.pasted__item[data-v-36df2389] {
    border-radius: 4px
}

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

.dropdown[data-v-0ad40201] {
    position: fixed;
    z-index: 9999;
    width: 260px;
    padding: 4px 0;
    overflow: hidden auto;
    background-color: #fff;
    transition: opacity .2s ease;
    max-height: 35vh;
    border: 1px solid #EDEDF5;
    box-shadow: 0 4px 13px #3030301a;
    border-radius: 8px
}

.dark .dropdown[data-v-0ad40201] {
    background-color: #242629;
    border-color: #2a2a2a
}

.dropdown__group[data-v-0ad40201] {
    margin-top: 4px
}

.dropdown__name[data-v-0ad40201] {
    display: flex;
    align-items: center;
    height: 28px;
    padding: 0 12px;
    font-weight: 500;
    font-size: 12px;
    line-height: 12px;
    color: #93969f
}

.dropdown__item[data-v-0ad40201] {
    display: grid;
    grid-template-columns: max-content 1fr;
    grid-column-gap: 8px;
    align-items: center;
    width: 100%;
    height: 32px;
    margin: 0 4px;
    padding: 0 8px;
    transition: .2s ease;
    cursor: pointer;
    border-radius: 4px;
    text-align: start;
    font-weight: 500;
    font-size: 14px;
    line-height: 14px
}

.dropdown__item[data-v-0ad40201]:hover {
    background-color: #f8f8fb
}

.dark .dropdown__item[data-v-0ad40201] {
    color: #ddd
}

.dark .dropdown__item[data-v-0ad40201]:hover {
    background-color: #383a3f
}

.dropdown__icon[data-v-0ad40201] {
    width: 16px;
    height: 16px
}

.dropdown__icon.text-color[data-v-0ad40201] path:first-of-type {
    fill: #e5e7ee
}

.dropdown__icon.text-color[data-v-0ad40201] path:not(:first-of-type) {
    fill: inherit!important
}

.dropdown__icon.background-color[data-v-0ad40201] {
    border-radius: 2px
}

.dark .dropdown__icon.text-color[data-v-0ad40201] path:first-of-type {
    fill: #93969f
}

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

.menu[data-v-55e68293] {
    position: fixed;
    z-index: 9999;
    width: 260px;
    padding: 4px
}

.menu__item[data-v-55e68293] {
    border-radius: 4px
}

.menu[data-v-55e68293],
.dropdown[data-v-55e68293] {
    transition: opacity .3s ease
}

.prosemirror-list {
    position: relative;
    display: list-item;
    margin-top: 0;
    margin-bottom: 0;
    padding: 0 0 0 48px;
    list-style: none
}

.prosemirror-list[data-list-kind=bullet]:before {
    content: "•";
    position: absolute;
    top: 6px;
    right: calc(100% - 38px);
    font-weight: 700
}

.prosemirror-list[data-list-kind=ordered] {
    counter-increment: prosemirror-flat-list-counter
}

.prosemirror-list[data-list-kind=ordered]:before {
    content: counter(prosemirror-flat-list-counter, decimal) ". ";
    position: absolute;
    top: 5px;
    right: calc(100% - 48px);
    width: max-content;
    height: 24px;
    font-family: SFUI, sans-serif, Arial;
    font-size: 16px;
    font-weight: 300;
    line-height: 24px;
    font-variant-numeric: tabular-nums
}

@supports (-moz-appearance: none) {
    .prosemirror-list[data-list-kind=ordered] {
        contain: style;
        counter-increment: prosemirror-flat-list-counter;
        counter-reset: prosemirror-flat-list-counter
    }
    .prosemirror-list[data-list-kind=ordered]+.prosemirror-list[data-list-kind=ordered] {
        counter-reset: none
    }
}

@supports not (-moz-appearance: none) {
    .prosemirror-list[data-list-kind=ordered] {
        counter-reset: prosemirror-flat-list-counter;
        counter-increment: prosemirror-flat-list-counter
    }
    .prosemirror-list[data-list-kind=ordered]+.prosemirror-list[data-list-kind=ordered] {
        counter-reset: none
    }
}

.prosemirror-list[data-list-kind=ordered]>* {
    contain: style
}

@supports not (-moz-appearance: none) {
    .prosemirror-list[data-list-kind=ordered]:first-child,
    :not(.prosemirror-list[data-list-kind=ordered])+.prosemirror-list[data-list-kind=ordered] {
        counter-reset: prosemirror-flat-list-counter
    }
}

@supports (counter-set: prosemirror-flat-list-counter 1) {
    .prosemirror-list[data-list-kind=ordered]:first-child[data-list-order],
    :not(.prosemirror-list[data-list-kind=ordered])+.prosemirror-list[data-list-kind=ordered][data-list-order] {
        counter-set: prosemirror-flat-list-counter var(--prosemirror-flat-list-order)
    }
}

@supports not (counter-set: prosemirror-flat-list-counter 1) {
    .prosemirror-list[data-list-kind=ordered]:first-child[data-list-order],
    :not(.prosemirror-list[data-list-kind=ordered])+.prosemirror-list[data-list-kind=ordered][data-list-order] {
        counter-increment: prosemirror-flat-list-counter var(--prosemirror-flat-list-order)
    }
}

.prosemirror-list[data-list-kind=task]>.list-marker {
    position: absolute;
    top: 8px;
    right: calc(100% - 48px);
    text-align: center;
    width: 20px;
    height: 20px
}

.prosemirror-list[data-list-kind=task]>.list-marker,
.prosemirror-list[data-list-kind=task]>.list-marker * {
    cursor: pointer
}

.prosemirror-list[data-list-kind=toggle]>.list-marker {
    position: absolute;
    top: 7px;
    right: calc(100% - 48px);
    width: 20px;
    height: 20px;
    text-align: center
}

.prosemirror-list[data-list-kind=toggle]>.list-marker:before {
    content: url("data:image/svg+xml,%3csvg%20width='20'%20height='21'%20viewBox='0%200%2020%2021'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M9.27134%2013.5001L5.15075%208.50022C4.94975%208.1669%204.94975%207.72245%205.15075%207.3891C5.25126%207.27799%205.45226%207.16692%205.55276%207.16692L14.2965%207.16653C14.6985%207.16652%2015%207.49979%2015%207.94423C15%208.16646%2014.8995%208.27757%2014.799%208.4998L10.6784%2013.5C10.2764%2013.9445%209.67335%2013.9445%209.27134%2013.5001Z'%20fill='%23ACB1C2'/%3e%3c/svg%3e")
}

.prosemirror-list[data-list-kind=toggle][data-list-collapsable][data-list-collapsed]>.list-marker:before {
    content: url("data:image/svg+xml,%3csvg%20width='20'%20height='21'%20viewBox='0%200%2020%2021'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M13.0005%2011.2287L8.00061%2015.3492C7.66728%2015.5503%207.22283%2015.5503%206.88949%2015.3492C6.77837%2015.2487%206.6673%2015.0477%206.6673%2014.9472L6.66692%206.20353C6.6669%205.80152%207.00017%205.5%207.44462%205.5C7.66684%205.5%207.77796%205.60051%208.00018%205.70102L13.0004%209.8216C13.4449%2010.2236%2013.4449%2010.8267%2013.0005%2011.2287Z'%20fill='%23ACB1C2'/%3e%3c/svg%3e")
}

.prosemirror-list[data-list-kind=toggle][data-list-collapsable]>.list-marker {
    cursor: pointer
}

.prosemirror-list[data-list-kind=toggle]:not([data-list-collapsable])>.list-marker {
    pointer-events: none;
    opacity: .4
}

.prosemirror-list[data-list-kind=toggle][data-list-collapsable][data-list-collapsed]>.list-content>*:nth-child(n+2) {
    display: none
}

.dark .prosemirror-list[data-list-kind=bullet],
.dark .prosemirror-list[data-list-kind=ordered],
.dark .prosemirror-list[data-list-kind=task],
.dark .prosemirror-list[data-list-kind=toggle] {
    color: #a5a8b3
}

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

.menu[data-v-07f3f7a2] {
    position: fixed;
    z-index: 9999;
    width: 260px;
    padding: 4px;
    transition: opacity .3s ease
}

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

.w-nav-option[data-v-238e298d] {
    padding: 0
}

.w-nav-option[disabled][data-v-238e298d] {
    opacity: .7
}

.w-nav-option__wrap[data-v-238e298d] {
    display: flex;
    align-items: center;
    column-gap: 4px;
    margin-bottom: 12px;
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    color: #cacad2;
    transition: .2s ease
}

.active .w-nav-option__wrap[data-v-238e298d] {
    color: var(--color-scheme-active)
}

.w-nav-option__underline[data-v-238e298d] {
    opacity: 0;
    height: 2px;
    background-color: #cacad2;
    border-radius: 1px 1px 0 0;
    transition: .2s ease
}

.w-nav-option:hover .w-nav-option__underline[data-v-238e298d] {
    opacity: 1
}

.active .w-nav-option__underline[data-v-238e298d] {
    opacity: 1;
    background-color: var(--color-scheme-active)
}

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

.menu[data-v-86a4bc9e] {
    position: fixed;
    z-index: 9999;
    display: grid;
    grid-template-rows: max-content 1fr;
    width: 260px;
    height: 218px;
    padding: 12px;
    border-radius: 4px;
    background-color: #fff;
    box-shadow: 0 0 16px #5555551a;
    transition: opacity .3s ease
}

.dark .menu[data-v-86a4bc9e] {
    background-color: #242629
}

.menu__nav[data-v-86a4bc9e] {
    margin-bottom: 16px
}

.menu__form[data-v-86a4bc9e] {
    display: grid;
    grid-template-rows: 1fr max-content;
    height: 100%
}

.menu__textarea[data-v-86a4bc9e] {
    height: 92px;
    resize: none;
    padding: 10px 15px
}

.menu__button[data-v-86a4bc9e] {
    margin-top: auto
}

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

.w-card-info[data-v-8f6073b9] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 36px;
    padding-right: 6px;
    padding-left: 6px;
    transition: background-color .2s ease;
    cursor: pointer;
    column-gap: 20px
}

.w-card-info[data-v-8f6073b9]:hover {
    background-color: #f8f8fb
}

.w-card-info[data-v-8f6073b9]:active,
.w-card-info_active[data-v-8f6073b9] {
    background-color: #ededf5
}

.dark .w-card-info[data-v-8f6073b9]:hover {
    background-color: #2f3136
}

.dark .w-card-info[data-v-8f6073b9]:active,
.dark .w-card-info_active[data-v-8f6073b9] {
    background-color: #242629
}

.w-card-info__left[data-v-8f6073b9] {
    display: flex;
    align-items: center;
    column-gap: 8px
}

.w-card-info__avatar[data-v-8f6073b9] {
    font-size: 12px
}

.w-card-info__contacts[data-v-8f6073b9] {
    display: grid;
    grid-auto-rows: max-content
}

.w-card-info__name[data-v-8f6073b9] {
    font-weight: 300;
    font-size: 12px;
    line-height: 14px;
    width: 100%;
    height: 14px;
    overflow: hidden;
    white-space: nowrap;
    color: #000;
    text-overflow: ellipsis
}

.dark .w-card-info__name[data-v-8f6073b9] {
    color: #ddd
}

.w-card-info__text[data-v-8f6073b9] {
    font-weight: 300;
    font-size: 10px;
    line-height: 12px;
    width: 100%;
    overflow: hidden;
    color: #ababab;
    text-overflow: ellipsis
}

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

.menu[data-v-b2768e27] {
    position: fixed;
    z-index: 9999;
    width: 260px;
    max-height: 180px;
    overflow: hidden auto;
    background-color: #fff;
    transition: opacity .3s ease;
    border-radius: 4px;
    box-shadow: 0 6px 16px #0000000f
}

.menu.empty[data-v-b2768e27],
.menu.loading[data-v-b2768e27] {
    display: flex;
    justify-content: center;
    align-items: center
}

.menu.loading[data-v-b2768e27] {
    height: 100%
}

.dark .menu[data-v-b2768e27] {
    background-color: #242629
}

.menu__hr[data-v-b2768e27] {
    height: 1px;
    margin: 0;
    background-color: #f8f8fb;
    border: none
}

.dark .menu__hr[data-v-b2768e27] {
    background-color: #2a2a2a
}

.menu__empty[data-v-b2768e27] {
    padding: 15px 0;
    text-align: center;
    font-weight: 400;
    font-size: 14px;
    line-height: 14px;
    color: #cacad2
}

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

.user[data-v-78a6fc53] {
    position: fixed;
    z-index: 9999
}

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

.paid-feature__info>ul[data-v-b353ee36] {
    margin-bottom: 16px;
    padding-left: 24px;
    text-align: left
}

.paid-feature__image[data-v-b353ee36] {
    border-radius: 16px
}

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

.menu[data-v-badb126f] {
    position: fixed;
    z-index: 9999;
    display: grid;
    grid-template-rows: max-content 1fr;
    width: 260px;
    padding: 12px;
    border-radius: 4px;
    background-color: #fff;
    box-shadow: 0 0 16px #5555551a;
    transition: opacity .3s ease
}

.dark .menu[data-v-badb126f] {
    background-color: #242629
}

.menu__nav[data-v-badb126f] {
    display: grid;
    grid-template-columns: repeat(2, max-content);
    grid-column-gap: 16px;
    margin-bottom: 16px
}

.menu__link[data-v-badb126f] {
    margin-bottom: 16px
}

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

.member[data-v-0684ae31] {
    display: flex;
    align-items: center;
    height: 36px;
    column-gap: 8px
}

.member__status[data-v-0684ae31] {
    margin-left: auto;
    padding-bottom: 2px;
    font-weight: 300;
    font-size: 10px;
    line-height: 12px;
    color: #ffc909
}

.member__status_green[data-v-0684ae31] {
    color: #6bac00
}

.member__user-avatar[data-v-0684ae31] {
    font-size: 12px
}

.member__user[data-v-0684ae31] {
    display: flex;
    gap: 8px;
    align-items: center
}

.member__user-name[data-v-0684ae31] {
    font-weight: 300;
    font-size: 12px;
    line-height: 10px;
    color: #000
}

.dark .member__user-name[data-v-0684ae31] {
    color: #ddd
}

.member__user-email[data-v-0684ae31] {
    max-width: 150px;
    overflow: hidden;
    color: #ababab;
    text-overflow: ellipsis;
    font-weight: 300;
    font-size: 10px;
    line-height: 10px
}

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

.members[data-v-9d58625d] {
    max-height: 140px;
    overflow: hidden auto
}

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

.dropdown[data-v-625f1326] {
    position: fixed;
    z-index: 10;
    display: flex;
    flex-direction: column;
    gap: 16px;
    width: 300px;
    padding: 16px;
    background-color: #fff;
    border: 1px solid transparent;
    border-radius: 4px;
    box-shadow: 0 4px 13px #3030301a
}

.dark .dropdown[data-v-625f1326] {
    background-color: #383a3f;
    border-color: #2f3136
}

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

.dark .dropdown__title[data-v-625f1326] {
    color: #ddd
}

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

.signature[data-v-465a565f] {
    position: relative
}

.signature_active[data-v-465a565f] {
    pointer-events: all!important;
    opacity: 1!important
}

.signature__button-show[data-v-465a565f] {
    display: flex;
    align-items: center;
    column-gap: 6px;
    cursor: pointer
}

.signature__text[data-v-465a565f] {
    font-weight: 400;
    font-size: 10px;
    line-height: 12px;
    color: #aeaeae;
    transition: color .3s ease
}

.signature__text span[data-v-465a565f] {
    padding-left: 2px
}

.signature__button-show:hover .signature__text[data-v-465a565f],
.signature__text_active[data-v-465a565f] {
    color: var(--color-scheme-active)
}

.signature__text_yellow[data-v-465a565f] {
    color: #ffc909
}

.signature__text_green[data-v-465a565f] {
    color: #6bac00
}

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

.author[data-v-8bcf40d7] {
    display: flex;
    gap: 8px;
    align-items: center
}

.author__text[data-v-8bcf40d7] {
    display: flex;
    flex-direction: column
}

.author__name[data-v-8bcf40d7] {
    overflow: hidden;
    font-size: 13px;
    font-weight: 500;
    line-height: 14px;
    white-space: nowrap;
    color: #60636c;
    max-width: 200px;
    text-overflow: ellipsis
}

.author__date[data-v-8bcf40d7] {
    font-size: 10px;
    font-weight: 400;
    line-height: 14px;
    white-space: nowrap;
    color: #93969f
}

.author__user[data-v-8bcf40d7] {
    position: relative
}

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

.pages[data-v-3fda5a12] {
    display: flex;
    gap: 7px;
    align-items: center
}

.pages__value[data-v-3fda5a12] {
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: max-content;
    grid-gap: 8px;
    align-items: center;
    font-size: 14px;
    font-weight: 400;
    line-height: 16px;
    color: #6a707c80
}

.pages__arrow-wrapper[data-v-3fda5a12] {
    display: flex;
    justify-content: center;
    align-items: center
}

.previous .pages__arrow[data-v-3fda5a12] svg {
    transform: rotate(-90deg)
}

.next .pages__arrow[data-v-3fda5a12] svg {
    transform: rotate(90deg)
}

.pages__description[data-v-3fda5a12] {
    display: flex;
    align-items: center;
    font-size: 14px;
    font-weight: 400;
    line-height: 16px;
    color: #6a707c
}

.pages__delimiter[data-v-3fda5a12] {
    display: flex;
    align-items: center
}

.pages__input[data-v-3fda5a12] {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 36px;
    min-width: 36px;
    height: 26px;
    padding: 5px;
    font-size: 14px;
    font-weight: 400;
    line-height: 16px;
    color: #6a707c;
    background: #0000001a;
    border: none;
    border-radius: 3px;
    text-align: center;
    outline: none
}

.pages__input[data-v-3fda5a12]::-webkit-inner-spin-button,
.pages__input[data-v-3fda5a12]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0
}

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

.file-viewer-toolbar-share[data-v-e14856fa] {
    position: relative
}

.file-viewer-toolbar-share__button[data-v-e14856fa] {
    height: 24px;
    font-size: 10px;
    line-height: 12px
}

.file-viewer-toolbar-share__menu[data-v-e14856fa] {
    position: absolute;
    top: calc(100%+ 10px);
    right: 0;
    z-index: 10
}

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

.toolbar[data-v-b3c28059] {
    position: relative;
    z-index: 100;
    display: grid;
    grid-template-columns: 1fr max-content 1fr;
    grid-gap: 20px;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    height: 40px;
    padding: 6px 12px;
    background-color: #fff;
    filter: drop-shadow(0 0 16px rgba(50, 50, 59, .1))
}

.dark .toolbar[data-v-b3c28059] {
    background-color: #202225
}

.toolbar__group[data-v-b3c28059] {
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: max-content;
    grid-column-gap: 30px;
    align-items: center
}

.toolbar__group[data-v-b3c28059]:last-of-type {
    margin-left: auto
}

.toolbar__file-name[data-v-b3c28059] {
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    max-width: 20vw;
    overflow: hidden;
    white-space: nowrap;
    color: #242629;
    text-overflow: ellipsis
}

.toolbar__items[data-v-b3c28059] {
    display: flex;
    gap: 18px;
    align-items: center
}

.toolbar__button[data-v-b3c28059] {
    margin: 0;
    padding: 0
}

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

.file-icon[data-v-d46fdc6e] {
    flex: none
}

.file-icon__image[data-v-d46fdc6e] {
    display: flex;
    width: 100%;
    height: 100%;
    border-radius: 4px;
    object-fit: contain
}

.file-icon__icon[data-v-d46fdc6e] {
    display: flex;
    width: 100%;
    height: 100%
}

.file-icon__icon[data-v-d46fdc6e] svg {
    width: 100%;
    height: 100%;
    object-fit: contain
}

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

.unknown[data-v-2e355933] {
    display: flex;
    gap: 20px;
    align-items: center;
    color: #f1f2f4;
    flex-direction: column
}

.unknown__description[data-v-2e355933] {
    max-width: 262px;
    text-align: center
}

.unknown__button-download[data-v-2e355933] {
    width: 100%;
    margin-top: 16px;
    max-width: 176px
}

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

.image[data-v-892ba2ec] {
    position: relative;
    display: block;
    overflow: hidden
}

.image__other[data-v-892ba2ec] {
    display: flex;
    gap: 24px;
    align-items: center;
    min-width: 320px;
    margin: 40px;
    padding: 30px 40px;
    background: #fff;
    flex-direction: column;
    max-width: 340px;
    border-radius: 16px
}

.dark .image__other[data-v-892ba2ec] {
    background: #2f3136
}

.image__image[data-v-892ba2ec] {
    max-height: calc(100vh - 160px);
    margin: auto;
    max-width: 90vw
}

.image__description[data-v-892ba2ec] {
    max-width: 100%;
    font-weight: 500;
    font-size: 12px;
    line-height: 14px;
    color: #acb1c2;
    text-align: center
}

.image__button-redirect[data-v-892ba2ec] {
    display: flex;
    flex-direction: row-reverse;
    max-width: 210px;
    width: 100%
}

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

.video[data-v-b5d2e580] {
    display: block;
    width: 100%;
    max-width: 70vw;
    height: 100%;
    max-height: calc(100vh - 160px);
    object-fit: contain
}

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

.pdf[data-v-a7487b94] {
    width: 100%;
    max-width: 960px
}

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

.content[data-v-dd38ad03] {
    display: flex;
    flex-direction: column;
    width: 100%;
    overflow: auto
}

.content__view[data-v-dd38ad03] {
    flex: 1 1 auto;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    margin: auto
}

.content__arrow-wrapper[data-v-dd38ad03] {
    position: absolute;
    top: 50%;
    z-index: 10;
    display: flex;
    justify-content: center;
    width: 160px;
    height: max-content;
    align-self: center;
    transform: translateY(-50%)
}

.content__arrow-wrapper.previous[data-v-dd38ad03] {
    left: 0
}

.content__arrow-wrapper.next[data-v-dd38ad03] {
    right: 0
}

.content__arrow[data-v-dd38ad03] {
    display: flex;
    justify-content: center;
    width: 40px;
    height: 40px;
    background-color: #242629;
    align-self: center;
    border-radius: 4px
}

.next .content__arrow[data-v-dd38ad03] svg {
    transform: rotate(180deg)
}

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

.thumbs[data-v-11a13a8a] {
    display: grid;
    height: 40px;
    overflow: hidden;
    background: #f8f8fb
}

.dark .thumbs[data-v-11a13a8a] {
    background-color: #202225
}

.thumbs__wrapper[data-v-11a13a8a] {
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: max-content;
    grid-column-gap: 12px;
    padding: 4px 15px;
    overflow: auto
}

.thumbs__file[data-v-11a13a8a] {
    display: flex;
    gap: 8px;
    align-items: center;
    padding: 4px 8px 4px 4px;
    overflow: hidden;
    color: inherit;
    transition: all .2s ease-in-out;
    border-radius: 4px;
    text-decoration: none;
    text-overflow: ellipsis;
    cursor: pointer
}

.thumbs__file[data-v-11a13a8a]:hover,
.thumbs__file.active[data-v-11a13a8a] {
    background-color: #e5e7ee
}

.dark .thumbs__file[data-v-11a13a8a] {
    background-color: #383a3f
}

.thumbs__file-name[data-v-11a13a8a] {
    font-weight: 300;
    font-size: 12px;
    line-height: 14px;
    max-width: 400px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.dark .thumbs__file-name[data-v-11a13a8a] {
    color: #ddd
}

.thumbs__file-extension[data-v-11a13a8a] {
    color: var(--color-scheme-active)
}

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

.viewer[data-v-6045668f] {
    display: grid;
    grid-template-rows: max-content 1fr max-content;
    width: 100vw;
    height: 100vh!important;
    margin: -20px;
    background-color: unset!important;
    max-height: unset!important
}

@supports (-webkit-touch-callout: none) {
    .viewer[data-v-6045668f] {
        height: 100dvh!important
    }
}

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

.colors[data-v-8acd0842] {
    position: fixed;
    z-index: 9999;
    width: 260px;
    padding: 4px 0;
    overflow: hidden auto;
    background-color: #fff;
    transition: opacity .2s ease;
    max-height: 35vh;
    border: 1px solid #EDEDF5;
    box-shadow: 0 4px 13px #3030301a;
    border-radius: 8px
}

.dark .colors[data-v-8acd0842] {
    background-color: #242629;
    border-color: #2a2a2a
}

.colors__group[data-v-8acd0842] {
    margin-top: 4px
}

.colors__name[data-v-8acd0842] {
    display: flex;
    align-items: center;
    height: 28px;
    padding: 0 12px;
    font-weight: 500;
    font-size: 12px;
    line-height: 12px;
    color: #93969f
}

.colors__item[data-v-8acd0842] {
    display: grid;
    grid-template-columns: max-content 1fr;
    grid-column-gap: 8px;
    align-items: center;
    width: 100%;
    height: 32px;
    margin: 0 4px;
    padding: 0 8px;
    transition: .2s ease;
    cursor: pointer;
    border-radius: 4px;
    text-align: start;
    font-weight: 500;
    font-size: 14px;
    line-height: 14px
}

.colors__item[data-v-8acd0842]:hover {
    background-color: #f8f8fb
}

.dark .colors__item[data-v-8acd0842] {
    color: #ddd
}

.dark .colors__item[data-v-8acd0842]:hover {
    background-color: #383a3f
}

.colors__icon[data-v-8acd0842] {
    width: 16px;
    height: 16px
}

.colors__icon.text-color[data-v-8acd0842] path:first-of-type {
    fill: #e5e7ee
}

.colors__icon.text-color[data-v-8acd0842] path:not(:first-of-type) {
    fill: inherit!important
}

.colors__icon.background-color[data-v-8acd0842] {
    border-radius: 2px
}

.dark .colors__icon.text-color[data-v-8acd0842] path:first-of-type {
    fill: #93969f
}

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

.options__dropdown[data-v-5d35bea8] {
    position: fixed;
    z-index: 9999;
    width: 240px;
    padding: 4px 0
}

.options__colors[data-v-5d35bea8] {
    display: grid;
    grid-template-columns: 1fr max-content;
    grid-column-gap: 8px;
    align-items: center;
    width: 100%;
    padding-right: 4px
}

.options__hr[data-v-5d35bea8] {
    width: 100%;
    height: 1px;
    margin: 4px 0;
    background-color: #f4f4f8;
    border: none
}

.dark .options__hr[data-v-5d35bea8] {
    background-color: #2f3136
}

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

.color[data-v-5ce715f9] {
    position: fixed;
    z-index: 9999;
    width: 260px;
    padding: 4px 0;
    overflow: hidden auto;
    background-color: #fff;
    transition: opacity .2s ease;
    max-height: 35vh;
    border: 1px solid #EDEDF5;
    box-shadow: 0 4px 13px #3030301a;
    border-radius: 8px
}

.dark .color[data-v-5ce715f9] {
    background-color: #242629;
    border-color: #2a2a2a
}

.color__group[data-v-5ce715f9] {
    margin-top: 4px
}

.color__name[data-v-5ce715f9] {
    display: flex;
    align-items: center;
    height: 28px;
    padding: 0 12px;
    font-weight: 500;
    font-size: 12px;
    line-height: 12px;
    color: #93969f
}

.color__item[data-v-5ce715f9] {
    display: grid;
    grid-template-columns: max-content 1fr;
    grid-column-gap: 8px;
    align-items: center;
    width: 100%;
    height: 32px;
    margin: 0 4px;
    padding: 0 8px;
    transition: .2s ease;
    cursor: pointer;
    border-radius: 4px;
    text-align: start;
    font-weight: 500;
    font-size: 14px;
    line-height: 14px
}

.color__item[data-v-5ce715f9]:hover {
    background-color: #f8f8fb
}

.dark .color__item[data-v-5ce715f9] {
    color: #ddd
}

.dark .color__item[data-v-5ce715f9]:hover {
    background-color: #383a3f
}

.color__icon[data-v-5ce715f9] {
    width: 16px;
    height: 16px
}

.color__icon.text-color[data-v-5ce715f9] path:first-of-type {
    fill: #e5e7ee
}

.color__icon.text-color[data-v-5ce715f9] path:not(:first-of-type) {
    fill: inherit!important
}

.color__icon.background-color[data-v-5ce715f9] {
    border-radius: 2px
}

.dark .color__icon.text-color[data-v-5ce715f9] path:first-of-type {
    fill: #93969f
}

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

.options__dropdown[data-v-434b3fe0] {
    position: fixed;
    z-index: 9999;
    width: 240px;
    padding: 4px 0
}

.options__icon-arrow[data-v-434b3fe0] {
    margin-left: auto
}

.options__colors[data-v-434b3fe0] {
    display: grid;
    grid-template-columns: 1fr max-content;
    grid-column-gap: 8px;
    align-items: center;
    width: 100%;
    padding-right: 4px
}

.options__hr[data-v-434b3fe0] {
    width: 100%;
    height: 1px;
    margin: 4px 0;
    background-color: #f4f4f8;
    border: none
}

.dark .options__hr[data-v-434b3fe0] {
    background-color: #2f3136
}

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

.menu[data-v-253d0167] {
    position: fixed;
    z-index: 9999;
    display: grid;
    grid-template-rows: max-content 1fr;
    width: 420px;
    max-height: 200px;
    padding: 5px;
    border-radius: 4px;
    background-color: #fff;
    box-shadow: 0 0 16px #5555551a;
    transition: opacity .3s ease
}

.dark .menu[data-v-253d0167] {
    background-color: #242629
}

.menu__wrapper[data-v-253d0167] {
    display: grid;
    grid-template-columns: 1fr max-content;
    grid-column-gap: 5px
}

.menu__textarea[data-v-253d0167] {
    font-weight: 300;
    font-size: 16px;
    line-height: 24px;
    padding: 0;
    overflow: hidden;
    color: #202430;
    background: transparent;
    transition: none;
    border: none;
    outline: none;
    max-height: 108px;
    overflow-y: auto
}

.dark .menu__textarea[data-v-253d0167] {
    color: #ddd
}

.menu__button[data-v-253d0167] {
    padding: 7px
}

.menu__error[data-v-253d0167] {
    margin-top: 14px;
    padding: 10px;
    color: #ff8a8a;
    background-color: #fff5f5;
    border-radius: 4px;
    overflow-y: auto;
    font-weight: 300;
    font-size: 16px;
    line-height: 24px
}

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

.technical-problems__warning[data-v-dcd7a17f] {
    display: flex;
    justify-content: space-between;
    margin-bottom: 8px;
    padding: 8px;
    color: #ff8a8a;
    background: #f42c2c1a;
    border-radius: 6px;
    font-weight: 500;
    font-size: 12px;
    line-height: 130%
}

@media print {
    .technical-problems__warning[data-v-dcd7a17f] {
        display: none
    }
}

.editor-enter-active {
    transition: opacity .3s ease
}

.editor-enter-from {
    opacity: 0
}

.ProseMirror {
    position: relative;
    max-height: 100%;
    padding: 2px;
    outline: none;
    border: none;
    scrollbar-gutter: stable;
    scroll-behavior: smooth
}

.ProseMirror::selection {
    color: #fff;
    background-color: var(--color-scheme-active)
}

.ProseMirror>* {
    word-break: normal!important;
    overflow-wrap: anywhere!important
}

.ProseMirror.ProseMirror-focused {
    outline: none
}

.ProseMirror.ProseMirror-hideselection {
    -webkit-user-select: none!important;
    user-select: none!important
}

.ProseMirror .ProseMirror-selectednode {
    border: none!important;
    outline: none!important;
    transition: none!important
}

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

.editor[data-v-f0467707] {
    position: relative;
    display: grid;
    grid-template-columns: 100%;
    grid-template-rows: 1fr;
    width: 100%;
    height: 100%;
    color: #202430;
    overflow-anchor: auto
}

@media print {
    .editor[data-v-f0467707] {
        display: block;
        grid-template-columns: auto;
        grid-template-rows: auto;
        height: auto
    }
}

.dark .editor[data-v-f0467707] {
    color: #ddd
}

.editor__target[data-v-f0467707] {
    position: relative;
    padding: 10px 4px;
    overflow: auto;
    cursor: text
}

.editor__target[data-v-f0467707] .ProseMirror-focused,
.editor__target[data-v-f0467707] .ProseMirror-selectednode {
    outline: unset!important
}

.editor__loading[data-v-f0467707] {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%
}

@media print {
    .editor__loading[data-v-f0467707] {
        display: none
    }
}

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

.title[data-v-eedaa559] {
    margin-top: 29px;
    padding: 7px 0;
    overflow: hidden;
    word-break: normal;
    overflow-wrap: anywhere;
    color: #202430;
    -webkit-text-fill-color: #202430;
    background-color: transparent;
    border: none;
    box-sizing: content-box;
    outline: none;
    transition: none;
    font-weight: 700;
    font-size: 36px;
    line-height: 36px
}

@media print {
    .title[data-v-eedaa559] {
        margin-top: 0
    }
}

.title[data-v-eedaa559]::placeholder {
    color: #a5a8b3;
    -webkit-text-fill-color: #a5a8b3
}

.dark .title[data-v-eedaa559] {
    color: #ddd;
    -webkit-text-fill-color: #DDD;
    background-color: #383a3f
}

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

.menu[data-v-e34a7dd2] {
    position: fixed;
    z-index: 9999;
    width: max-content;
    padding: 2px 3px;
    border-radius: 4px;
    will-change: top, left;
    transition: opacity .3s ease
}

.menu__group[data-v-e34a7dd2] {
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: max-content;
    grid-column-gap: 5px
}

.menu__isolator[data-v-e34a7dd2] {
    background-color: #f8f8fb
}

.menu__isolator.vertical[data-v-e34a7dd2] {
    width: 1px;
    height: 20px
}

.menu__isolator.horizontal[data-v-e34a7dd2] {
    width: 100%;
    height: 1px;
    margin: 4px 0
}

.dark .menu__isolator[data-v-e34a7dd2] {
    background-color: #2f3136
}

.menu__item[data-v-e34a7dd2] {
    width: 20px;
    height: 20px;
    transition: background-color .2s ease;
    border-radius: 4px
}

.menu__item[data-v-e34a7dd2]:hover {
    background-color: #f8f8fb
}

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

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

.bottom[data-v-8b63ea01] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    align-items: center;
    height: 24px;
    padding: 0 9px;
    background-color: #f8f8fb
}

.dark .bottom[data-v-8b63ea01] {
    background-color: #202225
}

.bottom__section[data-v-8b63ea01] {
    display: grid;
    grid-template-columns: repeat(2, max-content);
    grid-column-gap: 8px;
    align-items: center
}

.bottom__title[data-v-8b63ea01] {
    font-weight: 500;
    font-size: 12px;
    line-height: 14px;
    color: #202430
}

.dark .bottom__title[data-v-8b63ea01] {
    color: #ddd
}

.bottom__value[data-v-8b63ea01] {
    font-weight: 500;
    font-size: 12px;
    line-height: 14px
}

.bottom__value.active[data-v-8b63ea01] {
    color: var(--color-scheme-active)
}

.dark .bottom__value[data-v-8b63ea01] {
    color: #ddd
}

.dark .bottom__value.active[data-v-8b63ea01] {
    color: var(--color-scheme-active)
}

.bottom__shortcut[data-v-8b63ea01] {
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: max-content;
    grid-column-gap: 4px
}

.bottom__shortcut-value[data-v-8b63ea01] {
    padding: 1px 4px;
    color: #fff;
    background-color: var(--color-scheme-active);
    border-radius: 4px
}

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

.menu[data-v-dd1f2180] {
    position: fixed;
    z-index: 997;
    display: grid;
    grid-template-rows: 1fr max-content;
    width: max-content;
    overflow: hidden;
    background-color: #fff;
    transition: opacity .3s ease;
    border-radius: 4px;
    box-shadow: 0 6px 16px #0000000f
}

.dark .menu[data-v-dd1f2180] {
    background-color: #242629
}

.menu__columns[data-v-dd1f2180] {
    display: grid;
    grid-auto-rows: max-content;
    grid-column-gap: 5px;
    padding: 11px 9px;
    max-height: 120px;
    overflow: hidden auto
}

.menu__column[data-v-dd1f2180] {
    display: grid;
    grid-auto-flow: row;
    grid-auto-rows: max-content;
    grid-template-columns: 1fr;
    grid-row-gap: 5px;
    width: 100%
}

.menu__item[data-v-dd1f2180] {
    display: flex;
    align-items: center;
    height: 22px;
    padding: 0 2px;
    transition: background-color .15s ease;
    cursor: pointer;
    border: none;
    border-radius: 4px;
    text-align: start;
    column-gap: 10px;
    outline: none;
    font-weight: 400;
    font-size: 14px;
    line-height: 14px
}

.menu__item[data-v-dd1f2180]:hover,
.menu__item.current[data-v-dd1f2180] {
    background-color: #f8f8fb
}

.dark .menu__item[data-v-dd1f2180] {
    color: #ddd
}

.dark .menu__item[data-v-dd1f2180]:hover,
.dark .menu__item.current[data-v-dd1f2180] {
    background-color: #2f3136
}

.menu__empty[data-v-dd1f2180] {
    padding: 15px 0;
    text-align: center;
    font-weight: 400;
    font-size: 14px;
    line-height: 14px;
    color: #cacad2
}

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

.menu-component[data-v-57375099] {
    position: fixed;
    z-index: 996;
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: max-content;
    grid-column-gap: 4px;
    justify-content: flex-end;
    height: 24px;
    padding-right: 4px;
    will-change: top, left
}

.menu-component__button[data-v-57375099] {
    height: 24px
}

.dark .menu-component__button[data-v-57375099] {
    background-color: #242629!important
}

@keyframes prosemirror-gap-cursor-blink {
    0% {
        opacity: 1
    }
    50% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

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

.dropdown-component[data-v-2f91c4a6] {
    position: fixed;
    z-index: 996
}

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

.menu[data-v-944c9fd3] {
    position: fixed;
    z-index: 996;
    display: flex;
    justify-content: flex-end;
    padding-right: 4px;
    will-change: top, left
}

.menu-dropdown[data-v-944c9fd3] {
    position: fixed;
    width: 260px
}

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

.menu[data-v-7f097dfb] {
    position: fixed;
    z-index: 9999;
    width: 265px;
    height: 200px;
    padding: 9px 12px;
    overflow-y: auto;
    background-color: #fff;
    transition: opacity .3s ease;
    border-radius: 4px;
    box-shadow: 0 6px 16px #0000000f
}

.menu.loading[data-v-7f097dfb] {
    display: flex;
    justify-content: center;
    align-items: center
}

.dark .menu[data-v-7f097dfb] {
    background-color: #242629
}

.menu__group-name[data-v-7f097dfb] {
    font-weight: 500;
    font-size: 12px;
    line-height: 12px;
    margin-bottom: 11px;
    color: #93969f
}

.dark .menu__group-name[data-v-7f097dfb] {
    color: #ddd
}

.menu__group-icons[data-v-7f097dfb] {
    display: grid;
    grid-auto-flow: row;
    grid-auto-rows: max-content;
    grid-template-columns: repeat(10, max-content);
    grid-gap: 4px;
    margin-bottom: 11px
}

.menu__group-icon[data-v-7f097dfb] {
    width: 20px;
    height: 20px;
    transition: background-color .2s ease;
    border-radius: 4px;
    cursor: pointer
}

.menu__group-icon[data-v-7f097dfb]:hover,
.menu__group-icon.active[data-v-7f097dfb] {
    background-color: #ededf5
}

.dark .menu__group-icon[data-v-7f097dfb]:hover,
.dark .menu__group-icon.active[data-v-7f097dfb] {
    background-color: #383a3f
}

.drag-and-drop-target {
    position: relative
}

.drag-and-drop-target.top:after,
.drag-and-drop-target.right:after,
.drag-and-drop-target.bottom:after,
.drag-and-drop-target.left:after {
    content: "";
    position: absolute;
    pointer-events: none;
    opacity: .7;
    background-color: var(--color-scheme-active);
    border-radius: 10px
}

.drag-and-drop-target.top:after {
    top: -1.5px;
    width: 100%;
    height: 3px
}

.drag-and-drop-target.top.prosemirror-list:after {
    left: -32px;
    width: calc(100%+ 32px)
}

.drag-and-drop-target.right:after {
    top: 0;
    right: -5px;
    bottom: 0;
    width: 3px
}

.drag-and-drop-target.bottom:after {
    bottom: -1.5px;
    width: 100%;
    height: 3px
}

.drag-and-drop-target.bottom.prosemirror-list:after {
    left: -32px;
    width: calc(100%+ 32px)
}

.drag-and-drop-target.left:after {
    top: 0;
    bottom: 0;
    left: -5px;
    width: 3px
}

.drag-and-drop-target.left.prosemirror-list:after {
    left: -37px
}

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

.editor:not(.readonly)>.editor[data-v-b96b06c3] {
    width: calc(100%+ 28px);
    margin-right: -4px;
    margin-left: -28px
}

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

.menu[data-v-c9565084] {
    position: relative;
    opacity: 0;
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: max-content;
    grid-column-gap: 4px;
    align-items: center;
    padding: 2px 3px;
    background-color: #fff;
    border-radius: 4px;
    box-shadow: 0 0 16px #5555551a
}

.comment:hover .menu[data-v-c9565084],
.menu.opened[data-v-c9565084] {
    opacity: 1
}

.dark .menu[data-v-c9565084] {
    background-color: #2f3136
}

.menu__line[data-v-c9565084] {
    width: 1px;
    height: 100%;
    background-color: #f8f8fb
}

.dark .menu__line[data-v-c9565084] {
    background-color: #242629
}

.menu__dropdown[data-v-c9565084] {
    position: absolute;
    top: calc(100%+ 5px);
    right: 0;
    z-index: 1;
    width: 250px
}

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

.header[data-v-fbd42de0] {
    display: flex;
    align-items: center;
    column-gap: 4px;
    height: 16px;
    margin-bottom: 4px
}

.header__author-name[data-v-fbd42de0] {
    font-weight: 500;
    font-size: 10px;
    line-height: 10px;
    color: #9499ad
}

.header__date[data-v-fbd42de0] {
    margin-right: auto;
    font-weight: 300;
    font-size: 10px;
    line-height: 10px;
    color: #cacdd8
}

.description .prosemirror-list[data-list-kind=ordered]:before {
    font-weight: 300;
    font-size: 15px;
    line-height: 20px
}

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

.comment__content[data-v-46ed9b70] {
    padding: 4px 8px;
    word-break: normal;
    overflow-wrap: anywhere;
    background-color: #f5f5f9;
    border-radius: 8px
}

.dark .comment__content[data-v-46ed9b70] {
    background-color: #2f3136
}

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

.editing[data-v-567b6792] {
    position: relative;
    padding: 16px 20px 20px;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    background-color: #f8f8fb
}

.dark .editing[data-v-567b6792] {
    background-color: #242629
}

.editing__wrapper[data-v-567b6792] {
    display: flex;
    align-items: center;
    background-color: #fff;
    overflow-y: auto
}

.dark .editing__wrapper[data-v-567b6792] {
    background-color: #2f3136
}

.editing__editor[data-v-567b6792] {
    position: relative;
    flex: 1;
    height: 100%;
    padding: 2px 90px 0 11px;
    cursor: text;
    max-height: 300px;
    border-radius: 4px
}

.dark .editing__editor[data-v-567b6792] {
    background-color: #383a3f;
    border-color: #191a1c
}

.editing__button-send[data-v-567b6792] {
    width: 34px;
    height: 34px;
    margin-right: 5px
}

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

.preview[data-v-f82a7712] {
    position: relative;
    display: flex;
    align-items: center;
    height: 12px;
    cursor: pointer
}

.preview__line[data-v-f82a7712] {
    width: 100%;
    height: 1px;
    background-color: #ededf5
}

.dark .preview__line[data-v-f82a7712] {
    background-color: #202225
}

.preview__text[data-v-f82a7712] {
    position: absolute;
    top: 50%;
    left: 50%;
    padding: 0 14px;
    color: #cacad2;
    background-color: #fff;
    transform: translate(-50%, -50%);
    font-weight: 400;
    font-size: 10px;
    line-height: 12px
}

.dark .preview__text[data-v-f82a7712] {
    color: #ddd;
    background-color: #2f3136
}

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

.comments[data-v-2689b74c] {
    padding: 23px 0 30px
}

.comments__items[data-v-2689b74c] {
    display: grid;
    grid-auto-flow: row;
    grid-row-gap: 12px;
    padding: 20px 20px 0;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    background-color: #f8f8fb
}

.comments__items.empty[data-v-2689b74c] {
    padding: 0
}

.dark .comments__items[data-v-2689b74c] {
    background-color: #242629
}

.has-comments .comments__editing[data-v-2689b74c] {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

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

.edit[data-v-1d0d992c] {
    display: flex;
    flex-direction: column;
    width: 100%;
    max-width: 880px
}

.edit.full-screen[data-v-1d0d992c] {
    left: 0!important;
    width: 100%!important;
    min-height: 100vh!important;
    max-width: 100%!important
}

.edit[data-v-1d0d992c] .modal-head__title {
    width: 100%;
    overflow: unset
}

.edit[data-v-1d0d992c] .modal-head__row {
    align-items: center
}

.edit[data-v-1d0d992c] .button {
    height: 36px
}

.edit__wrapper[data-v-1d0d992c] {
    position: relative;
    min-height: 400px
}

.edit__content[data-v-1d0d992c] {
    position: relative;
    display: flex;
    width: 100%;
    margin: 0 auto;
    flex-direction: column;
    max-width: 680px
}

.edit__editor[data-v-1d0d992c] {
    max-width: 680px;
    width: 100%;
    margin: 0 auto
}

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

.section[data-v-e052a48f] {
    display: flex;
    gap: 8px;
    align-items: center;
    height: 32px;
    padding: 6px 8px;
    transition: background-color .2s ease-in-out;
    cursor: pointer;
    border-radius: 4px
}

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

.section.is-active[data-v-e052a48f] {
    background-color: #ededf5
}

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

.dark .section[data-v-e052a48f]:hover,
.dark .section.is-active[data-v-e052a48f] {
    background-color: #242629
}

.section__title[data-v-e052a48f] {
    font-weight: 400;
    font-size: 14px;
    line-height: 100%;
    margin: 0;
    color: #202430
}

.dark .section__title[data-v-e052a48f] {
    color: #ddd
}

.section__icon[data-v-e052a48f] {
    width: 16px;
    object-fit: contain
}

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

.limit__description[data-v-a0c44e21] {
    font-weight: 400;
    font-size: 12px;
    line-height: 100%;
    margin: 0;
    color: #6c727f
}

[data-v-a0c44e21] .limit__button {
    height: 32px
}

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

.header-component[data-v-ac15dd10] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    height: 32px;
    overflow: hidden;
    transition: background-color .2s ease;
    cursor: default;
    border: none;
    outline: none;
    border-radius: 4px
}

.header-component.opened[data-v-ac15dd10] {
    grid-template-columns: auto max-content;
    grid-column-gap: 8px;
    padding: 0 5px 0 8px;
    overflow: visible
}

.header-component.opened.clickable[data-v-ac15dd10] {
    cursor: pointer
}

.header-component.opened.clickable[data-v-ac15dd10]:hover {
    background-color: #f8f8fb
}

.header-component.collapsed.hidden[data-v-ac15dd10] {
    grid-template-columns: auto max-content minmax(16px, max-content)
}

.header-component.active[data-v-ac15dd10] {
    background-color: #f8f8fb
}

.dark .header-component.opened.clickable[data-v-ac15dd10]:hover,
.dark .header-component.active[data-v-ac15dd10] {
    background-color: #2f3136
}

.header-component__tooltip[data-v-ac15dd10] {
    display: flex;
    align-items: center;
    width: 100%;
    height: 100%
}

.header-component__controls-tooltip[data-v-ac15dd10] {
    max-height: 16px
}

.header-component__name[data-v-ac15dd10] {
    font-weight: 500;
    font-size: 12px;
    line-height: 12px;
    align-items: center;
    width: 100%;
    height: 100%;
    padding: 10px 0;
    overflow: hidden;
    white-space: nowrap;
    color: #acb1c2;
    text-align: start;
    text-overflow: ellipsis
}

.header-component__hidden[data-v-ac15dd10] {
    font-weight: 300;
    font-size: 12px;
    line-height: 12px;
    display: flex;
    align-items: center;
    height: 100%;
    white-space: nowrap;
    color: #acb1c2
}

.header-component__column[data-v-ac15dd10] {
    display: flex;
    gap: 8px;
    align-items: center
}

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

.section-component__header[data-v-6a824e97] {
    margin-bottom: 4px
}

.section-component__body[data-v-6a824e97] {
    display: grid;
    grid-template-rows: 1fr;
    grid-row-gap: 2px
}

.collapsed .section-component__body[data-v-6a824e97] {
    margin-bottom: 0
}

.mini .section-component__body[data-v-6a824e97] {
    overflow: hidden
}

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

.small[data-v-3ec90afc] {
    display: grid;
    grid-template-columns: 1fr;
    align-items: center;
    width: 35px;
    height: 32px;
    overflow: hidden
}

.small.opened[data-v-3ec90afc] {
    grid-template-columns: max-content 1fr;
    grid-column-gap: 8px;
    width: auto;
    padding: 0 5px 0 8px
}

.small__cube[data-v-3ec90afc] {
    width: 16px;
    height: 16px;
    background-color: #ededf5;
    border-radius: 4px
}

.small__line[data-v-3ec90afc] {
    position: relative;
    width: 100%;
    height: 11px;
    overflow: hidden;
    background: #ededf533;
    border-radius: 4px
}

.small__line[data-v-3ec90afc]:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: linear-gradient(269.8deg, transparent -.02%, #ededf5 51.32%, transparent 102.66%);
    background-size: 200%;
    animation: shining-3ec90afc 1.5s infinite
}

@keyframes shining-3ec90afc {
    0% {
        background-position: 100%
    }
    to {
        background-position: -100%
    }
}

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

.empty[data-v-73f240c7] {
    display: flex;
    align-items: center;
    height: 32px
}

.empty__placeholder[data-v-73f240c7] {
    padding: 0 8px;
    font-weight: 300;
    font-size: 12px;
    line-height: 12px;
    color: #acb1c2
}

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

.document.disabled[data-v-444407a1] {
    pointer-events: none
}

.document__item[data-v-444407a1] {
    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-444407a1]:hover {
    background-color: #f8f8fb
}

.document__item[data-v-444407a1]:active,
.document__item.active[data-v-444407a1] {
    background-color: #e5e7ee
}

.dark .document__item[data-v-444407a1] {
    color: #ddd;
    background-color: #383a3f
}

.dark .document__item[data-v-444407a1]:hover {
    background-color: #2f3136
}

.dark .document__item[data-v-444407a1]:active,
.dark .document__item.active[data-v-444407a1] {
    background-color: #242629
}

.document__icon-arrow.opened[data-v-444407a1] {
    transform: rotate(90deg)
}

.document__logo[data-v-444407a1] .avatars-image__content {
    background-color: unset
}

.document__name-tooltip[data-v-444407a1] {
    flex: 1;
    overflow: hidden;
    white-space: nowrap;
    text-align: start;
    text-overflow: ellipsis;
    line-break: anywhere
}

.document__name[data-v-444407a1] {
    flex: 1;
    overflow: hidden;
    text-align: start;
    text-overflow: ellipsis;
    line-break: anywhere;
    white-space: nowrap
}

.disabled-children .document__children[data-v-444407a1] {
    pointer-events: none
}

.document__icon[data-v-444407a1] {
    flex: none
}

.document__permissions-text[data-v-444407a1] {
    font-weight: 500;
    font-size: 12px;
    line-height: 120%;
    color: #60636c
}

.document__permissions[data-v-444407a1] {
    display: flex;
    gap: 4px;
    align-items: center
}

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

.available-to-me[data-v-9c4a7905] {
    position: relative
}

.available-to-me.opened[data-v-9c4a7905] {
    margin-bottom: 14px
}

.available-to-me__title-tooltip[data-v-9c4a7905] {
    position: absolute;
    top: 0;
    left: 15px;
    width: 248px;
    height: 32px
}

.available-to-me__tooltip-template[data-v-9c4a7905] {
    width: 100%;
    height: 32px
}

.available-to-me__content[data-v-9c4a7905] {
    display: grid;
    grid-auto-rows: max-content
}

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

.root-button[data-v-5ae1fee7] {
    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-5ae1fee7]:hover {
    background-color: #f8f8fb
}

.root-button.active[data-v-5ae1fee7] {
    background-color: #ededf5
}

.dark .root-button[data-v-5ae1fee7] {
    color: #ddd;
    background-color: #383a3f
}

.dark .root-button[data-v-5ae1fee7]:hover {
    background-color: #2f3136
}

.dark .root-button[data-v-5ae1fee7]:active,
.dark .root-button.active[data-v-5ae1fee7] {
    background-color: #242629
}

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

.documents[data-v-1f36a598] {
    position: relative
}

.documents.opened[data-v-1f36a598] {
    margin-bottom: 14px
}

.documents__content[data-v-1f36a598] {
    display: grid;
    grid-auto-rows: max-content
}

.documents__title-tooltip[data-v-1f36a598] {
    position: absolute;
    top: 0;
    left: 12px;
    width: 218px;
    height: 32px
}

.documents__tooltip-wrapper[data-v-1f36a598] {
    width: 218px;
    height: 32px
}

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

.from-search[data-v-e6c0e646] {
    display: grid;
    grid-template-rows: max-content 1fr;
    padding-bottom: 16px;
    overflow: hidden auto
}

.from-search[data-v-e6c0e646] .header-component {
    width: calc(100% - 24px);
    margin: 0 12px
}

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

.knowledge-base[data-v-ac1e7eb6] {
    display: flex;
    flex-direction: column;
    gap: 8px
}

.knowledge-base__sections[data-v-ac1e7eb6] {
    max-height: 400px;
    overflow-y: auto
}

.knowledge-base__sections.disabled[data-v-ac1e7eb6] {
    pointer-events: none;
    opacity: .6
}

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

.sections[data-v-c9a0fe9b] {
    display: flex;
    flex-direction: column;
    gap: 8px
}

.sections__content[data-v-c9a0fe9b] {
    display: flex;
    flex-direction: column
}

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

.transfer[data-v-1b398403] {
    display: flex;
    flex-direction: column;
    width: 100%;
    max-width: 480px
}

.transfer__body[data-v-1b398403] {
    display: flex;
    flex-direction: column;
    gap: 16px
}

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

.add-embed-modal[data-v-dcfc18a7] {
    max-width: 700px;
    width: 100%;
    border-radius: 12px
}

.add-embed-modal__input[data-v-dcfc18a7] {
    position: relative;
    display: grid;
    grid-auto-rows: max-content;
    grid-row-gap: 8px
}

.add-embed-modal__input[data-v-dcfc18a7]::placeholder {
    color: #acb1c2
}

.add-embed-modal__error[data-v-dcfc18a7] {
    color: #f66
}

.add-embed-modal__input-textarea[data-v-dcfc18a7] {
    margin-top: 8px;
    margin-bottom: 16px;
    padding-left: 13px;
    background-color: #f8f8fb;
    border-radius: 8px;
    border: unset
}

.add-embed-modal__input-textarea[data-v-dcfc18a7]::placeholder {
    color: #acb1c2
}

.add-embed-modal__input-textarea[data-v-dcfc18a7]:hover {
    background-color: #e5e7ee
}

.dark .add-embed-modal__input-textarea[data-v-dcfc18a7] {
    background-color: #2f3136
}

.dark .add-embed-modal__input-textarea[data-v-dcfc18a7]::placeholder {
    color: #8d8d8d
}

.add-embed-modal__input-textarea_active[data-v-dcfc18a7] {
    background-color: #e5e7ee
}

.dark .add-embed-modal__input-textarea_active[data-v-dcfc18a7] {
    background-color: #202225
}

.add-embed-modal__label[data-v-dcfc18a7] {
    font-size: 14px;
    font-weight: 500;
    line-height: 125%;
    color: #242629
}

.dark .add-embed-modal__label[data-v-dcfc18a7] {
    color: #dddd
}

.add-embed-modal__embeds-list[data-v-dcfc18a7] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 24px;
    padding: 4px;
    background-color: #f8f8fb;
    border-radius: 8px
}

.dark .add-embed-modal__embeds-list[data-v-dcfc18a7] {
    background-color: #2f3136
}

.add-embed-modal__embed[data-v-dcfc18a7] {
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 36px;
    min-width: 36px;
    height: 32px;
    transition: all .3s;
    cursor: pointer;
    border-radius: 4px
}

.add-embed-modal__embed_active[data-v-dcfc18a7] {
    background-color: #fff
}

.dark .add-embed-modal__embed_active[data-v-dcfc18a7] {
    background-color: #383a3f
}

.add-embed-modal__embed_another[data-v-dcfc18a7] {
    gap: 8px;
    min-width: fit-content;
    padding: 6px;
    max-width: fit-content
}

.dark .add-embed-modal__embed_another[data-v-dcfc18a7] {
    color: #a6a7b3
}

.add-embed-modal__insert-types[data-v-dcfc18a7] {
    display: flex;
    width: fit-content;
    margin-bottom: 16px;
    padding: 4px;
    background-color: #ededf5;
    border-radius: 8px;
    column-gap: 8px
}

.dark .add-embed-modal__insert-types[data-v-dcfc18a7] {
    background-color: #2f3136
}

.add-embed-modal__insert-type[data-v-dcfc18a7] {
    display: flex;
    align-items: center;
    border-radius: 6px;
    padding: 6px 12px 6px 8px;
    column-gap: 8px;
    background-color: #ededf5;
    cursor: pointer
}

.dark .add-embed-modal__insert-type[data-v-dcfc18a7] {
    background-color: #2f3136
}

.add-embed-modal__insert-type_active[data-v-dcfc18a7] {
    background-color: #fff
}

.dark .add-embed-modal__insert-type_active[data-v-dcfc18a7] {
    background-color: #383a3f
}

.add-embed-modal__insert-text[data-v-dcfc18a7] {
    font-size: 14px;
    line-height: 125%;
    color: #242629
}

.dark .add-embed-modal__insert-text[data-v-dcfc18a7] {
    color: #ddd
}

.add-embed-modal__insert-attributes[data-v-dcfc18a7] {
    margin-top: 16px
}

.add-embed-modal__input[data-v-dcfc18a7]:not(:last-child) {
    margin-bottom: 16px
}

.add-embed-modal__question[data-v-dcfc18a7] {
    display: flex;
    gap: 4px;
    align-items: center;
    margin-right: auto;
    font-size: 14px;
    font-weight: 500;
    color: #acb1c2;
    cursor: pointer
}

.add-embed-modal__question[data-v-dcfc18a7]:hover {
    opacity: .7
}

.add-embed-modal__button[data-v-dcfc18a7] {
    width: fit-content;
    padding: 12px 22px;
    font-size: 14px;
    font-weight: 400;
    color: #acb1c299;
    background: #2d3b5708;
    border-radius: 8px;
    text-align: center
}

.dark .add-embed-modal__button[data-v-dcfc18a7] {
    background-color: #2f3136!important
}

.dark .add-embed-modal__button_active[data-v-dcfc18a7] {
    background-color: var(--color-scheme-active)!important
}

.add-embed-modal__instruction[data-v-dcfc18a7] {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

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

.tasks[data-v-ba86a5c7] {
    display: flex;
    width: 100%;
    height: 100%;
    padding-top: 24px;
    overflow: hidden;
    background-color: #fff;
    flex-direction: column;
    border-radius: 12px
}

.dark .tasks[data-v-ba86a5c7] {
    background-color: #242629
}

.tasks__title[data-v-ba86a5c7] {
    font-weight: 500;
    font-size: 24px;
    line-height: 110%;
    margin: 0
}

.dark .tasks__title[data-v-ba86a5c7] {
    color: #ddd
}

.tasks__top[data-v-ba86a5c7] {
    display: flex;
    gap: 24px;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 24px;
    padding: 0 24px
}

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

.my-tasks[data-v-24eda6ac] {
    display: flex;
    width: 100%;
    height: 100%;
    padding: 10px;
    overflow: hidden;
    overflow-x: auto
}

.dark .my-tasks[data-v-24eda6ac] {
    background-color: #2f3136
}

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

.empty[data-v-f663ca38] {
    display: grid;
    grid-gap: 40px;
    justify-content: center;
    align-items: center;
    margin: auto 0;
    padding: 80px 0;
    overflow: auto
}

.dark .empty[data-v-f663ca38] {
    background-color: #2f3136
}

.empty__text[data-v-f663ca38] {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    justify-self: center;
    max-width: 472px
}

.empty__title[data-v-f663ca38] {
    font-weight: 700;
    font-size: 36px;
    line-height: 100%;
    margin: 0;
    color: #202430;
    text-align: center
}

.dark .empty__title[data-v-f663ca38] {
    color: #ddd
}

.empty__subtitle[data-v-f663ca38] {
    font-weight: 600;
    font-size: 20px;
    line-height: 24px;
    margin: 12px 0 0;
    color: #242629;
    text-align: center
}

.dark .empty__subtitle[data-v-f663ca38] {
    color: #ddd
}

.empty__description[data-v-f663ca38] {
    font-weight: 300;
    font-size: 16px;
    line-height: 20px;
    margin: 8px 0 0;
    color: #202430;
    text-align: center
}

.dark .empty__description[data-v-f663ca38] {
    color: #ddd
}

.empty__button[data-v-f663ca38] {
    min-width: 181px;
    margin-top: 24px;
    justify-self: center
}

.empty__icon[data-v-f663ca38] {
    position: absolute;
    bottom: -75px;
    left: 50%;
    transform: translate(-50%);
    pointer-events: none
}

.empty__preview[data-v-f663ca38] {
    max-width: 700px;
    justify-self: center;
    width: 100%;
    border: 1px solid #e5e7ee;
    border-radius: 8px;
    filter: drop-shadow(0 4px 64px rgba(0, 0, 0, .09))
}

.empty__preview[data-v-f663ca38] img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.empty__image[data-v-f663ca38] {
    display: flex;
    justify-content: center
}

.empty__image[data-v-f663ca38] img {
    width: fit-content;
    height: auto;
    max-width: 700px
}

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

.header-nav-link[data-v-1b965d88] {
    display: flex;
    gap: 10px;
    justify-content: space-between;
    align-items: center;
    height: 25px;
    margin: 0 6px;
    padding: 0 5px;
    font-size: 14px;
    line-height: 17px;
    color: #202430;
    background-color: transparent;
    transition: all .2s ease-in-out;
    border-radius: 4px;
    text-decoration: none
}

.dark .header-nav-link[data-v-1b965d88] {
    background-color: #2f3136
}

.header-nav-link[data-v-1b965d88]:hover {
    background-color: #e8e8f2
}

.dark .header-nav-link[data-v-1b965d88]:hover {
    background-color: #383a3f
}

.header-nav-link.active[data-v-1b965d88] {
    pointer-events: none;
    color: var(--color-scheme-active)
}

.header-nav-link.disabled[data-v-1b965d88] {
    pointer-events: none
}

.dark .header-nav-link__name[data-v-1b965d88] {
    color: #ddd
}

.disabled .header-nav-link__name[data-v-1b965d88] {
    opacity: .5
}

.active .header-nav-link__name[data-v-1b965d88] {
    color: var(--color-scheme-active)
}

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

.header-nav[data-v-3aa2349b] {
    display: flex;
    align-self: center
}

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

.navigation[data-v-903accc0] {
    position: relative;
    z-index: 10;
    display: flex;
    gap: 30px;
    align-items: center;
    width: 100%;
    min-height: 40px;
    padding: 6px 10px;
    background-color: #f8f8fb
}

.dark .navigation[data-v-903accc0] {
    background: #2f3136
}

.navigation__title[data-v-903accc0] {
    font-size: 14px;
    font-weight: 600;
    line-height: 17px;
    color: #202430
}

.dark .navigation__title[data-v-903accc0] {
    color: #ddd
}

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

.project-search[data-v-45908108] {
    position: relative;
    width: 100%;
    max-width: 180px
}

.project-search__icon[data-v-45908108] {
    position: absolute;
    top: 50%;
    left: 8px;
    transform: translateY(-50%)
}

.project-search__icon[data-v-45908108] svg {
    pointer-events: none;
    display: block
}

.dark .project-search__icon[data-v-45908108] path:nth-child(1) {
    fill: #b7babc
}

.dark .project-search__icon[data-v-45908108] path:nth-child(2) {
    fill: #767c84
}

.project-search__input[data-v-45908108] {
    display: block;
    width: 100%;
    height: 40px;
    padding: 0 8px 0 36px;
    overflow: hidden;
    font-size: 14px;
    line-height: 100%;
    border: none;
    border-radius: 8px;
    outline: none;
    box-shadow: none!important
}

.dark .project-search__input[data-v-45908108] {
    color: #ddd;
    background: #242629
}

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

.header[data-v-87fc9570] {
    position: static;
    z-index: initial;
    display: grid;
    grid-template-columns: 1fr max-content;
    grid-gap: 16px;
    height: 50px;
    padding: 0 10px 10px
}

.dark .header[data-v-87fc9570] {
    border-bottom: 1px solid transparent
}

.header__side[data-v-87fc9570] {
    display: grid;
    align-items: center
}

.header__side_left[data-v-87fc9570] {
    grid-template-columns: 180px 1fr;
    grid-gap: 16px
}

.header__side_right[data-v-87fc9570] {
    display: flex;
    gap: 8px;
    align-items: center
}

.header__button[data-v-87fc9570] {
    padding: 0 18px
}

.header__button[data-v-87fc9570] .button__text {
    display: flex;
    gap: 8px;
    align-items: center
}

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

.project-line[data-v-cca52b94] {
    display: grid;
    grid-template-columns: repeat(3, minmax(200px, 1fr));
    align-items: center
}

.project-line__column[data-v-cca52b94] {
    display: flex;
    align-items: center;
    height: 100%;
    height: 50px;
    padding: 0 27px;
    background: #fff;
    border-bottom: 1px solid #e5e7ee
}

.dark .project-line__column[data-v-cca52b94] {
    border-color: #1e1f22;
    background-color: #383a3f
}

.project-line__description[data-v-cca52b94] {
    overflow: hidden;
    white-space: nowrap;
    color: #93969f;
    text-overflow: ellipsis;
    font-weight: 300;
    font-size: 12px;
    line-height: 14px
}

.dark .project-line__description[data-v-cca52b94] {
    color: #a6a7b3
}

.project-line__user[data-v-cca52b94] {
    position: relative
}

.project-line__owner[data-v-cca52b94] {
    gap: 13px
}

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

.portfolio-line[data-v-e797f666] {
    display: grid;
    grid-template-columns: repeat(3, minmax(200px, 1fr));
    align-items: center;
    width: 100%
}

.portfolio-line[data-v-e797f666] .v-progress-bar__line {
    background: #e5e7ee
}

.portfolio-line__column[data-v-e797f666] {
    display: flex;
    align-items: center;
    height: 100%;
    height: 50px;
    padding: 0 27px;
    background: #f8f8fb;
    border-bottom: 1px solid #e5e7ee
}

.dark .portfolio-line__column[data-v-e797f666] {
    border-color: #1e1f22;
    background-color: #383a3f
}

.portfolio-line__description[data-v-e797f666] {
    overflow: hidden;
    white-space: nowrap;
    color: #93969f;
    text-overflow: ellipsis;
    font-weight: 300;
    font-size: 12px;
    line-height: 14px
}

.dark .portfolio-line__description[data-v-e797f666] {
    color: #a6a7b3
}

.portfolio-line__user[data-v-e797f666] {
    position: relative
}

.portfolio-line__owner[data-v-e797f666] {
    gap: 13px
}

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

.project-line-portfolio[data-v-4415db42] {
    min-width: 800px
}

.project-line-portfolio__header[data-v-4415db42] {
    display: flex;
    align-items: center;
    height: 50px;
    background: #f8f8fb
}

.dark .project-line-portfolio__header[data-v-4415db42] {
    background-color: #383a3f;
    border-color: #1e1f22
}

.project-line-portfolio__header_folder[data-v-4415db42] {
    border-bottom: 1px solid #e5e7ee
}

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

.watchers[data-v-a65df719] {
    position: relative;
    display: flex
}

.watchers__panel[data-v-a65df719] {
    position: relative;
    display: flex;
    gap: 8px;
    align-items: center;
    width: 100%;
    height: 32px;
    padding: 0 8px;
    color: #60636c;
    transition: background-color .2s ease;
    cursor: pointer;
    border-radius: 4px;
    font-weight: 400;
    font-size: 14px;
    line-height: 16px
}

.watchers__panel.active[data-v-a65df719] {
    background-color: #ededf5
}

.watchers__panel[data-v-a65df719]:hover,
.watchers__panel.hovered[data-v-a65df719] {
    background-color: #f8f8f8
}

.dark .watchers__panel[data-v-a65df719]:hover,
.dark .watchers__panel.hovered[data-v-a65df719] {
    color: #ddd;
    background-color: #202225
}

.dark .watchers__panel[data-v-a65df719] {
    color: #8d8d8d
}

.dark .watchers__panel[data-v-a65df719]:hover,
.dark .watchers__panel.active[data-v-a65df719] {
    color: #ddd;
    background-color: #202225
}

.watchers__selected[data-v-a65df719] {
    margin-left: 4px
}

.watchers__dropdown-icon[data-v-a65df719] {
    margin-left: auto;
    transform: rotate(180deg)
}

.watchers__dropdown[data-v-a65df719] {
    position: absolute;
    top: 0;
    right: -258px;
    z-index: 10;
    display: flex;
    width: 250px;
    height: fit-content;
    flex-direction: column;
    max-height: 290px;
    border-radius: 6px;
    box-shadow: 0 4px 13px #3030301a
}

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

.settings[data-v-aa6bfa6c] {
    position: relative;
    transition: all .2s ease
}

.settings.active[data-v-aa6bfa6c] {
    pointer-events: auto;
    opacity: 1
}

.settings__dropdown[data-v-aa6bfa6c] {
    position: fixed;
    z-index: 1000;
    display: flex;
    width: 210px;
    padding: 4px;
    background-color: #fff;
    flex-direction: column;
    max-height: max-content;
    border: 1px solid #F0F0F0;
    box-shadow: 0 4px 13px #3030301a;
    border-radius: 6px
}

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

.dropdown-item[data-v-aa6bfa6c] {
    border-radius: 4px
}

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

.projects-list-nav-project[data-v-e0a687b9] {
    display: flex;
    gap: 8px;
    align-items: center;
    width: 100%;
    height: 50px;
    padding: 0 10px;
    color: unset;
    background: #fff;
    border-bottom: 1px solid #e5e7ee;
    text-decoration: none
}

.dark .projects-list-nav-project[data-v-e0a687b9] {
    color: #ddd;
    background-color: #383a3f;
    border-bottom: 1px solid #1E1F22
}

.projects-list-nav-project[data-v-e0a687b9]:hover .project-settings-menu {
    pointer-events: auto;
    opacity: 1
}

.projects-list-nav-project__text[data-v-e0a687b9] {
    flex: 1;
    display: flex;
    column-gap: 8px;
    overflow: hidden
}

.projects-list-nav-project__text svg[data-v-e0a687b9] {
    flex: none
}

.projects-list-nav-project__name[data-v-e0a687b9] {
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    overflow: hidden;
    white-space: nowrap;
    color: #000;
    text-decoration: none;
    text-overflow: ellipsis;
    line-break: anywhere
}

.dark .projects-list-nav-project__name[data-v-e0a687b9] {
    color: #a6a7b3
}

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

.settings[data-v-35bf59f2] {
    position: relative;
    pointer-events: none;
    opacity: 0;
    transition: all .2s ease
}

.settings.active[data-v-35bf59f2] {
    pointer-events: auto;
    opacity: 1
}

.settings__dropdown[data-v-35bf59f2] {
    position: fixed;
    z-index: 1000;
    width: 200px;
    max-height: max-content
}

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

.projects-sorting-item.sorting-top[data-v-93f60d63]:before {
    content: "";
    position: absolute;
    top: -4px;
    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-93f60d63] {
    border-color: var(--color-scheme-active)!important;
    box-shadow: 0 1px 2px #6c78f440
}

.projects-sorting-item.sorting-bottom[data-v-93f60d63]:before {
    content: "";
    position: absolute;
    right: 2px;
    bottom: -1.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-list-nav-portfolio[data-v-93f60d63] {
    position: relative;
    background: #f8f8fb
}

.dark .projects-list-nav-portfolio[data-v-93f60d63] {
    background-color: #383a3f
}

.projects-list-nav-portfolio[data-v-93f60d63]:hover .portfolio-settings-menu {
    pointer-events: auto;
    opacity: 1
}

.projects-list-nav-portfolio__header[data-v-93f60d63] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 50px;
    padding: 8px 10px;
    cursor: pointer;
    column-gap: 8px;
    border-top: 1px solid transparent;
    border-right: 1px solid transparent;
    border-bottom: 1px solid #e5e7ee;
    border-left: 1px solid transparent
}

.dark .projects-list-nav-portfolio__header[data-v-93f60d63] {
    border-bottom-color: #1e1f22
}

.projects-list-nav-portfolio__header-left[data-v-93f60d63] {
    display: flex;
    align-items: center;
    column-gap: 8px;
    overflow: hidden
}

.disabled-children .projects-list-nav-portfolio__body[data-v-93f60d63] {
    pointer-events: none
}

.projects-list-nav-portfolio__link[data-v-93f60d63] {
    display: flex;
    align-items: center;
    overflow: hidden;
    color: unset;
    text-decoration: none;
    column-gap: 8px
}

.projects-list-nav-portfolio__avatar[data-v-93f60d63] .avatars-image__content {
    background-color: #e5e7ee
}

.dark .projects-list-nav-portfolio__avatar[data-v-93f60d63] .avatars-image__content {
    background: #2f3136
}

.projects-list-nav-portfolio__text[data-v-93f60d63] {
    flex: 1;
    display: flex;
    column-gap: 8px;
    overflow: hidden
}

.projects-list-nav-portfolio__text svg[data-v-93f60d63] {
    flex: none
}

.projects-list-nav-portfolio__name[data-v-93f60d63] {
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    overflow: hidden;
    white-space: nowrap;
    color: #000;
    transition: all .2s ease-in-out;
    text-overflow: ellipsis;
    line-break: anywhere
}

.dark .projects-list-nav-portfolio__name[data-v-93f60d63] {
    color: #a6a7b3
}

.projects-list-nav-portfolio__link:hover .projects-list-nav-portfolio__name[data-v-93f60d63] {
    text-decoration: underline
}

.projects-list-nav-portfolio__items[data-v-93f60d63] {
    position: relative
}

.projects-list-nav-portfolio__icon-arrow[data-v-93f60d63] {
    transform: rotate(270deg)
}

.projects-list-nav-portfolio__icon-arrow_opened[data-v-93f60d63] {
    transform: rotate(0)
}

.projects-list-nav-portfolio__header:hover .projects-list-nav-portfolio__menu[data-v-93f60d63] {
    pointer-events: auto;
    opacity: 1
}

.projects-list-nav-portfolio__project[data-v-93f60d63] {
    position: relative
}

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

.projects-sorting-item.sorting-top[data-v-6f340df8]:before {
    content: "";
    position: absolute;
    top: -4px;
    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-6f340df8] {
    border-color: var(--color-scheme-active)!important;
    box-shadow: 0 1px 2px #6c78f440
}

.projects-sorting-item.sorting-bottom[data-v-6f340df8]:before {
    content: "";
    position: absolute;
    right: 2px;
    bottom: -1.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
}

.items-with-sorting[data-v-6f340df8] {
    position: relative;
    z-index: 2
}

.items-with-sorting__project[data-v-6f340df8] {
    position: relative
}

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

.navigation[data-v-1c14a04e] {
    position: sticky;
    top: 0;
    left: 0;
    z-index: 3;
    display: flex;
    min-width: 200px;
    height: fit-content;
    background-color: #f8f8fb;
    -webkit-user-select: none;
    user-select: none;
    border-right: 1px solid #e5e7ee;
    flex-direction: column
}

.dark .navigation[data-v-1c14a04e] {
    border-right: 1px solid #1E1F22
}

.navigation_not-sticky[data-v-1c14a04e] {
    position: relative
}

.navigation__body[data-v-1c14a04e],
.navigation__head[data-v-1c14a04e] {
    display: flex;
    flex-direction: column;
    width: 100%
}

.navigation__resizer[data-v-1c14a04e] {
    position: absolute;
    right: -6px;
    z-index: 4;
    width: 12px;
    height: 100%;
    cursor: w-resize
}

.navigation__head[data-v-1c14a04e] {
    position: sticky;
    top: 0;
    left: 0;
    z-index: 3;
    height: 44px;
    padding: 13px 27px 14px 10px;
    color: #000;
    background: #fff;
    border-top: 1px solid #e5e7ee;
    border-bottom: 1px solid #e5e7ee;
    font-weight: 400;
    font-size: 14px;
    line-height: 17px
}

.dark .navigation__head[data-v-1c14a04e] {
    color: #ddd;
    background-color: #242629;
    border-color: #1e1f22
}

.navigation__add-project[data-v-1c14a04e] {
    width: calc(100% - 20px);
    margin: 10px
}

.navigation__add-project-container[data-v-1c14a04e] {
    position: sticky;
    bottom: 0;
    z-index: 1;
    margin-top: -1px;
    background: #fff;
    border-top: 1px solid #e5e7ee;
    border-bottom: 1px solid #e5e7ee
}

.dark .navigation__add-project-container[data-v-1c14a04e] {
    background: #383a3f;
    border-color: #1e1f22
}

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

.list[data-v-ee60a166] {
    position: relative;
    display: flex;
    min-height: 100%
}

.list__container[data-v-ee60a166] {
    position: relative;
    flex: 1 1 auto;
    display: flex;
    height: fit-content;
    flex-direction: column
}

.list__head[data-v-ee60a166] {
    position: sticky;
    top: 0;
    left: 0;
    z-index: 2;
    display: grid;
    grid-template-columns: repeat(3, minmax(200px, 1fr))
}

.list__head-col[data-v-ee60a166] {
    height: 44px;
    padding: 13px 27px 14px;
    font-size: 14px;
    font-weight: 400;
    line-height: 17px;
    color: #000;
    background: #fff;
    border-top: 1px solid #e5e7ee;
    border-bottom: 1px solid #e5e7ee
}

.dark .list__head-col[data-v-ee60a166] {
    color: #ddd;
    background-color: #242629;
    border-top: 1px solid #1E1F22;
    border-bottom: 1px solid #1E1F22
}

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

.lists[data-v-4b5b92dd] {
    flex: 1 1 auto;
    display: flex;
    overflow: hidden;
    background-color: #f8f8fb;
    flex-direction: column
}

.dark .lists[data-v-4b5b92dd] {
    background-color: #2f3136
}

.lists__header[data-v-4b5b92dd] {
    position: relative;
    z-index: 6;
    flex: none;
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 60px;
    padding-right: 25px;
    background-color: #fff;
    box-shadow: 0 0 11px #e3e4e87d
}

.dark .lists__header[data-v-4b5b92dd] {
    background-color: #242629;
    box-shadow: 0 0 11px #2121217d
}

.lists__header-side[data-v-4b5b92dd] {
    flex: 1 1 auto;
    display: flex;
    align-items: center
}

.lists__body[data-v-4b5b92dd] {
    position: relative;
    z-index: 10;
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    overflow-y: auto
}

.lists__filters[data-v-4b5b92dd] {
    display: flex;
    align-items: center;
    padding: 0 20px
}

.lists__filter-item[data-v-4b5b92dd] {
    position: relative;
    flex: none;
    width: 164px;
    margin-right: 15px;
    border: 1px solid #e2e4e8;
    border-radius: 4px
}

.dark .lists__filter-item[data-v-4b5b92dd] {
    border: 1px solid #2A2A2A
}

.lists__empty[data-v-4b5b92dd] {
    flex: 1 1 auto;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: auto;
    font-size: 1.125rem;
    color: #aeaeae;
    flex-direction: column;
    text-align: center
}

.dark .lists__empty[data-v-4b5b92dd] {
    color: #ddd
}

.dark .lists__filters-full-viewer-wrapper[data-v-4b5b92dd] {
    background-color: #2f3136
}

.lists__filters-full-viewer[data-v-4b5b92dd] {
    flex: none;
    margin: 0 10px 10px
}

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

.header[data-v-88b205c9] {
    z-index: 4;
    display: grid;
    grid-template-columns: 1fr max-content;
    grid-gap: 16px;
    height: 50px;
    padding: 0 10px 10px
}

.dark .header[data-v-88b205c9] {
    border-bottom: 1px solid transparent
}

.header__side[data-v-88b205c9] {
    display: grid;
    align-items: center
}

.header__side_left[data-v-88b205c9] {
    grid-template-columns: 180px 1fr;
    grid-gap: 16px
}

.header__side_right[data-v-88b205c9] {
    display: flex;
    gap: 8px;
    align-items: center
}

.header__button[data-v-88b205c9] {
    padding: 0 18px
}

.header__button[data-v-88b205c9] .button__text {
    display: flex;
    gap: 8px;
    align-items: center
}

.gantt .grid-header {
    fill: #fff
}

.gantt .grid-header__line {
    fill: #f6f6f9
}

.gantt .grid-row {
    fill: #fff
}

.gantt .grid-row:nth-child(2n) {
    fill: #f5f5f5
}

.gantt .row-line {
    stroke: #ebeff2
}

.gantt .tick {
    stroke: #e0e0e0;
    stroke-width: .2
}

.gantt .tick.thick {
    stroke-width: .4
}

.gantt .today-highlight {
    fill: #fcf8e3;
    opacity: .5
}

.gantt .arrow-point {
    fill: #666
}

.gantt .arrow-circle {
    fill: #fff;
    -webkit-user-select: none;
    user-select: none;
    pointer-events: none;
    stroke: var(--color-scheme-active);
    stroke-width: 2
}

.gantt .arrow-pointer {
    fill: var(--color-scheme-active)
}

.gantt .arrow-background {
    fill: none;
    stroke: transparent;
    cursor: pointer;
    stroke-width: 10
}

.gantt .arrow-element {
    fill: none;
    stroke: #666;
    stroke-width: 2
}

.gantt .bar {
    fill: #b8c2cc;
    stroke: #8d99a6;
    stroke-width: 0;
    transition: stroke-width .3s ease;
    -webkit-user-select: none;
    user-select: none
}

.gantt .bar-progress {
    fill: #6c78f4
}

.gantt .bar-invalid {
    fill: transparent;
    stroke: #8d99a6;
    stroke-width: 1;
    stroke-dasharray: 5
}

.gantt .bar-invalid~.bar-label {
    fill: #555
}

.gantt .bar-label {
    font-weight: lighter;
    font-size: 12px;
    fill: #fff;
    dominant-baseline: central;
    text-anchor: start
}

.gantt .bar-label.big {
    fill: #555;
    text-anchor: start
}

.gantt .handle {
    fill: transparent;
    cursor: ew-resize;
    opacity: 0;
    visibility: hidden;
    transition: opacity .3s ease
}

.gantt .handle.mover {
    fill: #60636c;
    stroke: #fff;
    stroke-width: 2
}

.gantt .handle.mover.invisible {
    opacity: 0!important
}

.gantt .handle.connect {
    transition: opacity .3s ease;
    fill: #fff;
    stroke: #c4c4c4;
    stroke-width: 2px;
    cursor: grab
}

.gantt .handle.connect.active {
    visibility: visible;
    cursor: default;
    opacity: 1
}

.gantt .bar-wrapper {
    cursor: pointer;
    outline: none
}

.gantt .bar-wrapper:hover .bar {
    fill: #a9b5c1
}

.gantt .bar-wrapper:hover .bar-progress {
    fill: #5462f2
}

.gantt .bar-wrapper:hover .handle {
    visibility: visible;
    opacity: 1
}

.gantt .bar-wrapper:hover .arrow-circle {
    visibility: hidden;
    opacity: 0
}

.gantt .bar-wrapper.active .bar {
    fill: #a9b5c1
}

.gantt .bar-wrapper.active .bar-progress {
    fill: #5462f2
}

.gantt .header-text {
    font-weight: 400;
    font-size: 14px;
    text-anchor: start;
    fill: #acb1c2;
    letter-spacing: -.04em;
    transform: translate(6px)
}

.gantt .hide {
    display: none
}

.gantt .connector-line {
    stroke: #555;
    stroke-width: 3px;
    stroke-dasharray: 16 8;
    stroke-linecap: round;
    pointer-events: none
}

.gantt.connecting-state {
    cursor: grabbing
}

.gantt.connecting-state .connect {
    visibility: visible!important;
    opacity: 1!important
}

.gantt.connecting-state .bar,
.gantt.connecting-state .bar-label,
.gantt.connecting-state .connect,
.gantt.connecting-state .grid-row {
    cursor: grabbing!important
}

.gantt.connecting-state .handle.mover,
.gantt.connecting-state .bar-template {
    visibility: hidden;
    opacity: 0
}

.gantt-container {
    position: relative;
    overflow: auto;
    font-size: 12px
}

.gantt-container .popup-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    padding: 0;
    border-radius: 3px;
    background: #000c;
    color: #959da5
}

.gantt-container .popup-wrapper .title {
    padding: 10px;
    border-bottom: 3px solid #6C78F4
}

.gantt-container .popup-wrapper .subtitle {
    padding: 10px;
    color: #dfe2e5
}

.gantt-container .popup-wrapper .pointer {
    position: absolute;
    height: 5px;
    margin: 0 0 0 -5px;
    border: 5px solid transparent;
    border-top-color: #000c
}

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

.projects-timeline-table[data-v-8cc719c6] {
    position: relative;
    display: flex;
    height: calc(100vh - 149px);
    overflow: scroll;
    background: #fff
}

.dark .projects-timeline-table[data-v-8cc719c6] {
    background: transparent
}

.projects-timeline-table__container[data-v-8cc719c6] {
    position: relative;
    flex: 1 1 auto;
    display: flex;
    height: fit-content;
    flex-direction: column;
    overflow: hidden
}

.projects-timeline-table__nav[data-v-8cc719c6] {
    top: auto;
    min-height: 100%;
    background: #ededf5
}

.dark .projects-timeline-table__nav[data-v-8cc719c6] {
    background: #383a3f
}

.projects-timeline-table__head[data-v-8cc719c6] {
    z-index: 0;
    width: 294px;
    height: 44px;
    padding: 13px 27px 14px 10px;
    color: #000;
    background: #fff;
    border-top: 1px solid #e5e7ee;
    border-right: 1px solid #e5e7ee;
    border-bottom: 1px solid #e5e7ee;
    font-weight: 400;
    font-size: 14px;
    line-height: 17px
}

.dark .projects-timeline-table__head[data-v-8cc719c6] {
    color: #ddd;
    background-color: #242629;
    border-color: #1e1f22
}

.projects-timeline-table__body[data-v-8cc719c6] {
    display: flex;
    overflow: scroll
}

.projects-timeline-table[data-v-8cc719c6] .gantt-container .gantt.connection-start {
    cursor: grabbing
}

.projects-timeline-table[data-v-8cc719c6] .gantt-container .gantt.connection-start .connect {
    visibility: visible;
    opacity: 1
}

.projects-timeline-table[data-v-8cc719c6] .gantt-container {
    overflow: auto hidden
}

.projects-timeline-table[data-v-8cc719c6] .gantt .grid-header {
    outline: #f0f0f5 solid 1px;
    outline-offset: -1px;
    stroke: none;
    transform: translate(-2px) scaleX(1.5)
}

.dark .projects-timeline-table[data-v-8cc719c6] .gantt .grid-header {
    fill: #242629;
    outline-color: #1e1f22
}

.projects-timeline-table[data-v-8cc719c6] .gantt .bar,
.projects-timeline-table[data-v-8cc719c6] .gantt .bar-wrapper:hover .bar,
.projects-timeline-table[data-v-8cc719c6] .gantt .bar-wrapper.active .bar {
    fill: #e0e0eb
}

.dark .projects-timeline-table[data-v-8cc719c6] .gantt .bar,
.dark .projects-timeline-table[data-v-8cc719c6] .gantt .bar-wrapper:hover .bar,
.dark .projects-timeline-table[data-v-8cc719c6] .gantt .bar-wrapper.active .bar {
    fill: #383a3f
}

.projects-timeline-table[data-v-8cc719c6] .gantt .bar-label {
    font-size: 14px;
    font-weight: 500;
    fill: #202430
}

.dark .projects-timeline-table[data-v-8cc719c6] .gantt .bar-label {
    fill: #ddd
}

.projects-timeline-table[data-v-8cc719c6] .gantt .grid-row {
    fill: #fff
}

.dark .projects-timeline-table[data-v-8cc719c6] .gantt .grid-row {
    fill: #2f3136
}

.projects-timeline-table[data-v-8cc719c6] .gantt .row-line {
    display: none
}

.dark .projects-timeline-table[data-v-8cc719c6] .gantt .header-text {
    fill: #ddd
}

.projects-timeline-table[data-v-8cc719c6] .gantt .today-date {
    fill: #fff
}

.projects-timeline-table[data-v-8cc719c6] .gantt .today-date-background {
    fill: var(--color-scheme-active)
}

[data-v-8cc719c6] .projects-timeline-table .tick.today {
    stroke: var(--color-scheme-active)!important
}

.projects-timeline-table[data-v-8cc719c6] .gantt rect.bar {
    fill: #f0f0f5
}

.dark .projects-timeline-table[data-v-8cc719c6] .gantt rect.bar {
    stroke: #2a2a2a
}

.projects-timeline-table[data-v-8cc719c6] .gantt text.bar-label {
    -webkit-user-select: none;
    user-select: none;
    stroke-width: 0
}

.projects-timeline-table[data-v-8cc719c6] .gantt .arrow-element {
    opacity: .5;
    stroke: var(--color-scheme-active)
}

.projects-timeline-table[data-v-8cc719c6] .gantt .arrow-element.hover {
    filter: drop-shadow(0 0 3px var(--color-scheme-active))
}

.projects-timeline-table[data-v-8cc719c6] .gantt .connector-line.connected {
    stroke: var(--color-scheme-active)!important
}

.projects-timeline-table[data-v-8cc719c6] .gantt .handle.connect.background {
    fill: none;
    stroke-width: 12px;
    cursor: grab
}

.projects-timeline-table[data-v-8cc719c6] .gantt .tick {
    transform: scaleY(1.5) translateY(-8px);
    stroke-width: 1;
    stroke: #f0f0f5
}

.dark .projects-timeline-table[data-v-8cc719c6] .gantt .tick {
    stroke: #202225
}

[data-v-8cc719c6] .gantt .tick.today {
    stroke: var(--color-scheme-active)!important
}

.projects-timeline-table[data-v-8cc719c6] .gantt .portfolio-bar .handle-group {
    display: none
}

.projects-timeline-table[data-v-8cc719c6] .gantt-container .popup-wrapper {
    background: #202225
}

.projects-timeline-table[data-v-8cc719c6] .gantt-container .popup-wrapper .title {
    border-bottom: 3px solid var(--color-scheme-active)
}

.projects-timeline-table[data-v-8cc719c6] .gantt .handle.connect {
    fill: var(--color-scheme-active);
    stroke: #fff;
    stroke-width: 2
}

.dark .projects-timeline-table[data-v-8cc719c6] .gantt .handle.connect,
.dark .projects-timeline-table[data-v-8cc719c6] .gantt .handle.mover {
    stroke: #242629
}

.projects-timeline-table[data-v-8cc719c6] .gantt-container .bar-template {
    opacity: .2;
    cursor: pointer;
    fill: var(--color-scheme-active)
}

.projects-timeline-table[data-v-8cc719c6] .gantt-container .bar-template-plus {
    fill: var(--color-scheme-active)
}

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

.projects-viewer[data-v-820897ac] {
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    overflow-y: auto;
    background-color: #f8f8fb
}

.dark .projects-viewer[data-v-820897ac] {
    background-color: #2f3136
}

.projects-viewer-lists__empty[data-v-820897ac] {
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin: auto
}

.projects-viewer-lists__empty-text[data-v-820897ac] {
    margin: 20px 0;
    font-size: 1.125rem;
    color: #aeaeae;
    text-align: center
}

.dark .projects-viewer-lists__empty-text[data-v-820897ac] {
    color: #ddd
}

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

.viewer[data-v-3f559138] {
    flex: 1 1 auto;
    display: flex;
    overflow: hidden;
    background-color: #f8f8fb;
    flex-direction: column
}

.dark .viewer[data-v-3f559138] {
    background-color: #2f3136
}

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

.nav[data-v-1ccedcf9] {
    display: flex;
    width: 276px;
    height: 100%;
    overflow: hidden;
    color: #202430;
    flex-direction: column;
    border-right: 1px solid #EDEDF5;
    transition: width .5s
}

.dark .nav[data-v-1ccedcf9] {
    border-color: #1e1f22
}

.nav_mini[data-v-1ccedcf9] {
    width: 48px
}

.nav__header[data-v-1ccedcf9] {
    width: 276px;
    padding: 10px 10px 0
}

.dark .nav__header[data-v-1ccedcf9] {
    border-color: #1e1f22;
    background-color: #242629
}

.nav__header_mini[data-v-1ccedcf9] {
    width: 48px;
    padding: 10px 4px 0
}

.nav__header-top[data-v-1ccedcf9] {
    display: flex;
    align-items: center;
    margin-bottom: 16px;
    column-gap: 8px
}

.nav__header-top_mini[data-v-1ccedcf9] {
    margin-bottom: 8px
}

.nav__header-top-buttons[data-v-1ccedcf9] {
    display: flex;
    padding: 10px 8px;
    background-color: #f8f8fb;
    border-radius: 8px;
    column-gap: 8px
}

.dark .nav__header-top-buttons[data-v-1ccedcf9] {
    background-color: #2f3136
}

.nav__header-top-buttons_mini[data-v-1ccedcf9] {
    flex-wrap: wrap;
    row-gap: 20px;
    justify-content: center
}

.nav__title[data-v-1ccedcf9] {
    display: flex;
    justify-content: space-between;
    margin-bottom: 4px;
    padding: 19px 16px 0
}

.nav__title-text[data-v-1ccedcf9] {
    font-size: 16px;
    font-weight: 700
}

.dark .nav__title-text[data-v-1ccedcf9] {
    color: #8d8d8d
}

.nav__text[data-v-1ccedcf9] {
    margin-bottom: 10px;
    padding: 0 16px;
    font-size: 12px;
    font-weight: 400
}

.dark .nav__text[data-v-1ccedcf9] {
    color: #8d8d8d
}

.nav__applications[data-v-1ccedcf9] {
    display: flex;
    gap: 4px;
    width: 256px;
    padding: 4px;
    background-color: #f8f8fb;
    flex-wrap: wrap;
    border-radius: 8px
}

.dark .nav__applications[data-v-1ccedcf9] {
    background-color: #2f3136
}

.nav__application[data-v-1ccedcf9] {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 32px;
    height: 32px;
    transition: background-color .3s ease;
    cursor: pointer;
    border-radius: 4px
}

.nav__application[data-v-1ccedcf9]:hover {
    background-color: #fff
}

.dark .nav__application[data-v-1ccedcf9]:hover {
    background-color: #383a3f
}

.nav__application[data-v-1ccedcf9]:last-child {
    margin-right: 0
}

.nav__application svg[data-v-1ccedcf9] {
    width: 20px;
    height: 20px
}

.nav__application.selected[data-v-1ccedcf9] {
    background-color: #fff
}

.dark .nav__application.selected[data-v-1ccedcf9] {
    background-color: #383a3f
}

.nav__body[data-v-1ccedcf9] {
    display: flex;
    width: 276px;
    height: 100%;
    padding-bottom: 12px;
    overflow: hidden;
    flex-direction: column
}

.dark .nav__body[data-v-1ccedcf9] {
    background-color: #242629
}

.nav__body_mini[data-v-1ccedcf9] {
    width: 48px
}

.nav__interface[data-v-1ccedcf9] {
    display: grid;
    grid-template-columns: 1fr max-content;
    padding: 0 10px
}

.nav__interface_mini[data-v-1ccedcf9] {
    padding: 0 4px
}

.nav__search-add[data-v-1ccedcf9] {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 40px;
    min-width: 40px;
    height: 40px;
    margin-left: 10px;
    font-size: 12px;
    background-color: var(--color-scheme-active);
    border-radius: 4px
}

.nav__search-add[data-v-1ccedcf9] path {
    fill: #fff
}

.dark .nav__search-add[data-v-1ccedcf9] {
    background-color: #b0a8ff
}

.dark .nav__search-add[data-v-1ccedcf9] path {
    fill: #353535
}

.nav__empty[data-v-1ccedcf9] {
    width: 100%;
    border-radius: 8px;
    padding: 8px
}

.nav__empty-title[data-v-1ccedcf9] {
    margin-bottom: 4px;
    font-size: 12px;
    font-weight: 500;
    line-height: 100%;
    color: #242629
}

.nav__empty-subtitle[data-v-1ccedcf9] {
    margin-bottom: 16px;
    font-size: 12px;
    font-weight: 400;
    line-height: 120%;
    color: #93969f
}

.nav__empty-button[data-v-1ccedcf9] {
    width: 100%
}

.nav__empty-button_mini[data-v-1ccedcf9] {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
    background-color: var(--color-scheme-active);
    cursor: pointer;
    border-radius: 8px
}

.nav__documents[data-v-1ccedcf9] {
    display: flex;
    padding: 12px 10px;
    overflow: auto;
    flex-direction: column
}

.nav__documents_mini[data-v-1ccedcf9] {
    padding: 0 4px
}

.nav__document[data-v-1ccedcf9] {
    position: relative;
    margin-bottom: 4px;
    padding: 8px 38px 8px 8px;
    transition: background-color .3s ease;
    border-radius: 4px;
    text-decoration: unset
}

.nav__document[data-v-1ccedcf9]:hover {
    background-color: #ededf5
}

.dark .nav__document[data-v-1ccedcf9]:hover {
    background-color: #383a3f
}

.nav__document_mini[data-v-1ccedcf9] {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
    margin-bottom: 0;
    padding: 0
}

.nav__document.active[data-v-1ccedcf9] {
    background-color: #ededf5
}

.dark .nav__document.active[data-v-1ccedcf9] {
    background-color: #2f3136
}

.nav__document-icon[data-v-1ccedcf9] {
    width: auto;
    min-width: 21px;
    height: 21px
}

.nav__document-link[data-v-1ccedcf9] {
    height: 100%;
    transition: background-color .3s ease
}

.nav__document-link_mini[data-v-1ccedcf9] {
    position: relative;
    display: flex;
    align-items: center;
    height: fit-content
}

.nav__document-tooltip[data-v-1ccedcf9] {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%
}

.nav__document-tooltip-template[data-v-1ccedcf9] {
    width: 100%;
    height: 100%
}

.nav__document-link-text[data-v-1ccedcf9] {
    font-size: 14px;
    font-weight: 400;
    color: #202430;
    text-decoration: none
}

.dark .nav__document-link-text[data-v-1ccedcf9] {
    color: #ddd
}

.nav__document-icon-wrapper[data-v-1ccedcf9] {
    display: flex;
    align-items: center;
    margin-top: 5px;
    font-size: 12px;
    line-height: 16px;
    color: #acb1c2;
    column-gap: 5px
}

.nav__document-icon-wrapper_mini[data-v-1ccedcf9] {
    margin-top: 0
}

.nav__document-icon-label[data-v-1ccedcf9] {
    overflow: hidden;
    font-size: 12px;
    line-height: 16px;
    white-space: nowrap;
    color: #acb1c2;
    text-overflow: ellipsis
}

.nav__document-menu[data-v-1ccedcf9] {
    position: absolute;
    top: 5px;
    right: 8px;
    cursor: pointer
}

.nav__document-menu-icon-tooltip[data-v-1ccedcf9] {
    width: 24px;
    height: 24px
}

.nav__document-menu-icon[data-v-1ccedcf9] {
    opacity: 0
}

.nav__document:hover .nav__document-menu-icon[data-v-1ccedcf9],
.nav__document-menu-icon_active[data-v-1ccedcf9] {
    opacity: 1
}

.nav__document-menu-dropdown[data-v-1ccedcf9] {
    position: fixed;
    top: -100%;
    z-index: 1;
    pointer-events: auto;
    opacity: 1;
    width: 200px;
    transition: opacity .2s ease-in-out;
    cursor: default
}

.nav__members[data-v-1ccedcf9] {
    display: none;
    width: 276px;
    padding: 25px;
    background-color: #6788f31c
}

.nav__members-text[data-v-1ccedcf9] {
    font-size: 14px;
    font-weight: 400;
    color: #000
}

[data-v-1ccedcf9] .nav__members-link {
    display: flex;
    align-items: center;
    width: max-content;
    font-size: 14px;
    font-weight: 400;
    color: var(--color-scheme-active);
    cursor: pointer;
    text-decoration: underline
}

[data-v-1ccedcf9] .nav__members-link svg {
    margin: 6px 0 0 7px
}

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

.embed-page[data-v-bf3d2b55] {
    display: grid;
    grid-template-columns: max-content 1fr;
    width: 100%
}

.embed-page.embed-page_mini[data-v-bf3d2b55] {
    left: 60px
}

.dark .embed-page[data-v-bf3d2b55] {
    background-color: #2f3136
}

.embed-page__full-screen[data-v-bf3d2b55] {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1000;
    width: 100vw;
    height: 100vh;
    background-color: #fff
}

.embed-page__wrapper[data-v-bf3d2b55] {
    position: relative
}

.embed-page__iframe[data-v-bf3d2b55] {
    width: 100%;
    height: 100%;
    border: none;
    visibility: visible
}

.embed-page__iframe.embed-page__iframe_loading[data-v-bf3d2b55] {
    visibility: hidden
}

.embed-page__edit-form[data-v-bf3d2b55] {
    position: fixed;
    right: 44px;
    bottom: 22px;
    opacity: .4;
    width: 48px;
    height: 50px;
    background-color: gray;
    cursor: not-allowed;
    border-radius: 24px
}

.embed-page__loader[data-v-bf3d2b55] {
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    flex-direction: column
}

.embed-page__loader-icon-wrap[data-v-bf3d2b55] {
    display: flex;
    justify-content: center
}

.embed-page__loader-icon[data-v-bf3d2b55] {
    width: 35px;
    height: 24px
}

.embed-page__loader-icon path[data-v-bf3d2b55] {
    stroke: var(--color-scheme-active);
    stroke-dasharray: 2000;
    stroke-dashoffset: 2794;
    animation: DrawLine 2s linear infinite
}

.embed-page__loader-text[data-v-bf3d2b55] {
    margin-top: 15px;
    animation: pulse 2s ease infinite
}

.dark .embed-page__loader-text[data-v-bf3d2b55] {
    color: #ddd
}

.embed-page__empty[data-v-bf3d2b55] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%
}

.embed-page__empty-icon[data-v-bf3d2b55] {
    margin-bottom: 16px
}

.embed-page__empty-title[data-v-bf3d2b55] {
    margin-bottom: 8px;
    font-size: 20px;
    font-weight: 500;
    color: #202430
}

.dark .embed-page__empty-title[data-v-bf3d2b55] {
    color: #a6a7b3
}

.embed-page__empty-subtitle[data-v-bf3d2b55] {
    font-size: 14px;
    font-weight: 400;
    color: #93969f;
    text-align: center;
    max-width: 268px
}

.dark .embed-page__empty-subtitle[data-v-bf3d2b55] {
    color: #8d8d8d
}

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

.settings[data-v-5bbef233] {
    position: relative;
    display: flex;
    align-items: center;
    cursor: pointer
}

.settings__dropdown[data-v-5bbef233] {
    position: fixed;
    z-index: 1;
    display: flex;
    gap: 4px;
    width: 242px;
    flex-direction: column
}

.settings__wrapper[data-v-5bbef233] {
    position: static
}

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

.header[data-v-3c52ecd1] {
    position: relative;
    display: flex;
    gap: 8px;
    align-items: flex-start;
    width: 100%;
    padding: 16px 8px 12px;
    color: #202430;
    transition: all .2s ease-in-out;
    cursor: pointer;
    border-bottom: 1px solid #E5E7EE
}

.header[data-v-3c52ecd1] .avatars-image__content,
.header[data-v-3c52ecd1] .avatars-image__empty {
    background-color: #ededf5
}

.dark .header[data-v-3c52ecd1] .avatars-image__content,
.dark .header[data-v-3c52ecd1] .avatars-image__empty {
    background-color: #383a3f
}

.header.active[data-v-3c52ecd1] .avatars-image__content,
.header.active[data-v-3c52ecd1] .avatars-image__empty {
    background-color: #e5e7ee
}

.dark .header.active[data-v-3c52ecd1] .avatars-image__content,
.dark .header.active[data-v-3c52ecd1] .avatars-image__empty {
    background-color: #383a3f
}

.dark .header[data-v-3c52ecd1] {
    color: #ddd;
    border-color: #2a2a2a
}

.header__top[data-v-3c52ecd1] {
    position: relative;
    display: flex;
    gap: 8px;
    justify-content: space-between
}

.header__column[data-v-3c52ecd1] {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 4px;
    width: 100%;
    padding-right: 24px;
    overflow: hidden
}

.header__title[data-v-3c52ecd1] {
    font-weight: 500;
    font-size: 16px;
    line-height: 100%;
    overflow: hidden;
    text-align: start;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #202430
}

.dark .header__title[data-v-3c52ecd1] {
    color: #ddd
}

.header__description[data-v-3c52ecd1] {
    font-weight: 400;
    font-size: 12px;
    line-height: 110%;
    overflow: hidden;
    white-space: nowrap;
    color: #acb1c2;
    text-overflow: ellipsis
}

.header__icon[data-v-3c52ecd1] {
    position: absolute;
    top: 0;
    right: 0;
    transition: opacity .2s ease;
    cursor: pointer
}

.header__row[data-v-3c52ecd1] {
    display: flex;
    gap: 3px;
    align-items: center
}

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

.content[data-v-566604a3] {
    position: relative;
    display: flex;
    width: 100%;
    height: 244px;
    padding: 12px 8px
}

.content__inner[data-v-566604a3] {
    width: 100%;
    background: #fff;
    border-radius: 12px;
    border: 1px solid #E5E7EE;
    box-shadow: 0 172px 48px #a5a6b100, 0 110px 44px #a5a6b103, 0 62px 37px #a5a6b10d, 0 28px 28px #a5a6b117, 0 7px 15px #a5a6b11a
}

.dark .content__inner[data-v-566604a3] {
    color: #ddd;
    background: #383a3f;
    border-color: #2a2a2a;
    box-shadow: none
}

.content__editor[data-v-566604a3] {
    padding: 12px;
    overflow: hidden
}

.content__editor[data-v-566604a3] .prosemirror-list:before,
.content__editor[data-v-566604a3] .prosemirror-list::marker,
.content__editor[data-v-566604a3] .paragraph {
    font-size: 8px;
    line-height: 110%
}

.content__editor[data-v-566604a3] .prosemirror-list {
    padding-left: 16px
}

.content__editor[data-v-566604a3] .prosemirror-list:before {
    top: 5px;
    right: calc(100% - 16px)
}

.content__editor[data-v-566604a3] .prosemirror-list[data-list-kind=bullet]:before {
    top: 5px;
    right: calc(100% - 10px)
}

.content__editor[data-v-566604a3] .prosemirror-list[data-list-kind=toggle]>.list-marker {
    position: absolute;
    top: 1px;
    right: calc(100% - 12px);
    text-align: center;
    width: 10px;
    height: 10px
}

.content__editor[data-v-566604a3] .prosemirror-list[data-list-kind=toggle]>.list-marker:before {
    display: inline-block;
    width: 10px;
    height: 10px;
    transform: scale(.5)
}

.content__editor[data-v-566604a3] .prosemirror-list[data-list-kind=task]>.list-marker {
    position: absolute;
    top: 5px;
    right: calc(100% - 16px);
    text-align: center;
    width: 10px;
    height: 10px
}

.content__editor[data-v-566604a3] .prosemirror-list[data-list-kind=task] label {
    display: flex
}

.content__editor[data-v-566604a3] .prosemirror-list[data-list-kind=task] input {
    width: 7px;
    height: 7px
}

.content__editor[data-v-566604a3] .heading.level-1 {
    font-size: 14px;
    line-height: 110%
}

.content__editor[data-v-566604a3] .heading.level-2 {
    font-size: 12px;
    line-height: 110%
}

.content__editor[data-v-566604a3] .heading.level-3 {
    font-size: 10px;
    line-height: 110%
}

.content__editor[data-v-566604a3] .list-marker {
    top: 1px
}

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

.card[data-v-f8c16550] {
    position: relative;
    display: flex;
    align-items: center;
    padding: 0 8px;
    background-color: #f8f8fb;
    transition: all .2s ease-in-out;
    cursor: pointer;
    flex-direction: column;
    border-radius: 8px
}

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

.dark .card[data-v-f8c16550] {
    background-color: #2f3136
}

.dark .card.active[data-v-f8c16550],
.dark .card[data-v-f8c16550]:hover {
    background-color: #242629
}

.card__content[data-v-f8c16550] {
    pointer-events: none
}

.card__reactions[data-v-f8c16550] {
    position: absolute;
    bottom: 4px;
    left: 0;
    width: 100%
}

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

.pagination[data-v-859f328a] {
    font-weight: 500;
    font-size: 14px;
    line-height: 100%;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 320px;
    color: #acb1c2;
    background-color: #f8f8fb;
    transition: all .2s ease-in-out;
    cursor: pointer;
    flex-direction: column;
    border-radius: 8px
}

.pagination[data-v-859f328a]:hover {
    background-color: #ededf5
}

.dark .pagination[data-v-859f328a]:hover {
    background-color: #383a3f
}

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

.creating[data-v-393ce7e1] {
    display: flex;
    gap: 4px;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 320px;
    padding: 0 8px;
    background-color: #f8f8fb;
    transition: all .2s ease-in-out;
    cursor: pointer;
    max-width: 285px;
    flex-direction: column;
    border-radius: 8px
}

.creating[data-v-393ce7e1]:hover {
    background-color: #ededf5
}

.dark .creating[data-v-393ce7e1] {
    background-color: #2f3136
}

.dark .creating[data-v-393ce7e1]:hover {
    background-color: #242629
}

.creating__title[data-v-393ce7e1] {
    font-weight: 500;
    font-size: 14px;
    line-height: 110%;
    margin: 0;
    max-width: 165px;
    color: #acb1c2;
    text-align: center
}

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

.dropdown[data-v-dfa407c0] {
    position: fixed;
    z-index: 10;
    display: flex;
    gap: 10px;
    width: 300px;
    height: 220px;
    padding: 12px;
    background-color: #fff;
    flex-direction: column;
    overflow-y: auto;
    border: 1px solid #F0F0F0;
    box-shadow: 0 4px 13px #3030301a;
    border-radius: 6px
}

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

.dropdown__emoji-group[data-v-dfa407c0] {
    display: flex;
    flex-wrap: wrap;
    gap: 7px
}

.dropdown__emoji[data-v-dfa407c0] {
    width: 24px;
    height: 24px;
    cursor: pointer;
    border-radius: 4px
}

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

.avatar[data-v-068127ed] {
    position: relative
}

.dark .avatar[data-v-068127ed] .avatars-image__content {
    background-color: #2f3136
}

.avatar__avatar[data-v-068127ed] {
    cursor: pointer
}

.avatar__modal-avatars[data-v-068127ed] {
    position: absolute;
    top: calc(100%+ 8px);
    left: 0;
    z-index: 100
}

.avatar__button[data-v-068127ed] {
    position: relative;
    display: flex;
    gap: 4px;
    align-items: center;
    height: 32px;
    padding: 0 4px;
    background-color: #f8f8fb;
    transition: all .2s ease-in-out;
    cursor: pointer;
    border-radius: 8px
}

.avatar__button.active[data-v-068127ed],
.avatar__button[data-v-068127ed]:hover {
    background-color: #ededf5
}

.dark .avatar__button[data-v-068127ed] {
    background-color: #2f3136
}

.dark .avatar__button.active[data-v-068127ed],
.dark .avatar__button[data-v-068127ed]:hover {
    background-color: #242629
}

.avatar__default-icon[data-v-068127ed] {
    width: 16px;
    object-fit: contain
}

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

.editing[data-v-9083d738] {
    display: flex;
    gap: 8px;
    align-items: center
}

.editing__input[data-v-9083d738] {
    width: 100%
}

.editing__input[data-v-9083d738] .v-input__item {
    font-weight: 500;
    font-size: 16px;
    line-height: 100%;
    height: 32px
}

.editing__buttons[data-v-9083d738] {
    display: flex;
    gap: 4px;
    align-items: center
}

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

.settings[data-v-7452558c] {
    position: relative;
    display: flex;
    align-items: center;
    cursor: pointer
}

.settings__dropdown[data-v-7452558c] {
    position: fixed;
    z-index: 10;
    display: flex;
    gap: 4px;
    width: 240px;
    flex-direction: column
}

.settings__wrapper[data-v-7452558c] {
    position: static
}

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

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

.skeleton[data-v-c489c469] {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    padding: 8px;
    background-color: #f8f8fb;
    border-radius: 8px;
    transition: opacity .2s ease-in-out
}

.dark .skeleton[data-v-c489c469] {
    background-color: #383a3f
}

.skeleton[data-v-c489c469]: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-c489c469 1.3s cubic-bezier(.5, 1, 1, 1) infinite
}

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

.skeleton__top[data-v-c489c469] {
    display: flex;
    gap: 8px;
    align-items: center;
    padding: 8px 8px 12px;
    border-bottom: 1px solid #E5E7EE
}

.dark .skeleton__top[data-v-c489c469] {
    border-color: #2a2a2a
}

.skeleton__square[data-v-c489c469] {
    flex: none;
    width: 28px;
    height: 28px;
    background-color: #e5e7ee;
    border-radius: 8px
}

.dark .skeleton__square[data-v-c489c469] {
    background-color: #2f3136
}

.skeleton__right[data-v-c489c469] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    width: 100%
}

.skeleton__right-line[data-v-c489c469] {
    width: 100%;
    height: 12px;
    background-color: #e5e7ee;
    border-radius: 4px
}

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

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

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

.skeleton__bottom[data-v-c489c469] {
    height: 216px;
    margin: 12px 8px 8px;
    background-color: #ededf5;
    border-radius: 12px
}

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

.documents-skeleton[data-v-f6067ea2] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 12px
}

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

.project-document-sorting-item[data-v-90f59fd4] {
    position: relative
}

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

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

.section[data-v-90f59fd4] {
    display: flex;
    flex-direction: column;
    gap: 10px;
    width: 100%
}

.section__top[data-v-90f59fd4] {
    display: flex;
    gap: 8px;
    justify-content: space-between;
    height: 32px;
    margin: 0 -8px;
    padding: 6px 8px;
    transition: background-color .2s ease-in-out;
    cursor: pointer;
    border-radius: 8px
}

.section__top[data-v-90f59fd4]:hover {
    background-color: #f8f8fb
}

.dark .section__top[data-v-90f59fd4]:hover {
    background-color: #242629
}

.section__top-left[data-v-90f59fd4] {
    display: flex;
    gap: 8px;
    align-items: center
}

.section__top-right[data-v-90f59fd4] {
    display: flex;
    gap: 12px;
    align-items: center
}

.section__title[data-v-90f59fd4] {
    font-weight: 500;
    font-size: 16px;
    line-height: 100%;
    margin: 0;
    color: #202430
}

.dark .section__title[data-v-90f59fd4] {
    color: #ddd
}

.section__documents[data-v-90f59fd4] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
    grid-gap: 12px
}

.section__controls[data-v-90f59fd4] {
    display: flex;
    gap: 8px;
    align-items: center
}

.section__icon-arrow.opened[data-v-90f59fd4] {
    transform: rotate(90deg)
}

.section__icon[data-v-90f59fd4] {
    width: 16px;
    object-fit: contain
}

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

.creating[data-v-d5717475] {
    display: flex;
    gap: 8px;
    align-items: center;
    width: fit-content;
    cursor: pointer
}

.creating__input[data-v-d5717475] {
    font-weight: 500;
    font-size: 16px;
    line-height: 100%;
    margin: 0;
    letter-spacing: -.32px;
    border: none;
    outline: none;
    background-color: transparent
}

.creating__input[data-v-d5717475]::placeholder {
    color: #acb1c2
}

.dark .creating__input[data-v-d5717475] {
    color: #ddd
}

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

.limit[data-v-5adc0d2a] .limit__text {
    display: flex;
    gap: 8px
}

.limit[data-v-5adc0d2a] .limit__button {
    height: 32px
}

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

.sections[data-v-2dd3151f] {
    display: flex;
    gap: 16px;
    width: 100%;
    padding: 12px 24px 24px;
    flex-direction: column;
    border-radius: 12px
}

.sections__wrapper[data-v-2dd3151f] {
    display: flex;
    gap: 24px;
    width: 100%;
    margin: 0 auto;
    padding: 24px;
    background-color: #fff;
    flex-direction: column;
    max-width: 928px;
    border-radius: 12px
}

.dark .sections__wrapper[data-v-2dd3151f] {
    background-color: #383a3f
}

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

.documents[data-v-b391d6fd] {
    position: relative;
    display: flex;
    width: 100%;
    overflow-y: auto;
    flex-direction: column;
    padding-bottom: 30px;
    scrollbar-gutter: stable
}

.dark .documents[data-v-b391d6fd] {
    background-color: #2f3136
}

.documents__wrapper[data-v-b391d6fd] {
    width: 100%;
    min-height: 136px;
    margin: 0 auto;
    max-width: 928px
}

.documents__search[data-v-b391d6fd] {
    top: 0;
    display: flex;
    gap: 24px;
    width: 100%;
    margin: 0 auto;
    padding: 24px;
    background-color: #fff;
    flex-direction: column;
    max-width: 928px;
    border-radius: 12px
}

.dark .documents__search[data-v-b391d6fd] {
    background-color: #383a3f
}

.documents__top[data-v-b391d6fd] {
    display: flex;
    gap: 24px;
    width: 100%;
    padding: 24px 24px 12px;
    background-color: #f8f8fb;
    transition: all .2s ease-in-out;
    flex-direction: column
}

.dark .documents__top[data-v-b391d6fd] {
    background-color: #2f3136
}

.documents__title[data-v-b391d6fd] {
    font-weight: 700;
    font-size: 24px;
    line-height: 100%;
    margin: 0;
    color: #202430
}

.dark .documents__title[data-v-b391d6fd] {
    color: #ddd
}

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

.tools[data-v-d21c3328] {
    display: flex;
    column-gap: 9px;
    transition: opacity .1s ease
}

.tools.has-open-modal[data-v-d21c3328] {
    opacity: 1!important
}

.tools__tool-edit[data-v-d21c3328] {
    position: relative
}

.tools__modal-avatars[data-v-d21c3328] {
    position: absolute;
    top: calc(100%+ 8px);
    right: 0;
    z-index: 100
}

.tools__tool[data-v-d21c3328] {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 34px;
    height: 34px;
    background-color: #f8f8fb;
    border-radius: 4px
}

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

.cover[data-v-3e148112] {
    position: relative;
    width: 100%;
    min-height: 100px
}

.cover_has-img[data-v-3e148112] {
    height: 200px;
    min-height: 200px
}

.cover__img[data-v-3e148112] {
    display: block;
    width: 100%;
    height: 200px;
    object-fit: cover
}

.cover__tools[data-v-3e148112] {
    position: absolute;
    top: 20px;
    right: 20px;
    pointer-events: none;
    opacity: 0;
    display: flex;
    gap: 9px;
    align-items: center
}

.cover_has-img:hover .cover__tools[data-v-3e148112] {
    pointer-events: all;
    opacity: 1
}

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

.project-overview-control-cover[data-v-a0c2035f] {
    position: relative;
    width: max-content
}

.project-overview-control-cover__button-add-cover[data-v-a0c2035f] {
    height: 34px
}

.project-overview-control-cover__modal-avatars[data-v-a0c2035f] {
    position: absolute;
    top: calc(100%+ 20px);
    left: 0;
    z-index: 100
}

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

.avatar[data-v-b8f1b57c] {
    position: relative;
    width: max-content;
    margin-top: -60px
}

.avatar.disabled[data-v-b8f1b57c] {
    pointer-events: none
}

.avatar__image[data-v-b8f1b57c] {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 120px;
    height: 120px;
    overflow: hidden;
    cursor: pointer;
    border-radius: 20px
}

.dark .avatar__image[data-v-b8f1b57c] {
    border-color: #1e1f22
}

.avatar__modal-avatars[data-v-b8f1b57c] {
    position: absolute;
    top: calc(100%+ 8px);
    left: 0;
    z-index: 100
}

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

.watchers[data-v-bb66d3f1] {
    position: relative
}

.watchers__button[data-v-bb66d3f1] {
    display: flex;
    column-gap: 8px;
    align-items: center;
    width: max-content;
    height: 40px;
    padding: 0 12px;
    color: #60636c;
    background: #f8f8fb;
    transition: background .2s ease;
    justify-self: end;
    border-radius: 8px;
    font-weight: 500;
    font-size: 14px;
    line-height: 14px
}

.watchers__button[data-v-bb66d3f1]:hover {
    background: linear-gradient(0deg, #838fa714, #838fa714), #ededf5
}

.watchers__button[data-v-bb66d3f1]:active {
    background: linear-gradient(0deg, #838fa729, #838fa729), #ededf5
}

.watchers__button.opened[data-v-bb66d3f1] {
    background: linear-gradient(0deg, #838fa714, #838fa714), #ededf5
}

.dark .watchers__button[data-v-bb66d3f1] {
    color: #ddd;
    background: #2f3136
}

.dark .watchers__button[data-v-bb66d3f1]:hover {
    background: #242629
}

.dark .watchers__button[data-v-bb66d3f1]:active {
    background: #202225
}

.dark .watchers__button.opened[data-v-bb66d3f1] {
    background: #242629
}

.watchers__dropdown[data-v-bb66d3f1] {
    position: absolute;
    top: calc(100%+ 4px);
    right: 0;
    z-index: 10;
    width: 240px;
    margin-bottom: 4px;
    overflow: hidden;
    background-color: #fff;
    max-height: 300px;
    border-radius: 6px;
    box-shadow: 0 3px 13px -1px #0507081a
}

.dark .watchers__dropdown[data-v-bb66d3f1] {
    border: 1px solid #2A2A2A;
    background-color: #383a3f
}

.watchers__input-tags[data-v-bb66d3f1] {
    min-height: 34px;
    max-height: 120px;
    border-radius: 6px 6px 0 0
}

.controls__select-status .v-input__item {
    padding-left: 24px!important
}

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

.controls[data-v-3fb6fce4] {
    display: flex;
    justify-content: space-between;
    align-items: flex-end
}

.controls__ava[data-v-3fb6fce4] {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 120px;
    height: 120px;
    margin-top: -60px;
    overflow: hidden;
    background: #e8e8f2;
    border: 1px solid #f0f0f0;
    border-radius: 20px;
    filter: drop-shadow(0 4px 13px rgba(48, 48, 48, .1))
}

.controls__ava-img[data-v-3fb6fce4] {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.controls__select-wrapper[data-v-3fb6fce4] {
    position: relative
}

.controls__select-status[data-v-3fb6fce4] {
    width: 186px
}

.controls__select-status[data-v-3fb6fce4] .v-select__icon_grey circle {
    fill: #acb1c2
}

.controls__select-status[data-v-3fb6fce4] .v-select__icon_red circle {
    fill: #d01f1f
}

.controls__select-status[data-v-3fb6fce4] .v-select__icon_yellow circle {
    fill: #fde50c
}

.controls__select-status[data-v-3fb6fce4] .v-select__icon_green circle {
    fill: #359f39
}

.controls__dropdown-item[data-v-3fb6fce4] {
    display: flex;
    gap: 6px;
    align-items: center;
    padding: 4px 6px;
    border-radius: 5px
}

.controls__dropdown-item.grey[data-v-3fb6fce4] {
    background-color: #cdcfd733
}

.controls__dropdown-item.green[data-v-3fb6fce4] {
    background-color: #0ebe3f33
}

.controls__dropdown-item.yellow[data-v-3fb6fce4] {
    background-color: #e8a70033
}

.controls__dropdown-item.red[data-v-3fb6fce4] {
    background-color: #ff686833
}

.controls__select-icon[data-v-3fb6fce4] {
    position: absolute;
    top: 50%;
    left: 10px;
    width: 6px;
    height: 6px;
    transform: translateY(-50%);
    border-radius: 50%
}

.controls__select-icon.grey[data-v-3fb6fce4] {
    background-color: #acb1c2
}

.controls__select-icon.green[data-v-3fb6fce4] {
    background-color: #359f39
}

.controls__select-icon.yellow[data-v-3fb6fce4] {
    background-color: #fde50c
}

.controls__select-icon.red[data-v-3fb6fce4] {
    background-color: #d01f1f
}

.controls__dropdown-icon[data-v-3fb6fce4] {
    width: 6px;
    height: 6px;
    border-radius: 50%
}

.controls__dropdown-icon.grey[data-v-3fb6fce4] {
    background-color: #acb1c2
}

.controls__dropdown-icon.green[data-v-3fb6fce4] {
    background-color: #359f39
}

.controls__dropdown-icon.yellow[data-v-3fb6fce4] {
    background-color: #fde50c
}

.controls__dropdown-icon.red[data-v-3fb6fce4] {
    background-color: #d01f1f
}

.controls__right[data-v-3fb6fce4] {
    display: flex;
    gap: 18px;
    align-items: flex-end
}

.controls__left[data-v-3fb6fce4] {
    display: flex;
    gap: 24px;
    align-items: flex-end
}

.controls__buttons[data-v-3fb6fce4] {
    display: flex;
    gap: 8px;
    align-items: center
}

.controls__button[data-v-3fb6fce4] {
    display: flex;
    justify-content: center;
    align-items: center;
    width: fit-content;
    min-width: 34px;
    padding: 7px;
    overflow: hidden;
    transition: all .2s ease-in-out;
    cursor: pointer;
    border-radius: 4px
}

.controls__button[data-v-3fb6fce4]:hover {
    background: #e5e7ee80
}

.controls__button[data-v-3fb6fce4]:hover svg {
    fill: #a5a8b3!important
}

.dark .controls__button[data-v-3fb6fce4]:hover {
    background-color: #383a3f
}

.controls__button[disabled][data-v-3fb6fce4] {
    pointer-events: none;
    opacity: .7
}

.controls__ava-letter[data-v-3fb6fce4] {
    font-weight: 400;
    font-size: 48px;
    line-height: 100%;
    text-transform: uppercase;
    color: #fff
}

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

.title[data-v-1bd639af] {
    display: flex;
    gap: 4px;
    align-items: center;
    margin-bottom: 28px
}

.title__input[data-v-1bd639af] {
    display: block;
    padding: 0;
    overflow: hidden;
    color: #202430;
    background-color: transparent;
    border: none;
    outline: none;
    text-overflow: ellipsis;
    font-weight: 700;
    font-size: 36px;
    line-height: 100%
}

.title__input[data-v-1bd639af]::placeholder {
    color: #a5a8b3
}

.dark .title__input[data-v-1bd639af] {
    border: none;
    color: #ddd
}

.title__input[disabled][data-v-1bd639af] {
    color: #202430;
    background-color: transparent
}

.title__private-icon[data-v-1bd639af] {
    margin-left: 4px
}

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

.editor[data-v-21c85f25] {
    width: calc(100%+ 28px);
    margin-right: -4px;
    margin-left: -28px
}

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

.content[data-v-512689ef] {
    display: flex;
    flex-direction: column;
    width: 100%;
    max-width: 880px
}

.content.full-screen[data-v-512689ef] {
    left: 0!important;
    width: 100%!important;
    height: 100vh!important;
    overflow: auto!important;
    max-width: 100%!important;
    max-height: 100vh!important
}

.content[data-v-512689ef] .modal-head__title {
    width: 100%
}

.content[data-v-512689ef] .modal-head__row {
    align-items: center
}

.content[data-v-512689ef] .button {
    height: 36px
}

.content__content[data-v-512689ef] {
    position: relative;
    display: flex;
    width: 100%;
    min-height: 400px;
    margin: 0 auto;
    flex-direction: column;
    max-width: 680px;
    padding: 32px
}

.content__editor[data-v-512689ef] {
    max-width: 680px;
    margin: 0 auto
}

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

.content[data-v-7dc05d1e] {
    margin: 20px 0
}

.content__box[data-v-7dc05d1e] {
    position: relative;
    display: flex;
    min-height: 32px;
    padding: 0 10px;
    overflow: hidden;
    background: #f8f8fb;
    transition: all .1s ease-in;
    cursor: pointer;
    max-height: 192px;
    border-radius: 8px;
    flex-direction: column
}

.content__box.with-hover[data-v-7dc05d1e] {
    margin: 0 -10px;
    background: transparent
}

.content__box.with-hover[data-v-7dc05d1e]:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 90px;
    background: linear-gradient(180deg, #fff0, #fff);
    transition: all .2s ease-in
}

.content__box.with-hover[data-v-7dc05d1e]:hover {
    background: #f8f8fb
}

.content__box.with-hover[data-v-7dc05d1e]:hover:before {
    background: linear-gradient(180deg, #fff0, #f8f8fb)
}

.dark .content__box[data-v-7dc05d1e] {
    background: #2f3136
}

.dark .content__box[data-v-7dc05d1e]:before {
    background: linear-gradient(180deg, #b46b6b00, #2f3136)
}

.dark .content__box[data-v-7dc05d1e]:hover {
    background: #383a3f
}

.dark .content__box[data-v-7dc05d1e]:hover:before {
    background: linear-gradient(180deg, #fff0, #383a3f)
}

.content__box-hover[data-v-7dc05d1e] {
    position: absolute;
    bottom: 10px;
    left: 50%;
    z-index: 2;
    pointer-events: none;
    opacity: 0;
    color: #93969f;
    transition: all .2s ease-in;
    transform: translate(-50%);
    font-weight: 400;
    font-size: 14px;
    line-height: 17px
}

.content__box.with-hover:hover .content__box-hover[data-v-7dc05d1e] {
    opacity: 1
}

.dark .content__box-hover[data-v-7dc05d1e] {
    color: #a6a7b3
}

.content__description[data-v-7dc05d1e] {
    flex: 1 1 auto;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #93969f;
    font-weight: 400;
    font-size: 14px;
    line-height: 17px
}

.dark .content__description[data-v-7dc05d1e] {
    color: #a6a7b3
}

.content__editor[data-v-7dc05d1e] {
    z-index: 0;
    pointer-events: none;
    margin: 0;
    transition: all .1s ease-in
}

.content__editor[data-v-7dc05d1e] .editor {
    margin: 0
}

.content__box:hover .content__editor[data-v-7dc05d1e] {
    opacity: .5
}

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

.block[data-v-dce70ea8] {
    margin: 20px 0
}

.block__header[data-v-dce70ea8] {
    display: flex;
    gap: 30px;
    justify-content: space-between;
    align-items: center
}

.block__header-title[data-v-dce70ea8] {
    display: flex;
    gap: 8px;
    align-items: center
}

.block__header-title-text[data-v-dce70ea8] {
    font-weight: 600;
    font-size: 20px;
    line-height: 24px;
    margin: 0;
    color: #242629
}

.dark .block__header-title-text[data-v-dce70ea8] {
    color: #ddd
}

.block__content[data-v-dce70ea8] {
    margin-top: 16px
}

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

.documents__counter[data-v-591f1858] {
    font-weight: 600;
    font-size: 20px;
    line-height: 24px;
    color: #93969f
}

.documents__wrap[data-v-591f1858] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
    grid-gap: 12px
}

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

.member__row[data-v-f80a9ac9] {
    position: relative;
    display: flex;
    gap: 6px;
    align-items: center;
    color: #202430
}

.member__cursor[data-v-f80a9ac9] {
    cursor: pointer
}

.member__column[data-v-f80a9ac9] {
    max-width: 140px;
    overflow: hidden
}

.member__name[data-v-f80a9ac9] {
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    overflow: hidden;
    white-space: nowrap;
    color: #000;
    text-overflow: ellipsis;
    text-align: left
}

.dark .member__name[data-v-f80a9ac9] {
    color: #ddd
}

.member__role[data-v-f80a9ac9] {
    font-weight: 400;
    font-size: 10px;
    line-height: 100%;
    overflow: hidden;
    white-space: nowrap;
    color: #93969f;
    text-overflow: ellipsis;
    text-align: left
}

.dark .member__role[data-v-f80a9ac9] {
    color: #ddd
}

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

.members-group[data-v-415d86bd] {
    position: relative;
    display: flex;
    gap: 6px;
    align-items: center
}

.members-group__members[data-v-415d86bd] {
    display: flex;
    align-items: center
}

.members-group__member[data-v-415d86bd] {
    position: relative;
    border: 2px solid #fff;
    border-radius: 50%
}

.members-group__member[data-v-415d86bd]:not(:first-child) {
    margin-left: -8px
}

.members-group__member[data-v-415d86bd]:nth-child(1) {
    z-index: 1
}

.members-group__member[data-v-415d86bd]:nth-child(2) {
    z-index: 2
}

.members-group__member[data-v-415d86bd]:nth-child(3) {
    z-index: 3
}

.members-group__member[data-v-415d86bd]:nth-child(4) {
    z-index: 4
}

.members-group__member[data-v-415d86bd]:nth-child(5) {
    z-index: 5
}

.dark .members-group__member[data-v-415d86bd] {
    border-color: #2f3136
}

.members-group__others[data-v-415d86bd] {
    font-weight: 400;
    font-size: 12px;
    line-height: 100%;
    color: #93969f
}

.dark .members-group__others[data-v-415d86bd] {
    color: #ddd
}

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

.members__wrap[data-v-27a01c57] {
    display: flex;
    gap: 24px
}

.members__other-teams[data-v-27a01c57] {
    font-weight: 400;
    font-size: 12px;
    line-height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 36px;
    height: 36px;
    color: #93969f;
    background: #f8f8fb;
    border-radius: 200px
}

.dark .members__other-teams[data-v-27a01c57] {
    background-color: #383a3f
}

.members__group[data-v-27a01c57] {
    display: flex;
    gap: 16px;
    align-items: center
}

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

@keyframes loading-d39490ef {
    0% {
        transform: translate(-100%)
    }
    to {
        transform: translate(100%)
    }
}

.skeleton[data-v-d39490ef] {
    position: relative;
    margin: 20px 0;
    transition: opacity .2s ease-in-out
}

.skeleton[data-v-d39490ef]: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-d39490ef 1.3s cubic-bezier(.5, 1, 1, 1) infinite
}

.dark .skeleton[data-v-d39490ef]:before {
    background: linear-gradient(to right, transparent, #383A3F, transparent)
}

.skeleton__rectangle[data-v-d39490ef] {
    width: 100%;
    height: 76px;
    background-color: #ececec;
    border-radius: 6px
}

.dark .skeleton__rectangle[data-v-d39490ef] {
    background-color: #2f3136
}

[data-v-ee7c1244]:root {
    --color-scheme-active: #6C78F4
}

.breadcrumbs[data-v-ee7c1244] {
    display: flex;
    gap: 2px;
    align-items: center;
    margin-top: 20px
}

.breadcrumbs__item[data-v-ee7c1244] {
    display: flex;
    gap: 2px;
    align-items: center
}

.breadcrumbs__item:last-child .breadcrumbs__arrow[data-v-ee7c1244] {
    display: none
}

.breadcrumbs__text[data-v-ee7c1244] {
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    color: #93969f;
    font-style: normal
}

.breadcrumbs__portfolio-text[data-v-ee7c1244] {
    padding: 4px;
    line-height: 12px;
    cursor: pointer;
    border-radius: 4px
}

.breadcrumbs__portfolio-text[data-v-ee7c1244]:hover {
    background-color: #e8e8f2
}

.dark .breadcrumbs__portfolio-text[data-v-ee7c1244]:hover {
    background-color: #242629
}

[data-v-e5c15c68]:root {
    --color-scheme-active: #6C78F4
}

.overview[data-v-e5c15c68] {
    flex: 1 1 auto;
    display: flex;
    padding-bottom: 40px;
    overflow: hidden auto;
    background: #fff;
    flex-direction: column
}

.dark .overview[data-v-e5c15c68] {
    background-color: #2f3136
}

.overview__content[data-v-e5c15c68] {
    display: flex;
    width: 100%;
    min-width: 880px;
    margin: 0 auto;
    padding: 0 24px;
    flex-direction: column;
    max-width: 880px
}

[data-v-b59579da]:root {
    --color-scheme-active: #6C78F4
}

.section[data-v-b59579da] {
    margin: 30px 0
}

.section__title[data-v-b59579da] {
    font-weight: 600;
    font-size: 20px;
    line-height: 100%;
    margin: 0 0 10px;
    color: #333
}

.dark .section__title[data-v-b59579da] {
    color: #ddd
}

.section__description[data-v-b59579da] {
    font-weight: 400;
    font-size: 13px;
    line-height: 16px;
    margin: 0;
    color: #6a707c
}

.dark .section__description[data-v-b59579da] {
    color: #8d8d8d
}

.section__fields[data-v-b59579da] {
    margin-top: 16px
}

[data-v-3d8674cd]:root {
    --color-scheme-active: #6C78F4
}

.project-color__colors[data-v-3d8674cd] {
    display: flex;
    gap: 12px;
    align-items: center;
    flex-wrap: wrap
}

.project-color__color[data-v-3d8674cd] {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
    transition: all .2s ease-in-out;
    cursor: pointer;
    border-radius: 50%;
    border: 4px solid transparent
}

.project-color__color.active[data-v-3d8674cd] {
    border: 4px solid rgba(255, 255, 255, .5)
}

[data-v-97b1ac4d]:root {
    --color-scheme-active: #6C78F4
}

.ticker__input[data-v-97b1ac4d] .v-input__item {
    text-transform: uppercase
}

.ticker__fields[data-v-97b1ac4d] {
    display: grid;
    grid-template-columns: repeat(2, 222px);
    grid-gap: 16px
}

[data-v-aba7cf04]:root {
    --color-scheme-active: #6C78F4
}

.settings-page-component[data-v-aba7cf04] {
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    padding: 60px 0 40px;
    overflow: hidden auto
}

.dark .settings-page-component[data-v-aba7cf04] {
    background-color: #383a3f
}

.settings-page-component__content[data-v-aba7cf04] {
    width: 100%;
    margin: 0 auto;
    max-width: 880px
}

.settings-page-component__title[data-v-aba7cf04] {
    margin: 0;
    font-weight: 700;
    font-size: 36px;
    line-height: 100%;
    color: #202430
}

.dark .settings-page-component__title[data-v-aba7cf04] {
    color: #ddd
}

.settings-page-component__description[data-v-aba7cf04] {
    margin: 12px 0 0;
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
    color: #6a707c
}

.dark .settings-page-component__description[data-v-aba7cf04] {
    color: #8d8d8d
}

.settings-page-component__hr[data-v-aba7cf04] {
    height: 1px;
    margin-top: 30px;
    margin-bottom: 0;
    background-color: #f2f2f2;
    border: none
}

.dark .settings-page-component__hr[data-v-aba7cf04] {
    background-color: #2a2a2a
}

[data-v-33b5131d]:root {
    --color-scheme-active: #6C78F4
}

.settings[data-v-33b5131d] {
    background-color: #fff
}

.dark .settings[data-v-33b5131d] {
    background-color: #2f3136
}

.settings__bottom[data-v-33b5131d] {
    display: flex;
    justify-content: flex-end;
    margin-top: 20px
}

.settings__button[data-v-33b5131d] {
    min-width: 184px
}

.settings__blocks[data-v-33b5131d] {
    display: flex;
    flex-direction: column
}

[data-v-bc282400]:root {
    --color-scheme-active: #6C78F4
}

.portfolio-nav[data-v-bc282400] {
    position: relative;
    display: grid;
    grid-template-columns: 288px 1fr;
    gap: 30px;
    align-items: center;
    width: 100%;
    height: 40px;
    padding: 6px 10px
}

.dark .portfolio-nav[data-v-bc282400] {
    background-color: #2f3136
}

.portfolio-nav__info[data-v-bc282400] {
    flex: none;
    display: flex;
    gap: 10px;
    align-items: center;
    min-width: 288px
}

.portfolio-nav__info[data-v-bc282400] .avatars-image__content {
    background-color: #ededf5
}

.dark .portfolio-nav__info[data-v-bc282400] .avatars-image__content {
    background: #383a3f
}

.portfolio-nav__title[data-v-bc282400] {
    overflow: hidden;
    font-size: 14px;
    font-weight: 600;
    line-height: 17px;
    white-space: nowrap;
    color: #202430;
    text-overflow: ellipsis
}

.dark .portfolio-nav__title[data-v-bc282400] {
    color: #ddd
}

[data-v-3bf7c2e8]:root {
    --color-scheme-active: #6C78F4
}

.portfolio-page[data-v-3bf7c2e8] {
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    background-color: #f8f8fb
}

.dark .portfolio-page[data-v-3bf7c2e8] {
    background-color: #2f3136
}

[data-v-10aa940a]:root {
    --color-scheme-active: #6C78F4
}

.tools[data-v-10aa940a] {
    display: flex;
    column-gap: 9px;
    transition: opacity .1s ease
}

.tools.has-open-modal[data-v-10aa940a] {
    opacity: 1!important
}

.tools__tool-edit[data-v-10aa940a] {
    position: relative
}

.tools__modal-avatars[data-v-10aa940a] {
    position: absolute;
    top: calc(100%+ 8px);
    right: 0;
    z-index: 100
}

.tools__tool[data-v-10aa940a] {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 34px;
    height: 34px;
    background-color: #f8f8fb;
    border-radius: 4px
}

[data-v-044e0486]:root {
    --color-scheme-active: #6C78F4
}

.cover[data-v-044e0486] {
    position: relative;
    width: 100%;
    min-height: 100px
}

.cover_has-image[data-v-044e0486] {
    height: 200px;
    min-height: 200px
}

.cover__image[data-v-044e0486] {
    display: block;
    width: 100%;
    height: 200px;
    object-fit: cover
}

.cover__tools[data-v-044e0486] {
    position: absolute;
    top: 20px;
    right: 20px;
    pointer-events: none;
    opacity: 0;
    display: flex;
    gap: 9px;
    align-items: center
}

.cover_has-image:hover .cover__tools[data-v-044e0486] {
    pointer-events: all;
    opacity: 1
}

[data-v-a68bad9d]:root {
    --color-scheme-active: #6C78F4
}

.avatar[data-v-a68bad9d] {
    position: relative;
    width: max-content;
    margin-top: -60px
}

.avatar.disabled[data-v-a68bad9d] {
    pointer-events: none
}

.avatar__avatar[data-v-a68bad9d] {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 120px;
    height: 120px;
    overflow: hidden;
    cursor: pointer;
    border: 1px solid #f0f0f0;
    border-radius: 20px;
    filter: drop-shadow(0 4px 13px rgba(48, 48, 48, .1))
}

.dark .avatar__avatar[data-v-a68bad9d] {
    border-color: #1e1f22
}

.avatar__modal-avatars[data-v-a68bad9d] {
    position: absolute;
    top: calc(100%+ 8px);
    left: 0;
    z-index: 100
}

.avatar__initials[data-v-a68bad9d] {
    font-weight: 300;
    font-size: 42px;
    line-height: 50px;
    color: #000
}

[data-v-2fa21d41]:root {
    --color-scheme-active: #6C78F4
}

.cover[data-v-2fa21d41] {
    position: relative;
    width: max-content
}

.cover__button-add-cover[data-v-2fa21d41] {
    height: 34px
}

.cover__modal-avatars[data-v-2fa21d41] {
    position: absolute;
    top: calc(100%+ 20px);
    left: 0;
    z-index: 100
}

[data-v-10fcc7fb]:root {
    --color-scheme-active: #6C78F4
}

.controls[data-v-10fcc7fb] {
    display: flex;
    justify-content: space-between;
    align-items: flex-end
}

.controls__ava[data-v-10fcc7fb] {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 120px;
    height: 120px;
    margin-top: -60px;
    overflow: hidden;
    background: #e8e8f2;
    border: 1px solid #f0f0f0;
    border-radius: 20px;
    filter: drop-shadow(0 4px 13px rgba(48, 48, 48, .1))
}

.controls__ava-img[data-v-10fcc7fb] {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.controls__select-wrapper[data-v-10fcc7fb] {
    position: relative
}

.controls__select-status[data-v-10fcc7fb] {
    width: 186px
}

.controls__select-status[data-v-10fcc7fb] .v-select__icon_grey circle {
    fill: #e5e6ee
}

.controls__select-status[data-v-10fcc7fb] .v-select__icon_red circle {
    fill: #d01f1f
}

.controls__select-status[data-v-10fcc7fb] .v-select__icon_yellow circle {
    fill: #fde50c
}

.controls__select-status[data-v-10fcc7fb] .v-select__icon_green circle {
    fill: #359f39
}

.v-input__item[data-v-10fcc7fb] {
    padding-left: 24px!important
}

.controls__dropdown-item[data-v-10fcc7fb] {
    display: flex;
    gap: 6px;
    align-items: center;
    padding: 4px 6px;
    border-radius: 5px
}

.controls__dropdown-item.grey[data-v-10fcc7fb] {
    background-color: #cdcfd733
}

.controls__dropdown-item.green[data-v-10fcc7fb] {
    background-color: #0ebe3f33
}

.controls__dropdown-item.yellow[data-v-10fcc7fb] {
    background-color: #e8a70033
}

.controls__dropdown-item.red[data-v-10fcc7fb] {
    background-color: #ff686833
}

.controls__select-icon[data-v-10fcc7fb] {
    position: absolute;
    top: 50%;
    left: 10px;
    width: 6px;
    height: 6px;
    transform: translateY(-50%);
    border-radius: 50%
}

.controls__select-icon.grey[data-v-10fcc7fb] {
    background-color: #acb1c2
}

.controls__select-icon.green[data-v-10fcc7fb] {
    background-color: #359f39
}

.controls__select-icon.yellow[data-v-10fcc7fb] {
    background-color: #fde50c
}

.controls__select-icon.red[data-v-10fcc7fb] {
    background-color: #d01f1f
}

.controls__dropdown-icon[data-v-10fcc7fb] {
    width: 6px;
    height: 6px;
    border-radius: 50%
}

.controls__dropdown-icon.grey[data-v-10fcc7fb] {
    background-color: #acb1c2
}

.controls__dropdown-icon.green[data-v-10fcc7fb] {
    background-color: #359f39
}

.controls__dropdown-icon.yellow[data-v-10fcc7fb] {
    background-color: #fde50c
}

.controls__dropdown-icon.red[data-v-10fcc7fb] {
    background-color: #d01f1f
}

.controls__right[data-v-10fcc7fb] {
    display: flex;
    gap: 18px;
    align-items: flex-end
}

.controls__left[data-v-10fcc7fb] {
    display: flex;
    gap: 24px;
    align-items: flex-end
}

.controls__buttons[data-v-10fcc7fb] {
    display: flex;
    gap: 8px;
    align-items: center
}

.controls__button[data-v-10fcc7fb] {
    display: flex;
    justify-content: center;
    align-items: center;
    width: fit-content;
    min-width: 34px;
    padding: 7px;
    overflow: hidden;
    transition: all .2s ease-in-out;
    cursor: pointer;
    border-radius: 4px
}

.controls__button[data-v-10fcc7fb]:hover {
    background: #e5e7ee80
}

.controls__button[data-v-10fcc7fb]:hover svg {
    fill: #a5a8b3!important
}

.dark .controls__button[data-v-10fcc7fb]:hover {
    background-color: #383a3f
}

.controls__ava-letter[data-v-10fcc7fb] {
    font-weight: 400;
    font-size: 48px;
    line-height: 100%;
    text-transform: uppercase;
    color: #fff
}

[data-v-04f17c58]:root {
    --color-scheme-active: #6C78F4
}

.title[data-v-04f17c58] {
    display: flex;
    gap: 4px;
    align-items: center;
    margin-bottom: 28px
}

.title__input[data-v-04f17c58] {
    display: block;
    padding: 0;
    overflow: hidden;
    color: #202430;
    background-color: transparent;
    border: none;
    outline: none;
    text-overflow: ellipsis;
    font-weight: 700;
    font-size: 36px;
    line-height: 100%
}

.title__input[data-v-04f17c58]::placeholder {
    color: #a5a8b3
}

.dark .title__input[data-v-04f17c58] {
    border: none;
    color: #ddd
}

.title__input[disabled][data-v-04f17c58] {
    color: #202430;
    background-color: transparent
}

.title__private-icon[data-v-04f17c58] {
    margin-left: 4px
}

[data-v-66a5c03d]:root {
    --color-scheme-active: #6C78F4
}

.content__title[data-v-66a5c03d] {
    display: inline-flex;
    align-items: center;
    margin: 0 0 8px;
    color: #202430;
    font-weight: 700;
    font-size: 36px;
    line-height: 100%
}

.dark .content__title[data-v-66a5c03d] {
    color: #ddd
}

.content__description[data-v-66a5c03d] {
    margin: 0
}

[data-v-6f7134d9]:root {
    --color-scheme-active: #6C78F4
}

.members__wrap[data-v-6f7134d9] {
    display: flex;
    gap: 24px
}

.members__other-teams[data-v-6f7134d9] {
    font-weight: 400;
    font-size: 12px;
    line-height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 36px;
    height: 36px;
    color: #93969f;
    background: #f8f8fb;
    border-radius: 200px
}

.dark .members__other-teams[data-v-6f7134d9] {
    background-color: #383a3f
}

.members__group[data-v-6f7134d9] {
    display: flex;
    gap: 16px;
    align-items: center
}

[data-v-6f641953]:root {
    --color-scheme-active: #6C78F4
}

.overview[data-v-6f641953] {
    flex: 1 1 auto;
    display: flex;
    padding-bottom: 40px;
    overflow: hidden auto;
    background: #fff;
    flex-direction: column
}

.dark .overview[data-v-6f641953] {
    background-color: #2f3136
}

.overview__content[data-v-6f641953] {
    width: 100%;
    margin: 0 auto;
    max-width: 880px
}

[data-v-89b7814b]:root {
    --color-scheme-active: #6C78F4
}

.lists[data-v-89b7814b] {
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    overflow: hidden
}

.lists__body[data-v-89b7814b] {
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    overflow-y: auto
}

.lists__empty[data-v-89b7814b] {
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin: auto
}

.lists__empty-text[data-v-89b7814b] {
    margin: 20px 0;
    font-size: 1.125rem;
    color: #aeaeae;
    text-align: center
}

.dark .lists__empty-text[data-v-89b7814b] {
    color: #ddd
}

.dark .lists__filters-full-viewer-wrapper[data-v-89b7814b] {
    background-color: #2f3136
}

.lists__filters-full-viewer[data-v-89b7814b] {
    flex: none;
    margin: 0 10px 10px
}

[data-v-ad32ad60]:root {
    --color-scheme-active: #6C78F4
}

.breadcrumbs[data-v-ad32ad60] {
    position: relative;
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: max-content;
    align-items: center;
    font-weight: 500;
    line-height: 12px;
    max-width: calc(100% - 28px)
}

.breadcrumbs__button-more[data-v-ad32ad60] {
    display: flex;
    justify-content: center;
    align-items: center;
    color: #60636c;
    transition: background .2s ease;
    border-radius: 4px
}

.breadcrumbs__button-more[data-v-ad32ad60]:hover {
    background: #838fa714
}

.breadcrumbs__button-more.active[data-v-ad32ad60] {
    background: #838fa729
}

.breadcrumbs__more[data-v-ad32ad60] {
    position: absolute;
    top: calc(100%+ 2px);
    left: -4px;
    width: 260px;
    padding: 4px 0;
    background-color: #fff;
    max-height: 220px;
    overflow-y: auto
}

.breadcrumbs__item-more[data-v-ad32ad60] {
    display: grid;
    grid-template-columns: 56px 1fr;
    grid-column-gap: 4px;
    align-items: center;
    width: 100%;
    height: 32px;
    padding: 0 12px;
    overflow: hidden;
    transition: background .2s ease
}

.breadcrumbs__item-more[data-v-ad32ad60]:hover {
    background: #838fa714
}

.breadcrumbs__item-more[data-v-ad32ad60]:active {
    background: #838fa729
}

.breadcrumbs__item-id[data-v-ad32ad60] {
    color: #93969f;
    text-align: start;
    font-weight: 500;
    font-size: 11px;
    line-height: 11px
}

.breadcrumbs__item-title[data-v-ad32ad60] {
    text-align: start;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: 500;
    font-size: 14px;
    line-height: 14px
}

[data-v-0f8fb688]:root {
    --color-scheme-active: #6C78F4
}

.skeleton[data-v-0f8fb688] {
    display: flex;
    flex-direction: column
}

.skeleton__group[data-v-0f8fb688] {
    display: flex;
    align-items: center
}

.skeleton__ellipse[data-v-0f8fb688] {
    flex: none;
    width: 100%;
    width: 46px;
    height: 16px;
    margin-right: 4px;
    background-color: #f8f8fb;
    border-radius: 123px
}

.dark .skeleton__ellipse[data-v-0f8fb688] {
    background-color: #2f3136
}

[data-v-c1797ec7]:root {
    --color-scheme-active: #6C78F4
}

.default[data-v-c1797ec7] {
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 32px;
    padding: 4px 12px;
    overflow: hidden;
    color: #60636c;
    transition: background-color .2s ease;
    cursor: pointer;
    text-decoration: none
}

.default.with-switch[data-v-c1797ec7] {
    padding-right: 40px
}

.default[data-v-c1797ec7]:last-child {
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px
}

.default.active[data-v-c1797ec7],
.default[data-v-c1797ec7]:hover {
    background: #f8f8fb
}

.dark .default[data-v-c1797ec7] {
    color: #ddd
}

.dark .default.active[data-v-c1797ec7],
.dark .default[data-v-c1797ec7]:hover {
    background-color: #202225
}

.default__text[data-v-c1797ec7] {
    font-weight: 500;
    font-size: 14px;
    line-height: 125%;
    color: #60636c;
    text-decoration: none
}

.dark .default__text[data-v-c1797ec7] {
    color: #8d8d8d
}

.default__icon[data-v-c1797ec7] {
    margin-right: 8px
}

.default__dropdown[data-v-c1797ec7] {
    position: fixed;
    top: 0;
    z-index: 12;
    width: 260px
}

.default__selected[data-v-c1797ec7] {
    font-weight: 400;
    font-size: 14px;
    line-height: 100%;
    display: flex;
    gap: 4px;
    align-items: center;
    color: #9499ad
}

.dark .default__selected[data-v-c1797ec7] {
    color: #ddd
}

[data-v-a9fb3c17]:root {
    --color-scheme-active: #6C78F4
}

.dropdown[data-v-a9fb3c17] {
    z-index: 12;
    width: 260px;
    padding: 4px;
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, .1);
    box-shadow: 0 1px #0000001a, 0 4px 13px #0000001a;
    border-radius: 8px
}

.dark .dropdown[data-v-a9fb3c17] {
    background-color: #383a3f
}

.dropdown__item[data-v-a9fb3c17] {
    font-weight: 500;
    font-size: 14px;
    line-height: 14px;
    display: grid;
    grid-template-columns: max-content 1fr max-content;
    grid-column-gap: 8px;
    align-items: center;
    height: 32px;
    padding: 0 12px;
    color: #60636c;
    transition: all .2s ease-in-out;
    cursor: pointer;
    border-radius: 4px
}

.dropdown__item[data-v-a9fb3c17]:hover {
    background-color: #f8f8f8
}

.dark .dropdown__item[data-v-a9fb3c17] {
    color: #ddd;
    background-color: #242629
}

.dark .dropdown__item[data-v-a9fb3c17]:hover {
    background-color: #202225
}

[data-v-3a50a334]:root {
    --color-scheme-active: #6C78F4
}

.view[data-v-3a50a334] {
    position: relative
}

.view__icon[data-v-3a50a334] {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 32px;
    height: 32px;
    border-radius: 8px;
    transition: background .2s ease
}

.view__icon[data-v-3a50a334]:hover {
    background: #838fa714
}

.view__icon[data-v-3a50a334]:active {
    background: #838fa729
}

.view__icon.opened[data-v-3a50a334] {
    background: #838fa714
}

.dark .view__icon[data-v-3a50a334]:hover {
    background: #242629
}

.dark .view__icon[data-v-3a50a334]:active {
    background: #202225
}

.dark .view__icon.opened[data-v-3a50a334] {
    background: #242629
}

.view__dropdown[data-v-3a50a334] {
    position: absolute;
    top: calc(100%+ 4px);
    left: 0;
    width: 350px
}

.dark .view__dropdown[data-v-3a50a334] {
    background-color: #242629
}

[data-v-676840ae]:root {
    --color-scheme-active: #6C78F4
}

.watchers[data-v-676840ae] {
    position: relative
}

.watchers__button[data-v-676840ae] {
    display: flex;
    column-gap: 8px;
    align-items: center;
    width: max-content;
    height: 32px;
    padding: 0 12px;
    color: #60636c;
    background: #ededf5;
    transition: background .2s ease;
    justify-self: end;
    border-radius: 8px;
    font-weight: 500;
    font-size: 12px;
    line-height: 14px
}

.watchers__button[data-v-676840ae]:hover {
    background: linear-gradient(0deg, #838fa714, #838fa714), #ededf5
}

.watchers__button[data-v-676840ae]:active {
    background: linear-gradient(0deg, #838fa729, #838fa729), #ededf5
}

.watchers__button.opened[data-v-676840ae] {
    background: linear-gradient(0deg, #838fa714, #838fa714), #ededf5
}

.dark .watchers__button[data-v-676840ae] {
    color: #ddd;
    background: #2f3136
}

.dark .watchers__button[data-v-676840ae]:hover {
    background: #242629
}

.dark .watchers__button[data-v-676840ae]:active {
    background: #202225
}

.dark .watchers__button.opened[data-v-676840ae] {
    background: #242629
}

.watchers__dropdown[data-v-676840ae] {
    position: absolute;
    top: calc(100%+ 4px);
    right: -52px;
    width: 240px;
    max-height: 300px;
    margin-bottom: 4px;
    overflow: hidden;
    background-color: #fff;
    border-radius: 6px;
    box-shadow: 0 3px 13px -1px #0507081a
}

.dark .watchers__dropdown[data-v-676840ae] {
    border: 1px solid #2A2A2A;
    background-color: #383a3f
}

.watchers__input-tags[data-v-676840ae] {
    min-height: 34px;
    max-height: 120px;
    border-radius: 6px 6px 0 0
}

[data-v-9357728d]:root {
    --color-scheme-active: #6C78F4
}

.dropdown[data-v-9357728d] {
    position: absolute;
    top: calc(100%+ 4px);
    left: -50%;
    z-index: 12;
    padding: 15px;
    overflow: hidden;
    cursor: default
}

.dropdown__toggle[data-v-9357728d] {
    padding: 21px 20px
}

[data-v-d54917f1]:root {
    --color-scheme-active: #6C78F4
}

.privacy[data-v-d54917f1] {
    position: relative
}

.privacy__button[data-v-d54917f1] {
    display: flex;
    column-gap: 8px;
    align-items: center;
    width: max-content;
    height: 32px;
    margin-right: 2px;
    padding: 0 12px;
    color: #60636c;
    background: #ededf5;
    transition: background .2s ease;
    justify-self: end;
    border-radius: 8px;
    font-weight: 500;
    font-size: 12px;
    line-height: 14px
}

.privacy__button[data-v-d54917f1]:hover {
    background: linear-gradient(0deg, #838fa714, #838fa714), #ededf5
}

.privacy__button[data-v-d54917f1]:active {
    background: linear-gradient(0deg, #838fa729, #838fa729), #ededf5
}

.privacy__button.opened[data-v-d54917f1] {
    background: linear-gradient(0deg, #838fa714, #838fa714), #ededf5
}

.dark .privacy__button[data-v-d54917f1] {
    color: #ddd;
    background: #2f3136
}

.dark .privacy__button[data-v-d54917f1]:hover {
    background: #242629
}

.dark .privacy__button[data-v-d54917f1]:active {
    background: #202225
}

.dark .privacy__button.opened[data-v-d54917f1] {
    background: #242629
}

[data-v-d45d423f]:root {
    --color-scheme-active: #6C78F4
}

.line[data-v-d45d423f] {
    width: 100%;
    height: 1px;
    margin: 8px 0;
    background-color: #f4f4f8
}

.dark .line[data-v-d45d423f] {
    background-color: #383a3f
}

[data-v-adee7ab8]:root {
    --color-scheme-active: #6C78F4
}

.item[data-v-adee7ab8] {
    display: grid;
    grid-template-columns: max-content 1fr;
    grid-column-gap: 8px;
    align-items: center;
    width: 100%;
    height: 32px;
    padding: 0 12px;
    color: #60636c;
    transition: background .2s ease;
    cursor: pointer;
    text-align: start;
    font-weight: 500;
    font-size: 14px;
    line-height: 14px
}

.item.submenu[data-v-adee7ab8] {
    grid-template-columns: repeat(2, max-content) 1fr
}

.item[data-v-adee7ab8]:hover {
    background: #838fa714
}

.item[data-v-adee7ab8]:active,
.item.opened[data-v-adee7ab8] {
    background: #838fa729
}

.item[disabled][data-v-adee7ab8] {
    pointer-events: none;
    opacity: .7
}

.dark .item[data-v-adee7ab8] {
    color: #a6a7b3
}

.dark .item[data-v-adee7ab8]:hover {
    background: #2f3136
}

.dark .item[data-v-adee7ab8]:active,
.dark .item.opened[data-v-adee7ab8] {
    background: #202225
}

.item__submenu-icon[data-v-adee7ab8] {
    transform: rotate(180deg)
}

[data-v-501bf6e7]:root {
    --color-scheme-active: #6C78F4
}

.reminder-main[data-v-501bf6e7] {
    display: flex;
    flex-direction: column;
    gap: 16px
}

[data-v-ae96e2d0]:root {
    --color-scheme-active: #6C78F4
}

.reminder-additional[data-v-ae96e2d0] {
    display: flex;
    flex-direction: column;
    gap: 16px
}

.reminder-additional__every[data-v-ae96e2d0] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: 8px;
    align-items: flex-end
}

.reminder-additional__every-text[data-v-ae96e2d0] {
    font-weight: 400;
    font-size: 14px;
    line-height: 100%;
    display: flex;
    align-items: center;
    height: 40px
}

.dark .reminder-additional__every-text[data-v-ae96e2d0] {
    color: #ddd
}

.reminder-additional__end[data-v-ae96e2d0] {
    display: flex;
    flex-direction: column;
    gap: 16px
}

[data-v-3b51a715]:root {
    --color-scheme-active: #6C78F4
}

.task-view-reminder[data-v-3b51a715] {
    position: absolute;
    top: 0;
    right: 244px;
    z-index: 99;
    width: 320px;
    border-radius: 8px;
    background-color: #fff;
    box-shadow: 0 4px 13px #3030301a;
    overflow-y: auto
}

.task-view-reminder__wrap[data-v-3b51a715] {
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding: 16px;
    cursor: default
}

.dark .task-view-reminder__wrap[data-v-3b51a715] {
    border: 1px solid #2F3136;
    background-color: #383a3f
}

.task-view-reminder__button[data-v-3b51a715] {
    margin-left: auto;
    max-width: 140px
}

[data-v-7a077100]:root {
    --color-scheme-active: #6C78F4
}

.reminder[data-v-7a077100] {
    position: relative
}

[data-v-c8836dde]:root {
    --color-scheme-active: #6C78F4
}

.dropdown[data-v-c8836dde] {
    position: absolute;
    top: 0;
    right: 244px;
    z-index: 12;
    width: 300px;
    padding: 15px 15px 23px;
    overflow: hidden;
    cursor: default
}

.dropdown__title[data-v-c8836dde] {
    margin-bottom: 10px;
    font-weight: 700;
    font-size: 16px;
    line-height: 16px;
    color: #202430
}

.dark .dropdown__title[data-v-c8836dde] {
    color: #ddd
}

.dropdown__question[data-v-c8836dde] {
    margin-bottom: 15px;
    font-weight: 400;
    font-size: 14px;
    line-height: 14px;
    color: #000
}

.dark .dropdown__question[data-v-c8836dde] {
    color: #ddd
}

.dropdown__checkboxes[data-v-c8836dde] {
    display: flex;
    flex-direction: column;
    row-gap: 10px
}

[data-v-0175ffdb]:root {
    --color-scheme-active: #6C78F4
}

.blocking[data-v-0175ffdb] {
    position: relative
}

[data-v-68893c18]:root {
    --color-scheme-active: #6C78F4
}

.input__search[data-v-68893c18] {
    position: relative
}

.dark .input__search[data-v-68893c18] {
    background-color: #383a3f;
    border-color: #2a2a2a
}

.input__icon-search[data-v-68893c18] {
    position: absolute;
    top: 50%;
    left: 14px;
    pointer-events: none;
    display: block;
    margin-top: -10.5px
}

.input__search-input[data-v-68893c18] {
    display: block;
    width: 100%;
    height: 38px;
    padding: 0 11px 0 45px;
    font-size: .75rem;
    font-weight: 300;
    background-color: transparent;
    border: none;
    outline: none;
    box-shadow: none!important
}

.dark .input__search-input[data-v-68893c18] {
    color: #ddd
}

.input__results[data-v-68893c18] {
    border-radius: 0 0 4px 4px;
    overflow: auto
}

.input__results-content[data-v-68893c18] {
    max-height: 200px
}

.input__results-empty[data-v-68893c18] {
    padding: 11px;
    font-size: .8125rem;
    font-weight: 300;
    color: #aeaeae;
    text-align: center
}

.input__result[data-v-68893c18] {
    display: flex;
    align-items: center;
    width: 100%;
    min-height: 36px;
    padding: 6px 9px;
    cursor: pointer;
    border: none;
    outline: none
}

.input__result[data-v-68893c18]:hover {
    background-color: #f8f8fb
}

.input__result:hover .input__result-img[data-v-68893c18] {
    border-color: transparent
}

.input__result[data-v-68893c18]:focus {
    background-color: #f8f8fb
}

.input__result_selected[data-v-68893c18] {
    background: #dddde7!important
}

.input__result_selected .input__result-img[data-v-68893c18] {
    border-color: transparent
}

.input__result_selected .input__result-name[data-v-68893c18] {
    color: #000
}

.dark .input__result[data-v-68893c18] {
    color: #a6a7b3
}

.dark .input__result[data-v-68893c18]:focus {
    background: #383a3f
}

.dark .input__result:focus .input__result-name[data-v-68893c18] {
    color: #ddd!important
}

.dark .input__result:focus .input__result-name span[data-v-68893c18] {
    color: #8d8d8d
}

.dark .input__result[data-v-68893c18]:hover {
    background: #383a3f
}

.dark .input__result:hover .input__result-name[data-v-68893c18] {
    color: #fff!important
}

.dark .input__result:hover .input__result-name span[data-v-68893c18] {
    color: #8d8d8d
}

.dark .input__result_selected[data-v-68893c18] {
    background: #242629!important
}

.dark .input__result_selected .input__result-name[data-v-68893c18] {
    color: #fff
}

.dark .input__result_selected .input__result-img[data-v-68893c18] {
    border-color: transparent
}

.input__result-word[data-v-68893c18] {
    flex: none;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 24px;
    height: 24px;
    margin-right: 10px;
    font-size: 11px;
    font-weight: 700;
    color: #0009;
    border: 1px solid #EAEAEA;
    border-radius: 50%;
    text-align: center;
    text-transform: uppercase
}

.input__result-color[data-v-68893c18] {
    flex: none;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 14px;
    height: 14px;
    margin-right: 10px;
    font-size: 11px;
    font-weight: 700;
    color: #0009;
    border-radius: 50%;
    text-align: center;
    text-transform: uppercase
}

.input__result-color-dot[data-v-68893c18] {
    flex: none;
    width: 12px;
    height: 12px;
    margin-right: 10px;
    border-radius: 4px;
    box-shadow: 0 0 4px #fff9
}

.dark .input__result-color-dot[data-v-68893c18] {
    box-shadow: 0 0 4px #2a2a2a99
}

.input__result-icon[data-v-68893c18] {
    flex: none;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 10px;
    border-radius: 50%
}

.input__result-img[data-v-68893c18] {
    flex: none;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 24px;
    height: 24px;
    margin-right: 10px;
    overflow: hidden;
    border: 1px solid #EAEAEA;
    border-radius: 50%
}

.input__result-img img[data-v-68893c18] {
    display: block;
    width: 100%
}

.dark .input__result-img[data-v-68893c18] {
    border: 1px solid #2A2A2A
}

.input__result-avatar[data-v-68893c18] {
    margin-right: 10px
}

.input__result-avatar_hidden[data-v-68893c18] {
    display: none!important
}

.input__result-name[data-v-68893c18] {
    overflow: hidden;
    font-size: .6875rem;
    text-align: left;
    text-overflow: ellipsis
}

.input__result-name span[data-v-68893c18] {
    flex: none;
    display: block;
    font-size: .625rem;
    color: #aeaeae
}

.dark .input__result-name span[data-v-68893c18] {
    color: #747474
}

[data-v-d8a1d0aa]:root {
    --color-scheme-active: #6C78F4
}

.dark .searchable-select .dropdown[data-v-d8a1d0aa] {
    background: #2f3136;
    box-shadow: 0 6px 13px #1919197a
}

.searchable-select[data-v-d8a1d0aa] {
    position: relative
}

.searchable-select .arrow__searchable[data-v-d8a1d0aa] {
    position: absolute;
    top: 9px;
    right: 15px;
    pointer-events: none
}

.searchable-select .dropdown[data-v-d8a1d0aa] {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 5;
    width: 100%;
    margin-top: 8px;
    overflow: hidden;
    background: #fff;
    max-height: 285px;
    border-radius: 4px;
    overflow-y: auto;
    box-shadow: 0 3px 8px #9e9e9e8c;
    outline: none
}

[data-v-07fb0bbe]:root {
    --color-scheme-active: #6C78F4
}

.dark .form-group label[data-v-07fb0bbe] {
    color: #8d8d8d
}

.form-group[data-v-07fb0bbe] {
    margin: 12px 0
}

.form-group.error input[data-v-07fb0bbe],
.form-group.error textarea[data-v-07fb0bbe] {
    border-color: #ff4d4f
}

.form-group[data-v-07fb0bbe]:first-child {
    margin-top: 0
}

.form-group[data-v-07fb0bbe]:last-child {
    margin-bottom: 0
}

.form-group label[data-v-07fb0bbe] {
    display: flex;
    justify-content: space-between;
    width: 100%;
    font-size: .75rem;
    font-weight: 500
}

.form-group label span[data-v-07fb0bbe] {
    margin-left: 5px;
    font-size: .6875rem;
    font-weight: 400;
    white-space: pre;
    color: red
}

.form-group .error[data-v-07fb0bbe] {
    margin-top: 4px;
    font-size: .6875rem;
    white-space: pre;
    color: #ff4d4f
}

.form-group__label[data-v-07fb0bbe] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 7px
}

.form-group__label label[data-v-07fb0bbe] {
    width: auto
}

.form-group__label a[data-v-07fb0bbe] {
    font-size: .75rem;
    color: var(--color-scheme-active);
    text-decoration: none
}

.form-group__label a[data-v-07fb0bbe]:hover {
    text-decoration: underline
}

[data-v-2f57b71e]:root {
    --color-scheme-active: #6C78F4
}

.select__selected[data-v-2f57b71e] {
    flex: 1 1 auto;
    margin-top: -3px;
    overflow: hidden
}

.select__selected-placeholder[data-v-2f57b71e] {
    font-size: .6875rem;
    color: #737373
}

.dark .select__selected-placeholder[data-v-2f57b71e] {
    color: #737373
}

.task-view-select-current-ui[data-v-2f57b71e] {
    display: flex;
    align-items: center;
    height: 39px;
    padding: 8px 0 8px 7px;
    overflow: hidden;
    font-size: .75rem;
    color: #aeaeae;
    transition: .2s ease
}

.dark .task-view-select-current-ui[data-v-2f57b71e] {
    color: #aeaeae
}

.select__img[data-v-2f57b71e] {
    flex: none;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 23px;
    height: 23px;
    margin-right: 4px;
    overflow: hidden
}

.select__img img[data-v-2f57b71e] {
    display: block;
    width: 100%;
    border-radius: 50%
}

.select__img-icon[data-v-2f57b71e] {
    display: block;
    max-width: 100%;
    margin: 0 auto
}

.task-view-select-current-ui__avatar[data-v-2f57b71e] {
    margin-right: 10px
}

.task-view-select-current-ui__avatar_hidden[data-v-2f57b71e] {
    display: none!important
}

.select__img[data-v-2f57b71e],
.select__icon[data-v-2f57b71e] {
    flex: none;
    margin-right: 10px
}

.select__icon.red[data-v-2f57b71e] svg path {
    fill: #ff423d!important
}

.select__icon.green[data-v-2f57b71e] svg path {
    fill: #5dc75d!important
}

.select__icon.yellow[data-v-2f57b71e] svg path {
    fill: #ecec39!important
}

.select__icon.blue[data-v-2f57b71e] svg path {
    fill: #53cbd8!important
}

.select__icon svg[data-v-2f57b71e] {
    display: block;
    max-width: 100%
}

.select__title[data-v-2f57b71e] {
    padding-right: 10px;
    overflow: hidden;
    font-weight: 300;
    white-space: nowrap;
    text-overflow: ellipsis
}

.dark .select__title[data-v-2f57b71e] {
    color: #a6a7b3
}

.select__input[data-v-2f57b71e] {
    flex: 1 1 auto
}

.select__input input[data-v-2f57b71e] {
    width: 100%;
    height: 37px;
    padding-right: 10px;
    padding-left: 0;
    background: transparent;
    border: none;
    outline: none
}

.select__input input.placeholder[data-v-2f57b71e] {
    color: #a9a9a9
}

.select__input input[data-v-2f57b71e]:-moz-placeholder {
    color: #a9a9a9
}

.select__input input[data-v-2f57b71e]::-moz-placeholder {
    color: #a9a9a9
}

.select__input input[data-v-2f57b71e]:-ms-input-placeholder {
    color: #a9a9a9
}

.select__input input[data-v-2f57b71e]::-webkit-input-placeholder {
    color: #a9a9a9
}

[data-v-ee64991a]:root {
    --color-scheme-active: #6C78F4
}

.select[data-v-ee64991a] {
    position: relative;
    width: 141px;
    height: 39px;
    margin: 6px;
    transition: .2s ease;
    cursor: pointer;
    max-width: 151px;
    border: 1px solid #f0f1f3;
    border-radius: 4px;
    outline: none
}

.select.disabled[data-v-ee64991a] {
    pointer-events: none
}

.select.selected[data-v-ee64991a] {
    border-color: transparent;
    box-shadow: 0 0 6px #0000001a
}

.select.selected .task-view-select-current-ui[data-v-ee64991a] {
    color: #262626
}

.dark .select.selected[data-v-ee64991a] {
    border-color: #1e1f22!important;
    background: #2f3136!important
}

.select[data-v-ee64991a]:hover,
.select.focused[data-v-ee64991a] {
    border-color: transparent;
    box-shadow: 0 0 6px #0000001a
}

.select[data-v-ee64991a]:hover .remove,
.select.focused[data-v-ee64991a] .remove {
    opacity: 1
}

.select:hover .task-view-select-current-ui[data-v-ee64991a],
.select.focused .task-view-select-current-ui[data-v-ee64991a] {
    color: #262626
}

.dark .select[data-v-ee64991a]:hover,
.dark .select.focused[data-v-ee64991a] {
    background: #2f3136;
    box-shadow: 0 0 6px #0000001a
}

.dark .select:hover .task-view-select-current-ui[data-v-ee64991a],
.dark .select.focused .task-view-select-current-ui[data-v-ee64991a] {
    color: #8d8d8d
}

.select[data-v-ee64991a] .remove {
    position: absolute;
    top: 50%;
    right: 0;
    opacity: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 20px;
    height: 20px;
    margin: -10px 5px 0 0;
    cursor: pointer
}

.select[data-v-ee64991a] .remove:hover svg path {
    fill: red!important
}

.dark .select[data-v-ee64991a] {
    border: 1px solid #2F3136
}

.select__dropdown[data-v-ee64991a] {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 5;
    width: 220px;
    margin-top: 10px;
    overflow: hidden;
    background: #fff;
    border-radius: 4px;
    box-shadow: 0 3px 13px -1px #0507081a
}

.select__dropdown_default-right[data-v-ee64991a] {
    right: 0;
    left: auto
}

.select__dropdown_left[data-v-ee64991a] {
    right: auto;
    left: 0
}

.dark .select__dropdown[data-v-ee64991a] {
    background: #2f3136;
    box-shadow: 0 3px 5px #1515157d
}

[data-v-e609b682]:root {
    --color-scheme-active: #6C78F4
}

.task-view-duplicate[data-v-e609b682] {
    position: absolute;
    top: 0;
    right: 244px;
    z-index: 10;
    max-height: 50vh;
    overflow-y: auto;
    border-radius: 4px;
    background-color: #fff;
    box-shadow: 0 3px 13px -1px #0507081a
}

.dark .task-view-duplicate[data-v-e609b682] {
    box-shadow: 0 0 29px #2426299e;
    background-color: #383a3f
}

.task-view-duplicate__wrap[data-v-e609b682] {
    display: grid;
    width: 320px;
    padding: 20px 20px 22px;
    cursor: default
}

.dark .task-view-duplicate__wrap[data-v-e609b682] {
    background-color: #383a3f
}

.task-view-duplicate__title[data-v-e609b682] {
    margin-bottom: 17px;
    font-size: 16px;
    font-weight: 700;
    line-height: 17px;
    color: #202430
}

.dark .task-view-duplicate__title[data-v-e609b682] {
    color: #ddd
}

.task-view-duplicate__name[data-v-e609b682] {
    margin-bottom: 16px
}

.task-view-duplicate__subtitle[data-v-e609b682] {
    margin-bottom: 14px;
    font-size: 14px;
    font-weight: 400;
    line-height: 14px;
    color: #000
}

.dark .task-view-duplicate__subtitle[data-v-e609b682] {
    color: #ddd
}

.task-view-duplicate__copy-items[data-v-e609b682] {
    margin-bottom: 25px
}

.task-view-duplicate__copy-items-wrap[data-v-e609b682] {
    display: grid;
    grid-row-gap: 13px
}

.task-view-duplicate__date[data-v-e609b682] {
    margin-bottom: 16px
}

.task-view-duplicate__location-wrap[data-v-e609b682] {
    display: grid;
    grid-row-gap: 12px;
    margin-bottom: 20px
}

[data-v-e609b682] .task-view-duplicate__project,
[data-v-e609b682] .task-view-duplicate__board,
[data-v-e609b682] .task-view-duplicate__group {
    position: relative;
    width: 100%;
    margin: 0;
    max-width: 100%
}

[data-v-e609b682] .task-view-duplicate__project .select__dropdown,
[data-v-e609b682] .task-view-duplicate__board .select__dropdown,
[data-v-e609b682] .task-view-duplicate__group .select__dropdown {
    width: 100%
}

.task-view-duplicate__board[data-v-e609b682],
.task-view-duplicate__group[data-v-e609b682] {
    pointer-events: none;
    opacity: .5
}

.task-view-duplicate__board_has-events[data-v-e609b682],
.task-view-duplicate__group_has-events[data-v-e609b682] {
    pointer-events: all;
    opacity: 1
}

[data-v-e609b682] .task-view-duplicate__column_hasnt-events .select__icon path:nth-child(1) {
    fill: #eaeaea!important
}

[data-v-e609b682] .task-view-duplicate__column_hasnt-events .select__icon path:nth-child(2) {
    fill: #d3d3d3!important
}

[data-v-bf5325dc]:root {
    --color-scheme-active: #6C78F4
}

.duplicate[data-v-bf5325dc] {
    position: relative
}

[data-v-5c6e3589]:root {
    --color-scheme-active: #6C78F4
}

.link-to-parent[data-v-5c6e3589] {
    width: 100%;
    max-width: 400px;
    overflow: hidden
}

.link-to-parent__top[data-v-5c6e3589] {
    background: #f8f8fb
}

.dark .link-to-parent__top[data-v-5c6e3589] {
    background-color: #2f3136
}

.link-to-parent__tasks[data-v-5c6e3589] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    max-height: 245px;
    margin-top: 8px;
    overflow-y: auto
}

.link-to-parent__task[data-v-5c6e3589] {
    border: 1px solid #ededf5!important;
    opacity: 1!important
}

.dark .link-to-parent__task[data-v-5c6e3589] {
    border-color: #2a2a2a!important
}

.link-to-parent__task.selected[data-v-5c6e3589] {
    box-shadow: none
}

.link-to-parent__task-wrap:hover .link-to-parent__task[data-v-5c6e3589],
.link-to-parent__task.active[data-v-5c6e3589] {
    border-color: var(--color-scheme-active)!important
}

.link-to-parent__parent-empty[data-v-5c6e3589] {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 38px;
    color: #acb1c2;
    border: 1px dashed #acb1c2;
    border-radius: 5px;
    background: #fff;
    font-weight: 400;
    font-size: 14px;
    line-height: 17px
}

.dark .link-to-parent__parent-empty[data-v-5c6e3589] {
    background-color: #383a3f;
    border-color: #1e1f22
}

.link-to-parent__child[data-v-5c6e3589] {
    position: relative;
    pointer-events: none;
    margin-top: 8px;
    padding-left: 48px
}

.link-to-parent__child[data-v-5c6e3589]:before {
    content: "";
    position: absolute;
    top: 0;
    left: 17px;
    width: 22px;
    height: 50%;
    border-bottom: 1px solid #acb1c2;
    border-left: 1px solid #acb1c2;
    border-bottom-left-radius: 25px
}

.link-to-parent__preview[data-v-5c6e3589] {
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
    margin: 20px 0 6px;
    text-align: center
}

.link-to-parent__content[data-v-5c6e3589] {
    display: flex;
    flex-direction: column
}

.link-to-parent__task-wrap[data-v-5c6e3589] {
    cursor: pointer
}

[data-v-18ba38bf]:root {
    --color-scheme-active: #6C78F4
}

.trash[data-v-18ba38bf] {
    color: #e63737
}

[data-v-859a029a]:root {
    --color-scheme-active: #6C78F4
}

.menu[data-v-859a029a] {
    position: relative
}

.menu__icon[data-v-859a029a] {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 32px;
    height: 32px;
    border-radius: 8px;
    transition: background .2s ease
}

.menu__icon[data-v-859a029a]:hover {
    background: #838fa714
}

.menu__icon[data-v-859a029a]:active {
    background: #838fa729
}

.menu__icon.opened[data-v-859a029a] {
    background: #838fa714
}

.dark .menu__icon[data-v-859a029a]:hover {
    background: #242629
}

.dark .menu__icon[data-v-859a029a]:active {
    background: #202225
}

.dark .menu__icon.opened[data-v-859a029a] {
    background: #242629
}

.menu__dropdown[data-v-859a029a] {
    position: absolute;
    top: calc(100%+ 4px);
    right: 0;
    z-index: 12;
    width: 250px;
    padding: 4px 0
}

[data-v-f7167e1d]:root {
    --color-scheme-active: #6C78F4
}

.restore[data-v-f7167e1d] {
    display: grid;
    grid-template-columns: repeat(2, max-content);
    grid-column-gap: 16px;
    align-items: center;
    color: #525c7a;
    font-weight: 500;
    font-size: 13px;
    line-height: 13px
}

.restore__button[data-v-f7167e1d] {
    width: max-content;
    height: 32px;
    margin-right: 8px;
    padding: 0 12px;
    color: #60636c;
    background: #ededf5;
    transition: background .2s ease;
    border-radius: 8px;
    font-weight: 500;
    font-size: 12px;
    line-height: 14px
}

.restore__button[data-v-f7167e1d]:hover {
    background: linear-gradient(0deg, #838fa714, #838fa714), #ededf5
}

.restore__button[data-v-f7167e1d]:active {
    background: linear-gradient(0deg, #838fa729, #838fa729), #ededf5
}

[data-v-171ec919]:root {
    --color-scheme-active: #6C78F4
}

.close[data-v-171ec919] {
    justify-content: center;
    width: 32px;
    height: 32px;
    border-radius: 8px;
    transition: background .2s ease
}

.close[data-v-171ec919]:hover {
    background: #838fa714
}

.close[data-v-171ec919]:active {
    background: #838fa729
}

.dark .close[data-v-171ec919]:hover {
    background: #242629
}

.dark .close[data-v-171ec919]:active {
    background: #202225
}

[data-v-e3ed3fc2]:root {
    --color-scheme-active: #6C78F4
}

.header[data-v-e3ed3fc2] {
    position: sticky;
    top: 0;
    z-index: 12;
    display: grid;
    grid-template-columns: max-content 1fr repeat(4, max-content);
    column-gap: 4px;
    align-items: center;
    height: 52px;
    padding: 0 16px;
    background-color: #fff;
    border-bottom: 1px solid #f0f0f0
}

.header.task-deleted[data-v-e3ed3fc2] {
    grid-template-columns: max-content 1fr repeat(2, max-content)
}

.dark .header[data-v-e3ed3fc2] {
    background-color: #383a3f;
    border-bottom-color: #2a2a2a
}

.S {
    padding: 0 32px 8px;
    overflow: hidden;
    color: #202430;
    background: transparent;
    transition: none;
    border: none;
    outline: none;
    font-weight: 500;
    font-size: 24px;
    line-height: 26px
}

.dark .S {
    color: #ddd;
    border: none!important;
    background: unset!important
}

[data-v-0ec74459]:root {
    --color-scheme-active: #6C78F4
}

.skeleton[data-v-0ec74459] {
    display: flex;
    flex-direction: column
}

.skeleton__group.first[data-v-0ec74459] {
    display: grid;
    width: 468px;
    height: 24px;
    margin: 0 0 4px 32px
}

.skeleton__group.second[data-v-0ec74459] {
    display: grid;
    width: 312px;
    height: 24px;
    margin: 0 0 24px 32px
}

.skeleton__ellipse[data-v-0ec74459] {
    width: 100%;
    height: 100%;
    background-color: #f8f8fb;
    border-radius: 123px
}

.dark .skeleton__ellipse[data-v-0ec74459] {
    background-color: #2f3136
}

[data-v-abcc34f0]:root {
    --color-scheme-active: #6C78F4
}

.horizontal-line[data-v-abcc34f0] {
    height: 1px;
    margin: 0 32px;
    background-color: #f0f0f0;
    border-radius: 123px;
    border: none
}

.dark .horizontal-line[data-v-abcc34f0] {
    background-color: #2a2a2a
}

[data-v-776b7587]:root {
    --color-scheme-active: #6C78F4
}

.complete[data-v-776b7587] {
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: max-content;
    grid-column-gap: 4px;
    align-items: center;
    width: max-content;
    min-width: 130px;
    height: 36px;
    padding: 0 16px 0 12px;
    color: var(--color-scheme-active);
    background: #6c78f41a;
    transition: background .2s ease;
    border-radius: 8px;
    font-weight: 500;
    font-size: 14px;
    line-height: 14px
}

.complete.done[data-v-776b7587] {
    color: #00a92f;
    background: #00a92f1a
}

.complete[data-v-776b7587]:hover {
    background: #6c78f433
}

.complete:hover.done[data-v-776b7587] {
    background: #00a92f33
}

.complete[data-v-776b7587]:active {
    background: #6c78f44d
}

.complete:active.done[data-v-776b7587] {
    background: #00a92f4d
}

.complete[disabled][data-v-776b7587],
.complete.disabled[data-v-776b7587] {
    pointer-events: none;
    width: 158px;
    color: #acb1c2;
    background: #f8f8fb
}

.disabled .complete__icon[data-v-776b7587] path {
    fill: #acb1c2
}

.complete__icon-lock[data-v-776b7587] {
    margin-left: 8px
}

.B {
    display: grid;
    grid-template-rows: repeat(2, max-content);
    grid-row-gap: 2px;
    justify-items: end;
    margin-left: auto
}

.C {
    display: grid;
    grid-template-columns: max-content 1fr;
    grid-column-gap: 4px;
    align-items: center
}

.D {
    border-radius: 50%
}

.E {
    height: 12px;
    overflow: hidden;
    color: #acb1c2;
    text-overflow: ellipsis;
    max-width: 180px;
    font-weight: 400;
    font-size: 12px;
    line-height: 12px
}

.dark .E {
    color: #ddd
}

.F {
    color: #acb1c2;
    font-weight: 400;
    font-size: 10px;
    line-height: 10px
}

[data-v-e1d13394]:root {
    --color-scheme-active: #6C78F4
}

.cover[data-v-e1d13394] {
    position: relative;
    flex: none;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 180px;
    margin: 0 32px 16px;
    overflow: hidden;
    border-radius: 12px
}

.cover__wallpaper[data-v-e1d13394] {
    position: relative;
    width: 100%;
    height: 100%;
    cursor: pointer
}

.cover__wallpaper img[data-v-e1d13394] {
    display: block;
    height: 100%
}

.cover__cover[data-v-e1d13394] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    filter: blur(100px)
}

.cover__cover img[data-v-e1d13394] {
    display: block;
    width: 100%
}

.cover__image[data-v-e1d13394] {
    position: relative;
    z-index: 3;
    margin: 0 auto;
    transition: .25s
}

.cover__wallpaper:hover .cover__image[data-v-e1d13394] {
    opacity: .8
}

.cover__menu[data-v-e1d13394] {
    position: absolute;
    top: 12px;
    right: 12px;
    z-index: 5;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 20px;
    height: 20px;
    border-radius: 6px;
    background: #838fa729;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    transition: background .2s ease
}

.cover__menu[data-v-e1d13394]:hover {
    background: #838fa73d
}

.cover__menu[data-v-e1d13394]:active {
    background: #838fa752
}

.cover__menu.opened[data-v-e1d13394] {
    background: #838fa73d
}

.cover__dropdown[data-v-e1d13394] {
    position: absolute;
    top: 36px;
    right: 12px;
    z-index: 5;
    width: 140px
}

[data-v-15a41611]:root {
    --color-scheme-active: #6C78F4
}

.menu[data-v-15a41611] {
    position: absolute;
    top: calc(100%+ 4px);
    left: 32px;
    z-index: 11;
    width: 180px
}

[data-v-45ab7661]:root {
    --color-scheme-active: #6C78F4
}

.parent-task[data-v-45ab7661] {
    position: relative
}

.parent-task__wrapper[data-v-45ab7661],
.parent-task__button[data-v-45ab7661] {
    width: 100%;
    max-width: 480px
}

.parent-task__button[data-v-45ab7661] {
    display: grid;
    grid-template-columns: max-content 1fr;
    grid-column-gap: 2px;
    align-items: center;
    height: 24px;
    margin: 0 32px 4px;
    padding: 0 4px;
    overflow: hidden;
    white-space: nowrap;
    color: #93969f;
    transition: background .2s ease;
    text-overflow: ellipsis;
    border-radius: 4px;
    text-align: start;
    font-weight: 500;
    font-size: 11px;
    line-height: 13px
}

.parent-task__button[data-v-45ab7661]:hover {
    background: #838fa714
}

.parent-task__button[data-v-45ab7661]:active {
    background: #838fa729
}

.dark .parent-task__button[data-v-45ab7661] {
    color: #ddd
}

.dark .parent-task__button[data-v-45ab7661]:hover {
    background: #242629
}

.dark .parent-task__button[data-v-45ab7661]:active {
    background: #202225
}

.parent-task__title[data-v-45ab7661] {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}

[data-v-c6502ffb]:root {
    --color-scheme-active: #6C78F4
}

.tab[data-v-c6502ffb] {
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: max-content;
    grid-column-gap: 4px;
    align-items: center;
    width: max-content;
    height: 24px;
    padding: 0 6px 0 4px;
    color: #93969f;
    transition: background-color .2s ease;
    text-decoration: unset;
    border-radius: 4px;
    font-weight: 500;
    font-size: 12px;
    line-height: 14px
}

.tab[data-v-c6502ffb]:hover {
    background-color: #f8f8fb
}

.tab[data-v-c6502ffb]:active {
    background-color: #ededf5
}

.dark .tab[data-v-c6502ffb] {
    color: #ddd
}

.dark .tab[data-v-c6502ffb]:hover {
    background-color: #2f3136
}

.dark .tab[data-v-c6502ffb]:active {
    background-color: #242629
}

[data-v-11592efd]:root {
    --color-scheme-active: #6C78F4
}

.progress[data-v-11592efd] {
    display: grid;
    grid-template-columns: repeat(2, max-content);
    grid-column-gap: 4px;
    align-items: center;
    color: #aeb1bd;
    font-weight: 500;
    font-size: 12px;
    line-height: 14px
}

.dark .progress[data-v-11592efd] {
    color: #ddd
}

[data-v-19907b39]:root {
    --color-scheme-active: #6C78F4
}

.skeleton[data-v-19907b39] {
    display: flex;
    flex-direction: column
}

.skeleton__group.sixth[data-v-19907b39] {
    display: grid;
    grid-template-columns: repeat(1, 72px);
    grid-column-gap: 8px;
    height: 14.16px;
    margin: 8px 4px
}

.dark .skeleton__group.first[data-v-19907b39] {
    border-bottom-color: #2a2a2a
}

.dark .skeleton__group.eleventh[data-v-19907b39] {
    background-color: #2f3136
}

.skeleton__ellipse[data-v-19907b39] {
    width: 100%;
    height: 100%;
    background-color: #f8f8fb;
    border-radius: 123px
}

.dark .skeleton__ellipse[data-v-19907b39] {
    background-color: #2f3136
}

[data-v-12cb7569]:root {
    --color-scheme-active: #6C78F4
}

.tab-bar[data-v-12cb7569] {
    position: sticky;
    top: 0;
    z-index: 11;
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: max-content;
    align-items: center;
    height: 40px;
    margin-bottom: 16px;
    padding: 0 32px;
    border-bottom: 1px solid transparent;
    background-color: #fff;
    transition: border-bottom-color .2s ease
}

.tab-bar.pinned[data-v-12cb7569] {
    border-bottom-color: #f0f0f0
}

.dark .tab-bar[data-v-12cb7569] {
    background-color: #383a3f
}

.dark .tab-bar.pinned[data-v-12cb7569] {
    border-bottom-color: #2a2a2a
}

.tab-bar__subtasks-progress[data-v-12cb7569] {
    color: #93969f
}

[data-v-7ea93ff9]:root {
    --color-scheme-active: #6C78F4
}

.location__item.sortable-ghost[data-v-7ea93ff9] {
    opacity: 0!important;
    background-color: transparent!important
}

[data-v-3a79664c]:root {
    --color-scheme-active: #6C78F4
}

.adding[data-v-3a79664c] {
    position: relative;
    display: grid;
    grid-template-columns: 160px 1fr;
    grid-column-gap: 12px;
    align-items: center;
    height: max-content;
    min-height: 32px
}

.adding__button[data-v-3a79664c] {
    font-weight: 400;
    font-size: 13px;
    line-height: 20px;
    display: grid;
    grid-template-columns: max-content 1fr;
    grid-column-gap: 8px;
    align-items: center;
    height: 32px;
    padding: 0 4px;
    text-align: start;
    border: none;
    outline: none;
    color: #c1c5d7;
    border-radius: 6px;
    transition: all .2s ease
}

.adding__button[data-v-3a79664c]:hover {
    color: #9499ad;
    background-color: #838fa714
}

.adding__button[data-v-3a79664c]:hover path {
    fill: #9499ad
}

.dark .adding__button[data-v-3a79664c] {
    color: #9499ad
}

.dark .adding__button[data-v-3a79664c]:hover {
    background-color: #2f3136
}

.adding__dropdown[data-v-3a79664c] {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
    max-height: 202px;
    width: 260px;
    overflow-y: auto
}

.adding__hidden-fields[data-v-3a79664c] {
    display: flex;
    gap: 8px;
    align-items: center;
    width: fit-content;
    min-width: 160px;
    height: 32px;
    padding: 0 4px;
    color: #c1c5d7;
    transition: all .2s ease;
    border-radius: 6px;
    font-weight: 400;
    font-size: 13px;
    line-height: 16px
}

.adding__hidden-fields[data-v-3a79664c]:hover {
    color: #9499ad;
    background-color: #838fa714
}

.adding__hidden-fields[data-v-3a79664c]:hover path {
    fill: #9499ad
}

.dark .adding__hidden-fields[data-v-3a79664c] {
    color: #9499ad
}

.dark .adding__hidden-fields[data-v-3a79664c]:hover {
    background-color: #2f3136
}

.adding__hidden-fields.opened .adding__arrow-icon[data-v-3a79664c] {
    transform: rotate(180deg)
}

[data-v-d9a33979]:root {
    --color-scheme-active: #6C78F4
}

.fields[data-v-d9a33979] {
    margin: 8px 32px 24px
}

.fields__item.sortable-ghost[data-v-d9a33979] {
    opacity: 0!important;
    background-color: transparent!important
}

[data-v-e7da9ff8]:root {
    --color-scheme-active: #6C78F4
}

.description[data-v-e7da9ff8] {
    flex: none;
    min-height: 92px;
    margin: 14px 16px 14px 2px;
    padding-right: 10px;
    overflow: hidden;
    background-color: #fff;
    cursor: text
}

.description[data-v-e7da9ff8] .ProseMirror {
    padding: 0 2px
}

.description.readonly[data-v-e7da9ff8] {
    padding-left: 28px
}

.dark .description[data-v-e7da9ff8] {
    background-color: #383a3f;
    border-color: #191a1c
}

[data-v-a8490551]:root {
    --color-scheme-active: #6C78F4
}

.data-enter-active[data-v-a8490551],
.data-leave-active[data-v-a8490551] {
    transition: opacity .2s ease
}

.data-enter-from[data-v-a8490551],
.data-leave-to[data-v-a8490551] {
    opacity: 0
}

.section[data-v-a8490551] {
    margin: 24px 32px
}

.section__header[data-v-a8490551] {
    display: grid;
    grid-template-columns: max-content 1fr;
    grid-column-gap: 4px;
    align-items: center
}

.section__toggle[data-v-a8490551] {
    display: grid;
    grid-template-columns: repeat(2, max-content);
    grid-column-gap: 4px;
    align-items: center;
    width: max-content;
    height: 24px;
    padding: 0 8px 0 4px;
    transition: background-color .2s ease;
    cursor: pointer;
    border-radius: 6px
}

.section__toggle[data-v-a8490551]:hover {
    background-color: #838fa714
}

.section__toggle[data-v-a8490551]:active {
    background-color: #838fa729
}

.section__icon[data-v-a8490551] {
    transition: transform .2s ease
}

.section__icon.opened[data-v-a8490551] {
    transform: rotate(90deg)
}

.section__title[data-v-a8490551] {
    margin-right: 4px;
    font-weight: 500;
    font-size: 13px;
    line-height: 13px;
    color: #525c7a
}

.dark .section__title[data-v-a8490551] {
    color: #ddd
}

.section__data[data-v-a8490551] {
    margin-top: 8px
}

[data-v-68e24648]:root {
    --color-scheme-active: #6C78F4
}

.private[data-v-68e24648] {
    position: relative;
    display: grid;
    grid-template-columns: max-content 1fr;
    grid-column-gap: 4px;
    align-items: center;
    height: 36px;
    padding: 0 4px 0 6px;
    color: #93969f;
    transition: background-color .2s ease;
    cursor: pointer;
    border-radius: 8px;
    font-weight: 400;
    font-size: 13px;
    line-height: 16px
}

.private[data-v-68e24648]:hover {
    background: linear-gradient(0deg, #838fa714, #838fa714), #fff
}

.private[data-v-68e24648]:active {
    background: linear-gradient(0deg, #838fa729, #838fa729), #fff
}

.dark .private[data-v-68e24648] {
    color: #ddd
}

.dark .private[data-v-68e24648]:hover {
    background: #242629
}

.dark .private[data-v-68e24648]:active {
    background: #202225
}

.private__icon[data-v-68e24648] {
    padding: 2px
}

[data-v-783101fb]:root {
    --color-scheme-active: #6C78F4
}

.complete[data-v-783101fb],
.complete-tooltip__locked[data-v-783101fb] {
    width: 24px;
    height: 24px;
    padding: 2px;
    border-radius: 4px;
    transition: background-color .2s ease
}

.complete[data-v-783101fb]:hover,
.complete-tooltip__locked[data-v-783101fb]:hover {
    background: #838fa714
}

.complete[data-v-783101fb]:active,
.complete-tooltip__locked[data-v-783101fb]:active {
    background: #838fa729
}

.dark .complete[data-v-783101fb]:hover,
.dark .complete-tooltip__locked[data-v-783101fb]:hover {
    background: #242629
}

.dark .complete[data-v-783101fb]:active,
.dark .complete-tooltip__locked[data-v-783101fb]:active {
    background: #202225
}

.complete-tooltip[data-v-783101fb] {
    display: flex
}

.complete-tooltip__locked[data-v-783101fb] {
    margin: 0 2px
}

.complete:not(.done):hover .complete__icon[data-v-783101fb] path {
    fill: #93969f
}

.complete:not(.done):active .complete__icon[data-v-783101fb] path {
    fill: #60636c
}

.complete-tooltip[data-v-783101fb] {
    width: max-content
}

[data-v-a98d334d]:root {
    --color-scheme-active: #6C78F4
}

.edit[data-v-a98d334d] {
    display: grid;
    grid-template-columns: max-content 1fr;
    grid-column-gap: 4.5px;
    min-height: 36px;
    padding: 4.5px 2.5px;
    cursor: text;
    border: 1.5px solid #93969F;
    border-radius: 8px
}

.edit__textarea[data-v-a98d334d] {
    padding: 4px 0;
    overflow: hidden;
    color: #60636c;
    background: transparent;
    border: unset;
    transition: unset!important;
    font-weight: 400;
    font-size: 13px;
    line-height: 16px
}

.edit__textarea[data-v-a98d334d]::placeholder {
    color: #93969f
}

.dark .edit__textarea[data-v-a98d334d] {
    color: #ddd
}

.dark .edit__textarea[data-v-a98d334d]::placeholder {
    color: #ddd
}

.edit__hotkeys[data-v-a98d334d] {
    opacity: 1;
    display: flex;
    align-items: center;
    margin-top: 8px;
    margin-bottom: 6px;
    color: #acb1c2;
    transition: all .2s ease;
    font-weight: 500;
    font-size: 12px;
    line-height: 14px
}

@starting-style {
    .edit__hotkeys[data-v-a98d334d] {
        opacity: 0
    }
}

.edit__enter[data-v-a98d334d] {
    display: flex;
    align-items: center;
    width: max-content;
    height: 16px;
    margin-right: 4px;
    padding: 0 4px;
    color: #60636c;
    background-color: #ededf5;
    border-radius: 4px;
    font-weight: 500;
    font-size: 10px;
    line-height: 12px
}

[data-v-3942ab68]:root {
    --color-scheme-active: #6C78F4
}

.dates[data-v-3942ab68] {
    position: relative
}

.dates__button[data-v-3942ab68] {
    height: 24px;
    padding: 0 6px;
    border-radius: 6px;
    transition: all .2s ease
}

.dates__button.empty[data-v-3942ab68] {
    display: flex;
    align-items: center;
    border: 1px solid rgba(131, 143, 167, .16)
}

.dates__button.empty[data-v-3942ab68] svg {
    width: 16px;
    height: 16px
}

.dates__button.empty[data-v-3942ab68] svg path {
    fill: #93969f
}

.dates__button.empty[data-v-3942ab68]:hover {
    background: #838fa714
}

.dates__button.empty[data-v-3942ab68]:active,
.dates__button.empty.active[data-v-3942ab68] {
    border: 1px solid transparent;
    background: #838fa729
}

.dates__button.filled[data-v-3942ab68] {
    color: #60636c;
    font-weight: 500;
    font-size: 12px;
    line-height: 14px;
    background: #838fa714
}

.dates__button.filled[data-v-3942ab68]:hover {
    background: #838fa729
}

.dates__button.filled[data-v-3942ab68]:active,
.dates__button.filled.active[data-v-3942ab68] {
    background: #838fa73d
}

.dark .dates__button.empty[data-v-3942ab68] svg path {
    fill: #acb1c2
}

.dates__picker[data-v-3942ab68] {
    position: absolute;
    right: 0;
    z-index: 10
}

[data-v-07e35379]:root {
    --color-scheme-active: #6C78F4
}

.assignees[data-v-07e35379] {
    position: relative
}

.assignees__button[data-v-07e35379] {
    display: flex;
    align-items: center;
    height: 24px;
    padding: 0 6px;
    border-radius: 6px;
    transition: all .2s ease
}

.assignees__button.empty[data-v-07e35379] {
    border: 1px solid rgba(131, 143, 167, .16)
}

.assignees__button.empty[data-v-07e35379]:hover {
    background: #838fa714;
    border: 1px solid transparent
}

.assignees__button.empty[data-v-07e35379]:active,
.assignees__button.empty.active[data-v-07e35379] {
    background: #838fa729;
    border: 1px solid transparent
}

.assignees__button.filled[data-v-07e35379] {
    width: max-content;
    background: #838fa714
}

.assignees__button.filled[data-v-07e35379]:hover {
    background: #838fa729
}

.assignees__button.filled[data-v-07e35379]:active,
.assignees__button.filled.active[data-v-07e35379] {
    background: #838fa73d
}

.assignees__avatar[data-v-07e35379] {
    border: 1px solid #fff;
    border-radius: 50%
}

.assignees__more[data-v-07e35379] {
    margin-left: 4px;
    font-weight: 500;
    font-size: 12px;
    line-height: 14px;
    color: #60636c
}

.assignees__dropdown[data-v-07e35379] {
    position: absolute;
    right: 0;
    z-index: 10;
    width: 240px
}

.assignees__dropdown-input-tags[data-v-07e35379] {
    min-height: 34px;
    max-height: 120px
}

[data-v-92186640]:root {
    --color-scheme-active: #6C78F4
}

@keyframes loading-92186640 {
    0% {
        transform: translate(-100%)
    }
    to {
        transform: translate(100%)
    }
}

.skeleton[data-v-92186640] {
    position: relative;
    height: 24px;
    overflow: hidden;
    background-color: #ececec;
    transition: opacity .2s ease-in-out;
    border-radius: 6px
}

.skeleton[data-v-92186640]: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-92186640 1.3s cubic-bezier(.5, 1, 1, 1) infinite
}

.dark .skeleton[data-v-92186640]:before {
    background: linear-gradient(to right, transparent, #383A3F, transparent)
}

.dark .skeleton[data-v-92186640] {
    background-color: #2f3136
}

[data-v-47496817]:root {
    --color-scheme-active: #6C78F4
}

.menu[data-v-47496817] {
    position: absolute;
    z-index: 10;
    width: 220px
}

[data-v-10556226]:root {
    --color-scheme-active: #6C78F4
}

.subtask[data-v-10556226] {
    position: relative;
    display: grid;
    grid-template-columns: max-content 1fr max-content;
    grid-column-gap: 4px;
    align-items: center;
    height: 36px;
    padding: 0 4px;
    color: #242629;
    transition: background-color .2s ease;
    cursor: pointer;
    border-radius: 8px
}

.subtask.hoverable[data-v-10556226]:hover {
    background: linear-gradient(0deg, #838fa714, #838fa714), #fff
}

.subtask.hoverable[data-v-10556226]:active {
    background: linear-gradient(0deg, #838fa729, #838fa729), #fff
}

.dark .subtask[data-v-10556226] {
    color: #ddd
}

.dark .subtask.hoverable[data-v-10556226]:hover {
    background: #242629
}

.dark .subtask.hoverable[data-v-10556226]:active {
    background: #202225
}

.subtask__title[data-v-10556226] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: 400;
    font-size: 13px;
    line-height: 16px
}

.subtask__title.completed[data-v-10556226] {
    color: #93969f;
    text-decoration-line: line-through
}

.subtask__data[data-v-10556226] {
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: max-content;
    grid-column-gap: 4px;
    align-items: center
}

.subtask__icon-edit[data-v-10556226] {
    opacity: 0;
    padding: 2px;
    transition: opacity .2s ease
}

.subtask:hover .subtask__icon-edit[data-v-10556226] {
    opacity: 1
}

.subtask__subtasks[data-v-10556226] {
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: max-content;
    grid-column-gap: 2px;
    align-items: center;
    padding: 0 8px;
    color: #93969f;
    font-weight: 500;
    font-size: 10px;
    line-height: 14px
}

.subtask__overdue[data-v-10556226] {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 20px;
    height: 20px;
    transition: background .2s ease;
    border-radius: 4px
}

.subtask__overdue[data-v-10556226]:hover {
    background: #838fa714
}

.dark .subtask__overdue[data-v-10556226]:hover {
    background: #242629
}

.subtask__tooltip[data-v-10556226] {
    overflow: hidden
}

.subtask__tooltip-inner[data-v-10556226] {
    max-width: 500px;
    word-break: normal;
    overflow-wrap: anywhere
}

[data-v-7f74d932]:root {
    --color-scheme-active: #6C78F4
}

.create[data-v-7f74d932] {
    display: grid;
    grid-template-columns: max-content 1fr;
    grid-column-gap: 4px;
    min-height: 36px;
    padding: 6px 2.5px;
    transition: all .2s ease;
    cursor: text;
    border: 1.5px solid transparent;
    border-radius: 8px
}

.create[data-v-7f74d932]:hover:not(.focused) {
    background: linear-gradient(0deg, #838fa714, #838fa714), #fff
}

.create.focused[data-v-7f74d932] {
    border: 1.5px solid #93969F
}

.dark .create[data-v-7f74d932]:hover:not(.focused) {
    background: linear-gradient(0deg, #838fa714, #838fa714), #2f3136
}

.create__icon[data-v-7f74d932] {
    padding: 2px
}

.create__textarea[data-v-7f74d932] {
    padding: 4px 0;
    overflow: hidden;
    color: #60636c;
    background: transparent;
    border: unset;
    transition: unset!important;
    font-weight: 400;
    font-size: 13px;
    line-height: 16px
}

.create__textarea[data-v-7f74d932]::placeholder {
    color: #93969f
}

.dark .create__textarea[data-v-7f74d932] {
    color: #ddd
}

.dark .create__textarea[data-v-7f74d932]::placeholder {
    color: #ddd
}

.create__hotkeys[data-v-7f74d932] {
    opacity: 1;
    display: flex;
    align-items: center;
    margin-top: 8px;
    margin-bottom: 6px;
    color: #acb1c2;
    transition: all .2s ease;
    font-weight: 500;
    font-size: 12px;
    line-height: 14px
}

@starting-style {
    .create__hotkeys[data-v-7f74d932] {
        opacity: 0
    }
}

.create__enter[data-v-7f74d932] {
    display: flex;
    align-items: center;
    width: max-content;
    height: 16px;
    margin-right: 4px;
    padding: 0 4px;
    color: #60636c;
    background-color: #ededf5;
    border-radius: 4px;
    font-weight: 500;
    font-size: 10px;
    line-height: 12px
}

[data-v-b16ca95e]:root {
    --color-scheme-active: #6C78F4
}

.subtasks__title[data-v-b16ca95e] {
    display: flex;
    align-items: center;
    height: 24px
}

[data-v-a9695214]:root {
    --color-scheme-active: #6C78F4
}

.switch[data-v-a9695214] {
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: max-content;
    grid-column-gap: 4px;
    height: 32px;
    padding: 3px;
    background-color: #f4f4f5;
    border-radius: 8px
}

.dark .switch[data-v-a9695214] {
    background-color: #2f3136
}

.switch__button[data-v-a9695214] {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 26px;
    height: 26px;
    transition: background .2s ease;
    border-radius: 6px
}

.switch__button[data-v-a9695214]:hover {
    background: #838fa714
}

.switch__button[data-v-a9695214]:active {
    background: #838fa729
}

.switch__button.current[data-v-a9695214] {
    background: #fff;
    box-shadow: 0 2px 4px #0000001a
}

.dark .switch__button[data-v-a9695214]:hover {
    background: #242629
}

.dark .switch__button[data-v-a9695214]:active {
    background: #202225
}

.dark .switch__button.current[data-v-a9695214] {
    background: #383a3f
}

[data-v-c084e882]:root {
    --color-scheme-active: #6C78F4
}

.button[data-v-c084e882] {
    display: grid;
    grid-template-columns: max-content 1fr;
    grid-column-gap: 6px;
    align-items: center;
    height: 32px;
    padding: 0 8px;
    color: #60636c;
    transition: background .2s ease;
    border-radius: 8px;
    font-weight: 500;
    font-size: 12px;
    line-height: 15px
}

.button.primary[data-v-c084e882] {
    background: #ededf5
}

.button.primary[data-v-c084e882]:hover {
    background: linear-gradient(0deg, #838fa714, #838fa714), #ededf5
}

.button.primary[data-v-c084e882]:active,
.button.primary.active[data-v-c084e882] {
    background: linear-gradient(0deg, #838fa729, #838fa729), #ededf5
}

.button.secondary[data-v-c084e882]:hover {
    background: #838fa714
}

.button.secondary[data-v-c084e882]:active,
.button.secondary.active[data-v-c084e882] {
    background: #838fa729
}

.button[disabled][data-v-c084e882] {
    pointer-events: none
}

.dark .button[data-v-c084e882] {
    color: #ddd
}

.dark .button.secondary[data-v-c084e882]:hover {
    background: #242629
}

.dark .button.secondary[data-v-c084e882]:active,
.dark .button.secondary.active[data-v-c084e882] {
    background: #202225
}

[data-v-adf19b68]:root {
    --color-scheme-active: #6C78F4
}

.dropdown[data-v-adf19b68] {
    position: absolute;
    right: 0;
    z-index: 10;
    display: flex;
    flex-direction: column;
    gap: 16px;
    width: 300px;
    padding: 16px;
    background-color: #fff;
    border: 1px solid transparent;
    border-radius: 4px;
    box-shadow: 0 4px 13px #3030301a
}

.dark .dropdown[data-v-adf19b68] {
    background-color: #383a3f;
    border-color: #2f3136
}

.dropdown__title[data-v-adf19b68] {
    font-weight: 700;
    font-size: 16px;
    line-height: 16px;
    color: #202430
}

.dark .dropdown__title[data-v-adf19b68] {
    color: #ddd
}

[data-v-c0c69891]:root {
    --color-scheme-active: #6C78F4
}

.signatures[data-v-c0c69891] {
    position: relative
}

.signatures__button[data-v-c0c69891] {
    height: 28px
}

.signatures__button-content[data-v-c0c69891] {
    display: flex;
    align-items: center;
    column-gap: 4px
}

.signatures__text[data-v-c0c69891] {
    font-weight: 500;
    font-size: 13px;
    line-height: 13px
}

.signatures__text.yellow[data-v-c0c69891] {
    color: #ee8913
}

.signatures__text.green[data-v-c0c69891] {
    color: #00b633
}

[data-v-aec87f5c]:root {
    --color-scheme-active: #6C78F4
}

.menu[data-v-aec87f5c] {
    position: absolute;
    z-index: 10;
    width: 180px
}

[data-v-1978cf60]:root {
    --color-scheme-active: #6C78F4
}

.menu-component[data-v-1978cf60] {
    position: relative;
    display: flex;
    align-items: center
}

.menu__icon-button[data-v-1978cf60] {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 32px;
    height: 28px;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    transition: .2s ease;
    border-radius: 6px
}

.menu__icon-button[data-v-1978cf60] svg {
    width: 16px;
    height: 16px
}

.menu__icon-button[data-v-1978cf60] svg path {
    fill: #60636c
}

.menu__icon-button[data-v-1978cf60] svg path:first-of-type {
    opacity: .39
}

.menu__icon-button[data-v-1978cf60]:hover {
    background: #838fa714
}

.menu__icon-button[data-v-1978cf60]:active,
.menu__icon-button.active[data-v-1978cf60] {
    background: #838fa729
}

.dark .menu__icon-button[data-v-1978cf60] svg path {
    fill: #acb1c2
}

.dark .menu__icon-button[data-v-1978cf60]:hover {
    background: #242629
}

.dark .menu__icon-button[data-v-1978cf60]:active,
.dark .menu__icon-button.active[data-v-1978cf60] {
    background: #202225
}

[data-v-971db371]:root {
    --color-scheme-active: #6C78F4
}

.row[data-v-971db371] {
    position: relative;
    display: grid;
    grid-template-columns: max-content 1fr max-content;
    grid-column-gap: 8px;
    align-items: center;
    height: 36px;
    padding: 0 4px;
    transition: all .2s ease;
    border-radius: 8px;
    cursor: pointer
}

.row[data-v-971db371]:hover {
    background: linear-gradient(0deg, #838fa714, #838fa714), #fff
}

.dark .row[data-v-971db371]:hover {
    background: #242629
}

.row__image[data-v-971db371],
.row__icon[data-v-971db371] {
    width: 28px;
    height: 28px;
    border-radius: 4px
}

.row__image[data-v-971db371] {
    object-fit: cover
}

.row__icon[data-v-971db371] {
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #ededf5
}

.row__icon-extension[data-v-971db371] {
    width: 20px;
    height: 20px
}

.row__data-preview[data-v-971db371] {
    opacity: 1;
    display: flex;
    align-items: center;
    transition: opacity .2s ease;
    transition-behavior: allow-discrete
}

.row:hover:not(.active) .row__data-preview[data-v-971db371] {
    display: none;
    transition: opacity .2s ease
}

.row.active .row__data-preview[data-v-971db371] {
    opacity: 0;
    display: none
}

@starting-style {
    .row__data-preview[data-v-971db371] {
        opacity: 0
    }
}

.row__name[data-v-971db371] {
    overflow: hidden;
    white-space: nowrap;
    color: #242629;
    transition: color .2s ease;
    text-overflow: ellipsis;
    font-weight: 400;
    font-size: 13px;
    line-height: 16px
}

.row:hover .row__name[data-v-971db371] {
    color: var(--color-scheme-active)
}

.dark .row__name[data-v-971db371] {
    color: #ddd
}

.row__data-size[data-v-971db371],
.row__data-created[data-v-971db371] {
    text-align: end;
    color: #acb1c2;
    font-weight: 500;
    font-size: 11px;
    line-height: 11px
}

.dark .row__data-size[data-v-971db371],
.dark .row__data-created[data-v-971db371] {
    color: #ddd
}

.row__data-size[data-v-971db371] {
    width: 64px
}

.row__data-created[data-v-971db371] {
    width: 128px;
    padding-left: 12px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.row__data-main[data-v-971db371] {
    opacity: 0;
    display: none;
    align-items: center;
    transition: opacity .2s ease;
    transition-behavior: allow-discrete
}

.row:hover:not(.active) .row__data-main[data-v-971db371] {
    opacity: 1;
    display: flex;
    transition: opacity .2s ease
}

.row.active .row__data-main[data-v-971db371] {
    opacity: 1;
    display: flex
}

@starting-style {
    .row__data-main[data-v-971db371] {
        opacity: 0
    }
}

.row__file-link[data-v-971db371] {
    height: 28px;
    text-decoration: unset
}

.row__file-button[data-v-971db371] {
    height: 28px
}

.row__tooltip[data-v-971db371] {
    overflow: hidden
}

.row__tooltip-inner[data-v-971db371] {
    max-width: 500px;
    word-break: normal;
    overflow-wrap: anywhere
}

[data-v-6f72476d]:root {
    --color-scheme-active: #6C78F4
}

.preview[data-v-6f72476d] {
    display: grid;
    grid-template-columns: max-content 1fr repeat(2, max-content);
    grid-column-gap: 8px;
    align-items: center;
    height: 36px;
    padding: 0 4px
}

.preview__icon[data-v-6f72476d] {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 28px;
    height: 28px;
    background-color: #ededf5;
    border-radius: 4px
}

.preview__icon-extension[data-v-6f72476d] {
    width: 20px;
    height: 20px
}

.preview__name[data-v-6f72476d] {
    display: -webkit-box;
    overflow: hidden;
    white-space: nowrap;
    color: #242629;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    font-weight: 400;
    font-size: 13px;
    line-height: 16px
}

.dark .preview__name[data-v-6f72476d] {
    color: #ddd
}

.preview__progress-line[data-v-6f72476d] {
    width: 200px;
    height: 4px;
    margin: 4px 0;
    background-color: #e5e7ee;
    border-radius: 4px
}

.preview__progress-value[data-v-6f72476d] {
    height: 100%;
    background-color: var(--color-scheme-active);
    border-radius: 4px
}

.preview__information[data-v-6f72476d] {
    display: flex;
    justify-content: space-between
}

.preview__size[data-v-6f72476d],
.preview__progres-percentages[data-v-6f72476d] {
    color: #acb1c2;
    font-weight: 500;
    font-size: 10px;
    line-height: 10px
}

[data-v-03ffd3fb]:root {
    --color-scheme-active: #6C78F4
}

.menu-component[data-v-03ffd3fb] {
    position: absolute;
    top: 6px;
    right: 6px;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    margin: 6px
}

.menu-component.opened[data-v-03ffd3fb] {
    opacity: 1!important
}

.menu__icon-button[data-v-03ffd3fb] {
    width: 16px;
    height: 16px;
    background: #838fa729;
    transition: .2s ease;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    border-radius: 6px
}

.menu__icon-button[data-v-03ffd3fb] svg {
    width: 16px;
    height: 16px
}

.menu__icon-button[data-v-03ffd3fb] svg path {
    fill: #fff
}

.menu__icon-button[data-v-03ffd3fb] svg path:first-of-type {
    opacity: .39
}

.menu__icon-button[data-v-03ffd3fb]:hover {
    background: #838fa73d
}

.menu__icon-button[data-v-03ffd3fb]:active,
.opened .menu__icon-button[data-v-03ffd3fb] {
    background: #838fa752
}

.dark .menu__icon-button[data-v-03ffd3fb] svg path {
    fill: #acb1c2
}

.menu__nested-menu[data-v-03ffd3fb] {
    width: 150px
}

[data-v-4685ce61]:root {
    --color-scheme-active: #6C78F4
}

.square[data-v-4685ce61] {
    position: relative;
    cursor: pointer
}

.square__image[data-v-4685ce61],
.square__icon[data-v-4685ce61] {
    width: 100%;
    max-width: 100%;
    height: auto;
    border-radius: 12px;
    aspect-ratio: 1/1
}

.square__image[data-v-4685ce61] {
    object-fit: cover;
    max-width: 100%
}

.square__icon[data-v-4685ce61] {
    display: flex;
    justify-content: center;
    align-items: center;
    background: #ededf5;
    transition: background .2s ease
}

.square:hover .square__icon[data-v-4685ce61] {
    background: linear-gradient(0deg, #838fa729, #838fa729), #ededf5
}

.square:active .square__icon[data-v-4685ce61] {
    background: linear-gradient(0deg, #838fa73d, #838fa73d), #ededf5
}

.square__icon-extension[data-v-4685ce61] {
    width: 48px;
    height: 48px
}

.square__menu[data-v-4685ce61] {
    opacity: 0;
    transition: opacity .2s ease
}

.square:hover .square__menu[data-v-4685ce61] {
    opacity: 1
}

.square__name[data-v-4685ce61] {
    margin: 8px 2px 4px;
    overflow: hidden;
    white-space: nowrap;
    color: #242629;
    transition: color .2s ease;
    text-overflow: ellipsis;
    font-weight: 400;
    font-size: 13px;
    line-height: 16px
}

.square:hover .square__name[data-v-4685ce61] {
    color: var(--color-scheme-active)
}

.dark .square__name[data-v-4685ce61] {
    color: #ddd
}

.square__data[data-v-4685ce61] {
    margin: 0 2px;
    overflow: hidden;
    white-space: nowrap;
    color: #acb1c2;
    text-overflow: ellipsis;
    font-weight: 500;
    font-size: 10px;
    line-height: 12px
}

.dark .square__data[data-v-4685ce61] {
    color: #ddd
}

.square__tooltip[data-v-4685ce61] {
    overflow: hidden
}

.square__tooltip-inner[data-v-4685ce61] {
    max-width: 500px;
    word-break: normal;
    overflow-wrap: anywhere
}

[data-v-0e54db2c]:root {
    --color-scheme-active: #6C78F4
}

.preview__progres[data-v-0e54db2c] {
    display: grid;
    grid-template-rows: repeat(2, max-content);
    place-content: end center;
    align-items: center;
    min-width: 114px;
    height: 114px;
    margin-bottom: 8px;
    padding-bottom: 8px;
    background: #ededf5;
    transition: background .2s ease;
    border-radius: 12px
}

.preview:hover .preview__progres[data-v-0e54db2c] {
    background: linear-gradient(0deg, #838fa729, #838fa729), #ededf5
}

.preview:active .preview__progres[data-v-0e54db2c] {
    background: linear-gradient(0deg, #838fa73d, #838fa73d), #ededf5
}

.preview__progress-line[data-v-0e54db2c] {
    width: 76px;
    height: 4px;
    margin: 4px 0;
    background-color: #e5e7ee;
    border-radius: 4px
}

.preview__progress-value[data-v-0e54db2c] {
    height: 100%;
    background-color: var(--color-scheme-active);
    border-radius: 4px
}

.preview__progres-percentages[data-v-0e54db2c] {
    text-align: center;
    color: #acb1c2;
    font-weight: 500;
    font-size: 10px;
    line-height: 10px
}

.preview__name[data-v-0e54db2c] {
    display: -webkit-box;
    margin-bottom: 4px;
    overflow: hidden;
    white-space: nowrap;
    color: #242629;
    transition: color .2s ease;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    font-weight: 400;
    font-size: 13px;
    line-height: 16px
}

.preview:hover .preview__name[data-v-0e54db2c] {
    color: var(--color-scheme-active)
}

.preview__data[data-v-0e54db2c] {
    overflow: hidden;
    white-space: nowrap;
    color: #acb1c2;
    text-overflow: ellipsis;
    font-weight: 500;
    font-size: 10px;
    line-height: 12px
}

[data-v-bf289696]:root {
    --color-scheme-active: #6C78F4
}

.from-device[data-v-bf289696] {
    display: grid;
    grid-template-columns: max-content 1fr;
    grid-column-gap: 8px;
    align-items: center;
    width: 100%;
    height: 32px;
    padding: 0 12px;
    overflow: hidden;
    color: #60636c;
    transition: background .2s ease;
    text-align: start;
    cursor: pointer;
    font-weight: 500;
    font-size: 14px;
    line-height: 16px
}

.from-device[data-v-bf289696]:hover {
    background: #838fa714
}

.from-device[data-v-bf289696]:active {
    background: #838fa729
}

.dark .from-device[data-v-bf289696] {
    color: #ddd
}

[data-v-c80744a5]:root {
    --color-scheme-active: #6C78F4
}

.dropbox[data-v-c80744a5] {
    display: grid;
    grid-template-columns: max-content 1fr;
    grid-column-gap: 8px;
    align-items: center;
    width: 100%;
    height: 32px;
    padding: 0 12px;
    overflow: hidden;
    color: #60636c;
    transition: background .2s ease;
    text-align: start;
    cursor: pointer;
    font-weight: 500;
    font-size: 14px;
    line-height: 16px
}

.dropbox[data-v-c80744a5]:hover {
    background: #838fa714
}

.dropbox[data-v-c80744a5]:active {
    background: #838fa729
}

.dark .dropbox[data-v-c80744a5] {
    color: #ddd
}

.dropbox__icon[data-v-c80744a5] {
    width: 16px;
    height: 16px
}

[data-v-bc568d20]:root {
    --color-scheme-active: #6C78F4
}

.one-drive[data-v-bc568d20] {
    display: grid;
    grid-template-columns: max-content 1fr;
    grid-column-gap: 8px;
    align-items: center;
    width: 100%;
    height: 32px;
    padding: 0 12px;
    overflow: hidden;
    color: #60636c;
    transition: background .2s ease;
    text-align: start;
    cursor: pointer;
    font-weight: 500;
    font-size: 14px;
    line-height: 16px
}

.one-drive[data-v-bc568d20]:hover {
    background: #838fa714
}

.one-drive[data-v-bc568d20]:active {
    background: #838fa729
}

.dark .one-drive[data-v-bc568d20] {
    color: #ddd
}

.one-drive__icon[data-v-bc568d20] {
    width: 16px;
    height: 16px
}

[data-v-919907c8]:root {
    --color-scheme-active: #6C78F4
}

.context-menu[data-v-919907c8] {
    position: absolute;
    left: 0;
    z-index: 10;
    width: 180px;
    padding: 4px 0
}

[data-v-5596680c]:root {
    --color-scheme-active: #6C78F4
}

.new-file[data-v-5596680c] {
    position: relative;
    width: 100%
}

.new-file__button[data-v-5596680c] {
    width: 100%;
    color: #93969f;
    border: 1px dashed #E5E7EE;
    transition: background .2s ease;
    font-weight: 500;
    font-size: 12px;
    line-height: 12px
}

.new-file-list .new-file__button[data-v-5596680c] {
    display: grid;
    grid-template-columns: max-content 1fr;
    grid-column-gap: 8px;
    align-items: center;
    width: 100%;
    height: 36px;
    padding: 0 10px;
    border-radius: 8px;
    text-align: start
}

.new-file-grid .new-file__button[data-v-5596680c] {
    display: grid;
    grid-template-rows: repeat(2, max-content);
    grid-row-gap: 4px;
    place-content: center center;
    height: calc(100% - 38px);
    min-height: 132px;
    justify-items: center;
    border-radius: 12px
}

.new-file__button[data-v-5596680c]:hover {
    background: linear-gradient(0deg, #838fa714, #838fa714), #fff
}

.new-file__button[data-v-5596680c]:active {
    background: linear-gradient(0deg, #838fa729, #838fa729), #fff
}

.dark .new-file__button[data-v-5596680c] {
    color: #ddd;
    border-color: #ddd
}

.dark .new-file__button[data-v-5596680c]:hover {
    background: #242629
}

.dark .new-file__button[data-v-5596680c]:active {
    background: #202225
}

[data-v-ba3ef890]:root {
    --color-scheme-active: #6C78F4
}

.data-enter-active[data-v-ba3ef890],
.data-leave-active[data-v-ba3ef890] {
    transition: opacity .2s ease
}

.data-enter-from[data-v-ba3ef890],
.data-leave-to[data-v-ba3ef890] {
    opacity: 0
}

.data__row-new-file[data-v-ba3ef890] {
    margin-top: 4px
}

.data__grid[data-v-ba3ef890] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(114px, 1fr));
    gap: 14px
}

[data-v-58928f18]:root {
    --color-scheme-active: #6C78F4
}

.download-archive[data-v-58928f18] {
    display: grid;
    grid-template-columns: repeat(2, max-content);
    grid-column-gap: 4px;
    align-items: center;
    height: 32px;
    padding: 0 8px;
    color: #525c7a;
    border-radius: 8px;
    transition: background-color .2s ease;
    font-weight: 500;
    font-size: 13px;
    line-height: 13px
}

.download-archive[data-v-58928f18]:hover:not([disabled]) {
    background-color: #2024300d
}

[data-v-80e7ee7b]:root {
    --color-scheme-active: #6C78F4
}

.upload-files[data-v-80e7ee7b] {
    position: relative
}

[data-v-d36920dd]:root {
    --color-scheme-active: #6C78F4
}

.files__title[data-v-d36920dd] {
    display: flex;
    align-items: center;
    height: 24px
}

.files__information[data-v-d36920dd] {
    display: grid;
    grid-template-columns: 1fr repeat(3, max-content);
    grid-column-gap: 8px;
    align-items: center;
    width: 100%;
    height: 32px;
    margin-left: auto
}

.files__count[data-v-d36920dd] {
    font-weight: 500;
    font-size: 12px;
    line-height: 14px;
    color: #acb1c2
}

.dark .files__count[data-v-d36920dd] {
    color: #ddd
}

[data-v-d9622b78]:root {
    --color-scheme-active: #6C78F4
}

.tabs[data-v-d9622b78] {
    display: flex;
    gap: 4px;
    align-items: center;
    padding: 4px;
    background-color: #ededf5;
    border-radius: 8px
}

.dark .tabs[data-v-d9622b78] {
    background-color: #242629
}

.tabs__item[data-v-d9622b78] {
    font-weight: 400;
    font-size: 14px;
    line-height: 125%;
    display: flex;
    gap: 4px;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 26px;
    padding: 4px;
    color: #60636c;
    transition: all .2s ease-in-out;
    cursor: pointer;
    border-radius: 4px
}

.tabs__item.active[data-v-d9622b78] {
    color: #202430;
    background-color: #fff
}

.dark .tabs__item.active[data-v-d9622b78] {
    background-color: #383a3f
}

.tabs__item[data-v-d9622b78]:hover {
    background-color: #ffffff80
}

.dark .tabs__item[data-v-d9622b78]:hover {
    background-color: #2f3136
}

.dark .tabs__item[data-v-d9622b78] {
    color: #ddd
}

.tabs__item-counter[data-v-d9622b78] {
    color: #acb1c2;
    letter-spacing: -.28px
}

.dark .tabs__item-counter[data-v-d9622b78] {
    color: #8d8d8d
}

[data-v-c62c0975]:root {
    --color-scheme-active: #6C78F4
}

.preview[data-v-c62c0975] {
    display: flex;
    gap: 8px;
    min-height: 132px;
    padding: 12px;
    background-color: #f8f8fb;
    flex-direction: column;
    border-radius: 8px;
    overflow-y: auto
}

.dark .preview[data-v-c62c0975] {
    background-color: #2f3136
}

.dark .preview[data-v-c62c0975] .task.preview__task-related {
    border-color: #2a2a2a!important
}

.preview__title[data-v-c62c0975] {
    font-weight: 500;
    font-size: 12px;
    line-height: 14px;
    text-align: center;
    color: #acb1c2
}

.dark .preview__title[data-v-c62c0975] {
    color: #ddd
}

.preview__tasks-related[data-v-c62c0975] {
    position: relative;
    z-index: 10;
    display: flex;
    flex-direction: column;
    gap: 4px;
    min-height: 33px;
    padding: 4px;
    background: #fff;
    border-radius: 8px;
    border: 1px dashed #b6bcfa
}

.dark .preview__tasks-related[data-v-c62c0975] {
    color: #ddd;
    background-color: #383a3f
}

.preview__relation-icon[data-v-c62c0975] {
    position: absolute
}

.precede .preview__relation-icon[data-v-c62c0975] {
    top: 50%;
    right: -31px;
    transform: translateY(-50%)
}

.subsequent .preview__relation-icon[data-v-c62c0975] {
    top: 50%;
    left: -31px;
    transform: translateY(-50%)
}

.preview__wrap[data-v-c62c0975] {
    display: grid;
    grid-template-columns: repeat(3, minmax(260px, 1fr));
    gap: 24px;
    align-items: center;
    min-height: 86px
}

[data-v-c62c0975] .task.preview__task {
    border-color: #6c78f4!important
}

[data-v-c62c0975] .task.preview__task-related {
    border-color: #f0f0f0!important;
    width: 100%
}

.preview__text[data-v-c62c0975] {
    font-weight: 400;
    font-size: 14px;
    line-height: 100%;
    padding: 6px;
    color: #acb1c2
}

[data-v-06e56327]:root {
    --color-scheme-active: #6C78F4
}

.content[data-v-06e56327] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 16px;
    height: 100%;
    padding: 0 8px;
    overflow: hidden
}

.content__column[data-v-06e56327] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    padding: 4px;
    overflow: hidden;
    background: #fff;
    border-radius: 8px;
    border: 1px solid transparent;
    transition: border .3s ease
}

.content__column.related[data-v-06e56327] {
    border: 1px dashed #b6bcfa
}

.content__column.sorting-into[data-v-06e56327] {
    border: 1px solid var(--color-scheme-active)
}

.content__column.no-events[data-v-06e56327]>* {
    pointer-events: none
}

.dark .content__column[data-v-06e56327] {
    background-color: #2f3136
}

.content__column_grey[data-v-06e56327] {
    background-color: #f8f8fb
}

.dark .content__column_grey[data-v-06e56327] {
    background-color: #2f3136
}

.content__column-head[data-v-06e56327] {
    font-weight: 400;
    font-size: 14px;
    line-height: 125%;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 26px;
    padding: 4px;
    color: #acb1c2
}

.dark .content__column-head[data-v-06e56327] {
    color: #ddd
}

.content__column-body[data-v-06e56327] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    height: 100%;
    min-height: 100px;
    overflow-y: auto
}

.content__column-empty[data-v-06e56327] {
    font-weight: 400;
    font-size: 12px;
    line-height: 125%;
    margin: auto;
    color: #acb1c2;
    text-align: center
}

.dark .content__column-empty[data-v-06e56327] {
    color: #8d8d8d
}

[data-v-06e56327] .content__search {
    border-color: transparent
}

.content__task[data-v-06e56327] {
    cursor: pointer
}

.content__task[data-v-06e56327] .task {
    border-color: #f0f0f0
}

.dark .content__task[data-v-06e56327] .task {
    border-color: #2a2a2a!important
}

.content__task[data-v-06e56327]:hover .task {
    border-color: #cacad2
}

.content__task.dragging[data-v-06e56327] {
    pointer-events: all
}

[data-v-a7a4b844]:root {
    --color-scheme-active: #6C78F4
}

.relating[data-v-a7a4b844] {
    display: flex;
    flex-direction: column;
    gap: 16px;
    height: 100%;
    overflow: hidden
}

[data-v-bd6fdebf]:root {
    --color-scheme-active: #6C78F4
}

.preview[data-v-bd6fdebf] {
    display: flex;
    gap: 8px;
    min-height: 132px;
    padding: 12px;
    background-color: #f8f8fb;
    flex-direction: column;
    border-radius: 8px;
    overflow-y: auto
}

.dark .preview[data-v-bd6fdebf] {
    background-color: #2f3136
}

.dark .preview[data-v-bd6fdebf] .task.preview__task-awaited {
    border-color: #2a2a2a!important
}

.preview__title[data-v-bd6fdebf] {
    font-weight: 500;
    font-size: 12px;
    line-height: 14px;
    text-align: center;
    color: #acb1c2
}

.preview__title[data-v-bd6fdebf] .yellow {
    color: #ffce70
}

.preview__title[data-v-bd6fdebf] .blue {
    color: #b6bcfa
}

.dark .preview__title[data-v-bd6fdebf] {
    color: #ddd
}

.preview__tasks-awaited[data-v-bd6fdebf] {
    position: relative;
    z-index: 10;
    display: flex;
    flex-direction: column;
    gap: 4px;
    min-height: 33px;
    padding: 4px;
    background: #fff;
    border-radius: 8px;
    border: 1px dashed #ffce70
}

.dark .preview__tasks-awaited[data-v-bd6fdebf] {
    color: #ddd;
    background-color: #383a3f
}

.preview__relation-icon[data-v-bd6fdebf] {
    position: absolute;
    top: 50%;
    right: -31px;
    transform: translateY(-50%)
}

.preview__relation-icon[data-v-bd6fdebf] path {
    stroke: #ffebc7
}

.preview__relation-icon[data-v-bd6fdebf] rect {
    stroke: #ffce70
}

.preview__wrap[data-v-bd6fdebf] {
    display: grid;
    grid-template-columns: repeat(3, minmax(260px, 1fr));
    gap: 24px;
    align-items: center;
    width: 100%;
    min-height: 86px;
    margin: 0 auto;
    max-width: 590px
}

[data-v-bd6fdebf] .task.preview__task {
    border-color: #6c78f4!important
}

[data-v-bd6fdebf] .task.preview__task-awaited {
    border-color: #f0f0f0!important;
    width: 100%
}

.preview__text[data-v-bd6fdebf] {
    font-weight: 400;
    font-size: 14px;
    line-height: 100%;
    padding: 6px;
    color: #acb1c2
}

[data-v-791af254]:root {
    --color-scheme-active: #6C78F4
}

.content[data-v-791af254] {
    display: flex;
    flex-direction: column;
    gap: 16px;
    height: 100%;
    padding: 0 8px;
    overflow: hidden
}

.content__body[data-v-791af254] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 16px;
    width: 100%;
    max-width: 590px;
    height: 100%;
    margin: 0 auto;
    overflow: hidden
}

.content__column[data-v-791af254] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    padding: 4px;
    overflow: hidden;
    background: #fff;
    border-radius: 8px;
    border: 1px solid transparent;
    transition: border .3s ease
}

.content__column.related[data-v-791af254] {
    border: 1px dashed #ffce70
}

.content__column.sorting-into[data-v-791af254] {
    border: 1px solid var(--color-scheme-active)
}

.content__column.no-events[data-v-791af254]>* {
    pointer-events: none
}

.dark .content__column[data-v-791af254] {
    background-color: #2f3136
}

.content__column_grey[data-v-791af254] {
    background-color: #f8f8fb
}

.dark .content__column_grey[data-v-791af254] {
    background-color: #2f3136
}

.content__column-head[data-v-791af254] {
    font-weight: 400;
    font-size: 14px;
    line-height: 125%;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 26px;
    padding: 4px;
    color: #acb1c2
}

.dark .content__column-head[data-v-791af254] {
    color: #ddd
}

.content__column-body[data-v-791af254] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    height: 100%;
    min-height: 100px;
    overflow-y: auto
}

.content__column-empty[data-v-791af254] {
    font-weight: 400;
    font-size: 12px;
    line-height: 125%;
    margin: auto;
    color: #acb1c2;
    text-align: center
}

.dark .content__column-empty[data-v-791af254] {
    color: #8d8d8d
}

[data-v-791af254] .content__search {
    border-color: transparent
}

.content__task[data-v-791af254] {
    cursor: pointer
}

.content__task[data-v-791af254] .task {
    border-color: #f0f0f0
}

.dark .content__task[data-v-791af254] .task {
    border-color: #2a2a2a!important
}

.content__task[data-v-791af254]:hover .task {
    border-color: #cacad2
}

.content__task.dragging[data-v-791af254] {
    pointer-events: all
}

[data-v-6a211a2d]:root {
    --color-scheme-active: #6C78F4
}

.waiting-on[data-v-6a211a2d] {
    display: flex;
    flex-direction: column;
    gap: 16px;
    height: 100%;
    overflow: hidden
}

[data-v-30411a09]:root {
    --color-scheme-active: #6C78F4
}

.preview[data-v-30411a09] {
    display: flex;
    gap: 8px;
    min-height: 132px;
    padding: 12px;
    background-color: #f8f8fb;
    flex-direction: column;
    border-radius: 8px;
    overflow-y: auto
}

.dark .preview[data-v-30411a09] {
    background-color: #2f3136
}

.dark .preview[data-v-30411a09] .task.preview__task-blocked {
    border-color: #2a2a2a!important
}

.preview__title[data-v-30411a09] {
    font-weight: 500;
    font-size: 12px;
    line-height: 14px;
    text-align: center;
    color: #acb1c2
}

.preview__title[data-v-30411a09] .red {
    color: #ff8a8a
}

.preview__title[data-v-30411a09] .blue {
    color: #b6bcfa
}

.dark .preview__title[data-v-30411a09] {
    color: #ddd
}

.preview__tasks-blocked[data-v-30411a09] {
    position: relative;
    z-index: 10;
    display: flex;
    flex-direction: column;
    gap: 4px;
    min-height: 33px;
    padding: 4px;
    background: #fff;
    border-radius: 8px;
    border: 1px dashed #ff8a8a
}

.dark .preview__tasks-blocked[data-v-30411a09] {
    color: #ddd;
    background-color: #383a3f
}

.preview__relation-icon[data-v-30411a09] {
    position: absolute;
    top: 50%;
    left: -31px;
    transform: translateY(-50%)
}

.preview__relation-icon[data-v-30411a09] path {
    stroke: #ffd0cc
}

.preview__relation-icon[data-v-30411a09] rect {
    stroke: #ff8a8a
}

.preview__wrap[data-v-30411a09] {
    display: grid;
    grid-template-columns: repeat(3, minmax(260px, 1fr));
    gap: 24px;
    align-items: center;
    width: 100%;
    min-height: 86px;
    margin: 0 auto;
    max-width: 590px
}

[data-v-30411a09] .task.preview__task {
    border-color: #6c78f4!important
}

[data-v-30411a09] .task.preview__task-blocked {
    border-color: #f0f0f0!important;
    width: 100%
}

.dark[data-v-30411a09] .task.preview__task-blocked {
    border-color: #2a2a2a
}

.preview__text[data-v-30411a09] {
    font-weight: 400;
    font-size: 14px;
    line-height: 100%;
    padding: 6px;
    color: #acb1c2
}

[data-v-3052e8fe]:root {
    --color-scheme-active: #6C78F4
}

.content[data-v-3052e8fe] {
    display: flex;
    flex-direction: column;
    gap: 16px;
    height: 100%;
    padding: 0 8px;
    overflow: hidden
}

.content__body[data-v-3052e8fe] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 16px;
    width: 100%;
    max-width: 590px;
    height: 100%;
    margin: 0 auto;
    overflow: hidden
}

.content__column[data-v-3052e8fe] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    padding: 4px;
    overflow: hidden;
    background: #fff;
    border-radius: 8px;
    border: 1px solid transparent;
    transition: border .3s ease
}

.content__column.related[data-v-3052e8fe] {
    border: 1px dashed #ff8a8a
}

.content__column.sorting-into[data-v-3052e8fe] {
    border: 1px solid var(--color-scheme-active)
}

.content__column.no-events[data-v-3052e8fe]>* {
    pointer-events: none
}

.dark .content__column[data-v-3052e8fe] {
    background-color: #2f3136
}

.content__column_grey[data-v-3052e8fe] {
    background-color: #f8f8fb
}

.dark .content__column_grey[data-v-3052e8fe] {
    background-color: #2f3136
}

.content__column-head[data-v-3052e8fe] {
    font-weight: 400;
    font-size: 14px;
    line-height: 125%;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 26px;
    padding: 4px;
    color: #acb1c2
}

.dark .content__column-head[data-v-3052e8fe] {
    color: #ddd
}

.content__column-body[data-v-3052e8fe] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    height: 100%;
    min-height: 100px;
    overflow-y: auto
}

.content__column-empty[data-v-3052e8fe] {
    font-weight: 400;
    font-size: 12px;
    line-height: 125%;
    margin: auto;
    color: #acb1c2;
    text-align: center
}

.dark .content__column-empty[data-v-3052e8fe] {
    color: #8d8d8d
}

[data-v-3052e8fe] .content__search {
    border-color: transparent
}

.content__task[data-v-3052e8fe] {
    cursor: pointer
}

.content__task[data-v-3052e8fe] .task {
    border-color: #f0f0f0
}

.dark .content__task[data-v-3052e8fe] .task {
    border-color: #2a2a2a!important
}

.content__task[data-v-3052e8fe]:hover .task {
    border-color: #cacad2
}

.content__task.dragging[data-v-3052e8fe] {
    pointer-events: all
}

[data-v-80438776]:root {
    --color-scheme-active: #6C78F4
}

.blocking[data-v-80438776] {
    display: flex;
    flex-direction: column;
    gap: 16px;
    height: 100%;
    overflow: hidden
}

[data-v-1f34875d]:root {
    --color-scheme-active: #6C78F4
}

.add-relationships[data-v-1f34875d] {
    display: flex;
    flex-direction: column;
    width: 100%;
    max-width: 890px;
    max-height: 90vh;
    height: 90vh;
    min-height: 500px;
    overflow: hidden
}

.add-relationships__body[data-v-1f34875d] {
    display: flex;
    gap: 16px;
    height: 100%;
    overflow: hidden;
    flex-direction: column
}

[data-v-de59a61f]:root {
    --color-scheme-active: #6C78F4
}

.line[data-v-de59a61f] {
    height: 100%;
    padding: 8px;
    border-radius: 6px;
    transition: background .2s ease
}

.line[data-v-de59a61f]:hover {
    background: #838fa714
}

.line__element[data-v-de59a61f] {
    border-radius: 123px;
    opacity: .5;
    width: 4px;
    height: 100%;
    transition: opacity .2s ease
}

.line:hover .line__element[data-v-de59a61f] {
    opacity: 1
}

[data-v-900c5f36]:root {
    --color-scheme-active: #6C78F4
}

.complete[data-v-900c5f36],
.complete-tooltip__locked[data-v-900c5f36] {
    width: 24px;
    height: 24px;
    padding: 2px;
    border-radius: 4px;
    transition: background-color .2s ease
}

.complete[data-v-900c5f36]:hover,
.complete-tooltip__locked[data-v-900c5f36]:hover {
    background: #838fa714
}

.complete[data-v-900c5f36]:active,
.complete-tooltip__locked[data-v-900c5f36]:active {
    background: #838fa729
}

.complete-tooltip__locked[data-v-900c5f36] {
    margin: 0 2px
}

.complete:hover .complete__icon[data-v-900c5f36] path {
    fill: #93969f
}

.complete:active .complete__icon[data-v-900c5f36] path {
    fill: #60636c
}

.complete-tooltip[data-v-900c5f36] {
    display: flex;
    align-items: center;
    width: max-content
}

[data-v-3179e5c8]:root {
    --color-scheme-active: #6C78F4
}

.dates[data-v-3179e5c8] {
    position: relative
}

.dates__button[data-v-3179e5c8] {
    height: 24px;
    padding: 0 6px;
    border-radius: 6px;
    transition: all .2s ease
}

.dates__button.empty[data-v-3179e5c8] {
    display: flex;
    align-items: center;
    border: 1px solid rgba(131, 143, 167, .16)
}

.dates__button.empty[data-v-3179e5c8] svg {
    width: 16px;
    height: 16px
}

.dates__button.empty[data-v-3179e5c8] svg path {
    fill: #93969f
}

.dates__button.empty[data-v-3179e5c8]:hover {
    background: #838fa714
}

.dates__button.empty[data-v-3179e5c8]:active,
.dates__button.empty.active[data-v-3179e5c8] {
    border: 1px solid transparent;
    background: #838fa729
}

.dates__button.filled[data-v-3179e5c8] {
    color: #60636c;
    font-weight: 500;
    font-size: 12px;
    line-height: 14px;
    background: #838fa714
}

.dates__button.filled[data-v-3179e5c8]:hover {
    background: #838fa729
}

.dates__button.filled[data-v-3179e5c8]:active,
.dates__button.filled.active[data-v-3179e5c8] {
    background: #838fa73d
}

.dark .dates__button.empty[data-v-3179e5c8] svg path {
    fill: #acb1c2
}

.dark .dates__button.filled[data-v-3179e5c8] {
    color: #ddd
}

.dates__picker[data-v-3179e5c8] {
    position: absolute;
    right: 0;
    z-index: 10
}

[data-v-c92e6d85]:root {
    --color-scheme-active: #6C78F4
}

.assignees[data-v-c92e6d85] {
    position: relative
}

.assignees__button[data-v-c92e6d85] {
    display: flex;
    align-items: center;
    height: 24px;
    padding: 0 6px;
    border-radius: 6px;
    transition: all .2s ease
}

.assignees__button.empty[data-v-c92e6d85] {
    border: 1px solid rgba(131, 143, 167, .16)
}

.assignees__button.empty[data-v-c92e6d85]:hover {
    background: #838fa714;
    border: 1px solid transparent
}

.assignees__button.empty[data-v-c92e6d85]:active,
.assignees__button.empty.active[data-v-c92e6d85] {
    background: #838fa729;
    border: 1px solid transparent
}

.assignees__button.filled[data-v-c92e6d85] {
    width: max-content;
    background: #838fa714
}

.assignees__button.filled[data-v-c92e6d85]:hover {
    background: #838fa729
}

.assignees__button.filled[data-v-c92e6d85]:active,
.assignees__button.filled.active[data-v-c92e6d85] {
    background: #838fa73d
}

.assignees__avatar[data-v-c92e6d85] {
    border: 1px solid #fff;
    border-radius: 50%
}

.assignees__more[data-v-c92e6d85] {
    margin-left: 4px;
    font-weight: 500;
    font-size: 12px;
    line-height: 14px;
    color: #60636c
}

.assignees__dropdown[data-v-c92e6d85] {
    position: absolute;
    right: 0;
    z-index: 10;
    width: 240px
}

.assignees__dropdown-input-tags[data-v-c92e6d85] {
    min-height: 34px;
    max-height: 120px
}

[data-v-f2485a12]:root {
    --color-scheme-active: #6C78F4
}

.type[data-v-f2485a12] {
    position: relative
}

.type__button[data-v-f2485a12] {
    display: flex;
    align-items: center;
    height: 24px;
    padding: 0 4px 0 6px;
    border-radius: 6px;
    transition: .2s ease;
    font-weight: 500;
    font-size: 12px;
    line-height: 14px
}

.type__button[data-v-f2485a12]:hover {
    background: #838fa714
}

.type__button[data-v-f2485a12]:active,
.type__button.active[data-v-f2485a12] {
    background: #838fa729
}

.type__icon[data-v-f2485a12] {
    transform: rotate(90deg)
}

.type__dropdown[data-v-f2485a12] {
    position: absolute;
    right: 0;
    z-index: 10;
    width: 220px
}

[data-v-92a8dd3f]:root {
    --color-scheme-active: #6C78F4
}

.edit[data-v-92a8dd3f] {
    display: grid;
    grid-template-columns: max-content 1fr;
    grid-column-gap: 4.5px;
    min-height: 36px;
    padding: 4.5px 2.5px;
    cursor: text;
    border: 1.5px solid #93969F;
    border-radius: 8px
}

.edit__textarea[data-v-92a8dd3f] {
    padding: 4px 0;
    overflow: hidden;
    color: #60636c;
    background: transparent;
    border: unset;
    transition: unset!important;
    font-weight: 400;
    font-size: 13px;
    line-height: 16px
}

.edit__textarea[data-v-92a8dd3f]::placeholder {
    color: #93969f
}

.edit__hotkeys[data-v-92a8dd3f] {
    opacity: 1;
    display: flex;
    align-items: center;
    margin-top: 8px;
    margin-bottom: 6px;
    color: #acb1c2;
    transition: all .2s ease;
    font-weight: 500;
    font-size: 12px;
    line-height: 14px
}

@starting-style {
    .edit__hotkeys[data-v-92a8dd3f] {
        opacity: 0
    }
}

.edit__enter[data-v-92a8dd3f] {
    display: flex;
    align-items: center;
    width: max-content;
    height: 16px;
    margin-right: 4px;
    padding: 0 4px;
    color: #60636c;
    background-color: #ededf5;
    border-radius: 4px;
    font-weight: 500;
    font-size: 10px;
    line-height: 12px
}

[data-v-192e5e16]:root {
    --color-scheme-active: #6C78F4
}

.dependency[data-v-192e5e16] {
    display: grid;
    grid-template-columns: max-content 1fr max-content;
    grid-column-gap: 4px;
    align-items: center;
    height: 36px;
    padding: 0 4px;
    transition: background-color .2s ease;
    cursor: pointer;
    border-radius: 8px
}

.dependency.hoverable[data-v-192e5e16]:hover {
    background: linear-gradient(0deg, #838fa714, #838fa714), #fff
}

.dependency.hoverable[data-v-192e5e16]:active {
    background: linear-gradient(0deg, #838fa729, #838fa729), #fff
}

.dark .dependency.hoverable[data-v-192e5e16]:hover {
    background: #242629
}

.dark .dependency.hoverable[data-v-192e5e16]:active {
    background: #202225
}

.dependency__title[data-v-192e5e16] {
    pointer-events: none;
    overflow: hidden;
    white-space: nowrap;
    color: #242629;
    text-overflow: ellipsis;
    font-weight: 400;
    font-size: 13px;
    line-height: 16px
}

.dependency__title.completed[data-v-192e5e16] {
    color: #93969f;
    text-decoration-line: line-through
}

.dependency__title.private[data-v-192e5e16] {
    color: #93969f
}

.dark .dependency__title[data-v-192e5e16] {
    color: #ddd
}

.dependency__data[data-v-192e5e16] {
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: max-content;
    grid-column-gap: 4px;
    align-items: center
}

.dependency__icon-edit[data-v-192e5e16] {
    opacity: 0;
    padding: 2px;
    transition: opacity .2s ease
}

.dependency:hover .dependency__icon-edit[data-v-192e5e16] {
    opacity: 1
}

.dependency__locked[data-v-192e5e16] {
    width: 24px;
    height: 24px;
    margin: 0 2px;
    padding: 2px;
    transition: background-color .2s ease;
    border-radius: 4px
}

.dependency__locked[data-v-192e5e16]:hover {
    background: #838fa714
}

.dependency__locked[data-v-192e5e16]:active {
    background: #838fa729
}

[data-v-88776dcd]:root {
    --color-scheme-active: #6C78F4
}

.group[data-v-88776dcd] {
    display: grid;
    grid-template-columns: max-content 1fr
}

[data-v-4adb62e9]:root {
    --color-scheme-active: #6C78F4
}

.deal[data-v-4adb62e9] {
    display: grid;
    grid-template-columns: max-content 1fr max-content;
    grid-column-gap: 4px;
    align-items: center;
    height: 36px;
    padding: 0 4px;
    transition: background-color .2s ease;
    cursor: pointer;
    border-radius: 8px
}

.deal[data-v-4adb62e9]:hover {
    background: linear-gradient(0deg, #838fa714, #838fa714), #fff
}

.deal[data-v-4adb62e9]:active {
    background: linear-gradient(0deg, #838fa729, #838fa729), #fff
}

.dark .deal[data-v-4adb62e9]:hover {
    background: #242629
}

.dark .deal[data-v-4adb62e9]:active {
    background: #202225
}

.deal__title[data-v-4adb62e9] {
    pointer-events: none;
    overflow: hidden;
    white-space: nowrap;
    color: #242629;
    text-overflow: ellipsis;
    font-weight: 400;
    font-size: 13px;
    line-height: 16px
}

.deal__title.completed[data-v-4adb62e9] {
    color: #93969f;
    text-decoration-line: line-through
}

.dark .deal__title[data-v-4adb62e9] {
    color: #ddd
}

[data-v-ffe126fd]:root {
    --color-scheme-active: #6C78F4
}

.new-dependency[data-v-ffe126fd] {
    display: grid;
    grid-template-columns: max-content 1fr;
    grid-column-gap: 8px;
    align-items: center;
    width: 100%;
    height: 36px;
    padding: 0 10px;
    color: #93969f;
    transition: background .2s ease;
    border: 1px dashed #E5E7EE;
    border-radius: 8px;
    text-align: start;
    font-weight: 500;
    font-size: 12px;
    line-height: 12px
}

.new-dependency[data-v-ffe126fd]:hover {
    background: linear-gradient(0deg, #838fa714, #838fa714), #fff
}

.new-dependency[data-v-ffe126fd]:active {
    background: linear-gradient(0deg, #838fa729, #838fa729), #fff
}

.dark .new-dependency[data-v-ffe126fd] {
    color: #ddd;
    border-color: #ddd
}

.dark .new-dependency[data-v-ffe126fd]:hover {
    background: #242629
}

.dark .new-dependency[data-v-ffe126fd]:active {
    background: #202225
}

[data-v-bb9b98d0]:root {
    --color-scheme-active: #6C78F4
}

.dependencies[data-v-bb9b98d0] {
    display: grid;
    grid-auto-flow: row;
    grid-auto-rows: max-content;
    grid-row-gap: 8px
}

.dependencies__deal[data-v-bb9b98d0] {
    display: grid;
    grid-template-columns: max-content 1fr
}

[data-v-3e427266]:root {
    --color-scheme-active: #6C78F4
}

.dependencies__information[data-v-3e427266] {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.dependencies__length[data-v-3e427266] {
    font-weight: 500;
    font-size: 12px;
    line-height: 14px;
    color: #acb1c2
}

.dark .dependencies__length[data-v-3e427266] {
    color: #ddd
}

[data-v-e27c2fb3]:root {
    --color-scheme-active: #6C78F4
}

.line-value-tooltip[data-v-e27c2fb3] {
    height: 100%
}

.line-value[data-v-e27c2fb3] {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    border-radius: 4px;
    background-color: var(--color-scheme-active);
    transition: .2s ease
}

.line-value.overdue[data-v-e27c2fb3] {
    background-color: #f3a166
}

.line-value[data-v-e27c2fb3]:hover {
    box-shadow: 0 0 0 3px #838fa73d
}

.line-value__dot[data-v-e27c2fb3] {
    opacity: 1;
    width: 6px;
    height: 6px;
    background: #ffffff80;
    transition: background .2s ease;
    border-radius: 50%
}

.line-value:hover .line-value__dot[data-v-e27c2fb3] {
    background: #fff
}

[data-v-2f838940]:root {
    --color-scheme-active: #6C78F4
}

.line[data-v-2f838940] {
    display: flex;
    align-items: center;
    height: 36px;
    padding: 0 8px
}

.line__user[data-v-2f838940] {
    display: grid;
    grid-template-columns: max-content 1fr;
    grid-column-gap: 6px;
    align-items: center;
    margin-right: 4px
}

.line__name[data-v-2f838940] {
    width: 114px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: 400;
    font-size: 13px;
    line-height: 15.6px
}

.dark .line__name[data-v-2f838940] {
    color: #ddd
}

.line__value-background[data-v-2f838940] {
    flex: auto;
    height: 20px;
    margin-right: 4px;
    background: #838fa729;
    border-radius: 4px
}

.line__time[data-v-2f838940] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: 4px;
    align-items: center;
    width: 84px;
    color: #acb1c2;
    font-weight: 500;
    font-size: 11px;
    line-height: 11px
}

.line__time-hours[data-v-2f838940] {
    text-align: end
}

[data-v-82b30e6e]:root {
    --color-scheme-active: #6C78F4
}

.time-modal[data-v-82b30e6e] {
    max-width: 400px
}

.time-modal__body[data-v-82b30e6e] {
    display: grid
}

.time-modal__fields[data-v-82b30e6e] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 16px
}

.time-modal__textarea[data-v-82b30e6e],
.time-modal__input_large[data-v-82b30e6e] {
    grid-column: span 2
}

.time-modal__buttons[data-v-82b30e6e] {
    grid-gap: 16px
}

[data-v-573311bc]:root {
    --color-scheme-active: #6C78F4
}

.by-date__group[data-v-573311bc] {
    display: grid;
    grid-template-columns: max-content 1fr
}

.by-date__group-date[data-v-573311bc] {
    width: 80px;
    margin-top: 13px;
    color: #9499ad;
    font-weight: 500;
    font-size: 10px;
    line-height: 10px
}

.by-date__lines[data-v-573311bc] {
    display: grid;
    grid-auto-flow: row;
    grid-auto-rows: max-content;
    grid-row-gap: 4px
}

.by-date__line[data-v-573311bc] {
    border-radius: 8px;
    transition: background .2s ease;
    cursor: pointer
}

.by-date__line[data-v-573311bc]:hover {
    background: #838fa714
}

.by-date__line[data-v-573311bc]:active {
    background: #838fa729
}

.dark .by-date__line[data-v-573311bc]:hover {
    background: #242629
}

.dark .by-date__line[data-v-573311bc]:active {
    background: #202225
}

[data-v-b3c25b2e]:root {
    --color-scheme-active: #6C78F4
}

.by-user__group[data-v-b3c25b2e] {
    display: grid;
    grid-auto-flow: row;
    grid-auto-rows: max-content;
    grid-row-gap: 4px
}

.by-user__lines[data-v-b3c25b2e] {
    display: flex;
    column-gap: 4px;
    height: 100%
}

.by-user__line[data-v-b3c25b2e] {
    cursor: pointer
}

[data-v-b374b483]:root {
    --color-scheme-active: #6C78F4
}

.new-time[data-v-b374b483] {
    display: grid;
    grid-template-columns: max-content 1fr;
    grid-column-gap: 8px;
    align-items: center;
    width: 100%;
    height: 36px;
    padding: 0 10px;
    color: #93969f;
    transition: background .2s ease;
    border: 1px dashed #E5E7EE;
    border-radius: 8px;
    text-align: start;
    font-weight: 500;
    font-size: 12px;
    line-height: 12px
}

.new-time[data-v-b374b483]:hover {
    background: linear-gradient(0deg, #838fa714, #838fa714), #fff
}

.new-time[data-v-b374b483]:active {
    background: linear-gradient(0deg, #838fa729, #838fa729), #fff
}

.dark .new-time[data-v-b374b483] {
    color: #ddd;
    border-color: #ddd
}

.dark .new-time[data-v-b374b483]:hover {
    background: #242629
}

.dark .new-time[data-v-b374b483]:active {
    background: #202225
}

[data-v-a969e3e8]:root {
    --color-scheme-active: #6C78F4
}

.data-enter-active[data-v-a969e3e8],
.data-leave-active[data-v-a969e3e8] {
    transition: opacity .2s ease
}

.data-enter-from[data-v-a969e3e8],
.data-leave-to[data-v-a969e3e8] {
    opacity: 0
}

.data__by-date[data-v-a969e3e8],
.data__by-user[data-v-a969e3e8] {
    margin-left: 8px
}

.w {
    display: grid;
    grid-template-columns: max-content 1fr max-content;
    grid-column-gap: 8px;
    align-items: center
}

.x {
    color: #acb1c2;
    font-weight: 500;
    font-size: 12px;
    line-height: 14px
}

.y {
    width: max-content;
    justify-self: end
}

[data-v-69cbf886]:root {
    --color-scheme-active: #6C78F4
}

.user[data-v-69cbf886] {
    display: inline-flex;
    vertical-align: middle;
    transition: all .2s ease-in-out;
    cursor: pointer;
    border-radius: 4px
}

.user[data-v-69cbf886] .card-wrapper__button {
    gap: 4px;
    align-items: center
}

.user__name[data-v-69cbf886] {
    font-weight: 500;
    font-size: 12px;
    line-height: 16px;
    max-width: 200px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #383a3f
}

.dark .user__name[data-v-69cbf886] {
    color: #f8f8fb
}

[data-v-d6e85289]:root {
    --color-scheme-active: #6C78F4
}

.icon[data-v-d6e85289] {
    display: inline-flex;
    align-items: flex-start;
    height: 16px
}

.icon__user[data-v-d6e85289] {
    position: relative
}

.icon__user[data-v-d6e85289]:before {
    content: "";
    position: absolute;
    top: 0;
    left: 100%;
    width: 8px;
    height: 16px
}

[data-v-aec26615]:root {
    --color-scheme-active: #6C78F4
}

.completed[data-v-aec26615] {
    font-weight: 500;
    font-size: 12px;
    line-height: 16px;
    display: inline-flex;
    vertical-align: middle;
    gap: 2px;
    color: #383a3f
}

.completed.done[data-v-aec26615] {
    color: #00a92f
}

.dark .completed[data-v-aec26615] {
    color: #f8f8fb
}

[data-v-c95eba7f]:root {
    --color-scheme-active: #6C78F4
}

.datetime[data-v-c95eba7f] {
    font-weight: 500;
    font-size: 12px;
    line-height: 16px;
    display: inline-flex;
    vertical-align: middle;
    color: #383a3f
}

.dark .datetime[data-v-c95eba7f] {
    color: #f8f8fb
}

[data-v-3f1065a3]:root {
    --color-scheme-active: #6C78F4
}

.datetime-range[data-v-3f1065a3] {
    font-weight: 500;
    font-size: 12px;
    line-height: 16px;
    display: inline-flex;
    vertical-align: middle;
    color: #383a3f
}

.dark .datetime-range[data-v-3f1065a3] {
    color: #f8f8fb
}

[data-v-db446281]:root {
    --color-scheme-active: #6C78F4
}

.duration[data-v-db446281] {
    font-weight: 500;
    font-size: 12px;
    line-height: 16px;
    display: inline-flex;
    vertical-align: middle;
    color: #383a3f
}

[data-v-497fdcce]:root {
    --color-scheme-active: #6C78F4
}

.board[data-v-497fdcce] {
    font-weight: 500;
    font-size: 12px;
    line-height: 16px;
    display: inline-flex;
    gap: 2px;
    vertical-align: middle;
    color: #383a3f;
    text-decoration: none
}

.dark .board[data-v-497fdcce] {
    color: #f8f8fb
}

[data-v-c21adc7d]:root {
    --color-scheme-active: #6C78F4
}

.board-column[data-v-c21adc7d] {
    font-weight: 500;
    font-size: 12px;
    line-height: 16px;
    display: inline-flex;
    gap: 2px;
    vertical-align: middle;
    color: #383a3f
}

.dark .board-column[data-v-c21adc7d] {
    color: #f8f8fb
}

[data-v-54628df0]:root {
    --color-scheme-active: #6C78F4
}

.custom-field[data-v-54628df0] {
    font-weight: 500;
    font-size: 12px;
    line-height: 16px;
    display: inline;
    vertical-align: middle;
    color: var(--color-scheme-active)
}

[data-v-5d6c677a]:root {
    --color-scheme-active: #6C78F4
}

.custom-field-option[data-v-5d6c677a] {
    display: inline-flex;
    align-items: center;
    height: 16px;
    padding: 0 2px;
    border-radius: 4px
}

[data-v-33a0b44a]:root {
    --color-scheme-active: #6C78F4
}

.contact[data-v-33a0b44a] {
    display: inline-flex;
    vertical-align: middle;
    cursor: pointer;
    text-decoration: none
}

.contact__avatar[data-v-33a0b44a] {
    margin-right: 4px
}

.contact__name[data-v-33a0b44a] {
    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-33a0b44a] {
    color: #f8f8fb
}

[data-v-bb17530d]:root {
    --color-scheme-active: #6C78F4
}

.organization[data-v-bb17530d] {
    display: inline-flex;
    vertical-align: middle;
    cursor: pointer;
    text-decoration: none
}

.organization__avatar[data-v-bb17530d] {
    margin-right: 4px
}

.organization__name[data-v-bb17530d] {
    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-bb17530d] {
    color: #f8f8fb
}

[data-v-70754d9b]:root {
    --color-scheme-active: #6C78F4
}

.project[data-v-70754d9b] {
    display: inline-flex;
    vertical-align: middle;
    cursor: pointer;
    text-decoration: none
}

.project__avatar[data-v-70754d9b] {
    margin-right: 4px
}

.project__name[data-v-70754d9b] {
    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 .project__name[data-v-70754d9b] {
    color: #f8f8fb
}

[data-v-015e1cb3]:root {
    --color-scheme-active: #6C78F4
}

.tag[data-v-015e1cb3] {
    display: inline-flex;
    vertical-align: middle;
    height: 16px
}

[data-v-1b1cff5d]:root {
    --color-scheme-active: #6C78F4
}

.preview[data-v-1b1cff5d] {
    font-weight: 500;
    font-size: 12px;
    line-height: 14px;
    display: inline-flex;
    vertical-align: middle;
    gap: 2px;
    color: #242629;
    transition: all .2s ease-in-out;
    cursor: pointer
}

.preview[data-v-1b1cff5d]:hover {
    color: var(--color-scheme-active)
}

.dark .preview[data-v-1b1cff5d] {
    color: #f8f8fb
}

[data-v-f955361f]:root {
    --color-scheme-active: #6C78F4
}

.entity-collection[data-v-f955361f] {
    display: inline;
    vertical-align: middle;
    align-items: center;
    min-height: 16px
}

.entity-collection__item[data-v-f955361f] {
    margin: 0 2px
}

.entity-collection__item[data-v-f955361f]:first-child {
    margin-left: 0
}

.entity-collection__item[data-v-f955361f]:last-child {
    margin-right: 0
}

[data-v-4ce4539b]:root {
    --color-scheme-active: #6C78F4
}

.preview[data-v-4ce4539b] {
    display: flex;
    width: 240px;
    height: 80px;
    margin-top: 4px;
    border-radius: 8px;
    overflow: hidden
}

.preview__image[data-v-4ce4539b] {
    width: 100%;
    object-fit: cover
}

[data-v-b638dd72]:root {
    --color-scheme-active: #6C78F4
}

.file[data-v-b638dd72] {
    position: relative;
    display: flex;
    gap: 8px;
    align-items: center;
    margin-top: 4px;
    padding: 4px 0 4px 10px;
    cursor: pointer;
    max-width: 320px
}

.file[data-v-b638dd72]:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 2px;
    height: 100%;
    border-radius: 123px;
    background-color: #e5e7ee;
    transition: all .2s ease-in-out
}

.file[data-v-b638dd72]:hover:before {
    background-color: var(--color-scheme-active)
}

.file__name[data-v-b638dd72] {
    font-weight: 400;
    font-size: 13px;
    line-height: 120%;
    color: #242629;
    transition: all .2s ease-in-out
}

.file:hover .file__name[data-v-b638dd72] {
    color: var(--color-scheme-active)
}

.dark .file__name[data-v-b638dd72] {
    color: #f8f8fb
}

.file__icon-extension[data-v-b638dd72] {
    width: 28px;
    height: 28px
}

[data-v-fdea7a99]:root {
    --color-scheme-active: #6C78F4
}

.initiator[data-v-fdea7a99] {
    font-weight: 500;
    font-size: 12px;
    line-height: 16px;
    display: inline-flex;
    gap: 8px;
    vertical-align: middle;
    color: #383a3f
}

.initiator.clickable[data-v-fdea7a99] {
    cursor: pointer
}

.dark .initiator[data-v-fdea7a99] {
    color: #f8f8fb
}

[data-v-accea361]:root {
    --color-scheme-active: #6C78F4
}

.timer[data-v-accea361] {
    font-weight: 500;
    font-size: 12px;
    line-height: 16px;
    position: relative;
    display: inline-flex;
    gap: 4px;
    padding: 0 6px 0 3px;
    color: #93969f;
    vertical-align: middle
}

.timer[data-v-accea361]:before {
    content: "";
    position: absolute;
    top: -3px;
    right: 0;
    bottom: -3px;
    left: 0;
    border: 1px solid #E5E7EE;
    border-radius: 6px
}

.dark .timer[data-v-accea361] {
    color: #f8f8fb
}

[data-v-5127a144]:root {
    --color-scheme-active: #6C78F4
}

.interval[data-v-5127a144] {
    position: relative;
    display: flex;
    gap: 2px;
    justify-content: center;
    margin: 4px 0;
    padding: 4px 0 4px 10px;
    cursor: pointer;
    flex-direction: column;
    max-width: 320px
}

.interval[data-v-5127a144]:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 2px;
    height: 100%;
    border-radius: 123px;
    background-color: #e5e7ee;
    transition: all .2s ease-in-out
}

.interval[data-v-5127a144]:hover:before {
    background-color: var(--color-scheme-active)
}

.interval.deleted[data-v-5127a144] {
    pointer-events: none
}

.interval__top[data-v-5127a144] {
    display: flex;
    gap: 4px;
    align-items: center
}

.interval__time[data-v-5127a144] {
    font-weight: 500;
    font-size: 12px;
    line-height: 16px;
    display: flex;
    gap: 4px;
    justify-content: center;
    align-items: center;
    height: 20px;
    padding: 0 8px;
    white-space: nowrap;
    color: #fff;
    background-color: var(--color-scheme-active);
    border-radius: 4px
}

.interval__comment[data-v-5127a144] {
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    font-style: italic;
    color: #60636c
}

.interval.deleted .interval__comment[data-v-5127a144] {
    text-decoration-line: line-through
}

.dark .interval__comment[data-v-5127a144] {
    color: #f8f8fb
}

.interval__user[data-v-5127a144] {
    font-weight: 500;
    font-size: 12px;
    line-height: 16px;
    overflow: hidden;
    white-space: nowrap;
    color: #60636c;
    text-overflow: ellipsis;
    max-width: 200px
}

.interval.deleted .interval__user[data-v-5127a144] {
    text-decoration-line: line-through
}

.dark .interval__user[data-v-5127a144] {
    color: #f8f8fb
}

[data-v-9bc2429d]:root {
    --color-scheme-active: #6C78F4
}

.interval-diff[data-v-9bc2429d] {
    position: relative;
    display: flex;
    gap: 2px;
    justify-content: center;
    margin: 4px 0;
    padding: 4px 0 4px 10px;
    cursor: pointer;
    flex-direction: column;
    max-width: 320px
}

.interval-diff[data-v-9bc2429d]:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 2px;
    height: 100%;
    border-radius: 123px;
    background-color: #e5e7ee;
    transition: all .2s ease-in-out
}

.interval-diff[data-v-9bc2429d]:hover:before {
    background-color: var(--color-scheme-active)
}

.interval-diff__top[data-v-9bc2429d] {
    display: flex;
    gap: 4px;
    align-items: center
}

.interval-diff__time[data-v-9bc2429d] {
    font-weight: 500;
    font-size: 12px;
    line-height: 16px;
    display: flex;
    gap: 4px;
    justify-content: center;
    align-items: center;
    height: 20px;
    padding: 0 8px;
    white-space: nowrap;
    color: #fff;
    background-color: #728eff;
    border-radius: 4px
}

.interval-diff__time_crossed[data-v-9bc2429d] {
    text-decoration-line: line-through;
    opacity: .5
}

.interval-diff__comment[data-v-9bc2429d] {
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    font-style: italic;
    color: #60636c
}

.dark .interval-diff__comment[data-v-9bc2429d] {
    color: #f8f8fb
}

.interval-diff__users[data-v-9bc2429d] {
    display: flex;
    gap: 4px;
    justify-content: center;
    align-items: center
}

.interval-diff__user[data-v-9bc2429d] {
    font-weight: 500;
    font-size: 12px;
    line-height: 16px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 200px;
    color: #60636c
}

.dark .interval-diff__user[data-v-9bc2429d] {
    color: #f8f8fb
}

.interval-diff__user.old[data-v-9bc2429d] {
    color: #acb1c2
}

.interval-diff__user.crossed[data-v-9bc2429d] {
    text-decoration-line: line-through
}

[data-v-4b86d0f5]:root {
    --color-scheme-active: #6C78F4
}

.link[data-v-4b86d0f5] {
    display: inline;
    vertical-align: middle;
    overflow: hidden;
    text-overflow: ellipsis
}

.link__inner[data-v-4b86d0f5] {
    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-4b86d0f5] {
    color: #f8f8fb
}

.link__inner[data-v-4b86d0f5]:hover {
    color: var(--color-scheme-active)
}

[data-v-8d349721]:root {
    --color-scheme-active: #6C78F4
}

.board-column[data-v-8d349721] {
    overflow: hidden;
    white-space: nowrap;
    color: #383a3f;
    text-overflow: ellipsis;
    font-weight: 500;
    font-size: 12px;
    line-height: 16px
}

.dark .board-column[data-v-8d349721] {
    color: #f8f8fb
}

[data-v-6455ecda]:root {
    --color-scheme-active: #6C78F4
}

.board[data-v-6455ecda] {
    font-weight: 500;
    font-size: 12px;
    line-height: 16px;
    overflow: hidden;
    white-space: nowrap;
    color: #383a3f;
    text-decoration: none;
    text-overflow: ellipsis
}

.dark .board[data-v-6455ecda] {
    color: #f8f8fb
}

[data-v-979c45b0]:root {
    --color-scheme-active: #6C78F4
}

.task-board-location[data-v-979c45b0] {
    display: flex;
    gap: 2px;
    align-items: center;
    margin-top: 8px;
    max-width: 428px
}

.task-board-location_inline[data-v-979c45b0] {
    display: inline-flex;
    vertical-align: middle
}

[data-v-445755e3]:root {
    --color-scheme-active: #6C78F4
}

.task-dependency-type[data-v-445755e3] {
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    display: inline-flex;
    gap: 2px;
    vertical-align: middle;
    color: #6c78f4
}

.task-dependency-type.yellow[data-v-445755e3] {
    color: #ee8913
}

.task-dependency-type.red[data-v-445755e3] {
    color: #ff4d4f
}

[data-v-58fa8f58]:root {
    --color-scheme-active: #6C78F4
}

.task-priority[data-v-58fa8f58] {
    display: inline-flex;
    vertical-align: middle;
    height: 16px
}

[data-v-3f25f4a9]:root {
    --color-scheme-active: #6C78F4
}

.board-column[data-v-3f25f4a9] {
    font-weight: 500;
    font-size: 12px;
    line-height: 16px;
    overflow: hidden;
    white-space: nowrap;
    color: #60636c;
    text-overflow: ellipsis
}

.dark .board-column[data-v-3f25f4a9] {
    color: #cacad2
}

[data-v-96288c44]:root {
    --color-scheme-active: #6C78F4
}

.board[data-v-96288c44] {
    font-weight: 500;
    font-size: 12px;
    line-height: 16px;
    overflow: hidden;
    white-space: nowrap;
    color: #60636c;
    text-decoration: none;
    text-overflow: ellipsis
}

.dark .board[data-v-96288c44] {
    color: #cacad2
}

[data-v-a314b6f5]:root {
    --color-scheme-active: #6C78F4
}

.project[data-v-a314b6f5] {
    display: inline-flex;
    vertical-align: middle;
    cursor: pointer;
    text-decoration: none
}

.project__avatar[data-v-a314b6f5] {
    margin-right: 4px
}

.project__name[data-v-a314b6f5] {
    font-weight: 500;
    font-size: 12px;
    line-height: 16px;
    display: inline;
    overflow: hidden;
    white-space: nowrap;
    color: #383a3f;
    max-width: 180px;
    text-overflow: ellipsis
}

.dark .project__name[data-v-a314b6f5] {
    color: #f8f8fb
}

[data-v-2394d84a]:root {
    --color-scheme-active: #6C78F4
}

.task-location[data-v-2394d84a] {
    display: flex;
    gap: 2px;
    align-items: center;
    margin-top: 8px;
    max-width: 428px
}

.task-location_inline[data-v-2394d84a] {
    display: inline-flex;
    vertical-align: middle
}

[data-v-c6879b7a]:root {
    --color-scheme-active: #6C78F4
}

.task-type[data-v-c6879b7a] {
    font-weight: 500;
    font-size: 12px;
    line-height: 16px;
    display: inline-flex;
    gap: 2px;
    vertical-align: middle;
    color: #383a3f
}

.dark .task-type[data-v-c6879b7a] {
    color: #f8f8fb
}

[data-v-54e2b3a2]:root {
    --color-scheme-active: #6C78F4
}

.title[data-v-54e2b3a2] {
    font-weight: 500;
    font-size: 12px;
    line-height: 16px;
    display: inline;
    vertical-align: middle;
    color: #383a3f
}

.dark .title[data-v-54e2b3a2] {
    color: #f8f8fb
}

[data-v-83accbff]:root {
    --color-scheme-active: #6C78F4
}

.reminder[data-v-83accbff] {
    font-weight: 500;
    font-size: 12px;
    line-height: 16px;
    display: inline;
    vertical-align: middle;
    color: #383a3f
}

.dark .reminder[data-v-83accbff] {
    color: #f8f8fb
}

.reminder__text[data-v-83accbff] {
    font-weight: 400;
    font-size: 12px;
    line-height: 16px
}

.reminder__text.bold[data-v-83accbff] {
    font-weight: 500
}

.reminder__text.preposition[data-v-83accbff] {
    margin-right: 4px
}

[data-v-091c95ea]:root {
    --color-scheme-active: #6C78F4
}

.repeat[data-v-091c95ea] {
    font-weight: 500;
    font-size: 12px;
    line-height: 16px;
    display: inline;
    vertical-align: middle;
    color: #383a3f
}

.dark .repeat[data-v-091c95ea] {
    color: #f8f8fb
}

[data-v-7975e301]:root {
    --color-scheme-active: #6C78F4
}

.task-entity[data-v-7975e301] {
    position: relative;
    display: flex;
    gap: 2px;
    margin-top: 4px;
    padding: 4px 0 4px 10px;
    cursor: pointer;
    flex-direction: column;
    max-width: 320px
}

.task-entity[data-v-7975e301]:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 2px;
    height: 100%;
    border-radius: 123px;
    background-color: #e5e7ee;
    transition: all .2s ease-in-out
}

.task-entity[data-v-7975e301]:hover:before {
    background-color: var(--color-scheme-active)
}

.task-entity__id[data-v-7975e301] {
    font-weight: 500;
    font-size: 12px;
    line-height: 14px;
    color: #93969f
}

.task-entity__title[data-v-7975e301] {
    font-weight: 500;
    font-size: 12px;
    line-height: 14px;
    color: #242629;
    transition: all .2s ease-in-out
}

.task-entity:hover .task-entity__title[data-v-7975e301] {
    color: var(--color-scheme-active)
}

.dark .task-entity__title[data-v-7975e301] {
    color: #f8f8fb
}

.task-entity__bottom[data-v-7975e301] {
    display: flex;
    gap: 6px;
    align-items: center;
    margin-top: 4px
}

.task-entity__date[data-v-7975e301] {
    font-weight: 500;
    font-size: 12px;
    line-height: 100%;
    color: #acb1c2
}

[data-v-055acdcd]:root {
    --color-scheme-active: #6C78F4
}

.entity[data-v-055acdcd] {
    display: inline-flex;
    vertical-align: middle
}

[data-v-55ce74f8]:root {
    --color-scheme-active: #6C78F4
}

.nodes[data-v-55ce74f8] {
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    color: #60636c
}

.dark .nodes[data-v-55ce74f8] {
    color: #cacad2
}

.nodes__node[data-v-55ce74f8]:not(:last-child) {
    margin-right: 4px
}

.nodes__node-text[data-v-55ce74f8] {
    display: inline-flex;
    margin-right: 4px;
    vertical-align: middle
}

[data-v-1c7e7f9c]:root {
    --color-scheme-active: #6C78F4
}

.log[data-v-1c7e7f9c] {
    display: flex;
    gap: 8px;
    justify-content: space-between;
    min-height: 20px;
    padding: 8px
}

.log__column[data-v-1c7e7f9c] {
    display: grid;
    grid-template-columns: 16px 1fr;
    gap: 8px
}

.log__date[data-v-1c7e7f9c] {
    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-1c7e7f9c] {
    color: #a6a7b3
}

[data-v-14fc487a]:root {
    --color-scheme-active: #6C78F4
}

.logs[data-v-14fc487a] {
    display: flex;
    flex-direction: column
}

.logs.has-data[data-v-14fc487a] {
    margin-top: 8px
}

[data-v-f140fcce]:root {
    --color-scheme-active: #6C78F4
}

.history[data-v-f140fcce] .section__data {
    margin-top: 0
}

.history__title[data-v-f140fcce] {
    display: flex;
    align-items: center;
    height: 24px
}

[data-v-74e58f48]:root {
    --color-scheme-active: #6C78F4
}

.button-all-comments[data-v-74e58f48] {
    display: grid;
    grid-template-columns: repeat(3, max-content);
    grid-column-gap: 4px;
    align-items: center;
    width: max-content;
    height: 32px;
    padding: 0 12px 0 8px;
    color: #60636c;
    background: #ededf5;
    border-radius: 8px;
    font-weight: 500;
    font-size: 12px;
    line-height: 12px
}

.dark .button-all-comments[data-v-74e58f48] {
    color: #ddd;
    background: #2f3136
}

.button-all-comments__count[data-v-74e58f48] {
    color: #acb1c2;
    font-weight: 500;
    font-size: 12px;
    line-height: 12px
}

.dark .button-all-comments__count[data-v-74e58f48] {
    color: #ddd
}

[data-v-cbc6c703]:root {
    --color-scheme-active: #6C78F4
}

.empty[data-v-cbc6c703] {
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    height: 296px;
    color: #acb1c2;
    font-weight: 500;
    font-size: 12px;
    line-height: 16px
}

.dark .empty[data-v-cbc6c703] {
    color: #ddd
}

.dark .empty__icon[data-v-cbc6c703] rect {
    fill: #2f3136
}

[data-v-d2c039a5]:root {
    --color-scheme-active: #6C78F4
}

.date[data-v-d2c039a5] {
    margin: 12px 0;
    color: #acb1c2;
    text-align: center;
    font-weight: 500;
    font-size: 12px;
    line-height: 16px
}

[data-v-880ac6cd]:root {
    --color-scheme-active: #6C78F4
}

.image[data-v-880ac6cd] {
    position: relative;
    height: 100%;
    overflow: hidden;
    cursor: pointer
}

.image__target[data-v-880ac6cd] {
    position: relative;
    z-index: 1;
    display: flex;
    width: 100%;
    height: 100%;
    cursor: pointer;
    max-height: 200px;
    object-fit: contain;
    border-radius: 4px
}

.image__background[data-v-880ac6cd] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    filter: blur(100px)
}

.image__fallback[data-v-880ac6cd] {
    display: grid;
    grid-template-rows: repeat(2, max-content);
    grid-row-gap: 8px;
    height: 100%;
    justify-items: center;
    font-weight: 400;
    font-size: 14px;
    line-height: 19px
}

.dark .image__fallback[data-v-880ac6cd] {
    color: #ddd
}

[data-v-0087ea3b]:root {
    --color-scheme-active: #6C78F4
}

.media__item[data-v-0087ea3b],
.media__more[data-v-0087ea3b] {
    max-height: 200px;
    width: 100%;
    height: 100%;
    object-fit: contain;
    border-radius: 4px;
    cursor: pointer
}

.media__more[data-v-0087ea3b] {
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    background-color: #e5e7ee;
    transition: background-color .2s ease
}

.media__more[data-v-0087ea3b]:hover {
    background-color: #cacad2
}

.media__more[data-v-0087ea3b]:active {
    background-color: #acb1c2
}

[data-v-04cbaed9]:root {
    --color-scheme-active: #6C78F4
}

.parent[data-v-04cbaed9] {
    display: grid;
    grid-template-columns: max-content 1fr max-content;
    align-items: center;
    height: 32px;
    padding: 0 8px;
    cursor: pointer
}

.parent__line[data-v-04cbaed9] {
    width: 2px;
    height: 28px;
    margin-right: 4px;
    background: var(--color-scheme-active);
    border-radius: 123px
}

.parent__wrapper[data-v-04cbaed9] {
    display: grid;
    grid-template-rows: repeat(2, max-content);
    grid-row-gap: 2px
}

.parent__title[data-v-04cbaed9] {
    overflow: hidden;
    color: var(--color-scheme-active);
    font-style: italic;
    text-overflow: ellipsis;
    font-weight: 500;
    font-size: 12px;
    line-height: 12px
}

.parent__preview[data-v-04cbaed9] {
    height: 16px;
    overflow: hidden;
    white-space: nowrap;
    color: #60636c;
    text-overflow: ellipsis;
    font-weight: 400;
    font-size: 12px;
    line-height: 14px
}

.dark .parent__preview[data-v-04cbaed9] {
    color: #ddd
}

[data-v-a9d7e17f]:root {
    --color-scheme-active: #6C78F4
}

.editor__html[data-v-a9d7e17f] {
    overflow: hidden;
    color: #202430
}

.dark .editor__html[data-v-a9d7e17f] {
    color: #ddd
}

[data-v-15745a09]:root {
    --color-scheme-active: #6C78F4
}

.users[data-v-15745a09] {
    position: absolute;
    bottom: calc(100%+ 4px);
    left: calc(-90px+ 50%);
    z-index: 10;
    width: 180px;
    padding: 4px 0;
    max-height: 200px;
    overflow-y: auto
}

.users__user[data-v-15745a09] {
    display: grid;
    grid-template-columns: max-content 1fr max-content;
    grid-column-gap: 8px;
    align-items: center;
    height: 32px;
    padding: 0 8px;
    color: #60636c
}

.users__user[data-v-15745a09]:hover {
    background-color: #f8f8f8
}

.dark .users__user[data-v-15745a09] {
    color: #8d8d8d
}

.dark .users__user[data-v-15745a09]:hover {
    color: #ddd;
    background-color: #202225
}

.users__user-name[data-v-15745a09] {
    text-align: start;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    font-weight: 400;
    font-size: 14px;
    line-height: 16px
}

.users__image[data-v-15745a09] {
    display: flex;
    width: 14px
}

[data-v-16c34ffa]:root {
    --color-scheme-active: #6C78F4
}

.reaction[data-v-16c34ffa] {
    position: relative;
    display: grid;
    grid-template-columns: repeat(2, max-content);
    grid-column-gap: 4px;
    align-items: center;
    height: 20px;
    padding: 0 6px 0 4px;
    border-radius: 8px;
    transition: background .2s ease
}

.reaction[disabled][data-v-16c34ffa] {
    pointer-events: none;
    background: var(--color-scheme-active)!important
}

.reaction.applied[data-v-16c34ffa] {
    background: var(--color-scheme-active)!important
}

.reaction__emoji[data-v-16c34ffa] {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 16px;
    height: 16px
}

.reaction__image[data-v-16c34ffa] {
    display: flex;
    width: 14px
}

.reaction__count[data-v-16c34ffa] {
    color: var(--color-scheme-active);
    transition: color .2s ease;
    font-weight: 500;
    font-size: 10px;
    line-height: 10px
}

.applied .reaction__count[data-v-16c34ffa] {
    color: #fff
}

[data-v-36e368f8]:root {
    --color-scheme-active: #6C78F4
}

.reactions[data-v-36e368f8] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(35px, 1fr));
    grid-gap: 4px;
    padding: 0 8px
}

.reactions[data-v-36e368f8]:empty {
    padding: 0
}

[data-v-98e47d9a]:root {
    --color-scheme-active: #6C78F4
}

.icon-button[data-v-98e47d9a] {
    justify-content: center;
    width: 24px;
    height: 24px;
    transition: .2s ease;
    border-radius: 4px
}

.icon-button[data-v-98e47d9a]:hover {
    background: #838fa714
}

.icon-button[data-v-98e47d9a]:hover svg path {
    fill: #60636c
}

.icon-button[data-v-98e47d9a]:active,
.icon-button.focused[data-v-98e47d9a] {
    background: #838fa729
}

.icon-button[data-v-98e47d9a]:active svg path,
.icon-button.focused[data-v-98e47d9a] svg path {
    fill: #383a3f
}

.dark .icon-button[data-v-98e47d9a]:hover svg path {
    fill: #acb1c2
}

.dark .icon-button[data-v-98e47d9a]:active svg path,
.dark .icon-button.focused[data-v-98e47d9a] svg path {
    fill: #acb1c2
}

[data-v-f71c41f0]:root {
    --color-scheme-active: #6C78F4
}

.menu[data-v-f71c41f0] {
    position: relative
}

.menu__dropdown[data-v-f71c41f0] {
    position: absolute;
    right: 0;
    z-index: 10;
    width: 200px;
    padding: 4px 0
}

.menu__item[data-v-f71c41f0] {
    position: relative;
    display: flex;
    align-items: center;
    column-gap: 4px;
    width: 100%;
    height: 32px;
    padding: 0 12px;
    color: #60636c;
    transition: background .2s ease;
    text-align: start;
    cursor: pointer;
    font-weight: 500;
    font-size: 14px;
    line-height: 16px
}

.menu__item[data-v-f71c41f0]:hover {
    background: #838fa714
}

.menu__item[data-v-f71c41f0]:active,
.menu__item.opened[data-v-f71c41f0] {
    background: #838fa729
}

.dark .menu__item[data-v-f71c41f0] {
    color: #ddd
}

.menu__hr[data-v-f71c41f0] {
    width: 100%;
    height: 1px;
    margin: 8px 0;
    background-color: #f4f4f8
}

.dark .menu__hr[data-v-f71c41f0] {
    background-color: #383a3f
}

[data-v-d9d540c4]:root {
    --color-scheme-active: #6C78F4
}

.dropdown[data-v-d9d540c4] {
    position: absolute;
    right: 0;
    z-index: 10;
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: max-content;
    padding: 4px
}

.dropdown__button[data-v-d9d540c4] {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 32px;
    height: 32px;
    border-radius: 4px;
    transition: .2s ease
}

.dropdown__button[disabled][data-v-d9d540c4] {
    pointer-events: none;
    background: #838fa729
}

.dropdown__button[data-v-d9d540c4]:hover {
    background: #838fa714
}

.dropdown__button[data-v-d9d540c4]:active,
.dropdown__button.applied[data-v-d9d540c4] {
    background: #838fa729
}

.dropdown__image[data-v-d9d540c4] {
    display: flex;
    width: 16px
}

[data-v-9319360c]:root {
    --color-scheme-active: #6C78F4
}

.menu[data-v-9319360c] {
    position: relative
}

[data-v-3ace31de]:root {
    --color-scheme-active: #6C78F4
}

.controls[data-v-3ace31de] {
    opacity: 0;
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: max-content;
    margin-bottom: auto;
    margin-left: auto;
    transition: opacity .2s ease
}

.comment:hover .controls[data-v-3ace31de],
.controls.focused[data-v-3ace31de] {
    opacity: 1
}

[data-v-ffd95032]:root {
    --color-scheme-active: #6C78F4
}

.comment[data-v-ffd95032] {
    position: relative;
    display: flex;
    align-items: flex-end;
    column-gap: 8px
}

.comment.not-start[data-v-ffd95032]:not(.not-end) {
    margin-bottom: 4px
}

.comment.anchor[data-v-ffd95032] {
    z-index: 1
}

.comment.anchor[data-v-ffd95032]:after {
    content: "";
    position: absolute;
    z-index: -1;
    opacity: 1;
    background-color: #ededf5;
    transition: .2s ease;
    top: -4px;
    right: -32px;
    bottom: 0;
    left: -32px;
    transition-behavior: allow-discrete
}

@starting-style {
    .comment.anchor[data-v-ffd95032]:after {
        opacity: 0
    }
}

.dark .comment.anchor[data-v-ffd95032]:after {
    background-color: #242629
}

.comment__data[data-v-ffd95032] {
    min-width: 25%;
    max-width: 65%
}

.not-end .comment__data[data-v-ffd95032] {
    margin-bottom: 4px;
    margin-left: 32px
}

.comment__data-wrapper[data-v-ffd95032] {
    display: grid;
    grid-auto-flow: row;
    grid-auto-rows: max-content;
    grid-row-gap: 8px;
    padding: 8px 0;
    background-color: #f8f8fb;
    border-radius: 12px
}

.dark .comment__data-wrapper[data-v-ffd95032] {
    background-color: #2f3136
}

.comment__information[data-v-ffd95032] {
    display: grid;
    grid-template-columns: 1fr max-content;
    grid-column-gap: 8px;
    align-items: center;
    padding: 0 8px
}

.comment__author-name[data-v-ffd95032] {
    overflow: hidden;
    color: var(--color-scheme-active);
    text-overflow: ellipsis;
    font-weight: 500;
    font-size: 12px;
    line-height: 12px
}

.comment__editor[data-v-ffd95032] {
    padding: 0 8px
}

.comment__editor[data-v-ffd95032]:empty {
    padding: 0
}

.comment__time[data-v-ffd95032] {
    opacity: 0;
    margin-bottom: 4px;
    color: #acb1c2;
    transition: opacity .2s ease;
    font-weight: 500;
    font-size: 10px;
    line-height: 10px
}

.not-end .comment__time[data-v-ffd95032] {
    margin-bottom: 8px
}

.comment:hover .comment__time[data-v-ffd95032],
.comment__time.visible[data-v-ffd95032] {
    opacity: 1
}

[data-v-5a816570]:root {
    --color-scheme-active: #6C78F4
}

.comments[data-v-5a816570] {
    display: grid;
    grid-auto-flow: row;
    grid-auto-rows: max-content;
    grid-row-gap: 12px;
    margin: 21px 32px
}

.comments__button-all-comments[data-v-5a816570] {
    margin: 12px auto 0
}

.comments__data[data-v-5a816570] {
    display: grid;
    grid-auto-flow: row;
    grid-auto-rows: max-content;
    margin-bottom: 32px
}

[data-v-c404442e]:root {
    --color-scheme-active: #6C78F4
}

.editing[data-v-c404442e] {
    position: relative;
    display: grid;
    grid-template-columns: repeat(2, max-content) 1fr max-content;
    align-items: center;
    height: 52px;
    padding: 0 12px;
    background-color: #ededf5;
    border-radius: 12px 12px 0 0
}

.editing[data-v-c404442e]:after {
    content: "";
    position: absolute;
    top: 100%;
    right: 0;
    z-index: -1;
    width: 100%;
    height: 10px;
    background-color: #ededf5
}

.dark .editing[data-v-c404442e] {
    background-color: #242629
}

.dark .editing[data-v-c404442e]:after {
    background-color: #242629
}

.editing__icon-edit[data-v-c404442e] {
    margin-right: 8px
}

.editing__line[data-v-c404442e] {
    width: 2px;
    height: 28px;
    margin-right: 4px;
    background: var(--color-scheme-active);
    border-radius: 123px
}

.editing__wrapper[data-v-c404442e] {
    display: grid;
    grid-template-rows: repeat(2, max-content);
    grid-row-gap: 2px
}

.editing__title[data-v-c404442e] {
    font-style: italic;
    color: var(--color-scheme-active);
    font-weight: 373;
    font-size: 12px;
    line-height: 12px
}

.editing__preview[data-v-c404442e] {
    width: 98%;
    height: 16px;
    overflow: hidden;
    white-space: nowrap;
    color: #60636c;
    text-overflow: ellipsis;
    font-weight: 400;
    font-size: 12px;
    line-height: 14px
}

.dark .editing__preview[data-v-c404442e] {
    color: #ddd
}

.editing__clickable[data-v-c404442e] {
    justify-content: center;
    width: 24px;
    height: 24px
}

[data-v-3536d487]:root {
    --color-scheme-active: #6C78F4
}

.answer[data-v-3536d487] {
    position: relative;
    z-index: 0;
    display: grid;
    grid-template-columns: max-content 1fr max-content;
    align-items: center;
    height: 52px;
    padding: 0 12px;
    background-color: #ededf5;
    border-radius: 12px 12px 0 0
}

.answer[data-v-3536d487]:after {
    content: "";
    position: absolute;
    top: 100%;
    right: 0;
    z-index: -1;
    width: 100%;
    height: 10px;
    background-color: #ededf5
}

.dark .answer[data-v-3536d487] {
    background-color: #242629
}

.dark .answer[data-v-3536d487]:after {
    background-color: #242629
}

.answer__line[data-v-3536d487] {
    width: 2px;
    height: 28px;
    margin-right: 4px;
    background: var(--color-scheme-active);
    border-radius: 123px
}

.answer__wrapper[data-v-3536d487] {
    display: grid;
    grid-template-rows: repeat(2, max-content);
    grid-row-gap: 2px
}

.answer__title[data-v-3536d487] {
    overflow: hidden;
    color: var(--color-scheme-active);
    font-style: italic;
    text-overflow: ellipsis;
    font-weight: 373;
    font-size: 12px;
    line-height: 12px
}

.answer__preview[data-v-3536d487] {
    height: 16px;
    overflow: hidden;
    white-space: nowrap;
    color: #60636c;
    text-overflow: ellipsis;
    font-weight: 400;
    font-size: 12px;
    line-height: 14px
}

.dark .answer__preview[data-v-3536d487] {
    color: #ddd
}

.answer__clickable[data-v-3536d487] {
    justify-content: center;
    width: 24px;
    height: 24px
}

[data-v-a7f47e9f]:root {
    --color-scheme-active: #6C78F4
}

.icon-button[data-v-a7f47e9f] {
    justify-content: center;
    width: 24px;
    height: 24px;
    transition: .2s ease;
    border-radius: 4px
}

.icon-button[data-v-a7f47e9f]:hover {
    background: #838fa714
}

.icon-button[data-v-a7f47e9f]:hover svg path {
    fill: #60636c
}

.icon-button[data-v-a7f47e9f]:active,
.icon-button.focused[data-v-a7f47e9f] {
    background: #838fa729
}

.icon-button[data-v-a7f47e9f]:active svg path,
.icon-button.focused[data-v-a7f47e9f] svg path {
    fill: #383a3f
}

.dark .icon-button[data-v-a7f47e9f]:hover svg path {
    fill: #acb1c2
}

.dark .icon-button[data-v-a7f47e9f]:active svg path,
.dark .icon-button.focused[data-v-a7f47e9f] svg path {
    fill: #acb1c2
}

[data-v-bbc800ff]:root {
    --color-scheme-active: #6C78F4
}

.menu[data-v-bbc800ff] {
    z-index: 9999;
    width: 265px;
    height: 200px;
    padding: 9px 12px;
    overflow-y: auto;
    background-color: #fff;
    transition: opacity .3s ease;
    border: 1px solid #f0f0f0;
    border-radius: 12px;
    box-shadow: 0 4px 13px #3030301a
}

.menu.loading[data-v-bbc800ff] {
    display: flex;
    justify-content: center;
    align-items: center
}

.dark .menu[data-v-bbc800ff] {
    background-color: #242629
}

.menu__group-name[data-v-bbc800ff] {
    font-weight: 500;
    font-size: 12px;
    line-height: 12px;
    margin-bottom: 11px;
    color: #93969f
}

.dark .menu__group-name[data-v-bbc800ff] {
    color: #ddd
}

.menu__group-icons[data-v-bbc800ff] {
    display: grid;
    grid-auto-flow: row;
    grid-auto-rows: max-content;
    grid-template-columns: repeat(10, max-content);
    grid-gap: 4px;
    margin-bottom: 11px
}

.menu__group-icon[data-v-bbc800ff] {
    width: 20px;
    height: 20px;
    transition: background-color .2s ease;
    border-radius: 4px;
    cursor: pointer
}

.menu__group-icon[data-v-bbc800ff]:hover,
.menu__group-icon.active[data-v-bbc800ff] {
    background-color: #ededf5
}

.dark .menu__group-icon[data-v-bbc800ff]:hover,
.dark .menu__group-icon.active[data-v-bbc800ff] {
    background-color: #383a3f
}

[data-v-89c54ac7]:root {
    --color-scheme-active: #6C78F4
}

.emoji[data-v-89c54ac7] {
    position: relative
}

.emoji__menu[data-v-89c54ac7] {
    position: absolute;
    bottom: 28px;
    left: 0;
    z-index: 10;
    width: 315px
}

.emoji__menu[data-v-89c54ac7] .menu__group-icons {
    grid-template-columns: repeat(12, max-content)
}

[data-v-27d47bf2]:root {
    --color-scheme-active: #6C78F4
}

.menu[data-v-27d47bf2] {
    position: relative
}

.menu__dropdown[data-v-27d47bf2] {
    position: absolute;
    bottom: 28px;
    left: 0;
    z-index: 10;
    width: 160px
}

[data-v-57aac2af]:root {
    --color-scheme-active: #6C78F4
}

.preview[data-v-57aac2af] {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    min-width: 78px;
    height: 52px;
    background: #ededf5;
    transition: background .2s ease;
    border-radius: 4px
}

.preview[data-v-57aac2af]:hover {
    background: linear-gradient(0deg, #838fa729, #838fa729), #ededf5
}

.preview[data-v-57aac2af]:active {
    background: linear-gradient(0deg, #838fa73d, #838fa73d), #ededf5
}

.preview__image[data-v-57aac2af] {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.preview__icon[data-v-57aac2af] {
    width: auto;
    height: 32px
}

.preview__sizes[data-v-57aac2af] {
    position: absolute;
    top: 4px;
    left: 5px;
    display: flex;
    align-items: center;
    height: 14px;
    padding: 0 2px;
    color: #fff;
    background: #00000054;
    text-align: center;
    border-radius: 4px;
    font-weight: 500;
    font-size: 8px;
    line-height: 8px
}

.preview__progress[data-v-57aac2af] {
    position: absolute;
    top: 50%;
    left: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background: #00000054;
    transform: translate(-50%, -50%)
}

.preview__progress-value[data-v-57aac2af] {
    display: inline-block;
    width: 12px;
    height: 12px;
    border-radius: 50%
}

.preview__trash[data-v-57aac2af] {
    position: absolute;
    top: 4px;
    right: 4px;
    opacity: 0;
    justify-content: center;
    width: 20px;
    height: 20px;
    background: #838fa729;
    transition: .2s ease;
    border-radius: 6px;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px)
}

.preview__trash[data-v-57aac2af]:hover {
    background: #838fa73d
}

.preview__trash[data-v-57aac2af]:active {
    background: #838fa752
}

.preview:hover .preview__trash[data-v-57aac2af] {
    opacity: 1
}

[data-v-d1189a29]:root {
    --color-scheme-active: #6C78F4
}

.entity[data-v-d1189a29] {
    position: relative;
    min-width: 78px;
    height: 52px;
    border-radius: 4px;
    overflow: hidden
}

.entity__video[data-v-d1189a29],
.entity__image[data-v-d1189a29] {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.entity__video-play[data-v-d1189a29] {
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #00000054;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.entity__fallback[data-v-d1189a29] {
    display: flex;
    justify-content: center;
    align-items: center;
    min-width: 78px;
    height: 52px;
    background: #ededf5;
    border-radius: 4px
}

.entity__trash[data-v-d1189a29] {
    position: absolute;
    top: 4px;
    right: 4px;
    opacity: 0;
    justify-content: center;
    width: 20px;
    height: 20px;
    background: #838fa729;
    transition: background .2s ease;
    border-radius: 6px;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px)
}

.entity__trash[data-v-d1189a29]:hover {
    background: #838fa73d
}

.entity__trash[data-v-d1189a29]:active {
    background: #838fa752
}

.entity:hover .entity__trash[data-v-d1189a29] {
    opacity: 1
}

[data-v-10af1a5e]:root {
    --color-scheme-active: #6C78F4
}

.media[data-v-10af1a5e] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(78px, 1fr));
    gap: 4px;
    padding: 8px 8px 4px
}

[data-v-8b701fd5]:root {
    --color-scheme-active: #6C78F4
}

.data[data-v-8b701fd5] {
    position: absolute;
    bottom: 0;
    pointer-events: all;
    width: 100%
}

.data__window[data-v-8b701fd5] {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    min-height: 96px;
    padding: 8px;
    background-color: #f8f8fb;
    transition: .2s ease;
    cursor: text;
    border-radius: 12px;
    border: 1.5px solid #E5E7EE
}

.data__window.focused[data-v-8b701fd5] {
    background-color: #fff;
    border-color: #93969f
}

.dark .data__window[data-v-8b701fd5] {
    background-color: #2f3136
}

.data__wrapper[data-v-8b701fd5] {
    position: relative
}

.data__placeholder[data-v-8b701fd5] {
    position: absolute;
    top: 12px;
    left: 12px;
    color: #acb1c2;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px
}

.dark .data__placeholder[data-v-8b701fd5] {
    color: #ddd
}

.data__editor[data-v-8b701fd5] {
    height: unset;
    margin-right: 4px;
    padding: 4px 2px;
    max-height: 450px
}

.data__editor[data-v-8b701fd5] .ProseMirror {
    overflow-y: auto
}

.data__editor[data-v-8b701fd5] .editor__target {
    padding: 0
}

.data__footer[data-v-8b701fd5] {
    display: flex;
    align-items: center;
    height: 32px;
    padding-left: 4px
}

.data__button-send[data-v-8b701fd5] {
    display: grid;
    grid-template-columns: max-content 70px;
    grid-column-gap: 4px;
    align-items: center;
    justify-self: end;
    width: max-content;
    height: 32px;
    margin-left: auto;
    padding: 0 12px 0 8px;
    color: #fff;
    background: var(--color-scheme-active);
    border-radius: 8px;
    font-weight: 500;
    font-size: 13px;
    line-height: 13px
}

.data__button-send[data-v-8b701fd5]:hover {
    background: linear-gradient(0deg, #00000014, #00000014), var(--color-scheme-active)
}

.data__button-send[data-v-8b701fd5]:active {
    background: linear-gradient(0deg, #00000029, #00000029), var(--color-scheme-active)
}

.data__button-send[disabled][data-v-8b701fd5] {
    opacity: .7
}

[data-v-d310a040]:root {
    --color-scheme-active: #6C78F4
}

.preview[data-v-d310a040] {
    pointer-events: none;
    display: flex;
    justify-content: flex-end;
    width: 100%;
    height: 96px;
    flex-direction: column
}

.preview__empty[data-v-d310a040] {
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    pointer-events: all;
    display: flex;
    justify-content: space-between;
    align-items: center;
    min-height: 40px;
    padding: 0 15px 0 11px;
    color: #acb1c2;
    background: #f8f8fb;
    transition: .2s ease;
    cursor: pointer;
    border-radius: 12px;
    border: 1px solid rgba(0, 0, 0, .1);
    box-shadow: 0 4px 20px 0 rgf(f fb0/8%)
}

.preview__empty[data-v-d310a040]:hover {
    background: linear-gradient(0deg, #838fa714, #838fa714), #f8f8fb;
    box-shadow: 0 4px 20px #00000014
}

.preview.bottom .preview__empty[data-v-d310a040] {
    border-color: transparent
}

.dark .preview__empty[data-v-d310a040] {
    color: #ddd;
    background: #2f3136
}

.dark .preview__empty[data-v-d310a040]:hover {
    background: #242629
}

.dark .preview__empty[data-v-d310a040]:active {
    background: #202225
}

.preview__count[data-v-d310a040] {
    font-weight: 500;
    font-size: 12px;
    line-height: 16px;
    display: grid;
    grid-template-columns: repeat(2, max-content);
    grid-column-gap: 4px;
    align-items: center;
    color: #60636c
}

.dark .preview__count[data-v-d310a040] {
    color: #ddd
}

[data-v-bedefff7]:root {
    --color-scheme-active: #6C78F4
}

.shadow[data-v-bedefff7] {
    position: absolute;
    right: -32px;
    bottom: -32px;
    left: -32px;
    z-index: -1;
    height: var(--79b69732)
}

.shadow__gradient-blur-bottom[data-v-bedefff7] {
    position: absolute;
    z-index: 5;
    pointer-events: none;
    width: 30%;
    height: 100%;
    margin-left: auto;
    inset: auto -4rem 0 0
}

.shadow__gradient-blur[data-v-bedefff7] {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.shadow__gradient-blur>div[data-v-bedefff7],
.shadow__gradient-blur[data-v-bedefff7]:before,
.shadow__gradient-blur[data-v-bedefff7]:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.shadow__gradient-blur_second[data-v-bedefff7] {
    margin-top: -6%
}

.shadow__gradient-blur[data-v-bedefff7]:before {
    content: "";
    z-index: 1;
    -webkit-backdrop-filter: blur(.5px);
    backdrop-filter: blur(.5px);
    mask: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 12.5%, rgb(255, 255, 255) 25%, rgba(255, 255, 255, 0) 37.5%)
}

.shadow__gradient-blur>div[data-v-bedefff7]:nth-of-type(1) {
    z-index: 2;
    -webkit-backdrop-filter: blur(1px);
    backdrop-filter: blur(1px);
    mask: linear-gradient(to bottom, rgba(255, 255, 255, 0) 12.5%, rgb(255, 255, 255) 25%, rgb(255, 255, 255) 37.5%, rgba(255, 255, 255, 0) 50%)
}

.shadow__gradient-blur>div[data-v-bedefff7]:nth-of-type(2) {
    z-index: 3;
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
    mask: linear-gradient(to bottom, rgba(255, 255, 255, 0) 25%, rgb(255, 255, 255) 37.5%, rgb(255, 255, 255) 50%, rgba(255, 255, 255, 0) 62.5%)
}

.shadow__gradient-blur>div[data-v-bedefff7]:nth-of-type(3) {
    z-index: 4;
    -webkit-backdrop-filter: blur(4px);
    backdrop-filter: blur(4px);
    mask: linear-gradient(to bottom, rgba(255, 255, 255, 0) 37.5%, rgb(255, 255, 255) 50%, rgb(255, 255, 255) 62.5%, rgba(255, 255, 255, 0) 75%)
}

.shadow__gradient-blur>div[data-v-bedefff7]:nth-of-type(4) {
    z-index: 5;
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
    mask: linear-gradient(to bottom, rgba(255, 255, 255, 0) 50%, rgb(255, 255, 255) 62.5%, rgb(255, 255, 255) 75%, rgba(255, 255, 255, 0) 87.5%)
}

.shadow__gradient-blur>div[data-v-bedefff7]:nth-of-type(5) {
    z-index: 6;
    -webkit-backdrop-filter: blur(16px);
    backdrop-filter: blur(16px);
    mask: linear-gradient(to bottom, rgba(255, 255, 255, 0) 62.5%, rgb(255, 255, 255) 75%, rgb(255, 255, 255) 87.5%, rgba(255, 255, 255, 0) 100%)
}

.shadow__gradient-blur>div[data-v-bedefff7]:nth-of-type(6) {
    z-index: 7;
    -webkit-backdrop-filter: blur(32px);
    backdrop-filter: blur(32px);
    mask: linear-gradient(to bottom, rgba(255, 255, 255, 0) 75%, rgb(255, 255, 255) 87.5%, rgb(255, 255, 255) 100%)
}

.shadow__gradient-blur[data-v-bedefff7]:after {
    content: "";
    z-index: 8;
    -webkit-backdrop-filter: blur(64px);
    backdrop-filter: blur(64px);
    mask: linear-gradient(to bottom, rgba(255, 255, 255, 0) 87.5%, rgb(255, 255, 255) 100%)
}

[data-v-cc7835e8]:root {
    --color-scheme-active: #6C78F4
}

.wrapper[data-v-cc7835e8] {
    position: fixed;
    z-index: 9999;
    width: 265px;
    height: 200px;
    padding: 9px 12px;
    overflow-y: auto;
    background-color: #fff;
    transition: opacity .3s ease;
    border: 1px solid #f0f0f0;
    border-radius: 12px;
    box-shadow: 0 4px 13px #3030301a
}

.wrapper.loading[data-v-cc7835e8] {
    display: flex;
    justify-content: center;
    align-items: center
}

.dark .wrapper[data-v-cc7835e8] {
    background-color: #242629
}

[data-v-384e128f]:root {
    --color-scheme-active: #6C78F4
}

.input[data-v-384e128f] {
    position: sticky;
    right: 32px;
    bottom: 32px;
    left: 32px;
    z-index: 200;
    pointer-events: none;
    width: calc(100% - 64px)
}

[data-v-57dfeb06]:root {
    --color-scheme-active: #6C78F4
}

.side[data-v-57dfeb06] {
    position: relative;
    display: grid;
    grid-template-rows: 1fr repeat(2, max-content);
    width: 100%;
    min-width: 560px;
    height: 100%;
    overflow: hidden auto;
    scrollbar-gutter: stable;
    border-left: 1px solid #EDEDF5;
    transition: .2s ease
}

.grid .side[data-v-57dfeb06] {
    min-width: unset
}

.dark .side[data-v-57dfeb06] {
    border-left-color: #2a2a2a
}

.side__comments[data-v-57dfeb06],
.side__comments[data-v-57dfeb06] .empty {
    height: 100%
}

.side__comments.empty[data-v-57dfeb06] {
    align-content: center
}

.side__bottom[data-v-57dfeb06] {
    pointer-events: none;
    width: 100%;
    height: 1px
}

[data-v-2f8fb8ee]:root {
    --color-scheme-active: #6C78F4
}

.zone[data-v-2f8fb8ee] {
    height: 100%;
    padding: 16px;
    border-radius: 16px;
    background-color: #fff
}

.dark .zone[data-v-2f8fb8ee] {
    background-color: #2f3136
}

.zone__wrapper[data-v-2f8fb8ee] {
    display: grid;
    grid-template-rows: 50% 1fr max-content;
    grid-row-gap: 10px;
    justify-content: center;
    align-items: center;
    height: 100%;
    border-radius: 8px;
    border: 1px dashed #ACB1C2
}

.zone_active .zone__wrapper[data-v-2f8fb8ee] {
    border-color: var(--color-scheme-active)
}

.zone__icon[data-v-2f8fb8ee] {
    place-self: end center
}

.zone__description[data-v-2f8fb8ee] {
    align-self: start
}

.zone__footer[data-v-2f8fb8ee] {
    margin-bottom: 8px;
    color: #acb1c2;
    font-weight: 400;
    font-size: 12px;
    line-height: 12px
}

[data-v-5479ee0f]:root {
    --color-scheme-active: #6C78F4
}

.cover__description[data-v-5479ee0f] {
    color: #60636c;
    text-align: center;
    font-weight: 400;
    font-size: 16px;
    line-height: 19px
}

.cover__description[data-v-5479ee0f] span {
    height: 23px;
    padding: 0 4px;
    color: var(--color-scheme-active);
    background-color: var(--color-scheme-active-lighten-90);
    border-radius: 6px
}

.dark .cover__description[data-v-5479ee0f] {
    color: #ddd
}

.dark .cover__description[data-v-5479ee0f] span {
    color: var(--color-scheme-active-lighten-90);
    background-color: var(--color-scheme-active)
}

[data-v-3bb4cf10]:root {
    --color-scheme-active: #6C78F4
}

.description__text[data-v-3bb4cf10] {
    color: #60636c;
    text-align: center;
    font-weight: 400;
    font-size: 16px;
    line-height: 19px
}

.dark .description__text[data-v-3bb4cf10] {
    color: #ddd
}

[data-v-95d33425]:root {
    --color-scheme-active: #6C78F4
}

.comments__description[data-v-95d33425] {
    color: #60636c;
    text-align: center;
    font-weight: 400;
    font-size: 16px;
    line-height: 19px
}

.dark .comments__description[data-v-95d33425] {
    color: #ddd
}

[data-v-ce1f73e5]:root {
    --color-scheme-active: #6C78F4
}

.files__description[data-v-ce1f73e5] {
    color: #60636c;
    text-align: center;
    font-weight: 400;
    font-size: 16px;
    line-height: 19px
}

.dark .files__description[data-v-ce1f73e5] {
    color: #ddd
}

[data-v-e55b37b2]:root {
    --color-scheme-active: #6C78F4
}

.dropzone[data-v-e55b37b2] {
    position: absolute;
    z-index: 99999;
    width: 100%;
    height: calc(100% - 52px);
    padding: 8px;
    background: #21212126;
    top: 52px;
    right: 0;
    bottom: 0;
    left: 0
}

.dropzone__full[data-v-e55b37b2] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: 7px;
    height: 100%
}

.dropzone__full-first-group[data-v-e55b37b2] {
    display: grid;
    grid-template-rows: 1fr 3fr;
    grid-row-gap: 7px
}

.dropzone__full-second-group[data-v-e55b37b2] {
    display: grid;
    grid-template-rows: 3fr 1fr;
    grid-row-gap: 7px
}

.dropzone__compact[data-v-e55b37b2] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(3, 1fr);
    grid-gap: 7px;
    height: 100%
}

.dropzone__item.row[data-v-e55b37b2] {
    grid-column: span 2
}

[data-v-b56377b1]:root {
    --color-scheme-active: #6C78F4
}

.skeleton[data-v-b56377b1] {
    display: flex;
    flex-direction: column
}

.skeleton__group.seventh[data-v-b56377b1] {
    display: grid;
    grid-template-columns: 120px 180px;
    grid-column-gap: 44px;
    height: 100%;
    margin: 0 0 12px 32px
}

.skeleton__group.eighth[data-v-b56377b1] {
    display: grid;
    grid-template-columns: 80px 200px;
    grid-column-gap: 84px;
    height: 100%;
    margin: 0 0 12px 32px
}

.skeleton__group.ninth[data-v-b56377b1] {
    display: grid;
    grid-template-columns: repeat(2, 100px);
    grid-column-gap: 64px;
    height: 100%;
    margin: 0 0 12px 32px
}

.skeleton__group.tenth[data-v-b56377b1] {
    display: grid;
    grid-template-columns: 72px 140px;
    grid-column-gap: 92px;
    height: 100%;
    margin: 0 0 32px 32px
}

.skeleton__group.eleventh[data-v-b56377b1] {
    height: 600px;
    margin: 0 32px;
    background-color: #f8f8fb
}

.dark .skeleton__group.eleventh[data-v-b56377b1] {
    background-color: #2f3136
}

.skeleton__ellipse[data-v-b56377b1] {
    width: 100%;
    height: 14.64px;
    background-color: #f8f8fb;
    border-radius: 123px
}

.skeleton__group.first .skeleton__ellipse[data-v-b56377b1] {
    height: 16px
}

.dark .skeleton__ellipse[data-v-b56377b1] {
    background-color: #2f3136
}

[data-v-f5e8e22e]:root {
    --color-scheme-active: #6C78F4
}

.dropzone-enter-active[data-v-f5e8e22e],
.dropzone-leave-active[data-v-f5e8e22e] {
    transition: opacity .2s ease
}

.dropzone-enter-from[data-v-f5e8e22e],
.dropzone-leave-to[data-v-f5e8e22e] {
    opacity: 0
}

.task[data-v-f5e8e22e] {
    position: relative;
    display: flex;
    overflow: hidden;
    flex-direction: column
}

.task.full[data-v-f5e8e22e] .project__value .project__name,
.task.full[data-v-f5e8e22e] .board__value,
.task.full[data-v-f5e8e22e] .column__name {
    max-width: 90px
}

.task__header[data-v-f5e8e22e] {
    flex: none
}

.task__sides[data-v-f5e8e22e] {
    display: flex;
    height: 100%;
    overflow: hidden;
    transition: .2s ease
}

.task__sides.grid[data-v-f5e8e22e] {
    display: grid;
    grid-template-columns: repeat(2, 1fr)
}

.task__wrapper[data-v-f5e8e22e] {
    flex: none;
    width: 100%;
    overflow: hidden auto;
    transition: .2s ease;
    scrollbar-gutter: stable;
    scroll-behavior: smooth
}

.task__wrapper.loading[data-v-f5e8e22e] {
    overflow: hidden
}

.task__top[data-v-f5e8e22e] {
    display: grid;
    grid-template-columns: repeat(2, max-content) 1fr;
    grid-column-gap: 8px;
    height: 36px;
    margin: 32px 32px 16px
}

.task__top.only-author[data-v-f5e8e22e] {
    grid-template-columns: 1fr
}

.task__comments[data-v-f5e8e22e] {
    margin-bottom: 0
}

.task__loading[data-v-f5e8e22e] {
    position: absolute;
    z-index: 15;
    opacity: .5;
    background-color: #f8f8fb;
    top: 52px;
    right: 0;
    bottom: 0;
    left: 0
}

.dark .task__loading[data-v-f5e8e22e] {
    background-color: #242629
}

.task__bottom[data-v-f5e8e22e] {
    pointer-events: none;
    width: 100%;
    height: 1px
}

[data-v-3065bcff]:root {
    --color-scheme-active: #6C78F4
}

.error[data-v-3065bcff] {
    flex: 1 1 auto;
    display: flex;
    justify-content: center;
    align-items: center
}

.dark .error svg path[data-v-3065bcff] {
    fill: #c8cbd1
}

.error__wrapper[data-v-3065bcff] {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    min-height: 225px;
    padding: 30px;
    background-color: #fff;
    max-width: 616px;
    border-radius: 4px;
    text-align: center;
    flex-direction: column;
    box-shadow: 0 2px 9px #cfcfcf8a
}

.error__wrapper[data-v-3065bcff] svg {
    display: block;
    width: 22px;
    height: 18px;
    margin: 0 auto 18px
}

.error__wrapper[data-v-3065bcff] svg path {
    fill: #c8cbd1
}

.dark .error__wrapper[data-v-3065bcff] {
    background-color: #383a3f;
    box-shadow: 0 0 29px #2426299e
}

.error__title[data-v-3065bcff] {
    font-weight: 700
}

.dark .error__title[data-v-3065bcff] {
    color: #ddd
}

.error__description[data-v-3065bcff] {
    margin: 8px 0 20px;
    font-size: .875rem;
    line-height: 1.4em;
    color: #bebebe;
    max-width: 250px
}

.dark .error__description[data-v-3065bcff] {
    color: #8d8d8d
}

[data-v-9dc839c3]:root {
    --color-scheme-active: #6C78F4
}

.task-page[data-v-9dc839c3] {
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    overflow: hidden
}

.dark .task-page[data-v-9dc839c3] {
    background-color: #2f3136
}

.task-page__head[data-v-9dc839c3] {
    flex: none;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 24px 0
}

.task-page__logo[data-v-9dc839c3] {
    display: block;
    width: 20px;
    height: 15px
}

.task-page__logo path[data-v-9dc839c3] {
    stroke: #c8cbd1
}

.task-page__container[data-v-9dc839c3] {
    flex: 1 1 auto;
    display: flex;
    justify-content: center;
    padding-bottom: 20px;
    overflow: hidden
}

.task-page__view[data-v-9dc839c3] {
    flex: 1 1 auto;
    overflow: hidden auto;
    background-color: #fff;
    max-width: 664px;
    border-radius: 4px;
    box-shadow: 0 0 40px #5959591a
}

.dark .task-page__view[data-v-9dc839c3] {
    background-color: #383a3f;
    box-shadow: 0 0 29px #2426299e
}

[data-v-a189e885]:root {
    --color-scheme-active: #6C78F4
}

.menu[data-v-a189e885] {
    display: grid;
    grid-auto-flow: row;
    grid-auto-rows: max-content;
    grid-row-gap: 12px;
    padding: 16px 10px;
    max-height: 30dvh;
    overflow-y: auto;
    background-color: #fff
}

.dark .menu[data-v-a189e885] {
    background-color: #2f3136
}

.menu__section-name[data-v-a189e885] {
    margin-bottom: 8px;
    font-weight: 600;
    font-size: 12px;
    line-height: 14px;
    color: #acb1c2
}

.menu__section-nodes[data-v-a189e885] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 4px
}

.menu__section-node[data-v-a189e885] {
    display: grid;
    grid-template-columns: max-content 1fr;
    grid-column-gap: 8px;
    align-items: center;
    padding: 8px;
    color: #242629;
    background-color: #f8f8fb;
    border-radius: 4px;
    transition: background-color .2s ease;
    text-align: start;
    font-weight: 400;
    font-size: 14px;
    line-height: 16.8px
}

.menu__section-node[data-v-a189e885]:hover {
    background-color: #ededf5
}

.dark .menu__section-node[data-v-a189e885] {
    color: #ddd;
    background-color: #242629
}

.dark .menu__section-node[data-v-a189e885]:hover {
    background-color: #202225
}

[data-v-d514595a]:root {
    --color-scheme-active: #6C78F4
}

.menu[data-v-d514595a] {
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: max-content;
    grid-column-gap: 8px;
    align-items: center
}

[data-v-6b595ac9]:root {
    --color-scheme-active: #6C78F4
}

.menu-header[data-v-6b595ac9] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 48px;
    margin-bottom: 4px;
    padding: 0 16px;
    color: #242629;
    font-weight: 500;
    font-size: 16px;
    line-height: 20px
}

.dark .menu-header[data-v-6b595ac9] {
    color: #ddd
}

[data-v-ae2ab629]:root {
    --color-scheme-active: #6C78F4
}

.context-menu[data-v-ae2ab629] {
    position: fixed;
    right: 0;
    bottom: 12px;
    left: 0;
    z-index: 9999;
    margin-right: 10px;
    margin-left: 10px;
    padding-bottom: 4px;
    max-height: 45dvh;
    overflow: hidden auto;
    border-radius: 12px;
    box-shadow: 12px 12px 32px #00000014, 0 1px 1px #0000000a
}

.dark .context-menu[data-v-ae2ab629] {
    border-color: #2a2a2a;
    background-color: #2f3136
}

[data-v-abcbd853]:root {
    --color-scheme-active: #6C78F4
}

.dropdown__group[data-v-abcbd853] {
    margin-top: 4px
}

.dropdown__name[data-v-abcbd853] {
    display: flex;
    align-items: center;
    height: 28px;
    padding: 0 16px;
    font-weight: 500;
    font-size: 12px;
    line-height: 12px;
    color: #93969f
}

.dropdown__item[data-v-abcbd853] {
    display: grid;
    grid-template-columns: max-content 1fr;
    grid-column-gap: 8px;
    align-items: center;
    height: 32px;
    margin: 0 4px;
    padding: 0 8px;
    transition: .2s ease;
    cursor: pointer;
    border-radius: 4px;
    font-weight: 500;
    font-size: 14px;
    line-height: 14px
}

.dropdown__item.text-color[data-v-abcbd853]:hover,
.dropdown__item.background-color[data-v-abcbd853]:hover {
    background-color: #f8f8fb
}

.dark .dropdown__item[data-v-abcbd853] {
    color: #ddd
}

.dark .dropdown__item.text-color[data-v-abcbd853]:hover,
.dark .dropdown__item.background-color[data-v-abcbd853]:hover {
    background-color: #383a3f
}

.dropdown__icon.text-color[data-v-abcbd853] path:first-of-type {
    fill: #e5e7ee
}

.dropdown__icon.text-color[data-v-abcbd853] path:not(:first-of-type) {
    fill: inherit!important
}

.dropdown__icon.background-color[data-v-abcbd853] {
    width: 16px;
    height: 16px;
    border-radius: 2px
}

.dark .dropdown__icon.text-color[data-v-abcbd853] path:first-of-type {
    fill: #93969f
}

[data-v-667cb19b]:root {
    --color-scheme-active: #6C78F4
}

.dropdown__header[data-v-667cb19b] {
    padding-top: 10px;
    padding-bottom: 6px
}

.dropdown__wrapper[data-v-667cb19b] {
    overflow: hidden auto
}

.dropdown__input[data-v-667cb19b] {
    margin: 0 16px 4px
}

.dropdown__item[data-v-667cb19b] {
    flex: none;
    height: 40px;
    padding: 0 16px
}

.dropdown__loading[data-v-667cb19b] {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 130px
}

.dropdown__empty[data-v-667cb19b] {
    flex: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 15px 0;
    color: #acb1c2;
    font-weight: 500;
    font-size: 12px;
    line-height: 12px
}

.dark .dropdown__empty[data-v-667cb19b] {
    color: #ddd
}

[data-v-ff32e250]:root {
    --color-scheme-active: #6C78F4
}

.menu__option[data-v-ff32e250] {
    height: 40px;
    padding: 0 16px
}

[data-v-416af827]:root {
    --color-scheme-active: #6C78F4
}

.menu[data-v-416af827] {
    display: grid;
    grid-template-rows: max-content 1fr;
    padding-bottom: 16px
}

.menu__options[data-v-416af827] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: 4px;
    margin: 0 16px 16px;
    padding: 2px;
    border-radius: 8px;
    background-color: #ededf5
}

.dark .menu__options[data-v-416af827] {
    background-color: #2f3136
}

.menu__option[data-v-416af827] {
    display: grid;
    grid-template-columns: repeat(2, max-content);
    grid-column-gap: 4px;
    justify-content: center;
    align-items: center;
    height: 28px;
    color: #9499ad;
    border-radius: 6px;
    font-weight: 500;
    font-size: 12px;
    line-height: 15px
}

.menu__option.active[data-v-416af827] {
    color: #202430;
    background-color: #fff
}

.dark .menu__option.active[data-v-416af827] {
    color: #ddd;
    background-color: #242629
}

.menu__body[data-v-416af827] {
    margin: 0 16px
}

.menu__link[data-v-416af827] {
    margin-bottom: 16px
}

[data-v-d06c0aa6]:root {
    --color-scheme-active: #6C78F4
}

.dropdown__input[data-v-d06c0aa6] {
    margin: 0 16px
}

.dropdown__wrapper[data-v-d06c0aa6] {
    margin-top: 16px
}

.dropdown__wrapper.empty[data-v-d06c0aa6],
.dropdown__wrapper.loading[data-v-d06c0aa6] {
    display: flex;
    justify-content: center;
    align-items: center
}

.menu__hr[data-v-d06c0aa6] {
    height: 1px;
    margin: 0 16px;
    background-color: #f8f8fb;
    border: none
}

.dark .menu__hr[data-v-d06c0aa6] {
    background-color: #2a2a2a
}

.menu__item[data-v-d06c0aa6] {
    padding: 0 16px
}

.menu__empty[data-v-d06c0aa6] {
    padding: 15px 0;
    text-align: center;
    font-weight: 400;
    font-size: 14px;
    line-height: 14px;
    color: #cacad2
}

[data-v-033f6073]:root {
    --color-scheme-active: #6C78F4
}

.nodes[data-v-033f6073] {
    position: fixed;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 9999
}

.nodes__header[data-v-033f6073] {
    display: grid;
    grid-template-columns: max-content 1fr;
    grid-column-gap: 8px;
    align-items: center;
    height: 40px;
    padding: 0 8px;
    background-color: #f8f8fb;
    border-top: 1px solid #E5E7EE;
    border-bottom: 1px solid #E5E7EE
}

.dark .nodes__header[data-v-033f6073] {
    background-color: #2f3136;
    border-color: #2a2a2a
}

.nodes__section[data-v-033f6073] {
    display: flex
}

.nodes__option[data-v-033f6073] {
    height: max-content;
    padding: 6px
}

.nodes__option.attachment[data-v-033f6073] {
    margin-left: auto
}

.nodes__selection[data-v-033f6073] {
    height: 100%;
    padding: 0 8px;
    border-left: 1px solid #E5E7EE;
    overflow-x: auto
}

.nodes__selection[data-v-033f6073]::-webkit-scrollbar {
    display: none
}

.dark .nodes__selection[data-v-033f6073] {
    border-color: #2a2a2a
}

.nodes__side[data-v-033f6073] {
    display: grid;
    grid-template-columns: 1fr max-content;
    grid-column-gap: 8px;
    align-items: center
}

.nodes__side.without-text[data-v-033f6073] {
    grid-template-columns: 1fr
}

.nodes__text[data-v-033f6073] {
    font-weight: 500;
    font-size: 14px;
    line-height: 16.8px;
    color: #acb1c2;
    cursor: pointer
}

.dark .nodes__text[data-v-033f6073] {
    color: #ddd
}

.nodes__quick[data-v-033f6073] {
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: max-content;
    grid-column-gap: 4px;
    margin-left: auto
}

[data-v-0cab3232]:root {
    --color-scheme-active: #6C78F4
}

.menu__group[data-v-0cab3232] {
    padding: 0 16px
}

.menu__group-name[data-v-0cab3232] {
    font-weight: 500;
    font-size: 12px;
    line-height: 12px;
    margin-bottom: 11px;
    color: #93969f
}

.dark .menu__group-name[data-v-0cab3232] {
    color: #ddd
}

.menu__group-icons[data-v-0cab3232] {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
    margin-bottom: 11px
}

.menu__group-icon[data-v-0cab3232] {
    flex: none;
    width: 40px;
    height: 40px;
    transition: background-color .2s ease;
    border-radius: 4px;
    cursor: pointer
}

.menu__group-icon[data-v-0cab3232]:hover,
.menu__group-icon.active[data-v-0cab3232] {
    background-color: #ededf5
}

.dark .menu__group-icon[data-v-0cab3232]:hover,
.dark .menu__group-icon.active[data-v-0cab3232] {
    background-color: #383a3f
}

[data-v-20f2307d]:root {
    --color-scheme-active: #6C78F4
}

.dropdown__group[data-v-20f2307d] {
    margin-top: 4px
}

.dropdown__name[data-v-20f2307d] {
    display: flex;
    align-items: center;
    height: 28px;
    padding: 0 16px;
    font-weight: 500;
    font-size: 12px;
    line-height: 12px;
    color: #93969f
}

.dropdown__item[data-v-20f2307d] {
    display: grid;
    grid-template-columns: max-content 1fr;
    grid-column-gap: 8px;
    align-items: center;
    width: 100%;
    height: 32px;
    padding: 0 16px;
    transition: .2s ease;
    cursor: pointer;
    text-align: start;
    font-weight: 500;
    font-size: 14px;
    line-height: 14px
}

.dropdown__item[data-v-20f2307d]:hover {
    background-color: #f8f8fb
}

.dark .dropdown__item[data-v-20f2307d] {
    color: #ddd
}

.dark .dropdown__item[data-v-20f2307d]:hover {
    background-color: #383a3f
}

.dropdown__icon[data-v-20f2307d] {
    width: 16px;
    height: 16px
}

.dropdown__icon.text-color[data-v-20f2307d] path:first-of-type {
    fill: #e5e7ee
}

.dropdown__icon.text-color[data-v-20f2307d] path:not(:first-of-type) {
    fill: inherit!important
}

.dropdown__icon.background-color[data-v-20f2307d] {
    border-radius: 2px
}

.dark .dropdown__icon.text-color[data-v-20f2307d] path:first-of-type {
    fill: #93969f
}

[data-v-39829e60]:root {
    --color-scheme-active: #6C78F4
}

.menu__option[data-v-39829e60] {
    height: 40px;
    padding: 0 16px
}

[data-v-3b77a913]:root {
    --color-scheme-active: #6C78F4
}

.menu__option[data-v-3b77a913] {
    height: 40px;
    padding: 0 16px
}

[data-v-276f6ed9]:root {
    --color-scheme-active: #6C78F4
}

.menu__option[data-v-276f6ed9] {
    height: 40px;
    padding: 0 16px
}

[data-v-39047fd8]:root {
    --color-scheme-active: #6C78F4
}

.menu__option[data-v-39047fd8] {
    height: 40px;
    padding: 0 16px
}

[data-v-8e2ae0b5]:root {
    --color-scheme-active: #6C78F4
}

.menu__option[data-v-8e2ae0b5] {
    height: 40px;
    padding: 0 16px
}

[data-v-21de4764]:root {
    --color-scheme-active: #6C78F4
}

.menu__option[data-v-21de4764] {
    height: 40px;
    padding: 0 16px
}

[data-v-4ffb20cb]:root {
    --color-scheme-active: #6C78F4
}

.menu[data-v-4ffb20cb] {
    display: grid;
    grid-template-rows: max-content 1fr;
    padding-bottom: 16px
}

.menu__input[data-v-4ffb20cb] {
    margin: 0 16px 16px
}

.menu__button[data-v-4ffb20cb] {
    width: calc(100% - 32px)!important;
    margin: 0 16px
}

[data-v-93b60963]:root {
    --color-scheme-active: #6C78F4
}

.menu__option[data-v-93b60963] {
    height: 40px;
    padding: 0 16px
}

[data-v-859db010]:root {
    --color-scheme-active: #6C78F4
}

.menu[data-v-859db010] {
    padding-bottom: 16px
}

.menu__wrapper[data-v-859db010] {
    padding: 0 16px
}

.menu__textarea[data-v-859db010] {
    font-weight: 400;
    font-size: 14px;
    line-height: 17.5px;
    padding: 11px 12px;
    overflow: hidden;
    background: #f8f8fb;
    transition: none;
    border: none;
    border-radius: 8px;
    outline: none;
    max-height: 108px;
    overflow-y: auto
}

.menu__textarea[data-v-859db010]::placeholder {
    font-weight: 400;
    font-size: 14px;
    line-height: 17.5px;
    color: #acb1c2
}

.dark .menu__textarea[data-v-859db010] {
    color: #ddd;
    background-color: #242629
}

.menu__error[data-v-859db010] {
    margin-top: 4px;
    color: #ff8a8a;
    font-weight: 400;
    font-size: 10px;
    line-height: 12px
}

.menu__button[data-v-859db010] {
    margin-top: 8px
}

[data-v-22994f4e]:root {
    --color-scheme-active: #6C78F4
}

.menu__option[data-v-22994f4e] {
    height: 40px;
    padding: 0 16px
}

[data-v-124d1574]:root {
    --color-scheme-active: #6C78F4
}

.link__input[data-v-124d1574] {
    margin: 0 16px 4px
}

.link__value[data-v-124d1574] {
    height: 17px;
    padding: 0;
    overflow: hidden;
    white-space: nowrap;
    color: #acb1c2;
    text-decoration: none;
    text-overflow: ellipsis;
    border: none;
    outline: none;
    font-weight: 400;
    font-size: 14px;
    line-height: 17px
}

.dark .link__value[data-v-124d1574] {
    color: #ddd;
    background-color: #242629
}

.link__dropdown-item[data-v-124d1574] {
    height: 40px;
    padding: 0 16px
}

[data-v-e0a0f432]:root {
    --color-scheme-active: #6C78F4
}

.edit__empty[data-v-e0a0f432] {
    cursor: text
}

.edit__title[data-v-e0a0f432] {
    padding: 9px 11px;
    font-weight: 500;
    font-size: 12px;
    line-height: 12px;
    color: #acb1c2
}

.dark .edit__title[data-v-e0a0f432] {
    color: #ddd
}

.edit__input[data-v-e0a0f432] {
    padding: 4px 12px
}

.edit__input[data-v-e0a0f432] .v-input__item {
    height: 32px
}

.edit__hr-wrapper[data-v-e0a0f432] {
    padding: 8px 0
}

.edit__hr[data-v-e0a0f432] {
    height: 1px;
    margin: 0;
    border: none;
    border-top: 1px solid #f4f4f8
}

.dark .edit__hr[data-v-e0a0f432] {
    border-color: #2a2a2a
}

.edit__button[data-v-e0a0f432] {
    display: flex;
    gap: 8px;
    align-items: center;
    min-height: 32px;
    padding: 4px 12px;
    color: #ff4d4f;
    font-weight: 500;
    font-size: 14px;
    line-height: 14px
}

[data-v-2b4bc147]:root {
    --color-scheme-active: #6C78F4
}

.pasted__item[data-v-2b4bc147] {
    height: 40px;
    padding: 0 16px
}

[data-v-08494a32]:root {
    --color-scheme-active: #6C78F4
}

.web-view[data-v-08494a32] {
    width: 100%;
    height: calc(100% - 40px);
    overflow: auto;
    background-color: #fff
}

.web-view[data-v-08494a32] .editor {
    display: block!important;
    overflow: visible!important
}

.web-view[data-v-08494a32] .editor__target {
    overflow: visible!important
}

.dark .web-view[data-v-08494a32] {
    background-color: #383a3f
}

[data-v-90c5d8fb]:root {
    --color-scheme-active: #6C78F4
}

.analytics-page[data-v-90c5d8fb] {
    height: 100%;
    overflow: auto
}

.dark .analytics-page[data-v-90c5d8fb] {
    background-color: #2f3136
}

[data-v-7d9e1323]:root {
    --color-scheme-active: #6C78F4
}

.create-dashboard-modal[data-v-7d9e1323] {
    cursor: pointer
}

.create-dashboard-modal__input[data-v-7d9e1323] {
    position: relative;
    display: grid;
    grid-auto-rows: max-content;
    grid-row-gap: 8px
}

.dark .create-dashboard-modal__label[data-v-7d9e1323] {
    color: #dddd
}

.dark .modal__button[disabled][data-v-7d9e1323] {
    background-color: #2f3136
}

[data-v-b7059d52]:root {
    --color-scheme-active: #6C78F4
}

.create-folder-modal[data-v-b7059d52] {
    cursor: pointer
}

.create-folder-modal__input[data-v-b7059d52] {
    position: relative;
    display: grid;
    grid-auto-rows: max-content;
    grid-row-gap: 8px
}

.dark .create-folder-modal__label[data-v-b7059d52] {
    color: #dddd
}

.dark .modal__button[disabled][data-v-b7059d52] {
    background-color: #2f3136
}

[data-v-dba8c797]:root {
    --color-scheme-active: #6C78F4
}

.analytics-employees-list[data-v-dba8c797] {
    position: relative;
    display: flex;
    height: calc(100vh - 119px);
    min-height: 100%;
    overflow: scroll
}

.analytics-employees-list__container[data-v-dba8c797] {
    flex: 1 1 auto;
    display: flex;
    padding-left: 294px;
    flex-direction: column
}

.analytics-employees-list__head[data-v-dba8c797] {
    display: grid;
    grid-template-columns: repeat(7, minmax(180px, 1fr));
    padding-bottom: 12px
}

.analytics-employees-list__head-col[data-v-dba8c797] {
    padding: 12px;
    font-size: 13px;
    font-weight: 300;
    line-height: 16px;
    color: #60636c;
    border-right: 1px solid #e5e7ee;
    background: #fff
}

.dark .analytics-employees-list__head-col[data-v-dba8c797] {
    color: #ddd;
    background-color: #242629;
    border-color: #1e1f22
}

.analytics-employees-list__head-col[data-v-dba8c797]:nth-child(1) {
    border-radius: 8px 0 0 8px
}

.analytics-employees-list__head-col[data-v-dba8c797]:last-child {
    margin-right: 10px;
    border-right: none;
    border-radius: 0 8px 8px 0
}

.analytics-employees-list__body[data-v-dba8c797] {
    background: #fff
}

.dark .analytics-employees-list__body[data-v-dba8c797] {
    background-color: #383a3f
}

.analytics-employees-list__nav[data-v-dba8c797] {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    display: flex;
    width: 294px;
    background-color: #f8f8fb;
    flex-direction: column
}

.analytics-employees-list__nav-body[data-v-dba8c797] {
    display: flex;
    flex-direction: column;
    width: 100%;
    border-right: 1px solid #e5e7ee
}

.dark .analytics-employees-list__nav-body[data-v-dba8c797] {
    border-right: 1px solid #1E1F22
}

.analytics-employees-list__nav-head[data-v-dba8c797] {
    display: flex;
    align-items: center;
    padding-bottom: 12px;
    padding-left: 10px
}

.dark .analytics-employees-list__nav-head[data-v-dba8c797] {
    background-color: #2f3136
}

.analytics-employees-list__nav-head-name[data-v-dba8c797] {
    margin-right: 8px;
    font-size: 14px;
    font-weight: 500;
    line-height: 17px;
    color: #202430
}

.dark .analytics-employees-list__nav-head-name[data-v-dba8c797] {
    color: #a6a7b3
}

.analytics-employees-list__nav-head-value[data-v-dba8c797] {
    display: flex;
    justify-content: center;
    align-items: center;
    min-width: 32px;
    height: 40px;
    padding: 10px;
    font-size: 14px;
    font-weight: 500;
    line-height: 17px;
    color: #6a707c;
    background: #fff;
    border-radius: 8px
}

.dark .analytics-employees-list__nav-head-value[data-v-dba8c797] {
    color: #a6a7b3;
    background-color: #383a3f
}

[data-v-ec54c9a3]:root {
    --color-scheme-active: #6C78F4
}

.input-date-arrowed[data-v-ec54c9a3] {
    position: relative;
    display: flex;
    align-items: center;
    -webkit-user-select: none;
    user-select: none;
    height: 100%
}

.input-date-arrowed__arrow[data-v-ec54c9a3] {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 22px;
    height: 22px;
    cursor: pointer
}

.input-date-arrowed__arrow.previous[data-v-ec54c9a3] {
    transform: rotate(90deg)
}

.input-date-arrowed__arrow.next[data-v-ec54c9a3] {
    transform: rotate(-90deg)
}

.input-date-arrowed__line[data-v-ec54c9a3] {
    position: relative;
    display: flex;
    gap: 8px;
    align-items: center;
    height: 100%;
    margin: 0 5px;
    cursor: pointer
}

.input-date-arrowed__line span[data-v-ec54c9a3] {
    width: 80px;
    font-size: 14px;
    color: #202430;
    text-align: right
}

.dark .input-date-arrowed__line span[data-v-ec54c9a3] {
    color: #8d8d8d
}

.input-date-arrowed__icon[data-v-ec54c9a3] {
    flex: none;
    margin-right: 13px
}

.input-date-arrowed__panel[data-v-ec54c9a3] {
    position: relative;
    display: flex;
    align-items: center;
    height: 100%;
    padding: 0 22px;
    background: #fff;
    -webkit-user-select: none;
    user-select: none;
    border-radius: 8px
}

.dark .input-date-arrowed__panel[data-v-ec54c9a3] {
    background: #242629
}

[data-v-9025638b]:root {
    --color-scheme-active: #6C78F4
}

.analytics-header[data-v-9025638b] {
    padding: 10px;
    border-bottom: none
}

.dark .analytics-header[data-v-9025638b] {
    border-bottom: none
}

.analytics-header__inner[data-v-9025638b] {
    display: flex;
    gap: 16px;
    justify-content: space-between;
    width: 100%
}

.analytics-header__wrap[data-v-9025638b] {
    flex: 1 1 auto;
    display: flex;
    gap: 16px
}

.analytics-header__search[data-v-9025638b] {
    width: 100%
}

.analytics-header__search[data-v-9025638b] .v-input__item {
    padding-left: 36px;
    border-radius: 8px;
    border-color: transparent
}

.dark .analytics-header__search[data-v-9025638b] .v-input__item {
    background-color: #242629
}

.analytics-header__search[data-v-9025638b] .v-input__icon {
    width: 20px;
    height: 20px
}

[data-v-656e2bb0]:root {
    --color-scheme-active: #6C78F4
}

.analytics-employees__nav-item[data-v-656e2bb0] {
    display: flex;
    gap: 20px;
    align-items: center;
    width: 100%;
    height: 90px;
    padding: 16px 24px 16px 10px;
    background: #fff;
    text-decoration: none
}

.dark .analytics-employees__nav-item[data-v-656e2bb0] {
    color: #ddd;
    background-color: #383a3f
}

.analytics-employees__nav-item[data-v-656e2bb0]:nth-child(1) {
    border-top: 1px solid #e5e7ee
}

.dark .analytics-employees__nav-item[data-v-656e2bb0]:nth-child(1) {
    border-color: #1e1f22
}

.analytics-employees__nav-item[data-v-656e2bb0]:hover .project-settings-menu {
    pointer-events: auto;
    opacity: 1
}

.analytics-employees__nav-item-text[data-v-656e2bb0] {
    flex: 1;
    display: flex;
    justify-content: center;
    height: 100%;
    flex-direction: column;
    overflow: hidden
}

.analytics-employees__nav-item-name[data-v-656e2bb0] {
    overflow: hidden;
    line-break: anywhere;
    white-space: nowrap;
    color: #000;
    text-decoration: none;
    text-overflow: ellipsis;
    font-weight: 500;
    font-size: 14px;
    line-height: 17px
}

.dark .analytics-employees__nav-item-name[data-v-656e2bb0] {
    color: #ddd
}

.analytics-employees__nav-item-desc[data-v-656e2bb0] {
    margin-top: 4px;
    font-size: 12px;
    font-weight: 300;
    line-height: 14px;
    color: #202430
}

.dark .analytics-employees__nav-item-desc[data-v-656e2bb0] {
    color: #a6a7b3
}

.analytics-employees__item[data-v-656e2bb0] {
    display: grid;
    grid-template-columns: repeat(7, minmax(180px, 1fr))
}

.analytics-employees__item-col[data-v-656e2bb0] {
    display: flex;
    justify-content: center;
    width: 100%;
    height: 90px;
    padding: 20px 10px;
    background: #fff;
    flex-direction: column;
    text-decoration: none
}

.dark .analytics-employees__item-col[data-v-656e2bb0] {
    border-color: #1e1f22;
    background-color: #383a3f
}

.analytics-employees__item:nth-child(1) .analytics-employees__item-col[data-v-656e2bb0] {
    border-top: 1px solid #e5e7ee
}

.dark .analytics-employees__item:nth-child(1) .analytics-employees__item-col[data-v-656e2bb0] {
    border-color: #1e1f22
}

.analytics-employees__item-desc[data-v-656e2bb0] {
    font-size: 12px;
    font-weight: 400;
    line-height: 14px;
    color: #202430
}

.dark .analytics-employees__item-desc[data-v-656e2bb0] {
    color: #a6a7b3
}

[data-v-17b8459b]:root {
    --color-scheme-active: #6C78F4
}

.statistics-card[data-v-17b8459b] {
    display: flex;
    align-items: center;
    padding: 25px 41px 25px 30px;
    border: 1px solid #EDEDF5;
    border-radius: 8px;
    background: #fff
}

.statistics-card.small[data-v-17b8459b] {
    padding: 6px 10px;
    border: 0;
    box-shadow: 0 1px 4px #a7a7a726
}

.dark .statistics-card.small[data-v-17b8459b] {
    box-shadow: none
}

.dark .statistics-card[data-v-17b8459b] {
    background: #242629;
    border-color: #1e1f22
}

.statistics-card__data[data-v-17b8459b] {
    display: flex;
    flex-direction: column;
    margin-left: 12px;
    -webkit-user-select: none;
    user-select: none
}

.statistics-card.small .statistics-card__data[data-v-17b8459b] {
    display: inline;
    font-weight: 300;
    font-size: 10px;
    line-height: 20px;
    margin-left: 5px;
    flex-direction: row
}

.dark .statistics-card__data[data-v-17b8459b] {
    color: #ddd
}

.statistics-card__value[data-v-17b8459b] {
    font-weight: 500;
    font-size: 20px;
    line-height: 24px;
    margin-bottom: 4px
}

.dark .statistics-card__value[data-v-17b8459b] {
    color: #ddd
}

.statistics-card__text[data-v-17b8459b] {
    font-weight: 300;
    font-size: 10px;
    line-height: 12px;
    color: #6a707c
}

[data-v-c6af284f]:root {
    --color-scheme-active: #6C78F4
}

.simple-dropdown[data-v-c6af284f] {
    position: relative;
    z-index: 1
}

.simple-dropdown[data-v-c6af284f] input {
    cursor: pointer
}

.simple-dropdown .simple-dropdown__dropdown.top[data-v-c6af284f] {
    bottom: 100%
}

.simple-dropdown .simple-dropdown__dropdown.top[data-v-c6af284f]:not(.right,
.left) {
    left: 50%;
    transform: translate(-50%)
}

.simple-dropdown .simple-dropdown__dropdown.right[data-v-c6af284f] {
    left: 0
}

.simple-dropdown .simple-dropdown__dropdown.right[data-v-c6af284f]:not(.top,
.bottom) {
    top: 50%;
    left: 100%;
    margin-left: 6px;
    transform: translateY(-50%)
}

.simple-dropdown .simple-dropdown__dropdown.bottom[data-v-c6af284f] {
    top: 100%
}

.simple-dropdown .simple-dropdown__dropdown.bottom[data-v-c6af284f]:not(.right,
.left) {
    left: 50%;
    transform: translate(-50%)
}

.simple-dropdown .simple-dropdown__dropdown.left[data-v-c6af284f] {
    right: 0
}

.simple-dropdown .simple-dropdown__dropdown.left[data-v-c6af284f]:not(.top,
.bottom) {
    top: 50%;
    right: 100%;
    margin-right: 6px;
    transform: translateY(-50%)
}

[data-v-31571adb]:root {
    --color-scheme-active: #6C78F4
}

.navigation[data-v-31571adb] {
    position: sticky;
    top: 0;
    z-index: 1;
    display: flex;
    width: 100%;
    padding: 10px;
    background: #f8f8f8
}

.dark .navigation[data-v-31571adb] {
    background: #2f3136
}

.navigation__employee-select[data-v-31571adb] {
    height: 40px;
    margin: 0 16px 0 0!important;
    background: #fff;
    border: 0;
    border: none!important;
    border-radius: 8px;
    box-shadow: none!important
}

.navigation__filter[data-v-31571adb] .v-input__item {
    border: 0!important
}

.dark .navigation__filter[data-v-31571adb] .v-input__item {
    background: #242629
}

.navigation__employee-select[data-v-31571adb] .task-view-select-current-ui {
    height: 40px
}

.dark .navigation__employee-select[data-v-31571adb] .task-view-select-current-ui {
    border-radius: 8px!important;
    background: #242629!important
}

.navigation__range[data-v-31571adb] {
    margin-right: 16px
}

[data-v-805863d1]:root {
    --color-scheme-active: #6C78F4
}

.employee-chart[data-v-805863d1] {
    display: flex;
    align-items: flex-end;
    margin-right: 10px;
    margin-left: 10px;
    padding: 16px;
    background: #fff;
    max-width: 1130px;
    border-radius: 8px;
    flex-direction: column
}

.dark .employee-chart[data-v-805863d1] {
    background: #242629
}

.employee-chart__select[data-v-805863d1] {
    margin-top: -6px
}

.employee-chart__chart[data-v-805863d1] {
    width: 100%;
    max-width: 100%
}

[data-v-74dede7f]:root {
    --color-scheme-active: #6C78F4
}

.accordion[data-v-74dede7f] {
    display: flex;
    flex-direction: column
}

.accordion__header[data-v-74dede7f] {
    display: flex;
    align-items: center;
    cursor: pointer
}

.accordion__body[data-v-74dede7f] {
    height: fit-content!important;
    margin-top: 10px;
    margin-left: 32px;
    transition: all .2s ease-in-out
}

.accordion__icon-container[data-v-74dede7f] {
    margin-right: 10px;
    transition: .1s ease-in-out
}

.accordion__icon-container.active[data-v-74dede7f] {
    transform: rotate(0)
}

.accordion__default-icon[data-v-74dede7f] {
    transition: .1s ease-in-out;
    transform: rotate(-90deg)
}

.active .accordion__default-icon[data-v-74dede7f] {
    transform: rotate(0)
}

.accordion__default-icon[data-v-74dede7f] {
    transition: .1s ease-in-out
}

.slide-enter-active[data-v-74dede7f],
.slide-leave-active[data-v-74dede7f] {
    overflow: hidden
}

[data-v-3995ee81]:root {
    --color-scheme-active: #6C78F4
}

.analytics-group-header[data-v-3995ee81] {
    display: flex;
    align-items: center
}

.analytics-group-header__title[data-v-3995ee81] {
    font-weight: 700;
    font-size: 12px;
    line-height: 14px;
    margin-right: 16px;
    margin-left: 5px
}

.dark .analytics-group-header__title[data-v-3995ee81] {
    color: #ddd
}

.analytics-group-header__card[data-v-3995ee81] {
    margin-right: 5px
}

.analytics-group-header__card[data-v-3995ee81]:last-of-type {
    margin-right: 0
}

[data-v-31c2add4]:root {
    --color-scheme-active: #6C78F4
}

.analytics-task[data-v-31c2add4] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 12px 20px;
    background: #fff;
    cursor: pointer;
    border: 1px solid #F0F0F0;
    border-radius: 5px
}

.analytics-task.low[data-v-31c2add4] {
    border: 1px solid rgb(183, 221, 170)!important;
    background: linear-gradient(0deg, #b7ddaa0d, #b7ddaa0d), #fff
}

.analytics-task.medium[data-v-31c2add4] {
    border: 1px solid rgb(255, 219, 32)!important;
    background: linear-gradient(0deg, #ffdb200d, #ffdb200d), #fff
}

.analytics-task.high[data-v-31c2add4] {
    border: 1px solid rgb(255, 162, 162)!important;
    background: linear-gradient(0deg, #ffa2a20d, #ffa2a20d), #fff
}

.analytics-task.frozen[data-v-31c2add4] {
    border: 1px solid rgb(96, 179, 255)!important;
    background: linear-gradient(0deg, #60b3ff0d, #60b3ff0d), #fff
}

.analytics-task.completed[data-v-31c2add4] {
    opacity: .5;
    background: #fff!important;
    border: 1px solid #F0F0F0!important;
    text-decoration: line-through
}

.dark .analytics-task[data-v-31c2add4] {
    color: #fff!important;
    background: #242629!important;
    border: 1px solid #1E1F22!important
}

.analytics-task__left[data-v-31c2add4],
.analytics-task__right[data-v-31c2add4] {
    display: flex;
    align-items: center
}

.analytics-task__left[data-v-31c2add4] {
    width: 100%;
    min-width: 0
}

.analytics-task__date[data-v-31c2add4] {
    font-weight: 700;
    font-size: 10px;
    line-height: 14px;
    display: flex;
    align-items: center;
    margin-right: 20px;
    white-space: nowrap
}

.analytics-task__date-icon[data-v-31c2add4] {
    margin-right: 3px
}

.analytics-task__title[data-v-31c2add4] {
    font-weight: 300;
    font-size: 13px;
    line-height: 14px;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.analytics-task__stopwatch[data-v-31c2add4] {
    font-weight: 700;
    font-size: 10px;
    line-height: 12px;
    display: flex;
    align-items: center;
    padding: 3px 6px;
    border: 1px solid #EDEDF5;
    border-radius: 4px;
    background: #f8f8fb
}

.dark .analytics-task__stopwatch[data-v-31c2add4] {
    background: #202225;
    border: 1px solid #1E1F22
}

.analytics-task__stopwatch-user[data-v-31c2add4] {
    font-weight: 300;
    font-size: 10px;
    line-height: 12px;
    display: flex;
    align-items: center;
    margin-right: 20px;
    white-space: nowrap
}

.analytics-task__stopwatch-user-avatar[data-v-31c2add4] {
    margin-right: 5px
}

.analytics-task__time[data-v-31c2add4] {
    white-space: nowrap
}

[data-v-5596d00f]:root {
    --color-scheme-active: #6C78F4
}

.analytics[data-v-5596d00f] {
    max-width: 1130px;
    margin: 20px 10px 0
}

.analytics__row[data-v-5596d00f] {
    display: flex;
    flex-direction: column;
    gap: 10px
}

.analytics__task[data-v-5596d00f] {
    margin-bottom: 5px
}

.analytics__task[data-v-5596d00f]:last-of-type {
    margin-bottom: 0
}

.analytics__group[data-v-5596d00f] {
    margin-bottom: 20px
}

.analytics__group[data-v-5596d00f]:last-of-type {
    margin-bottom: 40px
}

[data-v-d791fff4]:root {
    --color-scheme-active: #6C78F4
}

.employee[data-v-d791fff4] {
    height: 100%;
    overflow: auto
}

.employee__body[data-v-d791fff4] {
    max-width: 1150px;
    padding: 0 10px
}

.employee__stats-grid[data-v-d791fff4] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
    grid-gap: 20px;
    margin-bottom: 20px
}

@media screen and (max-width: 1320px) {
    .employee__stats-grid[data-v-d791fff4] {
        grid-template-columns: repeat(auto-fill, minmax(340px, 1fr))
    }
}

[data-v-d9f53beb]:root {
    --color-scheme-active: #6C78F4
}

.analytics-projects[data-v-d9f53beb] {
    display: flex;
    height: 100%;
    flex-direction: column
}

.dark .analytics-projects[data-v-d9f53beb] {
    background-color: #2f3136
}

.analytics-projects__body[data-v-d9f53beb] {
    overflow-y: auto
}

.analytics-projects__nav-item[data-v-d9f53beb] {
    display: flex;
    gap: 20px;
    align-items: center;
    width: 100%;
    height: 90px;
    padding: 16px 24px 16px 10px;
    background: #fff;
    text-decoration: none
}

.dark .analytics-projects__nav-item[data-v-d9f53beb] {
    color: #ddd;
    background-color: #383a3f
}

.analytics-projects__nav-item[data-v-d9f53beb]:nth-child(1) {
    border-top: 1px solid #e5e7ee
}

.dark .analytics-projects__nav-item[data-v-d9f53beb]:nth-child(1) {
    border-color: #1e1f22
}

.analytics-projects__nav-item[data-v-d9f53beb]:hover .project-settings-menu {
    pointer-events: auto;
    opacity: 1
}

.analytics-projects__nav-item-text[data-v-d9f53beb] {
    flex: 1;
    display: flex;
    justify-content: center;
    height: 100%;
    flex-direction: column;
    overflow: hidden
}

.analytics-projects__nav-item-name[data-v-d9f53beb] {
    overflow: hidden;
    white-space: nowrap;
    color: #000;
    text-decoration: none;
    text-overflow: ellipsis;
    line-break: anywhere;
    font-weight: 500;
    font-size: 14px;
    line-height: 17px
}

.dark .analytics-projects__nav-item-name[data-v-d9f53beb] {
    color: #ddd
}

.analytics-projects__nav-item-desc[data-v-d9f53beb] {
    margin-top: 4px;
    font-size: 12px;
    font-weight: 300;
    line-height: 14px;
    color: #202430
}

.dark .analytics-projects__nav-item-desc[data-v-d9f53beb] {
    color: #a6a7b3
}

.analytics-projects__item[data-v-d9f53beb] {
    display: grid;
    grid-template-columns: repeat(7, minmax(180px, 1fr))
}

.analytics-projects__col[data-v-d9f53beb] {
    display: flex;
    justify-content: center;
    width: 100%;
    height: 90px;
    padding: 20px 10px;
    background: #fff;
    flex-direction: column;
    text-decoration: none
}

.dark .analytics-projects__col[data-v-d9f53beb] {
    border-color: #1e1f22;
    background-color: #383a3f
}

.analytics-projects__item:nth-child(1) .analytics-projects__col[data-v-d9f53beb] {
    border-top: 1px solid #e5e7ee
}

.dark .analytics-projects__item:nth-child(1) .analytics-projects__col[data-v-d9f53beb] {
    border-color: #1e1f22
}

.analytics-projects__desc[data-v-d9f53beb] {
    font-size: 12px;
    font-weight: 400;
    line-height: 14px;
    color: #202430
}

.dark .analytics-projects__desc[data-v-d9f53beb] {
    color: #a6a7b3
}

[data-v-d4c20401]:root {
    --color-scheme-active: #6C78F4
}

.project-navigation[data-v-d4c20401] {
    position: sticky;
    top: 0;
    z-index: 1;
    display: flex;
    width: 100%;
    padding: 10px;
    background: #f8f8f8
}

.dark .project-navigation[data-v-d4c20401] {
    background: #2f3136
}

.project-navigation__project-select[data-v-d4c20401] {
    height: 40px;
    margin: 0 16px 0 0!important;
    background: #fff;
    border: 0;
    border: none!important;
    border-radius: 8px;
    box-shadow: none!important
}

.project-navigation__project-select[data-v-d4c20401] .task-view-select-current-ui {
    height: 40px
}

.dark .project-navigation__project-select[data-v-d4c20401] .task-view-select-current-ui {
    border-radius: 8px!important;
    background: #242629!important
}

.project-navigation__range[data-v-d4c20401] {
    margin-right: 16px
}

.project-navigation__filter[data-v-d4c20401] .v-input__item {
    border: 0!important
}

[data-v-c1be2534]:root {
    --color-scheme-active: #6C78F4
}

.project-bar-chart[data-v-c1be2534] {
    display: flex;
    align-items: flex-end;
    margin-left: 10px;
    padding: 16px;
    max-width: 1130px;
    border-radius: 8px;
    background: #fff;
    flex-direction: column
}

.dark .project-bar-chart[data-v-c1be2534] {
    background: #242629
}

.project-bar-chart__select[data-v-c1be2534] {
    margin-top: -6px
}

.project-bar-chart__chart[data-v-c1be2534] {
    width: 100%;
    max-width: 100%
}

[data-v-0ac0833f]:root {
    --color-scheme-active: #6C78F4
}

.task-analytics[data-v-0ac0833f] {
    max-width: 1130px;
    margin: 20px 0 0 10px
}

.task-analytics__task[data-v-0ac0833f] {
    margin-bottom: 5px
}

.task-analytics__task[data-v-0ac0833f]:last-of-type {
    margin-bottom: 0
}

.task-analytics__group[data-v-0ac0833f] {
    margin-bottom: 20px
}

.task-analytics__group[data-v-0ac0833f]:last-of-type {
    margin-bottom: 40px
}

[data-v-b2e67375]:root {
    --color-scheme-active: #6C78F4
}

.project-page[data-v-b2e67375] {
    height: 100%;
    overflow: auto
}

.project-page__body[data-v-b2e67375] {
    max-width: 1140px;
    padding-left: 10px
}

.project-page__stats-grid[data-v-b2e67375] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-column-gap: 20px;
    margin-bottom: 20px
}

[data-v-4121b633]:root {
    --color-scheme-active: #6C78F4
}

.card[data-v-4121b633] {
    display: flex;
    gap: 24px;
    justify-content: space-between;
    width: 100%;
    padding: 16px;
    background: #fff;
    transition: all .2s ease-in-out;
    cursor: pointer;
    flex-direction: column;
    border: 1px solid #E5E7EE;
    border-radius: 8px;
    text-decoration: none
}

.dark .card[data-v-4121b633] {
    background-color: #2f3136;
    border-color: transparent
}

.card[data-v-4121b633]:hover {
    border-color: #cacad2
}

.dark .card[data-v-4121b633]:hover {
    background-color: #242629;
    border-color: #2a2a2a
}

.card__head[data-v-4121b633] {
    display: flex;
    gap: 8px;
    align-items: center
}

.card__top[data-v-4121b633] {
    display: flex;
    flex-direction: column;
    gap: 4px
}

.card__bottom[data-v-4121b633] {
    font-weight: 600;
    font-size: 12px;
    line-height: 100%;
    display: flex;
    gap: 4px;
    justify-content: flex-end;
    width: 100%;
    align-self: center
}

.card__title[data-v-4121b633] {
    font-weight: 500;
    font-size: 14px;
    line-height: 110%;
    color: #242629
}

.dark .card__title[data-v-4121b633] {
    color: #ddd
}

.card__description[data-v-4121b633] {
    font-weight: 400;
    font-size: 14px;
    line-height: 145%;
    color: #00000080
}

.dark .card__description[data-v-4121b633] {
    color: #ddd
}

.card__button[data-v-4121b633] {
    display: flex;
    gap: 4px;
    align-items: center;
    color: #93969f;
    transition: all .2s ease-in-out
}

.dark .card__button[data-v-4121b633] {
    color: #8d8d8d
}

.dark .card__button[data-v-4121b633]:hover {
    color: #ddd
}

.card__head-icon[data-v-4121b633] {
    flex: none
}

[data-v-0693a259]:root {
    --color-scheme-active: #6C78F4
}

.export[data-v-0693a259] {
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    padding: 16px;
    background: #f8f8fb;
    overflow-y: auto
}

.dark .export[data-v-0693a259] {
    background: #2f3136
}

.export__box[data-v-0693a259] {
    display: flex;
    flex-direction: column;
    gap: 24px;
    max-width: 980px;
    width: 100%;
    padding: 24px;
    background: #fff;
    border-radius: 12px
}

.dark .export__box[data-v-0693a259] {
    background: #383a3f
}

.export__title[data-v-0693a259] {
    font-weight: 500;
    font-size: 20px;
    line-height: 120%;
    margin: 0 0 8px;
    color: #242629
}

.dark .export__title[data-v-0693a259] {
    color: #ddd
}

.export__service-title[data-v-0693a259] {
    font-weight: 600;
    font-size: 16px;
    line-height: 100%;
    display: flex;
    gap: 8px;
    align-items: center
}

.dark .export__service-title[data-v-0693a259] {
    color: #ddd
}

.export__cards[data-v-0693a259] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 16px
}

.export__description[data-v-0693a259] {
    font-weight: 400;
    font-size: 14px;
    line-height: 125%;
    margin: 0;
    white-space: pre-wrap;
    color: #60636c;
    max-width: 740px
}

.dark .export__description[data-v-0693a259] {
    color: #8d8d8d
}

.export__wrapper[data-v-0693a259] {
    display: flex;
    flex-direction: column;
    gap: 24px
}

.export__service[data-v-0693a259] {
    display: flex;
    flex-direction: column;
    gap: 16px
}

[data-v-9394f9bb]:root {
    --color-scheme-active: #6C78F4
}

.attributes[data-v-9394f9bb] {
    display: flex;
    flex-direction: column;
    overflow: hidden
}

.attributes__label[data-v-9394f9bb] {
    font-weight: 500;
    font-size: 14px;
    line-height: 100%;
    margin: 0 0 20px;
    padding: 0 24px
}

.dark .attributes__label[data-v-9394f9bb] {
    color: #ddd
}

.attributes__options[data-v-9394f9bb] {
    display: flex;
    flex-direction: column;
    gap: 24px;
    overflow-y: auto;
    margin-right: 24px
}

.attributes__option[data-v-9394f9bb] {
    position: relative;
    display: flex;
    gap: 8px;
    align-items: center;
    width: fit-content;
    padding-left: 24px
}

.attributes__option-custom[data-v-9394f9bb] {
    font-weight: 400;
    font-size: 12px;
    line-height: 110%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 4px;
    color: #acb1c2;
    background-color: #f8f8fb;
    border-radius: 4px
}

.attributes__option-drag-and-drop[data-v-9394f9bb] {
    position: absolute;
    top: 50%;
    left: 4px;
    pointer-events: none;
    opacity: 0;
    transform: translateY(-50%)
}

.attributes__option:hover .attributes__option-drag-and-drop[data-v-9394f9bb] {
    pointer-events: all;
    opacity: 1
}

[data-v-c2ea25a6]:root {
    --color-scheme-active: #6C78F4
}

@keyframes rotating-c2ea25a6 {
    to {
        transform: rotate(360deg)
    }
}

.export-progress[data-v-c2ea25a6] {
    display: flex;
    flex-direction: column;
    gap: 16px;
    max-width: 585px
}

.export-progress[data-v-c2ea25a6] .switch-button {
    justify-content: space-between;
    width: 100%
}

.export-progress__process[data-v-c2ea25a6] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 12px;
    background: #f8f8fb;
    border-radius: 8px
}

.dark .export-progress__process[data-v-c2ea25a6] {
    background-color: #2f3136
}

.export-progress__title[data-v-c2ea25a6] {
    font-weight: 500;
    font-size: 16px;
    line-height: 100%;
    color: #242629
}

.dark .export-progress__title[data-v-c2ea25a6] {
    color: #ddd
}

.export-progress__description[data-v-c2ea25a6] {
    font-weight: 400;
    font-size: 14px;
    line-height: 100%;
    color: #acb1c2
}

.dark .export-progress__description[data-v-c2ea25a6] {
    color: #a6a7b3
}

.export-progress__row[data-v-c2ea25a6] {
    display: flex;
    gap: 8px;
    justify-content: space-between;
    align-items: center
}

.export-progress__progress-line[data-v-c2ea25a6] {
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 8px;
    background-color: var(--color-scheme-active);
    border-radius: 4px
}

.dark .export-progress__progress-line[data-v-c2ea25a6] {
    background-color: var(--color-scheme-active)
}

.export-progress__progress[data-v-c2ea25a6] {
    position: relative;
    width: 100%;
    height: 8px;
    background-color: var(--color-scheme-active-lighten-90);
    border-radius: 4px
}

.dark .export-progress__progress[data-v-c2ea25a6] {
    background-color: var(--color-scheme-active-lighten-90)
}

.export-progress__progress-percent[data-v-c2ea25a6] {
    font-weight: 400;
    font-size: 13px;
    line-height: 100%;
    text-align: right;
    min-width: 35px;
    color: #60636c
}

.dark .export-progress__progress-percent[data-v-c2ea25a6] {
    color: #8d8d8d
}

.export-progress__left[data-v-c2ea25a6] {
    display: flex;
    gap: 8px;
    justify-content: space-between;
    align-items: center
}

.export__progress-icon[data-v-c2ea25a6] {
    animation: rotating-c2ea25a6 2s linear infinite
}

.export__result[data-v-c2ea25a6] {
    font-weight: 400;
    font-size: 12px;
    line-height: 100%
}

.dark .export__result[data-v-c2ea25a6] {
    color: #8d8d8d
}

.export__result-link[data-v-c2ea25a6] {
    font-weight: 400;
    font-size: 12px;
    line-height: 100%;
    color: var(--color-scheme-active);
    text-decoration: underline
}

[data-v-c1f42b05]:root {
    --color-scheme-active: #6C78F4
}

.projects[data-v-c1f42b05],
.projects__projects[data-v-c1f42b05] {
    display: flex;
    align-items: center;
    overflow: hidden
}

.projects__project-wrap[data-v-c1f42b05] {
    display: flex;
    gap: 4px;
    align-items: center;
    overflow: hidden;
    white-space: nowrap
}

.projects__project-wrap[data-v-c1f42b05]:not(:first-child) {
    margin-left: -5px
}

.projects__project[data-v-c1f42b05] {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center
}

.projects__project[data-v-c1f42b05] .avatars-image__content {
    border-radius: 50%!important;
    border: 1px solid #fff
}

.dark .projects__project[data-v-c1f42b05] .avatars-image__content {
    border-color: #2f3136
}

.projects__project-name[data-v-c1f42b05] {
    font-weight: 400;
    font-size: 13px;
    line-height: 120%;
    overflow: hidden;
    white-space: nowrap;
    color: #202430;
    text-overflow: ellipsis
}

.dark .projects__project-name[data-v-c1f42b05] {
    color: #ddd
}

.projects__others[data-v-c1f42b05] {
    font-weight: 500;
    font-size: 8px;
    line-height: 120%;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    min-width: 20px;
    height: 20px;
    margin-left: -5px;
    padding: 5px 4px 5px 5px;
    color: #acb1c2;
    background: #f8f8fb;
    border: 1px solid #fff;
    border-radius: 50%
}

.dark .projects__others[data-v-c1f42b05] {
    border-color: #2f3136;
    background-color: #2f3136
}

[data-v-a121a8f9]:root {
    --color-scheme-active: #6C78F4
}

.funnels[data-v-a121a8f9],
.funnels__funnels[data-v-a121a8f9] {
    display: flex;
    align-items: center;
    overflow: hidden
}

.funnels__funnel-wrap[data-v-a121a8f9] {
    display: flex;
    gap: 4px;
    align-items: center;
    overflow: hidden;
    white-space: nowrap
}

.funnels__funnel-wrap[data-v-a121a8f9]:not(:first-child) {
    margin-left: -5px
}

.funnels__funnel[data-v-a121a8f9] {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center
}

.funnels__funnel[data-v-a121a8f9] .avatars-image__content {
    border-radius: 50%!important;
    border: 1px solid #fff
}

.dark .funnels__funnel[data-v-a121a8f9] .avatars-image__content {
    border-color: #2f3136
}

.funnels__funnel-name[data-v-a121a8f9] {
    font-weight: 400;
    font-size: 13px;
    line-height: 120%;
    overflow: hidden;
    white-space: nowrap;
    color: #202430;
    text-overflow: ellipsis
}

.dark .funnels__funnel-name[data-v-a121a8f9] {
    color: #ddd
}

.funnels__others[data-v-a121a8f9] {
    font-weight: 500;
    font-size: 8px;
    line-height: 120%;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    min-width: 20px;
    height: 20px;
    margin-left: -5px;
    padding: 5px 4px 5px 5px;
    color: #acb1c2;
    background: #f8f8fb;
    border: 1px solid #fff;
    border-radius: 50%
}

.dark .funnels__others[data-v-a121a8f9] {
    border-color: #2f3136;
    background-color: #2f3136
}

[data-v-111e637e]:root {
    --color-scheme-active: #6C78F4
}

.history[data-v-111e637e] {
    display: flex;
    flex-direction: column;
    max-width: 980px;
    width: 100%;
    padding: 24px;
    background: #fff;
    border-radius: 12px
}

.dark .history[data-v-111e637e] {
    background: #383a3f
}

.history__title[data-v-111e637e] {
    font-weight: 500;
    font-size: 20px;
    line-height: 120%;
    margin: 0 0 8px;
    color: #242629
}

.dark .history__title[data-v-111e637e] {
    color: #ddd
}

.history__table[data-v-111e637e] {
    margin-top: 24px
}

.history__table-head[data-v-111e637e] {
    display: grid;
    grid-template-columns: repeat(2, 100px) repeat(3, 1fr) 100px
}

.history__table-body[data-v-111e637e] {
    margin-top: 8px
}

.history__table-row[data-v-111e637e] {
    display: grid;
    grid-template-columns: repeat(2, 100px) repeat(3, 1fr) 100px
}

.history__table-row[data-v-111e637e]:not(:nth-child(1)) {
    border-top: 1px solid #ededf5
}

.dark .history__table-row[data-v-111e637e]:not(:nth-child(1)) {
    border-color: #2a2a2a
}

.history__table-column[data-v-111e637e] {
    font-weight: 400;
    font-size: 14px;
    line-height: 120%;
    display: flex;
    align-items: center;
    min-height: 40px;
    padding: 8px;
    color: #202430
}

.dark .history__table-column[data-v-111e637e] {
    color: #ddd
}

.history__table-column[data-v-111e637e]:not(.history__table-head .history__table-column):nth-child(1) {
    text-transform: uppercase
}

.history__table-head .history__table-column[data-v-111e637e] {
    font-weight: 500;
    font-size: 14px;
    line-height: 120%;
    height: 30px;
    min-height: 30px;
    padding: 8px;
    color: #93969f
}

.dark .history__table-head .history__table-column[data-v-111e637e] {
    color: #8d8d8d
}

.history__table-column[data-v-111e637e]:nth-child(1) {
    padding-left: 0
}

.history__table-column.text-overflow[data-v-111e637e] {
    overflow: hidden
}

.history__user[data-v-111e637e] {
    display: flex;
    gap: 8px;
    align-items: center
}

.history__link[data-v-111e637e] {
    text-decoration: none;
    color: var(--color-scheme-active)
}

.history__button-more[data-v-111e637e] {
    font-weight: 500;
    font-size: 14px;
    line-height: 120%;
    display: flex;
    margin: 16px auto 0;
    color: #93969f
}

.dark .history__button-more[data-v-111e637e] {
    color: #ddd
}

.history__user[data-v-111e637e] {
    overflow: hidden
}

.history__user-name[data-v-111e637e] {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.dark .history__user-name[data-v-111e637e] {
    color: #ddd
}

.history__empty[data-v-111e637e] {
    font-weight: 400;
    font-size: 14px;
    line-height: 120%;
    color: #93969f
}

.dark .history__empty[data-v-111e637e] {
    color: #8d8d8d
}

[data-v-e41229a0]:root {
    --color-scheme-active: #6C78F4
}

.tasks[data-v-e41229a0] {
    flex: 1 1 auto;
    padding: 16px;
    background: #f8f8fb;
    overflow-y: auto
}

.dark .tasks[data-v-e41229a0] {
    background: #2f3136
}

.tasks__box[data-v-e41229a0] {
    display: flex;
    flex-direction: column;
    gap: 24px;
    max-width: 980px;
    width: 100%;
    max-height: 70vh;
    height: 100%;
    min-height: 440px;
    margin-bottom: 16px;
    padding: 24px 0;
    background: #fff;
    border-radius: 12px
}

.dark .tasks__box[data-v-e41229a0] {
    background: #383a3f
}

.tasks__head[data-v-e41229a0] {
    display: flex;
    flex-direction: column;
    padding: 0 24px
}

.tasks__body[data-v-e41229a0] {
    flex: 1 1 auto;
    display: flex;
    gap: 24px;
    justify-content: space-between;
    overflow: hidden;
    flex-direction: column
}

.tasks__title[data-v-e41229a0] {
    font-weight: 500;
    font-size: 20px;
    line-height: 120%;
    margin: 0 0 8px;
    color: #242629
}

.dark .tasks__title[data-v-e41229a0] {
    color: #ddd
}

.tasks__description[data-v-e41229a0] {
    font-weight: 400;
    font-size: 14px;
    line-height: 125%;
    margin: 0;
    white-space: pre-wrap;
    color: #60636c
}

.dark .tasks__description[data-v-e41229a0] {
    color: #8d8d8d
}

.tasks__fields[data-v-e41229a0] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 20px 16px;
    padding: 0 24px
}

[data-v-e41229a0] .select__tags {
    min-height: 34px;
    max-height: 120px
}

.tasks__deleted-checkbox-wrapper[data-v-e41229a0] {
    grid-column: span 3
}

.tasks__deleted-checkbox[data-v-e41229a0] {
    width: fit-content
}

.tasks__button[data-v-e41229a0] {
    flex: none;
    width: 100%;
    margin: 0 24px 0 auto;
    max-width: 176px
}

.tasks__subtitle[data-v-e41229a0] {
    font-weight: 500;
    font-size: 14px;
    line-height: 100%;
    margin: 0 0 20px
}

.dark .tasks__subtitle[data-v-e41229a0] {
    color: #ddd
}

.tasks__progress[data-v-e41229a0] {
    padding: 0 24px
}

[data-v-8b2fdf8c]:root {
    --color-scheme-active: #6C78F4
}

.tasks[data-v-8b2fdf8c] {
    flex: 1 1 auto;
    padding: 16px;
    background: #f8f8fb;
    overflow-y: auto
}

.dark .tasks[data-v-8b2fdf8c] {
    background: #2f3136
}

.tasks__box[data-v-8b2fdf8c] {
    display: flex;
    flex-direction: column;
    gap: 24px;
    max-width: 980px;
    width: 100%;
    max-height: 70vh;
    height: 100%;
    min-height: 440px;
    margin-bottom: 16px;
    padding: 24px 0;
    background: #fff;
    border-radius: 12px
}

.dark .tasks__box[data-v-8b2fdf8c] {
    background: #383a3f
}

.tasks__head[data-v-8b2fdf8c] {
    display: flex;
    flex-direction: column;
    padding: 0 24px
}

.tasks__title[data-v-8b2fdf8c] {
    font-weight: 500;
    font-size: 20px;
    line-height: 120%;
    margin: 0 0 8px;
    color: #242629
}

.dark .tasks__title[data-v-8b2fdf8c] {
    color: #ddd
}

.tasks__description[data-v-8b2fdf8c] {
    font-weight: 400;
    font-size: 14px;
    line-height: 125%;
    margin: 0;
    white-space: pre-wrap;
    color: #60636c
}

.dark .tasks__description[data-v-8b2fdf8c] {
    color: #8d8d8d
}

.tasks__fields[data-v-8b2fdf8c] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 20px 16px;
    padding: 0 24px
}

[data-v-8b2fdf8c] .select__tags {
    min-height: 34px;
    max-height: 120px
}

[data-v-8b2fdf8c] .dropdown__bottom {
    display: none
}

.tasks__deleted-checkbox-wrapper[data-v-8b2fdf8c] {
    grid-column: span 3
}

.tasks__deleted-checkbox[data-v-8b2fdf8c] {
    width: fit-content
}

.tasks__button[data-v-8b2fdf8c] {
    flex: none;
    width: 100%;
    margin: 0 24px 0 auto;
    max-width: 176px
}

.tasks__body[data-v-8b2fdf8c] {
    flex: 1 1 auto;
    display: flex;
    gap: 24px;
    justify-content: space-between;
    overflow: hidden;
    flex-direction: column
}

.tasks__progress[data-v-8b2fdf8c] {
    padding: 0 24px
}

[data-v-dc95f716]:root {
    --color-scheme-active: #6C78F4
}

.deals[data-v-dc95f716] {
    flex: 1 1 auto;
    padding: 16px;
    background: #f8f8fb;
    overflow-y: auto
}

.dark .deals[data-v-dc95f716] {
    background: #2f3136
}

.deals__box[data-v-dc95f716] {
    display: flex;
    flex-direction: column;
    gap: 24px;
    max-width: 980px;
    width: 100%;
    max-height: 70vh;
    height: 100%;
    min-height: 440px;
    margin-bottom: 16px;
    padding: 24px 0;
    background: #fff;
    border-radius: 12px
}

.dark .deals__box[data-v-dc95f716] {
    background: #383a3f
}

.deals__head[data-v-dc95f716] {
    display: flex;
    flex-direction: column;
    padding: 0 24px
}

.deals__body[data-v-dc95f716] {
    flex: 1 1 auto;
    display: flex;
    gap: 24px;
    justify-content: space-between;
    overflow: hidden;
    flex-direction: column
}

.deals__title[data-v-dc95f716] {
    font-weight: 500;
    font-size: 20px;
    line-height: 120%;
    margin: 0 0 8px;
    color: #242629
}

.dark .deals__title[data-v-dc95f716] {
    color: #ddd
}

.deals__description[data-v-dc95f716] {
    font-weight: 400;
    font-size: 14px;
    line-height: 125%;
    margin: 0;
    white-space: pre-wrap;
    color: #60636c
}

.dark .deals__description[data-v-dc95f716] {
    color: #8d8d8d
}

.deals__fields[data-v-dc95f716] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 16px;
    padding: 0 24px
}

[data-v-dc95f716] .select__tags {
    min-height: 34px;
    max-height: 120px
}

[data-v-dc95f716] .dropdown__bottom {
    display: none
}

.deals__subtitle[data-v-dc95f716] {
    font-weight: 500;
    font-size: 14px;
    line-height: 100%;
    margin: 0 0 20px
}

.dark .deals__subtitle[data-v-dc95f716] {
    color: #ddd
}

.deals__button[data-v-dc95f716] {
    flex: none;
    width: 100%;
    margin: 0 24px 0 auto;
    max-width: 176px
}

.deals__progress[data-v-dc95f716] {
    padding: 0 24px
}

[data-v-1df5ae44]:root {
    --color-scheme-active: #6C78F4
}

.contacts[data-v-1df5ae44] {
    flex: 1 1 auto;
    padding: 16px;
    background: #f8f8fb;
    overflow-y: auto
}

.dark .contacts[data-v-1df5ae44] {
    background: #2f3136
}

.contacts__box[data-v-1df5ae44] {
    display: flex;
    flex-direction: column;
    gap: 24px;
    max-width: 980px;
    width: 100%;
    max-height: 70vh;
    height: 100%;
    min-height: 440px;
    margin-bottom: 16px;
    padding: 24px 0;
    background: #fff;
    border-radius: 12px
}

.dark .contacts__box[data-v-1df5ae44] {
    background: #383a3f
}

.contacts__body[data-v-1df5ae44] {
    flex: 1 1 auto;
    display: flex;
    gap: 24px;
    justify-content: space-between;
    overflow: hidden;
    flex-direction: column
}

.contacts__head[data-v-1df5ae44] {
    display: flex;
    flex-direction: column;
    padding: 0 24px
}

.contacts__title[data-v-1df5ae44] {
    font-weight: 500;
    font-size: 20px;
    line-height: 120%;
    margin: 0 0 8px;
    color: #242629
}

.dark .contacts__title[data-v-1df5ae44] {
    color: #ddd
}

.contacts__description[data-v-1df5ae44] {
    font-weight: 400;
    font-size: 14px;
    line-height: 125%;
    margin: 0;
    white-space: pre-wrap;
    color: #60636c
}

.dark .contacts__description[data-v-1df5ae44] {
    color: #8d8d8d
}

.contacts__fields[data-v-1df5ae44] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 16px;
    padding: 0 24px
}

.contacts__subtitle[data-v-1df5ae44] {
    font-weight: 500;
    font-size: 14px;
    line-height: 100%;
    margin: 0 0 20px
}

.dark .contacts__subtitle[data-v-1df5ae44] {
    color: #ddd
}

.contacts__button[data-v-1df5ae44] {
    flex: none;
    max-width: 176px;
    width: 100%;
    margin: 0 24px 0 auto
}

.contacts__progress[data-v-1df5ae44] {
    padding: 0 24px
}

[data-v-fe7ee9bb]:root {
    --color-scheme-active: #6C78F4
}

.top-nav[data-v-fe7ee9bb] {
    position: relative;
    z-index: 10;
    display: flex;
    gap: 28px;
    align-items: center;
    width: 100%;
    height: 40px;
    padding: 6px 10px;
    background-color: #fff;
    border-bottom: 1px solid #ededf5
}

.dark .top-nav[data-v-fe7ee9bb] {
    background: #2f3136;
    border-color: #1e1f22
}

.top-nav[data-v-fe7ee9bb] .avatars-image__content {
    background: #e5e7ee
}

.dark .top-nav[data-v-fe7ee9bb] .avatars-image__content {
    background: #383a3f
}

.top-nav__funnel[data-v-fe7ee9bb] {
    flex: none;
    display: flex;
    gap: 10px;
    align-items: center;
    min-width: 224px
}

.top-nav__funnel-title[data-v-fe7ee9bb] {
    font-weight: 600;
    font-size: 14px;
    line-height: 17px;
    width: 100%;
    max-width: 290px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    text-transform: none
}

.dark .top-nav__funnel-title[data-v-fe7ee9bb] {
    color: #ddd
}

[data-v-10bb75d2]:root {
    --color-scheme-active: #6C78F4
}

.funnel-editor-modal__avatars[data-v-10bb75d2] {
    position: absolute;
    top: 0;
    left: 150px
}

.funnel-editor-modal__avatars-container[data-v-10bb75d2] {
    position: relative;
    width: fit-content
}

.funnel-editor-modal__limit[data-v-10bb75d2] {
    margin-top: 24px
}

[data-v-5dabdc85]:root {
    --color-scheme-active: #6C78F4
}

.crm[data-v-5dabdc85] {
    position: relative;
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    overflow: visible hidden
}

.dark .crm[data-v-5dabdc85] {
    background: #2f3136
}

.crm__loading-text[data-v-5dabdc85] {
    padding: 23px 20px
}

[data-v-d80b2cae]:root {
    --color-scheme-active: #6C78F4
}

.dropdown-group[data-v-d80b2cae] {
    display: flex;
    padding: 8px 0;
    background-color: #fff;
    flex-direction: column;
    border-top: 1px solid #f4f4f8
}

.dark .dropdown-group[data-v-d80b2cae] {
    border-color: #191a1c;
    background-color: #242629
}

.dropdown-group__items[data-v-d80b2cae] {
    display: grid;
    grid-auto-rows: max-content
}

.dropdown-group__title[data-v-d80b2cae] {
    font-weight: 500;
    font-size: 12px;
    line-height: 100%;
    padding: 4px 12px;
    color: #acb1c2
}

.dark .dropdown-group__title[data-v-d80b2cae] {
    color: #ddd
}

[data-v-c8b0ba92]:root {
    --color-scheme-active: #6C78F4
}

.dropdown[data-v-c8b0ba92] {
    position: absolute;
    top: 100%;
    right: 0;
    display: flex;
    width: 260px;
    margin-top: 4px;
    overflow: hidden;
    background-color: #fff;
    flex-direction: column;
    border: 1px solid rgba(0, 0, 0, .1);
    box-shadow: 0 1px #0000001a, 0 4px 13px #0000001a;
    border-radius: 8px
}

.dark .dropdown[data-v-c8b0ba92] {
    background-color: #242629;
    border-color: #191a1c
}

[data-v-8e0d4e07]:root {
    --color-scheme-active: #6C78F4
}

.settings[data-v-8e0d4e07] {
    position: relative;
    z-index: 5;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%
}

.settings__dropdown[data-v-8e0d4e07] {
    margin-top: 4px
}

.settings__dropdown[data-v-8e0d4e07] .dropdown-group:first-child {
    border-top: none
}

[data-v-46a528b0]:root {
    --color-scheme-active: #6C78F4
}

.header[data-v-46a528b0] {
    padding: 0 10px
}

.header__wrapper[data-v-46a528b0] {
    display: flex;
    gap: 12px;
    justify-content: space-between;
    align-items: center
}

.header__group[data-v-46a528b0] {
    display: flex;
    gap: 8px;
    width: 100%
}

.header__filters[data-v-46a528b0] {
    width: 100%
}

.header__sort[data-v-46a528b0] {
    flex: none;
    width: 195px
}

.header__full-viewer[data-v-46a528b0] {
    margin-bottom: 10px
}

[data-v-51b18499]:root {
    --color-scheme-active: #6C78F4
}

.draggable-column-container[data-v-51b18499] {
    flex: none;
    display: flex!important
}

.draggable-column-container__container[data-v-51b18499] {
    position: relative;
    z-index: 3;
    flex: 1 1 auto;
    display: flex!important
}

[data-v-c0ef7f50]:root {
    --color-scheme-active: #6C78F4
}

.menu[data-v-c0ef7f50] {
    position: relative
}

.menu__dropdown[data-v-c0ef7f50] {
    position: absolute;
    top: calc(100%+ 4px);
    right: 0;
    z-index: 10;
    width: 200px
}

[data-v-fb62212a]:root {
    --color-scheme-active: #6C78F4
}

.header[data-v-fb62212a] {
    display: grid;
    grid-template-rows: repeat(2, max-content);
    align-content: space-between;
    height: 60px;
    padding: 6px;
    background-color: #fff;
    border-radius: 8px
}

.dark .header[data-v-fb62212a] {
    background-color: #242629
}

.header__group[data-v-fb62212a] {
    display: grid
}

.header__group.top[data-v-fb62212a] {
    grid-template-columns: 20px 1fr max-content;
    grid-column-gap: 6px;
    align-items: center
}

.header__group.bottom[data-v-fb62212a] {
    padding-left: 26px
}

.header__icon-drag-and-drop[data-v-fb62212a] {
    transform: rotate(90deg);
    cursor: grab
}

.header__input[data-v-fb62212a] {
    height: 16px;
    padding: 0;
    color: #000;
    background-color: transparent;
    border: none;
    outline: none;
    font-weight: 400;
    font-size: 13px;
    line-height: 16px
}

.dark .header__input[data-v-fb62212a] {
    color: #ddd
}

.header__text[data-v-fb62212a] {
    font-weight: 300;
    font-size: 13px;
    line-height: 16px;
    text-overflow: ellipsis;
    overflow: hidden;
    color: #cacad2
}

.header__text span[data-v-fb62212a] {
    font-weight: 400;
    font-size: 13px;
    line-height: 16px;
    color: #acb1c2
}

.header__menu[data-v-fb62212a] {
    display: flex;
    justify-content: flex-end
}

[data-v-6a6dad02]:root {
    --color-scheme-active: #6C78F4
}

.creating[data-v-6a6dad02] {
    display: flex;
    align-items: center;
    height: 40px;
    padding: 0 12px;
    border-radius: 6px;
    background-color: #fff;
    cursor: text
}

.dark .creating[data-v-6a6dad02] {
    background-color: #242629
}

.creating__input[data-v-6a6dad02] {
    width: 100%;
    border: none;
    outline: none;
    padding: 0;
    font-weight: 400;
    font-size: 12px;
    line-height: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #202430;
    background: transparent;
    transition: none
}

.creating__input[data-v-6a6dad02]:placeholder {
    font-weight: 500;
    font-size: 12px;
    line-height: 14px;
    color: #cacad2
}

.dark .creating__input[data-v-6a6dad02] {
    color: #ddd
}

.creating__icon[data-v-6a6dad02] {
    margin-left: 6px
}

[data-v-1ed9b48d]:root {
    --color-scheme-active: #6C78F4
}

.info-tag[data-v-1ed9b48d] {
    font-weight: 300;
    font-size: 10px;
    line-height: 12px;
    display: flex;
    align-items: center;
    min-width: 0;
    padding: 6px 10px;
    color: #93969f;
    background: #f8f8fb;
    border-radius: 4px
}

.dark .info-tag[data-v-1ed9b48d] {
    color: #ddd;
    background-color: #2f3136
}

.info-tag__icon[data-v-1ed9b48d] {
    margin-right: 4px
}

.info-tag__content[data-v-1ed9b48d] {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

[data-v-5a832fc2]:root {
    --color-scheme-active: #6C78F4
}

.companies__companies[data-v-5a832fc2] {
    display: flex;
    align-items: center
}

.companies__company-wrap[data-v-5a832fc2] {
    display: flex;
    gap: 8px;
    align-items: center;
    overflow: hidden;
    max-width: 200px
}

.companies__company-wrap[data-v-5a832fc2]:not(:first-child) {
    margin-left: -5px
}

.companies__company[data-v-5a832fc2] {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%
}

.companies__company[data-v-5a832fc2] .avatars-image__content {
    border: 1px solid #fff
}

.dark .companies__company[data-v-5a832fc2] .avatars-image__content {
    border-color: #2f3136
}

.companies__company-name[data-v-5a832fc2] {
    font-weight: 400;
    font-size: 13px;
    line-height: 120%;
    overflow: hidden;
    white-space: nowrap;
    color: #202430;
    text-overflow: ellipsis
}

.dark .companies__company-name[data-v-5a832fc2] {
    color: #ddd
}

[data-v-c93ce814]:root {
    --color-scheme-active: #6C78F4
}

.contacts__list[data-v-c93ce814] {
    display: flex;
    align-items: center
}

.contacts__contact-wrap[data-v-c93ce814] {
    display: flex;
    gap: 8px;
    align-items: center;
    overflow: hidden;
    max-width: 100%
}

.contacts__contact-wrap[data-v-c93ce814]:not(:first-child) {
    margin-left: -5px
}

.contacts__contact[data-v-c93ce814] {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%
}

.contacts__contact[data-v-c93ce814] .avatars-image__content {
    border: 1px solid #fff
}

.dark .contacts__contact[data-v-c93ce814] .avatars-image__content {
    border-color: #2f3136
}

.contacts__contact-name[data-v-c93ce814] {
    font-weight: 400;
    font-size: 13px;
    line-height: 120%;
    overflow: hidden;
    white-space: nowrap;
    color: #202430;
    text-overflow: ellipsis
}

.dark .contacts__contact-name[data-v-c93ce814] {
    color: #ddd
}

[data-v-24638829]:root {
    --color-scheme-active: #6C78F4
}

.header__tags[data-v-24638829] {
    display: flex;
    gap: 8px;
    align-items: center;
    flex-wrap: wrap;
    margin-bottom: 8px
}

.header__title[data-v-24638829] {
    word-break: normal;
    overflow-wrap: anywhere;
    font-weight: 400;
    font-size: 13px;
    line-height: 14px
}

.header__title.empty[data-v-24638829] {
    font-weight: 300;
    color: #aeaeae
}

.dark .header__title[data-v-24638829] {
    color: #a6a7b3
}

[data-v-5d8673eb]:root {
    --color-scheme-active: #6C78F4
}

.task[data-v-5d8673eb] {
    display: flex;
    margin: 5px 0
}

.task.disabled[data-v-5d8673eb] {
    pointer-events: none;
    opacity: 1
}

.task[data-v-5d8673eb]:not(.disabled) .task__icon {
    opacity: .6;
    transition: all .2s ease-in-out
}

.dark .task[data-v-5d8673eb] {
    color: #a6a7b3
}

.task__icon[data-v-5d8673eb] {
    flex: none;
    margin-right: 8px
}

.task__title[data-v-5d8673eb] {
    margin-top: 2px;
    font-size: 13px;
    word-break: normal;
    overflow-wrap: anywhere;
    color: #242629
}

.task__title.untitled[data-v-5d8673eb] {
    opacity: .6
}

.task.completed .task__title[data-v-5d8673eb] {
    text-decoration: line-through;
    opacity: .6
}

.dark .task.completed .task__title[data-v-5d8673eb] {
    color: #545556
}

.dark .task__title[data-v-5d8673eb] {
    color: #a6a7b3
}

[data-v-b656e7d1]:root {
    --color-scheme-active: #6C78F4
}

.tasks[data-v-b656e7d1] {
    padding-top: 10px
}

.tasks__line[data-v-b656e7d1] {
    height: 3px;
    border-radius: 30px;
    background: #f8f8fb
}

.dark .tasks__line[data-v-b656e7d1] {
    background: #2a2b30
}

.tasks__line-progress[data-v-b656e7d1] {
    height: 3px;
    border-radius: 30px;
    background: var(--color-scheme-active);
    transition: .4s
}

.tasks__items[data-v-b656e7d1] {
    padding: 6px 0 0
}

[data-v-e14917d5]:root {
    --color-scheme-active: #6C78F4
}

.dropdown[data-v-e14917d5] {
    position: fixed;
    z-index: 10;
    width: 240px;
    max-height: 300px
}

.dropdown__input-tags[data-v-e14917d5] {
    min-height: 34px;
    max-height: 120px
}

[data-v-24a29e2a]:root {
    --color-scheme-active: #6C78F4
}

.assignees[data-v-24a29e2a] {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 22px;
    margin-right: 4px;
    transition: .3s ease-in-out
}

.assignees__dropdown[data-v-24a29e2a] {
    position: fixed;
    z-index: 10;
    width: 240px;
    max-height: 240px
}

[data-v-725c236d]:root {
    --color-scheme-active: #6C78F4
}

@keyframes loading-725c236d {
    0% {
        transform: translate(-100%)
    }
    to {
        transform: translate(100%)
    }
}

.skeleton[data-v-725c236d] {
    position: relative;
    transition: opacity .2s ease-in-out
}

.skeleton[data-v-725c236d]: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-725c236d 1.3s cubic-bezier(.5, 1, 1, 1) infinite
}

.dark .skeleton[data-v-725c236d]:before {
    background: linear-gradient(to right, transparent, #383A3F, transparent)
}

.skeleton__circle[data-v-725c236d] {
    width: 20px;
    height: 20px;
    background-color: #ececec;
    border-radius: 50%
}

.dark .skeleton__circle[data-v-725c236d] {
    background-color: #2f3136
}

[data-v-92228faf]:root {
    --color-scheme-active: #6C78F4
}

.card-indicators[data-v-92228faf] {
    display: flex;
    align-items: center
}

[data-v-e8d2d181]:root {
    --color-scheme-active: #6C78F4
}

.crm-deal-bottom[data-v-e8d2d181] {
    position: relative;
    flex: none;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 15px;
    font-size: 10px;
    color: #aeaeae
}

.dark .crm-deal-bottom[data-v-e8d2d181] {
    color: #8d8d8d
}

.crm-deal-bottom__assignees[data-v-e8d2d181] {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 22px;
    margin-right: 4px
}

.crm-deal-bottom__counter[data-v-e8d2d181] {
    font-weight: 400;
    font-size: 10px;
    line-height: 12px;
    color: #aeaeae
}

.crm-deal-bottom__side[data-v-e8d2d181] {
    position: relative;
    display: flex;
    align-items: center
}

[data-v-a02efd92]:root {
    --color-scheme-active: #6C78F4
}

.deal[data-v-a02efd92] {
    position: relative;
    display: flex;
    margin-bottom: 4px;
    padding: 10px;
    border: 1px solid transparent;
    border-radius: 5px;
    background-color: #fff;
    flex-direction: column;
    transition: .3s ease-in-out;
    cursor: pointer;
    transition: .2s ease-in-out
}

.deal[data-v-a02efd92]:hover,
.deal.hover[data-v-a02efd92] {
    border-color: #cacad2;
    box-shadow: 0 2px #cacad2
}

.dark .deal[data-v-a02efd92]:hover,
.dark .deal.hover[data-v-a02efd92] {
    border-color: #2a2a2a;
    box-shadow: 0 2px #2a2a2a
}

.dark .deal[data-v-a02efd92] {
    background-color: #383a3f
}

.deal.won[data-v-a02efd92] {
    background-color: #fbfcfb;
    border: 1px solid #00b633
}

.deal.won[data-v-a02efd92]:hover {
    box-shadow: 0 2px #00b633!important
}

.deal.lost[data-v-a02efd92] {
    background-color: #fffcfc;
    border: 1px solid #d10002
}

.deal.lost[data-v-a02efd92]:hover {
    box-shadow: 0 2px #d10002!important
}

.deal.selected[data-v-a02efd92] {
    border-color: var(--color-scheme-active)!important
}

.deal.selected .hidden-element[data-v-a02efd92] {
    opacity: 1
}

.deal.selected[data-v-a02efd92]:hover {
    box-shadow: 0 2px 0 0 var(--color-scheme-active)!important
}

.deal.template[data-v-a02efd92] {
    pointer-events: none;
    opacity: .7
}

.dark .deal[data-v-a02efd92] {
    border-color: transparent
}

.dark .deal.won[data-v-a02efd92] {
    background: linear-gradient(0deg, #a3da900d, #a3da900d), #383a3f;
    border: 1px solid rgb(163, 218, 144)!important
}

.dark .deal.won[data-v-a02efd92]:hover {
    box-shadow: 0 2px #a3da90!important
}

.dark .deal.lost[data-v-a02efd92] {
    background: linear-gradient(0deg, #ff86860d, #ff86860d), #383a3f;
    border: 1px solid rgb(255, 134, 134)!important
}

.dark .deal.lost[data-v-a02efd92]:hover {
    box-shadow: 0 2px #ff8686!important
}

.deal__footer-tags[data-v-a02efd92] {
    margin-top: 4px
}

.deal__footer-tags-row[data-v-a02efd92] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
    grid-gap: 8px;
    margin-top: 8px
}

.deal__footer-tags-row-item[data-v-a02efd92] {
    width: 100%;
    margin-right: 8px;
    font-weight: 700;
    color: #525c7a
}

.deal__footer-tags-row-item[data-v-a02efd92]:last-of-type {
    margin-right: 0
}

.deal__footer-company-contact[data-v-a02efd92] {
    margin-top: 4px
}

[data-v-933e4fcc]:root {
    --color-scheme-active: #6C78F4
}

.loadable[data-v-933e4fcc] {
    display: grid;
    grid-auto-flow: row;
    grid-auto-rows: max-content;
    grid-row-gap: 4px;
    width: 100%;
    overflow: hidden
}

[data-v-10f0ab20]:root {
    --color-scheme-active: #6C78F4
}

.smooth-dnd-draggable-wrapper[data-v-10f0ab20] {
    overflow: visible!important
}

.status[data-v-10f0ab20] {
    display: grid;
    grid-template-rows: repeat(2, max-content) 1fr;
    width: 100%;
    height: 100%;
    padding: 7px 3px 10px;
    overflow: visible auto
}

.status[data-v-10f0ab20]::-webkit-scrollbar {
    width: 3px
}

.status[data-v-10f0ab20]::-webkit-scrollbar-track {
    background-color: #e5e7ee;
    border-radius: 30px
}

.status[data-v-10f0ab20]::-webkit-scrollbar-thumb {
    background: #cacad2;
    border: none
}

.dark .status[data-v-10f0ab20]::-webkit-scrollbar-track {
    background-color: #93969f
}

.dark .status[data-v-10f0ab20]::-webkit-scrollbar-thumb {
    background: #60636c
}

.status__container[data-v-10f0ab20] {
    height: 100%;
    min-height: calc(100vh - 320px)
}

[data-v-f3a794d9]:root {
    --color-scheme-active: #6C78F4
}

.column[data-v-f3a794d9] {
    display: flex;
    flex-direction: column;
    height: 100%;
    overflow: hidden
}

.column__header[data-v-f3a794d9],
.column__creating[data-v-f3a794d9] {
    flex: none;
    margin-right: 3px;
    margin-bottom: 4px;
    margin-left: 3px
}

.column__header[data-v-f3a794d9] {
    margin-bottom: 7px
}

.column__deals[data-v-f3a794d9] {
    flex: 1;
    display: flex;
    overflow: hidden
}

[data-v-2c30cdc1]:root {
    --color-scheme-active: #6C78F4
}

.creation[data-v-2c30cdc1] {
    position: relative;
    flex: none;
    display: flex;
    align-items: center;
    width: 274px;
    height: 60px;
    padding: 0 14px;
    overflow: hidden;
    background-color: #ededf5;
    transition: .2s ease;
    cursor: pointer;
    border: 1px dashed #CACAD2;
    border-radius: 4px;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.creation[data-v-2c30cdc1]:hover,
.creation[data-v-2c30cdc1]:focus {
    background-color: #f9f9f9
}

.dark .creation[data-v-2c30cdc1] {
    background-color: #383a3f;
    border-color: #76787b
}

.dark .creation[data-v-2c30cdc1]:hover,
.dark .creation[data-v-2c30cdc1]:focus {
    background-color: #2f3136
}

.creation__text[data-v-2c30cdc1] {
    margin-left: 12px;
    font-weight: 500;
    font-size: 12px;
    line-height: 15px;
    color: #cacad2;
    transition: .2s ease;
    text-align: center
}

.dark .creation__text[data-v-2c30cdc1] {
    color: #8d8d8d
}

.creation__input[data-v-2c30cdc1] {
    position: absolute;
    top: -1px;
    left: -1px;
    opacity: 0;
    width: calc(100%+ 2px);
    height: calc(100%+ 2px);
    background-color: #fff;
    transition: .3s ease;
    cursor: pointer;
    border: 1px solid #D3D3D3;
    border-radius: 4px
}

.creation_focused .creation__input[data-v-2c30cdc1] {
    opacity: 1
}

.creation__input[readonly][data-v-2c30cdc1] {
    background-color: #fcfcfc
}

.creation__input[data-v-2c30cdc1]:focus {
    cursor: text
}

.dark .creation__input[data-v-2c30cdc1] {
    color: #ddd;
    border: 1px solid #242629;
    background-color: #383a3f
}

[data-v-ea9328fb]:root {
    --color-scheme-active: #6C78F4
}

.columns[data-v-ea9328fb] {
    margin-right: 6px;
    overflow: hidden
}

.columns[data-v-ea9328fb] .draggable-column-container__container {
    display: grid!important;
    grid-auto-flow: column;
    grid-auto-columns: 274px;
    grid-column-gap: 6px;
    height: 100%
}

.columns__column[data-v-ea9328fb] {
    overflow: hidden;
    display: flex!important;
    flex-direction: column
}

[data-v-fa9b53a2]:root {
    --color-scheme-active: #6C78F4
}

.crm-funnel[data-v-fa9b53a2] {
    display: grid;
    grid-template-rows: max-content 1fr;
    height: 100%;
    padding: 0 7px;
    overflow: hidden
}

.crm-funnel.loading[data-v-fa9b53a2] {
    display: unset
}

.crm-funnel__loading[data-v-fa9b53a2] {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%
}

.crm-funnel__header[data-v-fa9b53a2] {
    padding: 0 3px
}

.crm-funnel__wrapper[data-v-fa9b53a2] {
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: max-content;
    padding-bottom: 10px;
    overflow: auto hidden
}

.crm-funnel__columns[data-v-fa9b53a2] {
    overflow: auto hidden;
    position: relative;
    display: flex;
    flex: 1 1 auto;
    z-index: 3
}

[data-v-194c395d]:root {
    --color-scheme-active: #6C78F4
}

.header[data-v-194c395d] {
    padding: 0 10px
}

.header__wrapper[data-v-194c395d] {
    display: flex;
    align-items: center
}

[data-v-398f417a]:root {
    --color-scheme-active: #6C78F4
}

.card[data-v-398f417a] {
    display: flex;
    gap: 10px;
    padding: 10px;
    background: #f8f8fb;
    flex-direction: column;
    border-radius: 12px
}

.dark .card[data-v-398f417a] {
    background: #383a3f;
    border-color: #1e1f22
}

.card__top[data-v-398f417a] {
    display: flex;
    gap: 10px;
    align-items: center
}

.card__value[data-v-398f417a] {
    font-weight: 500;
    font-size: 36px;
    line-height: 43px;
    color: #000
}

.dark .card__value[data-v-398f417a] {
    color: #ddd
}

.card__text[data-v-398f417a] {
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
    color: #2e3038
}

.dark .card__text[data-v-398f417a] {
    color: #8d8d8d
}

.card__percent[data-v-398f417a] {
    display: flex;
    gap: 2px;
    align-items: center
}

.increase .card__percent-icon[data-v-398f417a] {
    transform: rotate(180deg)
}

.increase .card__percent-icon[data-v-398f417a] path:nth-child(1) {
    stroke: #00b633;
    fill: #00b633
}

.decrease .card__percent-icon[data-v-398f417a] path {
    fill: #ff4d4f
}

.card__percent-value[data-v-398f417a] {
    font-weight: 600;
    font-size: 14px;
    line-height: 100%
}

.increase .card__percent-value[data-v-398f417a] {
    color: #00b633
}

.decrease .card__percent-value[data-v-398f417a] {
    color: #ff4d4f
}

.dark .card__percent-value[data-v-398f417a] {
    color: #ddd
}

[data-v-0fb078c5]:root {
    --color-scheme-active: #6C78F4
}

.general[data-v-0fb078c5] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 16px
}

[data-v-a854ffd8]:root {
    --color-scheme-active: #6C78F4
}

.steps__table-column[data-v-a854ffd8] {
    font-weight: 500;
    font-size: 12px;
    line-height: 100%;
    display: flex;
    gap: 10px;
    align-items: center;
    min-height: 32px;
    color: #525c7a
}

.dark .steps__table-column[data-v-a854ffd8] {
    color: #8d8d8d
}

.steps__table-column[data-v-a854ffd8]:nth-child(1) {
    padding-left: 12px;
    color: #202430
}

.dark .steps__table-column[data-v-a854ffd8]:nth-child(1) {
    color: #ddd
}

.steps__table-head .steps__table-column[data-v-a854ffd8] {
    color: #9499ad
}

.dark .steps__table-head .steps__table-column[data-v-a854ffd8] {
    color: #a6a7b3
}

.steps__table-body[data-v-a854ffd8] {
    display: flex;
    flex-direction: column;
    gap: 6px
}

.steps__table-head[data-v-a854ffd8],
.steps__table-item[data-v-a854ffd8] {
    display: grid;
    grid-template-columns: 140px 3fr repeat(3, 1fr);
    grid-gap: 10px
}

.steps__deals[data-v-a854ffd8] {
    display: flex;
    gap: 4px;
    align-items: center;
    width: 100%
}

.steps__deals-item[data-v-a854ffd8] {
    display: flex;
    align-items: center;
    width: 100%;
    min-width: fit-content;
    cursor: pointer
}

.steps__deals-wrap[data-v-a854ffd8] {
    width: 100%
}

.steps__deals-quantity[data-v-a854ffd8] {
    font-weight: 500;
    font-size: 13px;
    line-height: 100%;
    display: flex;
    align-items: center;
    width: 100%;
    min-width: fit-content;
    height: 32px;
    padding: 9px 8px;
    color: #525c7a;
    background: #f4f4f8;
    border-radius: 6px
}

.dark .steps__deals-quantity[data-v-a854ffd8] {
    color: #ddd;
    background: #383a3f
}

.hanging .steps__deals-quantity[data-v-a854ffd8] {
    color: #f8f8fb;
    background: #8993f6
}

.steps__conversion[data-v-a854ffd8] {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 45px;
    height: 32px;
    color: #525c7a;
    cursor: pointer
}

.steps__conversion span[data-v-a854ffd8] {
    position: relative;
    z-index: 1
}

.steps__conversion-icon[data-v-a854ffd8] {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 0
}

.steps__total[data-v-a854ffd8] {
    display: grid;
    grid-template-columns: 95px 1fr;
    grid-gap: 10px;
    margin-top: 16px
}

.steps__total-title[data-v-a854ffd8] {
    font-weight: 500;
    font-size: 14px;
    line-height: 100%;
    display: flex;
    align-items: center;
    color: #9499ad
}

.steps__total-items[data-v-a854ffd8] {
    display: flex;
    gap: 4px;
    align-items: center
}

.steps__total-item[data-v-a854ffd8] {
    font-weight: 600;
    font-size: 11px;
    line-height: 110%;
    display: flex;
    gap: 8px;
    justify-content: center;
    align-items: center;
    height: 24px;
    padding: 6px 8px;
    color: #9499ad;
    background: #f4f4f8;
    border-radius: 4px
}

.dark .steps__total-item[data-v-a854ffd8] {
    color: #ddd;
    background: #383a3f
}

.steps__total-item-value[data-v-a854ffd8] {
    color: #525c7a
}

.dark .steps__total-item-value[data-v-a854ffd8] {
    color: #8d8d8d
}

.steps__text-overflow[data-v-a854ffd8] {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.steps__title[data-v-a854ffd8] {
    font-weight: 500;
    font-size: 24px;
    line-height: 100%;
    margin: 8px 0 24px;
    color: #202430
}

.dark .steps__title[data-v-a854ffd8] {
    color: #ddd
}

[data-v-4e071f28]:root {
    --color-scheme-active: #6C78F4
}

.members__table-column[data-v-4e071f28] {
    font-weight: 500;
    font-size: 12px;
    line-height: 100%;
    display: flex;
    gap: 10px;
    align-items: center;
    min-height: 32px;
    color: #525c7a
}

.dark .members__table-column[data-v-4e071f28] {
    color: #8d8d8d
}

.members__table-column[data-v-4e071f28]:nth-child(1) {
    color: #202430
}

.dark .members__table-column[data-v-4e071f28]:nth-child(1) {
    color: #ddd
}

.members__table-head .members__table-column[data-v-4e071f28] {
    color: #9499ad
}

.dark .members__table-head .members__table-column[data-v-4e071f28] {
    color: #a6a7b3
}

.members__table-body[data-v-4e071f28] {
    display: flex;
    flex-direction: column;
    gap: 6px
}

.members__table-head[data-v-4e071f28],
.members__table-item[data-v-4e071f28] {
    display: grid;
    grid-template-columns: 2fr repeat(5, 1fr);
    grid-gap: 12px
}

.members__member[data-v-4e071f28] {
    display: flex;
    gap: 10px;
    align-items: center
}

.members__title[data-v-4e071f28] {
    font-weight: 500;
    font-size: 24px;
    line-height: 100%;
    margin: 8px 0 24px;
    color: #202430
}

.dark .members__title[data-v-4e071f28] {
    color: #ddd
}

[data-v-beca6865]:root {
    --color-scheme-active: #6C78F4
}

.chart[data-v-beca6865] {
    border-radius: 8px
}

[data-v-fb2ac6ca]:root {
    --color-scheme-active: #6C78F4
}

.funnel-analytics[data-v-fb2ac6ca] {
    overflow-y: auto;
    padding-bottom: 40px
}

.funnel-analytics__box[data-v-fb2ac6ca] {
    display: flex;
    flex-direction: column;
    gap: 36px;
    max-width: 928px;
    margin: 0 10px;
    padding: 24px;
    background: #fff;
    border-radius: 12px
}

.dark .funnel-analytics__box[data-v-fb2ac6ca] {
    background: #242629
}

.funnel-analytics__title[data-v-fb2ac6ca] {
    font-weight: 700;
    font-size: 36px;
    line-height: 100%;
    margin: 0;
    color: #202430
}

.dark .funnel-analytics__title[data-v-fb2ac6ca] {
    color: #ddd
}

.funnel-analytics__title-row[data-v-fb2ac6ca] {
    display: flex;
    justify-content: space-between;
    align-items: center
}

[data-v-bf02e102]:root {
    --color-scheme-active: #6C78F4
}

.contact-modal[data-v-bf02e102] {
    width: 100%;
    max-width: 428px
}

.contact-modal__form[data-v-bf02e102] {
    padding: 14px
}

.contact-modal__form[data-v-bf02e102]>* {
    margin-bottom: 14px
}

.contact-modal__form[data-v-bf02e102]>*:last-child {
    margin-bottom: 0
}

.contact-modal__label[data-v-bf02e102] {
    display: block;
    margin-bottom: 4px;
    font-size: 12px;
    font-weight: 500;
    line-height: 14px;
    color: #1e1e1e
}

.dark .contact-modal__label[data-v-bf02e102] {
    color: #ddd
}

.contact-modal__footer[data-v-bf02e102] {
    display: flex
}

.contact-modal__footer[data-v-bf02e102]>* {
    width: 100%;
    margin-right: 40px
}

.contact-modal__footer[data-v-bf02e102]>*:last-child {
    margin-right: 0
}

[data-v-ef40c563]:root {
    --color-scheme-active: #6C78F4
}

.web-view[data-v-ef40c563] {
    width: 100%;
    height: calc(100% - 40px);
    overflow: auto;
    background-color: #fff
}

.web-view[data-v-ef40c563] .editor {
    display: block!important;
    overflow: visible!important
}

.web-view[data-v-ef40c563] .editor__target {
    overflow: visible!important
}

.dark .web-view[data-v-ef40c563] {
    background-color: #383a3f
}

[data-v-7c1e044f]:root {
    --color-scheme-active: #6C78F4
}

.filters-component[data-v-7c1e044f] {
    flex: 1 1 auto;
    display: grid;
    grid-template-columns: 1fr max-content;
    grid-column-gap: 8px;
    align-items: center;
    margin: 0 20px 0 0
}

[data-v-9090bb5b]:root {
    --color-scheme-active: #6C78F4
}

.navbar[data-v-9090bb5b] {
    padding: 10px
}

.dark .navbar[data-v-9090bb5b] {
    background: #2f3136
}

.navbar__row[data-v-9090bb5b] {
    display: flex
}

.navbar__views[data-v-9090bb5b] {
    position: relative;
    display: flex;
    align-items: center;
    height: 100%;
    margin-right: 8px;
    -webkit-user-select: none;
    user-select: none
}

.dark .navbar__views[data-v-9090bb5b] {
    border-color: #1e1f22
}

.navbar__views-card[data-v-9090bb5b]:first-child {
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px
}

.navbar__views-card[data-v-9090bb5b]:not(.navbar__views-card:first-child) {
    margin-left: 1px
}

.navbar__views-card[data-v-9090bb5b]:last-child {
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px
}

.navbar__search[data-v-9090bb5b] {
    max-width: 240px;
    width: 100%;
    margin-right: 8px
}

.navbar__search[data-v-9090bb5b] .v-input__item {
    border: 0;
    border-radius: 8px
}

.dark .navbar__search[data-v-9090bb5b] .v-input__item {
    background: #242629
}

.navbar__new[data-v-9090bb5b] {
    white-space: nowrap;
    max-width: 160px
}

.navbar__full-viewer[data-v-9090bb5b] {
    flex: none;
    margin-top: 10px
}

[data-v-9d0fcaea]:root {
    --color-scheme-active: #6C78F4
}

.column[data-v-9d0fcaea] {
    position: relative;
    flex: none;
    height: 28px;
    white-space: nowrap
}

.column[data-v-9d0fcaea]:first-child {
    padding-left: 2px
}

.column__wrapper[data-v-9d0fcaea] {
    display: flex;
    align-items: center;
    height: 100%;
    padding-left: 8px;
    transition: background-color .2s ease;
    border-radius: 4px
}

.column__wrapper.resizing[data-v-9d0fcaea],
.column__wrapper[data-v-9d0fcaea]:hover {
    background-color: #f8f8fb
}

.dark .column__wrapper.resizing[data-v-9d0fcaea],
.dark .column__wrapper[data-v-9d0fcaea]:hover {
    background-color: #383a3f
}

.column__name[data-v-9d0fcaea] {
    overflow: hidden;
    text-overflow: ellipsis
}

.column__resize-wrapper[data-v-9d0fcaea] {
    position: absolute;
    right: -5px;
    opacity: 0;
    width: 10px;
    padding: 0 2px;
    transition: opacity .2s ease;
    cursor: grab
}

.column:hover .column__resize-wrapper[data-v-9d0fcaea] {
    opacity: 1
}

.column.resizing .column__resize-wrapper[data-v-9d0fcaea] {
    opacity: 1;
    cursor: grabbing
}

.column__resize-handle[data-v-9d0fcaea] {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 6px;
    height: 24px;
    background-color: #fff;
    border-radius: 123px
}

.dark .column__resize-handle[data-v-9d0fcaea] {
    background-color: #242629
}

.column__resize-handle-line[data-v-9d0fcaea] {
    width: 2px;
    height: 20px;
    background-color: #acb1c2;
    border-radius: 2px;
    transition: background-color .2s ease
}

.column.resizing .column__resize-handle-line[data-v-9d0fcaea] {
    background-color: var(--color-scheme-active)!important
}

.dark .column__resize-handle-line[data-v-9d0fcaea] {
    background-color: #2f3136
}

[data-v-fd0f0999]:root {
    --color-scheme-active: #6C78F4
}

.settings[data-v-fd0f0999] {
    position: relative
}

.settings__button[data-v-fd0f0999] {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 30px;
    height: 30px;
    transition: all .1s ease;
    outline: none
}

.settings__button[data-v-fd0f0999] path {
    fill: #60636c
}

.settings__dropdown[data-v-fd0f0999] {
    position: absolute;
    top: calc(100% - 2px);
    right: 2px;
    z-index: 10;
    max-height: calc(100vh - 200px);
    width: 240px;
    overflow-y: auto
}

.dark .settings__dropdown[data-v-fd0f0999] .dropdown-item {
    background-color: #242629
}

.dark .settings__dropdown[data-v-fd0f0999] .dropdown-item:hover {
    background-color: #202225
}

.settings__dropdown-wrapper[data-v-fd0f0999] {
    padding-bottom: 4px
}

.settings__dropdown-name[data-v-fd0f0999] {
    font-weight: 500;
    font-size: 12px;
    line-height: 100%;
    padding: 12px 8px 8px;
    color: #acb1c2
}

.dark .settings__dropdown-name[data-v-fd0f0999] {
    color: #ddd
}

.settings__dropdown-line[data-v-fd0f0999] {
    width: 100%;
    height: 1px;
    background-color: #f4f4f8
}

.dark .settings__dropdown-line[data-v-fd0f0999] {
    background-color: #191a1c
}

[data-v-704d3809]:root {
    --color-scheme-active: #6C78F4
}

.header[data-v-704d3809] {
    position: sticky;
    top: 0;
    z-index: 1;
    flex: none;
    display: flex;
    align-items: center;
    height: 36px;
    color: #60636c;
    background-color: #fff;
    column-gap: 20px;
    border-bottom: 1px solid #f6f6f9;
    font-weight: 400;
    font-size: 14px;
    line-height: 100%
}

.dark .header[data-v-704d3809] {
    border-color: #4d525e;
    color: #ddd;
    background-color: #242629
}

.header__settings[data-v-704d3809] {
    display: flex;
    justify-content: flex-end;
    margin-left: auto;
    padding-right: 4px
}

[data-v-a8d1f912]:root {
    --color-scheme-active: #6C78F4
}

.name[data-v-a8d1f912] {
    display: flex;
    gap: 12px;
    align-items: center
}

.name__text[data-v-a8d1f912] {
    font-weight: 400;
    font-size: 13px;
    line-height: 16px;
    overflow: hidden;
    white-space: nowrap;
    color: #202430;
    contain: content;
    text-overflow: ellipsis
}

.dark .name__text[data-v-a8d1f912] {
    color: #8d8d8d
}

[data-v-845f7709]:root {
    --color-scheme-active: #6C78F4
}

.emails[data-v-845f7709] {
    display: flex;
    gap: 8px;
    align-items: center
}

.emails__value[data-v-845f7709] {
    font-weight: 400;
    font-size: 13px;
    line-height: 125%;
    overflow: hidden;
    white-space: nowrap;
    color: #60636c;
    contain: content;
    text-overflow: ellipsis
}

.dark .emails__value[data-v-845f7709] {
    color: #8d8d8d
}

.emails__more[data-v-845f7709] {
    flex: none;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 5px;
    color: #acb1c2;
    background: #f8f8fb;
    border-radius: 50%;
    font-weight: 500;
    font-size: 8px;
    line-height: 10px
}

.dark .emails__more[data-v-845f7709] {
    color: #8d8d8d;
    background: #2f3136;
    border-color: transparent
}

[data-v-f6b449b1]:root {
    --color-scheme-active: #6C78F4
}

.phones[data-v-f6b449b1] {
    display: flex;
    gap: 8px;
    align-items: center
}

.phones__value[data-v-f6b449b1] {
    font-weight: 400;
    font-size: 13px;
    line-height: 13px;
    overflow: hidden;
    white-space: nowrap;
    color: #60636c;
    contain: content;
    text-overflow: ellipsis
}

.dark .phones__value[data-v-f6b449b1] {
    color: #8d8d8d
}

.phones__more[data-v-f6b449b1] {
    flex: none;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 5px;
    color: #acb1c2;
    background: #f8f8fb;
    border-radius: 50%;
    font-weight: 500;
    font-size: 8px;
    line-height: 10px
}

.dark .phones__more[data-v-f6b449b1] {
    color: #8d8d8d;
    background: #2f3136;
    border-color: transparent
}

[data-v-2f0bacdd]:root {
    --color-scheme-active: #6C78F4
}

.companies__company[data-v-2f0bacdd] {
    position: relative;
    display: flex;
    gap: 8px;
    align-items: center;
    margin-left: -8px;
    padding: 2px 8px;
    overflow: hidden;
    color: #202430;
    border-radius: 4px;
    font-weight: 400;
    font-size: 13px;
    line-height: 16px;
    transition: .2s ease-in-out
}

.companies__company[data-v-2f0bacdd]:hover,
.companies__company.active[data-v-2f0bacdd] {
    background: #ededf5
}

.dark .companies__company[data-v-2f0bacdd]:hover,
.dark .companies__company.active[data-v-2f0bacdd] {
    background-color: #4e5054
}

.dark .companies__company[data-v-2f0bacdd] {
    color: #8d8d8d
}

.companies__name[data-v-2f0bacdd] {
    font-weight: 400;
    font-size: 13px;
    line-height: 13px;
    overflow: hidden;
    white-space: nowrap;
    color: #60636c;
    contain: content;
    text-overflow: ellipsis
}

.dark .companies__name[data-v-2f0bacdd] {
    color: #8d8d8d
}

.companies__more[data-v-2f0bacdd] {
    flex: none;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 5px;
    color: #acb1c2;
    background: #f8f8fb;
    border-radius: 50%;
    font-weight: 500;
    font-size: 8px;
    line-height: 10px
}

.dark .companies__more[data-v-2f0bacdd] {
    color: #8d8d8d;
    background: #2f3136;
    border-color: transparent
}

.companies__dropdown[data-v-2f0bacdd] {
    position: fixed;
    z-index: 10;
    width: 240px
}

[data-v-d910b281]:root {
    --color-scheme-active: #6C78F4
}

.tags[data-v-d910b281] {
    display: flex;
    gap: 4px
}

[data-v-ec8006ba]:root {
    --color-scheme-active: #6C78F4
}

.text[data-v-ec8006ba] {
    margin: 0;
    padding: 0;
    overflow: hidden;
    word-break: break-all;
    white-space: nowrap;
    color: #acb1c2;
    text-overflow: ellipsis;
    font-weight: 400;
    font-size: 12px;
    line-height: 12px
}

.dark .text[data-v-ec8006ba] {
    color: #ddd
}

[data-v-5d0f0426]:root {
    --color-scheme-active: #6C78F4
}

.boolean[data-v-5d0f0426] {
    display: grid;
    grid-template-columns: max-content 1fr;
    grid-column-gap: 8px;
    align-items: center;
    word-break: break-all;
    color: #acb1c2;
    font-weight: 400;
    font-size: 12px;
    line-height: 12px
}

.boolean__checkbox[data-v-5d0f0426],
.boolean__switch[data-v-5d0f0426] {
    pointer-events: none
}

[data-v-5cc458c0]:root {
    --color-scheme-active: #6C78F4
}

.multiple-select[data-v-5cc458c0] {
    display: flex;
    overflow: hidden
}

.multiple-select__value[data-v-5cc458c0] {
    width: max-content;
    margin: 0 4px;
    overflow: visible
}

[data-v-c4341709]:root {
    --color-scheme-active: #6C78F4
}

.organization[data-v-c4341709] {
    display: flex;
    gap: 8px;
    align-items: center;
    line-height: 13px;
    word-break: break-all;
    color: #acb1c2;
    font-weight: 400;
    font-size: 12px;
    line-height: 12px
}

.dark .organization[data-v-c4341709] {
    color: #ddd
}

.organization__text[data-v-c4341709] {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.organization__more[data-v-c4341709] {
    flex: none;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 5px;
    color: #acb1c2;
    background: #f8f8fb;
    border-radius: 50%;
    font-weight: 500;
    font-size: 8px;
    line-height: 10px
}

.dark .organization__more[data-v-c4341709] {
    color: #8d8d8d;
    background: #2f3136;
    border-color: transparent
}

[data-v-d26672e0]:root {
    --color-scheme-active: #6C78F4
}

.contact[data-v-d26672e0] {
    display: flex;
    gap: 8px;
    align-items: center;
    line-height: 13px;
    word-break: break-all;
    color: #acb1c2;
    font-weight: 400;
    font-size: 12px;
    line-height: 12px
}

.dark .contact[data-v-d26672e0] {
    color: #ddd
}

.contact__text[data-v-d26672e0] {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.contact__more[data-v-d26672e0] {
    flex: none;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 5px;
    color: #acb1c2;
    background: #f8f8fb;
    border-radius: 50%;
    font-weight: 500;
    font-size: 8px;
    line-height: 10px
}

.dark .contact__more[data-v-d26672e0] {
    color: #8d8d8d;
    background: #2f3136;
    border-color: transparent
}

[data-v-b51889f7]:root {
    --color-scheme-active: #6C78F4
}

.link[data-v-b51889f7] {
    overflow: hidden;
    word-break: break-all;
    white-space: nowrap;
    color: #acb1c2;
    text-overflow: ellipsis;
    font-weight: 400;
    font-size: 12px;
    line-height: 12px
}

.dark .link[data-v-b51889f7] {
    color: #ddd
}

[data-v-be546058]:root {
    --color-scheme-active: #6C78F4
}

.flat-list-component[data-v-be546058] {
    position: relative;
    display: grid;
    grid-template-rows: max-content 1fr;
    min-height: calc(100% - 60px);
    max-height: calc(100% - 60px);
    overflow: auto;
    background: #fff
}

.dark .flat-list-component[data-v-be546058] {
    background-color: #242629
}

.flat-list-component__contact[data-v-be546058] {
    position: relative;
    display: flex;
    align-items: center;
    height: 40px;
    column-gap: 20px;
    border-bottom: 1px solid #f6f6f9;
    text-rendering: optimizelegibility;
    -webkit-font-smoothing: antialiased;
    border-top: 1px solid transparent!important;
    border-right: 1px solid transparent!important;
    border-left: 1px solid transparent!important;
    will-change: scroll-position;
    transition: all .2s ease-in-out;
    cursor: pointer
}

.flat-list-component__contact[data-v-be546058]:before {
    content: "";
    position: absolute;
    top: -1px;
    right: 0;
    left: 0;
    opacity: 0;
    display: block;
    width: 100%;
    margin: 0 -1px;
    transition: all .2s ease-in-out;
    border-top: 1px solid #CACAD2
}

.dark .flat-list-component__contact[data-v-be546058]:before {
    border-color: #4d525e
}

.flat-list-component__contact[data-v-be546058]:not(.active):hover {
    box-shadow: 0 2px #cacad2
}

.flat-list-component__contact[data-v-be546058]:not(.active):hover:before {
    opacity: 1
}

.flat-list-component__contact.active[data-v-be546058] {
    box-shadow: 0 2px 0 0 var(--color-scheme-active);
    border-top-color: var(--color-scheme-active)!important
}

.dark .flat-list-component__contact[data-v-be546058] {
    border-color: #4d525e
}

.dark .flat-list-component__contact[data-v-be546058]:not(.active):hover {
    box-shadow: 0 2px #acb1c2
}

.flat-list-component__column[data-v-be546058] {
    flex: none;
    display: flex;
    align-items: center;
    max-height: 100%;
    padding-left: 8px;
    overflow: hidden
}

.flat-list-component__column.empty[data-v-be546058] {
    font-weight: 400;
    font-size: 13px;
    line-height: 13px;
    overflow: hidden;
    white-space: nowrap;
    color: #60636c;
    contain: content;
    text-overflow: ellipsis;
    vertical-align: middle
}

.dark .flat-list-component__column.empty[data-v-be546058] {
    color: #8d8d8d
}

[data-v-d1b6914e]:root {
    --color-scheme-active: #6C78F4
}

.contacts[data-v-d1b6914e] {
    position: relative;
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    overflow: hidden
}

.dark .contacts[data-v-d1b6914e] {
    background: #2f3136
}

.contacts__loading[data-v-d1b6914e] {
    margin: auto
}

[data-v-7e395130]:root {
    --color-scheme-active: #6C78F4
}

.filters-component[data-v-7e395130] {
    flex: 1 1 auto;
    display: grid;
    grid-template-columns: 1fr max-content;
    grid-column-gap: 8px;
    align-items: center;
    margin: 0 20px 0 0
}

[data-v-a9231238]:root {
    --color-scheme-active: #6C78F4
}

.navbar[data-v-a9231238] {
    padding: 10px
}

.dark .navbar[data-v-a9231238] {
    background: #2f3136
}

.navbar__row[data-v-a9231238] {
    display: flex
}

.navbar__views[data-v-a9231238] {
    position: relative;
    display: flex;
    align-items: center;
    height: 100%;
    margin-right: 8px;
    -webkit-user-select: none;
    user-select: none
}

.dark .navbar__views[data-v-a9231238] {
    border-color: #1e1f22
}

.navbar__views-card[data-v-a9231238]:first-child {
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px
}

.navbar__views-card[data-v-a9231238]:not(.navbar__views-card:first-child) {
    margin-left: 1px
}

.navbar__views-card[data-v-a9231238]:last-child {
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px
}

.navbar__search[data-v-a9231238] {
    max-width: 240px;
    width: 100%;
    margin-right: 8px
}

.navbar__search[data-v-a9231238] .v-input__item {
    border: 0;
    border-radius: 8px
}

.dark .navbar__search[data-v-a9231238] .v-input__item {
    background: #242629
}

.navbar__new[data-v-a9231238] {
    white-space: nowrap;
    max-width: 160px
}

.navbar__full-viewer[data-v-a9231238] {
    flex: none;
    margin-top: 10px
}

[data-v-c20306b7]:root {
    --color-scheme-active: #6C78F4
}

.column[data-v-c20306b7] {
    position: relative;
    flex: none;
    height: 28px;
    white-space: nowrap
}

.column[data-v-c20306b7]:first-child {
    padding-left: 2px
}

.column__wrapper[data-v-c20306b7] {
    display: flex;
    align-items: center;
    height: 100%;
    padding-left: 8px;
    transition: background-color .2s ease;
    border-radius: 4px
}

.column__wrapper.resizing[data-v-c20306b7],
.column__wrapper[data-v-c20306b7]:hover {
    background-color: #f8f8fb
}

.dark .column__wrapper.resizing[data-v-c20306b7],
.dark .column__wrapper[data-v-c20306b7]:hover {
    background-color: #383a3f
}

.column__name[data-v-c20306b7] {
    overflow: hidden;
    text-overflow: ellipsis
}

.column__resize-wrapper[data-v-c20306b7] {
    position: absolute;
    right: -5px;
    opacity: 0;
    width: 10px;
    padding: 0 2px;
    transition: opacity .2s ease;
    cursor: grab
}

.column:hover .column__resize-wrapper[data-v-c20306b7] {
    opacity: 1
}

.column.resizing .column__resize-wrapper[data-v-c20306b7] {
    opacity: 1;
    cursor: grabbing
}

.column__resize-handle[data-v-c20306b7] {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 6px;
    height: 24px;
    background-color: #fff;
    border-radius: 123px
}

.dark .column__resize-handle[data-v-c20306b7] {
    background-color: #242629
}

.column__resize-handle-line[data-v-c20306b7] {
    width: 2px;
    height: 20px;
    background-color: #acb1c2;
    border-radius: 2px;
    transition: background-color .2s ease
}

.column.resizing .column__resize-handle-line[data-v-c20306b7] {
    background-color: var(--color-scheme-active)!important
}

.dark .column__resize-handle-line[data-v-c20306b7] {
    background-color: #2f3136
}

[data-v-b7c799dd]:root {
    --color-scheme-active: #6C78F4
}

.settings[data-v-b7c799dd] {
    position: relative
}

.settings__button[data-v-b7c799dd] {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 30px;
    height: 30px;
    transition: all .1s ease;
    outline: none
}

.settings__button[data-v-b7c799dd] path {
    fill: #60636c
}

.settings__dropdown[data-v-b7c799dd] {
    position: absolute;
    top: calc(100% - 2px);
    right: 2px;
    z-index: 10;
    max-height: calc(100vh - 200px);
    width: 240px;
    overflow-y: auto
}

.dark .settings__dropdown[data-v-b7c799dd] .dropdown-item {
    background-color: #242629
}

.dark .settings__dropdown[data-v-b7c799dd] .dropdown-item:hover {
    background-color: #202225
}

.settings__dropdown-wrapper[data-v-b7c799dd] {
    padding-bottom: 4px
}

.settings__dropdown-name[data-v-b7c799dd] {
    font-weight: 500;
    font-size: 12px;
    line-height: 100%;
    padding: 12px 8px 8px;
    color: #acb1c2
}

.dark .settings__dropdown-name[data-v-b7c799dd] {
    color: #ddd
}

.settings__dropdown-line[data-v-b7c799dd] {
    width: 100%;
    height: 1px;
    background-color: #f4f4f8
}

.dark .settings__dropdown-line[data-v-b7c799dd] {
    background-color: #191a1c
}

[data-v-1bd01d05]:root {
    --color-scheme-active: #6C78F4
}

.header[data-v-1bd01d05] {
    font-weight: 400;
    font-size: 14px;
    line-height: 100%;
    position: sticky;
    top: 0;
    z-index: 1;
    flex: none;
    display: flex;
    align-items: center;
    height: 36px;
    color: #60636c;
    background-color: #fff;
    column-gap: 20px;
    border-bottom: 1px solid #f6f6f9
}

.dark .header[data-v-1bd01d05] {
    border-color: #4d525e;
    color: #ddd;
    background-color: #242629
}

.header__settings[data-v-1bd01d05] {
    display: flex;
    justify-content: flex-end;
    margin-left: auto;
    padding-right: 4px
}

[data-v-76e7b9a5]:root {
    --color-scheme-active: #6C78F4
}

.name[data-v-76e7b9a5] {
    display: flex;
    gap: 12px;
    align-items: center
}

.name__text[data-v-76e7b9a5] {
    font-weight: 400;
    font-size: 13px;
    line-height: 16px;
    overflow: hidden;
    white-space: nowrap;
    color: #202430;
    contain: content;
    text-overflow: ellipsis
}

.dark .name__text[data-v-76e7b9a5] {
    color: #8d8d8d
}

[data-v-2be760cd]:root {
    --color-scheme-active: #6C78F4
}

.addresses[data-v-2be760cd] {
    display: flex;
    gap: 8px;
    align-items: center
}

.addresses__value[data-v-2be760cd] {
    font-weight: 400;
    font-size: 13px;
    line-height: 13px;
    overflow: hidden;
    white-space: nowrap;
    color: #60636c;
    contain: content;
    text-overflow: ellipsis
}

.dark .addresses__value[data-v-2be760cd] {
    color: #8d8d8d
}

.addresses__more[data-v-2be760cd] {
    flex: none;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 5px;
    color: #acb1c2;
    background: #f8f8fb;
    border-radius: 50%;
    font-weight: 500;
    font-size: 8px;
    line-height: 10px
}

.dark .addresses__more[data-v-2be760cd] {
    color: #8d8d8d;
    background: #2f3136;
    border-color: transparent
}

[data-v-d4d22fd5]:root {
    --color-scheme-active: #6C78F4
}

.emails[data-v-d4d22fd5] {
    display: flex;
    gap: 8px;
    align-items: center
}

.emails__value[data-v-d4d22fd5] {
    font-weight: 400;
    font-size: 13px;
    line-height: 125%;
    overflow: hidden;
    white-space: nowrap;
    color: #60636c;
    contain: content;
    text-overflow: ellipsis
}

.dark .emails__value[data-v-d4d22fd5] {
    color: #8d8d8d
}

.emails__more[data-v-d4d22fd5] {
    flex: none;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 5px;
    color: #acb1c2;
    background: #f8f8fb;
    border-radius: 50%;
    font-weight: 500;
    font-size: 8px;
    line-height: 10px
}

.dark .emails__more[data-v-d4d22fd5] {
    color: #8d8d8d;
    background: #2f3136;
    border-color: transparent
}

[data-v-7ba9b063]:root {
    --color-scheme-active: #6C78F4
}

.phones[data-v-7ba9b063] {
    display: flex;
    gap: 8px;
    align-items: center
}

.phones__value[data-v-7ba9b063] {
    font-weight: 400;
    font-size: 13px;
    line-height: 13px;
    overflow: hidden;
    white-space: nowrap;
    color: #60636c;
    contain: content;
    text-overflow: ellipsis
}

.dark .phones__value[data-v-7ba9b063] {
    color: #8d8d8d
}

.phones__more[data-v-7ba9b063] {
    flex: none;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 5px;
    color: #acb1c2;
    background: #f8f8fb;
    border-radius: 50%;
    font-weight: 500;
    font-size: 8px;
    line-height: 10px
}

.dark .phones__more[data-v-7ba9b063] {
    color: #8d8d8d;
    background: #2f3136;
    border-color: transparent
}

[data-v-46be7bce]:root {
    --color-scheme-active: #6C78F4
}

.responsible[data-v-46be7bce] {
    display: flex;
    gap: 12px;
    align-items: center
}

.responsible__text[data-v-46be7bce] {
    font-weight: 400;
    font-size: 13px;
    line-height: 16px;
    overflow: hidden;
    white-space: nowrap;
    color: #202430;
    contain: content;
    text-overflow: ellipsis
}

.dark .responsible__text[data-v-46be7bce] {
    color: #8d8d8d
}

[data-v-71638e3b]:root {
    --color-scheme-active: #6C78F4
}

.tags[data-v-71638e3b] {
    display: flex;
    gap: 4px
}

[data-v-ce36df1c]:root {
    --color-scheme-active: #6C78F4
}

.text[data-v-ce36df1c] {
    margin: 0;
    padding: 0;
    overflow: hidden;
    word-break: break-all;
    white-space: nowrap;
    color: #acb1c2;
    text-overflow: ellipsis;
    font-weight: 400;
    font-size: 12px;
    line-height: 12px
}

.dark .text[data-v-ce36df1c] {
    color: #ddd
}

[data-v-c92060d8]:root {
    --color-scheme-active: #6C78F4
}

.boolean[data-v-c92060d8] {
    display: grid;
    grid-template-columns: max-content 1fr;
    grid-column-gap: 8px;
    align-items: center;
    word-break: break-all;
    color: #acb1c2;
    font-weight: 400;
    font-size: 12px;
    line-height: 12px
}

.boolean__checkbox[data-v-c92060d8],
.boolean__switch[data-v-c92060d8] {
    pointer-events: none
}

[data-v-a3973a46]:root {
    --color-scheme-active: #6C78F4
}

.multiple-select[data-v-a3973a46] {
    display: flex;
    overflow: hidden
}

.multiple-select__value[data-v-a3973a46] {
    width: max-content;
    margin: 0 4px;
    overflow: visible
}

[data-v-bbe5b34b]:root {
    --color-scheme-active: #6C78F4
}

.organization[data-v-bbe5b34b] {
    display: flex;
    gap: 8px;
    align-items: center;
    line-height: 13px;
    word-break: break-all;
    color: #acb1c2;
    font-weight: 400;
    font-size: 12px;
    line-height: 12px
}

.dark .organization[data-v-bbe5b34b] {
    color: #ddd
}

.organization__text[data-v-bbe5b34b] {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.organization__more[data-v-bbe5b34b] {
    flex: none;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 5px;
    color: #acb1c2;
    background: #f8f8fb;
    border-radius: 50%;
    font-weight: 500;
    font-size: 8px;
    line-height: 10px
}

.dark .organization__more[data-v-bbe5b34b] {
    color: #8d8d8d;
    background: #2f3136;
    border-color: transparent
}

[data-v-cc19cd8d]:root {
    --color-scheme-active: #6C78F4
}

.contact[data-v-cc19cd8d] {
    display: flex;
    gap: 8px;
    align-items: center;
    line-height: 13px;
    word-break: break-all;
    color: #acb1c2;
    font-weight: 400;
    font-size: 12px;
    line-height: 12px
}

.dark .contact[data-v-cc19cd8d] {
    color: #ddd
}

.contact__text[data-v-cc19cd8d] {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.contact__more[data-v-cc19cd8d] {
    flex: none;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 5px;
    color: #acb1c2;
    background: #f8f8fb;
    border-radius: 50%;
    font-weight: 500;
    font-size: 8px;
    line-height: 10px
}

.dark .contact__more[data-v-cc19cd8d] {
    color: #8d8d8d;
    background: #2f3136;
    border-color: transparent
}

[data-v-1ed8a596]:root {
    --color-scheme-active: #6C78F4
}

.link[data-v-1ed8a596] {
    overflow: hidden;
    word-break: break-all;
    white-space: nowrap;
    color: #acb1c2;
    text-overflow: ellipsis;
    font-weight: 400;
    font-size: 12px;
    line-height: 12px
}

.dark .link[data-v-1ed8a596] {
    color: #ddd
}

[data-v-3a09cf52]:root {
    --color-scheme-active: #6C78F4
}

.flat-list-component[data-v-3a09cf52] {
    position: relative;
    display: grid;
    grid-template-rows: max-content 1fr;
    height: 100%;
    min-height: calc(100% - 60px);
    overflow: auto;
    background: #fff;
    max-height: calc(100% - 60px)
}

.dark .flat-list-component[data-v-3a09cf52] {
    background-color: #242629
}

.flat-list-component__company[data-v-3a09cf52] {
    position: relative;
    display: flex;
    align-items: center;
    height: 40px;
    column-gap: 20px;
    border-bottom: 1px solid #f6f6f9;
    text-rendering: optimizelegibility;
    -webkit-font-smoothing: antialiased;
    border-top: 1px solid transparent!important;
    border-right: 1px solid transparent!important;
    border-left: 1px solid transparent!important;
    will-change: scroll-position;
    transition: all .2s ease-in-out;
    cursor: pointer
}

.flat-list-component__company[data-v-3a09cf52]:before {
    content: "";
    position: absolute;
    top: -1px;
    right: 0;
    left: 0;
    opacity: 0;
    display: block;
    width: 100%;
    margin: 0 -1px;
    transition: all .2s ease-in-out;
    border-top: 1px solid #CACAD2
}

.dark .flat-list-component__company[data-v-3a09cf52]:before {
    border-color: #4d525e
}

.flat-list-component__company[data-v-3a09cf52]:not(.active):hover {
    box-shadow: 0 2px #cacad2
}

.flat-list-component__company[data-v-3a09cf52]:not(.active):hover:before {
    opacity: 1
}

.flat-list-component__company.active[data-v-3a09cf52] {
    box-shadow: 0 2px 0 0 var(--color-scheme-active);
    border-top-color: var(--color-scheme-active)!important
}

.dark .flat-list-component__company[data-v-3a09cf52] {
    border-color: #4d525e
}

.dark .flat-list-component__company[data-v-3a09cf52]:not(.active):hover {
    box-shadow: 0 2px #acb1c2
}

.flat-list-component__column[data-v-3a09cf52] {
    flex: none;
    display: flex;
    align-items: center;
    max-height: 100%;
    padding-left: 8px;
    overflow: hidden
}

.flat-list-component__column.empty[data-v-3a09cf52] {
    font-weight: 400;
    font-size: 13px;
    line-height: 13px;
    overflow: hidden;
    white-space: nowrap;
    color: #60636c;
    contain: content;
    text-overflow: ellipsis;
    vertical-align: middle
}

.dark .flat-list-component__column.empty[data-v-3a09cf52] {
    color: #8d8d8d
}

[data-v-25aca6b3]:root {
    --color-scheme-active: #6C78F4
}

.companies[data-v-25aca6b3] {
    position: relative;
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    overflow: hidden
}

.dark .companies[data-v-25aca6b3] {
    background: #2f3136
}

.companies__loading[data-v-25aca6b3] {
    margin: auto
}

[data-v-e76197aa]:root {
    --color-scheme-active: #6C78F4
}

.horizontal-line[data-v-e76197aa] {
    height: 1px;
    margin: 0 32px;
    background-color: #f0f0f0;
    border-radius: 123px;
    border: none
}

.dark .horizontal-line[data-v-e76197aa] {
    background-color: #2a2a2a
}

[data-v-a36480b7]:root {
    --color-scheme-active: #6C78F4
}

.default[data-v-a36480b7] {
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 32px;
    padding: 4px 12px;
    overflow: hidden;
    color: #60636c;
    transition: background-color .2s ease;
    cursor: pointer;
    text-decoration: none
}

.default.with-switch[data-v-a36480b7] {
    padding-right: 40px
}

.default[data-v-a36480b7]:last-child {
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px
}

.default.active[data-v-a36480b7],
.default[data-v-a36480b7]:hover {
    background: #f8f8fb
}

.dark .default[data-v-a36480b7] {
    color: #ddd
}

.dark .default.active[data-v-a36480b7],
.dark .default[data-v-a36480b7]:hover {
    background-color: #202225
}

.default__text[data-v-a36480b7] {
    font-weight: 500;
    font-size: 14px;
    line-height: 125%;
    color: #60636c;
    text-decoration: none
}

.dark .default__text[data-v-a36480b7] {
    color: #8d8d8d
}

.default__icon[data-v-a36480b7] {
    margin-right: 8px
}

.default__dropdown[data-v-a36480b7] {
    position: fixed;
    top: 0;
    z-index: 12;
    width: 260px
}

.default__selected[data-v-a36480b7] {
    font-weight: 400;
    font-size: 14px;
    line-height: 100%;
    display: flex;
    gap: 4px;
    align-items: center;
    color: #9499ad
}

.dark .default__selected[data-v-a36480b7] {
    color: #ddd
}

[data-v-ded45d6e]:root {
    --color-scheme-active: #6C78F4
}

.dropdown[data-v-ded45d6e] {
    z-index: 12;
    width: 260px;
    padding: 4px;
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, .1);
    box-shadow: 0 1px #0000001a, 0 4px 13px #0000001a;
    border-radius: 8px
}

.dark .dropdown[data-v-ded45d6e] {
    background-color: #383a3f
}

.dropdown__item[data-v-ded45d6e] {
    font-weight: 500;
    font-size: 14px;
    line-height: 14px;
    display: grid;
    grid-template-columns: max-content 1fr max-content;
    grid-column-gap: 8px;
    align-items: center;
    height: 32px;
    padding: 0 12px;
    color: #60636c;
    transition: all .2s ease-in-out;
    cursor: pointer;
    border-radius: 4px
}

.dropdown__item[data-v-ded45d6e]:hover {
    background-color: #f8f8f8
}

.dark .dropdown__item[data-v-ded45d6e] {
    color: #ddd;
    background-color: #242629
}

.dark .dropdown__item[data-v-ded45d6e]:hover {
    background-color: #202225
}

[data-v-9e63b765]:root {
    --color-scheme-active: #6C78F4
}

.view[data-v-9e63b765] {
    position: relative
}

.view__icon[data-v-9e63b765] {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 32px;
    height: 32px;
    border-radius: 8px;
    transition: background .2s ease
}

.view__icon[data-v-9e63b765]:hover {
    background: #838fa714
}

.view__icon[data-v-9e63b765]:active {
    background: #838fa729
}

.view__icon.opened[data-v-9e63b765] {
    background: #838fa714
}

.dark .view__icon[data-v-9e63b765]:hover {
    background: #242629
}

.dark .view__icon[data-v-9e63b765]:active {
    background: #202225
}

.dark .view__icon.opened[data-v-9e63b765] {
    background: #242629
}

.view__dropdown[data-v-9e63b765] {
    position: absolute;
    top: calc(100%+ 4px);
    left: 0;
    width: 350px
}

.dark .view__dropdown[data-v-9e63b765] {
    background-color: #242629
}

[data-v-f3bb51e3]:root {
    --color-scheme-active: #6C78F4
}

.line[data-v-f3bb51e3] {
    width: 100%;
    height: 1px;
    margin: 8px 0;
    background-color: #f4f4f8
}

.dark .line[data-v-f3bb51e3] {
    background-color: #383a3f
}

[data-v-0e23dace]:root {
    --color-scheme-active: #6C78F4
}

.item[data-v-0e23dace] {
    display: grid;
    grid-template-columns: max-content 1fr;
    grid-column-gap: 8px;
    align-items: center;
    width: 100%;
    height: 32px;
    padding: 0 12px;
    color: #60636c;
    transition: background .2s ease;
    cursor: pointer;
    text-align: start;
    font-weight: 500;
    font-size: 14px;
    line-height: 14px
}

.item.submenu[data-v-0e23dace] {
    grid-template-columns: repeat(2, max-content) 1fr
}

.item[data-v-0e23dace]:hover {
    background: #838fa714
}

.item[data-v-0e23dace]:active,
.item.opened[data-v-0e23dace] {
    background: #838fa729
}

.item[disabled][data-v-0e23dace] {
    pointer-events: none;
    opacity: .7
}

.dark .item[data-v-0e23dace] {
    color: #a6a7b3
}

.dark .item[data-v-0e23dace]:hover {
    background: #2f3136
}

.dark .item[data-v-0e23dace]:active,
.dark .item.opened[data-v-0e23dace] {
    background: #202225
}

.item__submenu-icon[data-v-0e23dace] {
    transform: rotate(180deg)
}

[data-v-fa2d86b3]:root {
    --color-scheme-active: #6C78F4
}

.trash[data-v-fa2d86b3] {
    color: #e63737
}

[data-v-7a6afb51]:root {
    --color-scheme-active: #6C78F4
}

.menu[data-v-7a6afb51] {
    position: relative;
    justify-self: end
}

.menu__icon[data-v-7a6afb51] {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 32px;
    height: 32px;
    border-radius: 8px;
    transition: background .2s ease
}

.menu__icon[data-v-7a6afb51]:hover {
    background: #838fa714
}

.menu__icon[data-v-7a6afb51]:active {
    background: #838fa729
}

.menu__icon.opened[data-v-7a6afb51] {
    background: #838fa714
}

.dark .menu__icon[data-v-7a6afb51]:hover {
    background: #242629
}

.dark .menu__icon[data-v-7a6afb51]:active {
    background: #202225
}

.dark .menu__icon.opened[data-v-7a6afb51] {
    background: #242629
}

.menu__dropdown[data-v-7a6afb51] {
    position: absolute;
    top: calc(100%+ 4px);
    right: 0;
    z-index: 12;
    width: 250px;
    padding: 4px 0
}

[data-v-05f568e0]:root {
    --color-scheme-active: #6C78F4
}

.close[data-v-05f568e0] {
    justify-content: center;
    width: 32px;
    height: 32px;
    border-radius: 8px;
    transition: background .2s ease
}

.close[data-v-05f568e0]:hover {
    background: #838fa714
}

.close[data-v-05f568e0]:active {
    background: #838fa729
}

.dark .close[data-v-05f568e0]:hover {
    background: #242629
}

.dark .close[data-v-05f568e0]:active {
    background: #202225
}

[data-v-487b1b25]:root {
    --color-scheme-active: #6C78F4
}

.header[data-v-487b1b25] {
    position: sticky;
    top: 0;
    z-index: 12;
    display: grid;
    grid-template-columns: max-content 1fr max-content;
    column-gap: 4px;
    align-items: center;
    height: 52px;
    padding: 0 16px;
    background-color: #fff;
    border-bottom: 1px solid #f0f0f0
}

.dark .header[data-v-487b1b25] {
    background-color: #383a3f;
    border-bottom-color: #2a2a2a
}

[data-v-cdb05446]:root {
    --color-scheme-active: #6C78F4
}

.win[data-v-cdb05446] {
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: max-content;
    grid-column-gap: 4px;
    align-items: center;
    width: max-content;
    min-width: 130px;
    height: 36px;
    padding: 0 16px 0 12px;
    color: #00a92f;
    background: #00a92f1a;
    transition: background .2s ease;
    border-radius: 8px;
    font-weight: 500;
    font-size: 14px;
    line-height: 14px
}

.win[data-v-cdb05446]:hover {
    background: #00a92f33
}

.win[data-v-cdb05446]:active {
    background: #00a92f4d
}

.win[disabled][data-v-cdb05446] {
    pointer-events: none;
    width: 158px;
    color: #acb1c2;
    background: #f8f8fb
}

[data-v-cdb05446] .win__icon path {
    fill: #00a92f
}

.win[disabled][data-v-cdb05446] .win__icon path {
    fill: #acb1c2
}

.win__icon-lock[data-v-cdb05446] {
    margin-left: 8px
}

[data-v-8e7900ef]:root {
    --color-scheme-active: #6C78F4
}

.lose[data-v-8e7900ef] {
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: max-content;
    grid-column-gap: 4px;
    align-items: center;
    width: max-content;
    min-width: 130px;
    height: 36px;
    padding: 0 16px 0 12px;
    color: #e77a7c;
    background: #e77a7c1a;
    transition: background .2s ease;
    border-radius: 8px;
    font-weight: 500;
    font-size: 14px;
    line-height: 14px
}

.lose[data-v-8e7900ef]:hover {
    background: #e77a7c33
}

.lose[data-v-8e7900ef]:active {
    background: #e77a7c4d
}

.lose[disabled][data-v-8e7900ef] {
    pointer-events: none;
    width: 158px;
    color: #acb1c2;
    background: #f8f8fb
}

[data-v-8e7900ef] .lose__icon path {
    fill: #e77a7c
}

.lose[disabled][data-v-8e7900ef] .lose__icon path {
    fill: #acb1c2
}

.lose__icon-lock[data-v-8e7900ef] {
    margin-left: 8px
}

[data-v-644b7091]:root {
    --color-scheme-active: #6C78F4
}

.author[data-v-644b7091] {
    display: grid;
    grid-template-rows: repeat(2, max-content);
    grid-row-gap: 2px;
    justify-items: end;
    margin-left: auto
}

.author__card-content[data-v-644b7091] {
    display: grid;
    grid-template-columns: max-content 1fr;
    grid-column-gap: 4px;
    align-items: center
}

.author__avatar[data-v-644b7091] {
    border-radius: 50%
}

.author__name[data-v-644b7091] {
    height: 12px;
    overflow: hidden;
    color: #acb1c2;
    text-overflow: ellipsis;
    max-width: 180px;
    font-weight: 400;
    font-size: 12px;
    line-height: 12px
}

.dark .author__name[data-v-644b7091] {
    color: #ddd
}

.author__date[data-v-644b7091] {
    font-weight: 400;
    font-size: 10px;
    line-height: 10px;
    color: #acb1c2
}

[data-v-8485959a]:root {
    --color-scheme-active: #6C78F4
}

.status[data-v-8485959a] {
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: max-content;
    grid-column-gap: 8px;
    height: 28px;
    padding: 5px 8px;
    border-radius: 8px;
    transition: background-color .2s ease;
    cursor: pointer
}

.status[data-v-8485959a]:hover {
    background-color: #f8f8fb
}

.dark .status[data-v-8485959a]:hover {
    background-color: #2f3136
}

.status__name[data-v-8485959a] {
    width: max-content;
    height: 18px;
    overflow: hidden;
    white-space: nowrap;
    color: #60636c;
    max-width: 160px;
    text-overflow: ellipsis;
    transition: background-color .2s ease;
    font-weight: 500;
    font-size: 12px;
    line-height: 18px
}

.status:hover .status__name[data-v-8485959a] {
    color: #60636c!important;
    text-decoration: unset!important
}

.dark .status:hover .status__name[data-v-8485959a] {
    color: #ddd!important
}

.passed .status__name[data-v-8485959a] {
    color: #7ace94!important;
    text-decoration-line: line-through
}

.not-passed .status__name[data-v-8485959a] {
    color: #cacad2;
    font-weight: 400;
    font-size: 12px;
    line-height: 18px
}

.dark .not-passed .status__name[data-v-8485959a] {
    color: #acb1c2
}

.dark .status__name[data-v-8485959a] {
    color: #ddd
}

.status__time[data-v-8485959a] {
    display: none;
    font-weight: 400;
    font-size: 12px;
    line-height: 18px;
    color: #93969f
}

.status:hover .status__time[data-v-8485959a],
.current .status__time[data-v-8485959a] {
    display: block
}

[data-v-0c25b085]:root {
    --color-scheme-active: #6C78F4
}

.statuses[data-v-0c25b085] {
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: max-content;
    align-items: center;
    overflow-x: auto;
    scrollbar-width: none;
    -ms-overflow-style: none
}

.statuses[data-v-0c25b085]::-webkit-scrollbar {
    display: none
}

[data-v-1ffb0cd3]:root {
    --color-scheme-active: #6C78F4
}

.bar[data-v-1ffb0cd3] {
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: 1fr;
    grid-column-gap: 8px
}

.bar__item[data-v-1ffb0cd3] {
    height: 3px;
    background-color: #e5e7ee;
    border-radius: 2px
}

.bar__item.passed[data-v-1ffb0cd3] {
    background-color: #b9e3c7
}

.bar__item.current[data-v-1ffb0cd3] {
    background-color: #35ad57
}

[data-v-e56048a4]:root {
    --color-scheme-active: #6C78F4
}

.progress[data-v-e56048a4] {
    margin: 32px 32px 16px
}

.progress__statuses[data-v-e56048a4] {
    margin-bottom: 8px
}

[data-v-496be159]:root {
    --color-scheme-active: #6C78F4
}

.title[data-v-496be159] {
    padding: 0 32px 8px;
    overflow: hidden;
    color: #202430;
    background: transparent;
    transition: none;
    border: none;
    outline: none;
    font-weight: 500;
    font-size: 24px;
    line-height: 26px
}

.dark .title[data-v-496be159] {
    color: #ddd
}

[data-v-545a2ac2]:root {
    --color-scheme-active: #6C78F4
}

.tab[data-v-545a2ac2] {
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: max-content;
    grid-column-gap: 4px;
    align-items: center;
    width: max-content;
    height: 24px;
    padding: 0 6px 0 4px;
    color: #93969f;
    transition: background-color .2s ease;
    text-decoration: unset;
    border-radius: 4px;
    font-weight: 500;
    font-size: 12px;
    line-height: 14px
}

.tab[data-v-545a2ac2]:hover {
    background-color: #f8f8fb
}

.tab[data-v-545a2ac2]:active {
    background-color: #ededf5
}

.dark .tab[data-v-545a2ac2] {
    color: #ddd
}

.dark .tab[data-v-545a2ac2]:hover {
    background-color: #2f3136
}

.dark .tab[data-v-545a2ac2]:active {
    background-color: #242629
}

[data-v-43f53d4b]:root {
    --color-scheme-active: #6C78F4
}

.progress[data-v-43f53d4b] {
    display: grid;
    grid-template-columns: repeat(2, max-content);
    grid-column-gap: 4px;
    align-items: center;
    color: #aeb1bd;
    font-weight: 500;
    font-size: 12px;
    line-height: 14px
}

.dark .progress[data-v-43f53d4b] {
    color: #ddd
}

[data-v-ee44ac6b]:root {
    --color-scheme-active: #6C78F4
}

.tab-bar[data-v-ee44ac6b] {
    position: sticky;
    top: 0;
    z-index: 11;
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: max-content;
    align-items: center;
    height: 40px;
    margin-bottom: 16px;
    padding: 0 32px;
    border-bottom: 1px solid transparent;
    background-color: #fff;
    transition: border-bottom-color .2s ease
}

.tab-bar.pinned[data-v-ee44ac6b] {
    border-bottom-color: #f0f0f0
}

.dark .tab-bar[data-v-ee44ac6b] {
    background-color: #383a3f
}

.dark .tab-bar.pinned[data-v-ee44ac6b] {
    border-bottom-color: #2a2a2a
}

.tab-bar__subtasks-progress[data-v-ee44ac6b] {
    color: #93969f
}

[data-v-5cf361a5]:root {
    --color-scheme-active: #6C78F4
}

.attribute[data-v-5cf361a5] {
    display: grid;
    grid-template-columns: 160px 1fr;
    grid-column-gap: 12px;
    align-items: center;
    min-height: 32px;
    padding-left: 4px
}

.attribute__information[data-v-5cf361a5] {
    display: grid;
    grid-template-columns: repeat(2, max-content);
    grid-column-gap: 8px;
    align-items: center;
    padding-right: 4px
}

.attribute__name[data-v-5cf361a5] {
    font-weight: 400;
    font-size: 13px;
    line-height: 16px;
    color: #9499ad
}

[data-v-96e42cf6]:root {
    --color-scheme-active: #6C78F4
}

.amount[data-v-96e42cf6] {
    grid-template-columns: 160px 1fr max-content
}

.amount__input[data-v-96e42cf6] {
    height: 20px;
    margin: 0;
    padding: 0;
    font-weight: 500;
    font-size: 15px;
    line-height: 15px;
    border: 1px solid transparent;
    border-radius: 4px;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    transition: .2s ease
}

.dark .amount__input[data-v-96e42cf6] {
    color: #ddd;
    background-color: transparent;
    border-color: transparent
}

.amount__currency[data-v-96e42cf6] {
    font-weight: 500;
    font-size: 15px;
    line-height: 15px
}

.dark .amount__currency[data-v-96e42cf6] {
    color: #ddd
}

[data-v-4c8bda0c]:root {
    --color-scheme-active: #6C78F4
}

.hoverable[data-v-4c8bda0c] {
    width: max-content;
    height: 28px;
    padding: 0 4px;
    transition: background-color .2s ease;
    cursor: pointer;
    border-radius: 6px
}

.hoverable.disabled[data-v-4c8bda0c] {
    pointer-events: none
}

.hoverable[data-v-4c8bda0c]:hover,
.hoverable.active[data-v-4c8bda0c] {
    background-color: #ededf5
}

.dark .hoverable[data-v-4c8bda0c]:hover,
.dark .hoverable.active[data-v-4c8bda0c] {
    background-color: #2f3136
}

[data-v-f5001bbd]:root {
    --color-scheme-active: #6C78F4
}

.dropdown[data-v-f5001bbd] {
    position: fixed;
    z-index: 10;
    width: 240px
}

[data-v-1484b70b]:root {
    --color-scheme-active: #6C78F4
}

.value__wrapper[data-v-1484b70b] {
    display: grid;
    grid-template-columns: repeat(2, max-content);
    align-items: center
}

.value__value[data-v-1484b70b] {
    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 .value__value[data-v-1484b70b] {
    color: #ddd
}

.value__name[data-v-1484b70b] {
    max-width: 120px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

[data-v-01f7d649]:root {
    --color-scheme-active: #6C78F4
}

.status__dropdown[data-v-01f7d649] {
    position: fixed;
    z-index: 10;
    width: 240px
}

.status__value[data-v-01f7d649] {
    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 .status__value[data-v-01f7d649] {
    color: #ddd
}

.status__name[data-v-01f7d649] {
    max-width: 120px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.status__wrapper[data-v-01f7d649] {
    display: grid;
    grid-template-columns: repeat(2, max-content);
    align-items: center
}

[data-v-122dc0c4]:root {
    --color-scheme-active: #6C78F4
}

.funnel[data-v-122dc0c4] {
    width: max-content
}

.funnel__value[data-v-122dc0c4] {
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: max-content
}

[data-v-9b1dad69]:root {
    --color-scheme-active: #6C78F4
}

.not-selected__button[data-v-9b1dad69] {
    width: max-content;
    height: 100%;
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    color: #c1c5d7
}

.dark .not-selected__button[data-v-9b1dad69] {
    color: #ddd
}

[data-v-668da965]:root {
    --color-scheme-active: #6C78F4
}

.assignees[data-v-668da965] {
    width: max-content
}

.assignees__item[data-v-668da965] {
    display: grid;
    grid-template-columns: repeat(2, max-content);
    grid-column-gap: 6px;
    align-items: center;
    color: #525c7a;
    font-weight: 500;
    font-size: 13px;
    line-height: 13px
}

.dark .assignees__item[data-v-668da965] {
    color: #ddd
}

[data-v-877edb8b]:root {
    --color-scheme-active: #6C78F4
}

[data-v-877edb8b] .attribute__information {
    margin-top: 8px
}

.contacts[data-v-877edb8b] {
    align-items: flex-start;
    width: max-content;
    height: max-content
}

.contacts__cards[data-v-877edb8b] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    margin-bottom: 9px
}

.contacts__dropdown[data-v-877edb8b] {
    position: fixed;
    z-index: 10;
    width: 240px
}

.contacts__item[data-v-877edb8b] {
    font-weight: 500;
    font-size: 13px;
    line-height: 13px;
    display: flex;
    gap: 4px;
    height: max-content;
    max-width: 300px;
    padding: 4px;
    color: #525c7a;
    flex-direction: column
}

.dark .contacts__item[data-v-877edb8b] {
    color: #ddd
}

.contacts__item-contact[data-v-877edb8b] {
    min-height: 20px;
    padding-left: 28px;
    overflow: hidden;
    white-space: nowrap;
    color: #525c7a;
    text-overflow: ellipsis
}

.dark .contacts__item-contact[data-v-877edb8b] {
    color: #ddd
}

.contacts__item-text[data-v-877edb8b] {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.contacts__item-name[data-v-877edb8b] {
    display: flex;
    gap: 8px;
    align-items: center
}

[data-v-81c0371a]:root {
    --color-scheme-active: #6C78F4
}

[data-v-81c0371a] .attribute__information {
    margin-top: 8px
}

.companies[data-v-81c0371a] {
    align-items: flex-start;
    width: max-content;
    height: auto
}

.companies__cards[data-v-81c0371a] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    margin-bottom: 9px
}

.companies__dropdown[data-v-81c0371a] {
    position: fixed;
    z-index: 10;
    width: 240px
}

[data-v-b9441958]:root {
    --color-scheme-active: #6C78F4
}

.task-view-tag[data-v-b9441958] {
    display: flex;
    align-items: center;
    height: 20px;
    border-radius: 4px
}

.task-view-tag__text[data-v-b9441958] {
    padding: 3px 6px;
    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-b9441958] {
    position: relative;
    cursor: pointer
}

.task-view-tag:not(.readonly).task-view-tag_menu-is-opened .task-view-tag__menu[data-v-b9441958],
.task-view-tag:not(.readonly):hover .task-view-tag__menu[data-v-b9441958] {
    margin-right: 4px
}

.task-view-tag__icon-menu[data-v-b9441958] {
    display: none
}

.task-view-tag__icon-menu[data-v-b9441958] path {
    fill: inherit
}

.task-view-tag__icon-menu[data-v-b9441958] 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-b9441958],
.task-view-tag:not(.readonly):hover .task-view-tag__icon-menu[data-v-b9441958] {
    display: flex
}

.task-view-tag__menu-select[data-v-b9441958] {
    position: absolute;
    top: calc(100%+ 1px);
    left: -155px;
    z-index: 11
}

.task-view-tag__menu-color[data-v-b9441958] {
    position: absolute;
    top: calc(100%+ 80px);
    left: -4px;
    z-index: 9
}

.task-view-tag__delete[data-v-b9441958] {
    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-b9441958],
.task-view-tag:not(.readonly):hover .task-view-tag__delete[data-v-b9441958] {
    display: flex
}

.task-view-tag__icon-delete[data-v-b9441958] path:first-of-type {
    fill: #ffffff63
}

.task-view-tag__icon-delete[data-v-b9441958] path:last-of-type {
    fill: #fff
}

.task-view-tag__input[data-v-b9441958] {
    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-6634944a]:root {
    --color-scheme-active: #6C78F4
}

.tags__value[data-v-6634944a] {
    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-6634944a]:hover {
    background: #838fa714
}

.tags__value[data-v-6634944a]:active {
    background: #838fa729
}

.tags__value.focused[data-v-6634944a] {
    background: transparent;
    border-color: #93969f
}

.tags__placeholder[data-v-6634944a] {
    color: #c1c5d7;
    font-weight: 500;
    font-size: 13px;
    line-height: 16px
}

.dark .tags__placeholder[data-v-6634944a] {
    color: #ddd
}

.tags__dropdown[data-v-6634944a] {
    position: absolute;
    top: calc(100%+ 2px);
    left: 0;
    z-index: 10
}

.tags__create[data-v-6634944a] {
    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-6634944a] {
    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-6634944a] {
    color: #8d8d8d;
    background-color: #383a3f
}

[data-v-48ec20d8]:root {
    --color-scheme-active: #6C78F4
}

.adding[data-v-48ec20d8] {
    position: relative;
    width: max-content
}

.adding__button[data-v-48ec20d8] {
    display: grid;
    grid-template-columns: max-content 1fr;
    grid-column-gap: 8px;
    align-items: center;
    height: 32px;
    padding-left: 4px;
    text-align: start;
    border: none;
    outline: none;
    color: #c1c5d7;
    font-weight: 400;
    font-size: 13px;
    line-height: 20px
}

.adding__button[data-v-48ec20d8] path {
    fill: #9499ad
}

.dark .adding__button[data-v-48ec20d8] {
    color: #9499ad
}

.adding__dropdown[data-v-48ec20d8] {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
    max-height: 202px;
    width: 260px;
    overflow-y: auto
}

[data-v-65293ccb]:root {
    --color-scheme-active: #6C78F4
}

.custom-fields[data-v-65293ccb] {
    display: grid;
    grid-auto-flow: row;
    grid-auto-rows: max-content
}

[data-v-79875f71]:root {
    --color-scheme-active: #6C78F4
}

@keyframes loading-79875f71 {
    0% {
        transform: translate(-100%)
    }
    to {
        transform: translate(100%)
    }
}

.skeleton[data-v-79875f71] {
    position: relative;
    display: grid;
    grid-auto-flow: row;
    grid-auto-rows: max-content;
    grid-row-gap: 14px;
    transition: opacity .2s ease-in-out
}

.skeleton[data-v-79875f71]: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-79875f71 1.3s cubic-bezier(.5, 1, 1, 1) infinite
}

.dark .skeleton[data-v-79875f71]:before {
    background: linear-gradient(to right, transparent, #383A3F, transparent)
}

.skeleton__item[data-v-79875f71] {
    display: grid;
    grid-template-columns: repeat(2, max-content);
    grid-column-gap: 12px
}

.skeleton__rectangle[data-v-79875f71] {
    width: 100%;
    height: 20px;
    background-color: #ececec;
    border-radius: 6px
}

.skeleton__rectangle.first[data-v-79875f71] {
    width: 140px
}

.skeleton__rectangle.second[data-v-79875f71] {
    width: 86px
}

.dark .skeleton__rectangle[data-v-79875f71] {
    background-color: #2f3136
}

[data-v-ca718de5]:root {
    --color-scheme-active: #6C78F4
}

.attributes[data-v-ca718de5] {
    margin: 8px 32px 24px
}

.js-task-description .prosemirror-list {
    position: relative;
    display: list-item;
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 48px;
    padding: 0;
    list-style: none
}

.js-task-description .prosemirror-list[data-list-kind=bullet] {
    list-style: disc
}

.js-task-description .prosemirror-list[data-list-kind=ordered]:before {
    content: counter(prosemirror-flat-list-counter, decimal) ".\\00a0";
    position: absolute;
    top: 5px;
    right: 100%;
    width: max-content;
    height: 20px;
    font-variant-numeric: tabular-nums;
    font-weight: 300;
    font-size: 15px;
    line-height: 20px
}

@supports (-moz-appearance: none) {
    .js-task-description .prosemirror-list[data-list-kind=ordered] {
        contain: style;
        counter-increment: prosemirror-flat-list-counter
    }
}

@supports not (-moz-appearance: none) {
    .js-task-description .prosemirror-list[data-list-kind=ordered] {
        counter-reset: prosemirror-flat-list-counter;
        counter-increment: prosemirror-flat-list-counter
    }
    .js-task-description .prosemirror-list[data-list-kind=ordered]+.js-task-description .prosemirror-list[data-list-kind=ordered] {
        counter-reset: none
    }
}

.js-task-description .prosemirror-list[data-list-kind=ordered]>* {
    contain: style
}

.js-task-description .prosemirror-list[data-list-kind=ordered]:first-child,
:not(.js-task-description .prosemirror-list[data-list-kind=ordered])+.js-task-description .prosemirror-list[data-list-kind=ordered] {
    counter-reset: prosemirror-flat-list-counter
}

@supports (counter-set: prosemirror-flat-list-counter 1) {
    .js-task-description .prosemirror-list[data-list-kind=ordered]:first-child[data-list-order],
    :not(.js-task-description .prosemirror-list[data-list-kind=ordered])+.js-task-description .prosemirror-list[data-list-kind=ordered][data-list-order] {
        counter-set: prosemirror-flat-list-counter var(--prosemirror-flat-list-order)
    }
}

@supports not (counter-set: prosemirror-flat-list-counter 1) {
    .js-task-description .prosemirror-list[data-list-kind=ordered]:first-child[data-list-order],
    :not(.js-task-description .prosemirror-list[data-list-kind=ordered])+.js-task-description .prosemirror-list[data-list-kind=ordered][data-list-order] {
        counter-increment: prosemirror-flat-list-counter var(--prosemirror-flat-list-order)
    }
}

.js-task-description .prosemirror-list[data-list-kind=task]>.list-marker {
    position: absolute;
    top: 8px;
    right: 100%;
    text-align: center;
    width: 20px;
    height: 20px
}

.js-task-description .prosemirror-list[data-list-kind=task]>.list-marker,
.js-task-description .prosemirror-list[data-list-kind=task]>.list-marker * {
    cursor: pointer
}

.js-task-description .prosemirror-list[data-list-kind=toggle]>.list-marker {
    position: absolute;
    top: 5px;
    right: 100%;
    width: 20px;
    height: 20px;
    text-align: center
}

.js-task-description .prosemirror-list[data-list-kind=toggle]>.list-marker:before {
    content: url("data:image/svg+xml,%3csvg%20width='20'%20height='21'%20viewBox='0%200%2020%2021'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M9.27134%2013.5001L5.15075%208.50022C4.94975%208.1669%204.94975%207.72245%205.15075%207.3891C5.25126%207.27799%205.45226%207.16692%205.55276%207.16692L14.2965%207.16653C14.6985%207.16652%2015%207.49979%2015%207.94423C15%208.16646%2014.8995%208.27757%2014.799%208.4998L10.6784%2013.5C10.2764%2013.9445%209.67335%2013.9445%209.27134%2013.5001Z'%20fill='%23ACB1C2'/%3e%3c/svg%3e")
}

.js-task-description .prosemirror-list[data-list-kind=toggle][data-list-collapsable][data-list-collapsed]>.list-marker:before {
    content: url("data:image/svg+xml,%3csvg%20width='20'%20height='21'%20viewBox='0%200%2020%2021'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M13.0005%2011.2287L8.00061%2015.3492C7.66728%2015.5503%207.22283%2015.5503%206.88949%2015.3492C6.77837%2015.2487%206.6673%2015.0477%206.6673%2014.9472L6.66692%206.20353C6.6669%205.80152%207.00017%205.5%207.44462%205.5C7.66684%205.5%207.77796%205.60051%208.00018%205.70102L13.0004%209.8216C13.4449%2010.2236%2013.4449%2010.8267%2013.0005%2011.2287Z'%20fill='%23ACB1C2'/%3e%3c/svg%3e")
}

.js-task-description .prosemirror-list[data-list-kind=toggle][data-list-collapsable]>.list-marker {
    cursor: pointer
}

.js-task-description .prosemirror-list[data-list-kind=toggle]:not([data-list-collapsable])>.list-marker {
    pointer-events: none;
    opacity: .4
}

.js-task-description .prosemirror-list[data-list-kind=toggle][data-list-collapsable][data-list-collapsed]>.list-content>*:nth-child(n+2) {
    display: none
}

.dark .js-task-description .prosemirror-list[data-list-kind=bullet],
.dark .js-task-description .prosemirror-list[data-list-kind=ordered],
.dark .js-task-description .prosemirror-list[data-list-kind=task],
.dark .js-task-description .prosemirror-list[data-list-kind=toggle] {
    color: #a5a8b3
}

[data-v-d4d72ffd]:root {
    --color-scheme-active: #6C78F4
}

.description[data-v-d4d72ffd] {
    flex: none;
    min-height: 92px;
    margin: 14px 16px 14px 2px;
    padding-right: 10px;
    overflow: hidden;
    background-color: #fff;
    cursor: text
}

.description[data-v-d4d72ffd] .ProseMirror {
    padding: 0 2px
}

.description.readonly[data-v-d4d72ffd] {
    padding-left: 28px
}

.description[data-v-d4d72ffd]:not(.focused) * {
    z-index: 1!important
}

.dark .description[data-v-d4d72ffd] {
    background-color: #383a3f;
    border-color: #191a1c
}

[data-v-320933ef]:root {
    --color-scheme-active: #6C78F4
}

.data-enter-active[data-v-320933ef],
.data-leave-active[data-v-320933ef] {
    transition: opacity .2s ease
}

.data-enter-from[data-v-320933ef],
.data-leave-to[data-v-320933ef] {
    opacity: 0
}

.section[data-v-320933ef] {
    margin: 24px 32px
}

.section__header[data-v-320933ef] {
    display: grid;
    grid-template-columns: max-content 1fr;
    grid-column-gap: 4px;
    align-items: center
}

.section__toggle[data-v-320933ef] {
    display: grid;
    grid-template-columns: repeat(2, max-content);
    grid-column-gap: 4px;
    align-items: center;
    width: max-content;
    height: 24px;
    padding: 0 8px 0 4px;
    transition: background-color .2s ease;
    cursor: pointer;
    border-radius: 6px
}

.section__toggle[data-v-320933ef]:hover {
    background-color: #838fa714
}

.section__toggle[data-v-320933ef]:active {
    background-color: #838fa729
}

.section__icon[data-v-320933ef] {
    transition: transform .2s ease
}

.section__icon.opened[data-v-320933ef] {
    transform: rotate(90deg)
}

.section__title[data-v-320933ef] {
    margin-right: 4px;
    font-weight: 500;
    font-size: 13px;
    line-height: 13px;
    color: #525c7a
}

.dark .section__title[data-v-320933ef] {
    color: #ddd
}

.section__data[data-v-320933ef] {
    margin-top: 8px
}

[data-v-c18c393c]:root {
    --color-scheme-active: #6C78F4
}

.edit[data-v-c18c393c] {
    display: grid;
    grid-template-columns: max-content 1fr;
    grid-column-gap: 4.5px;
    min-height: 36px;
    padding: 4.5px 2.5px;
    cursor: text;
    border: 1.5px solid #93969F;
    border-radius: 8px
}

.edit__textarea[data-v-c18c393c] {
    padding: 4px 0;
    overflow: hidden;
    color: #60636c;
    background: transparent;
    border: unset;
    transition: unset!important;
    font-weight: 400;
    font-size: 13px;
    line-height: 16px
}

.edit__textarea[data-v-c18c393c]::placeholder {
    color: #93969f
}

.dark .edit__textarea[data-v-c18c393c] {
    color: #ddd
}

.dark .edit__textarea[data-v-c18c393c]::placeholder {
    color: #ddd
}

.edit__hotkeys[data-v-c18c393c] {
    opacity: 1;
    display: flex;
    align-items: center;
    margin-top: 8px;
    margin-bottom: 6px;
    color: #acb1c2;
    transition: all .2s ease;
    font-weight: 500;
    font-size: 12px;
    line-height: 14px
}

@starting-style {
    .edit__hotkeys[data-v-c18c393c] {
        opacity: 0
    }
}

.edit__enter[data-v-c18c393c] {
    display: flex;
    align-items: center;
    width: max-content;
    height: 16px;
    margin-right: 4px;
    padding: 0 4px;
    color: #60636c;
    background-color: #ededf5;
    border-radius: 4px;
    font-weight: 500;
    font-size: 10px;
    line-height: 12px
}

[data-v-d356b6bf]:root {
    --color-scheme-active: #6C78F4
}

.modal__checkbox[data-v-d356b6bf] {
    margin-bottom: 20px
}

.modal__description[data-v-d356b6bf] {
    margin-bottom: 24px;
    font-weight: 400;
    font-size: 14px;
    line-height: 125%
}

.dark .modal__description[data-v-d356b6bf] {
    color: #ddd
}

[data-v-22f2ea8e]:root {
    --color-scheme-active: #6C78F4
}

.modal__checkbox[data-v-22f2ea8e] {
    margin-bottom: 20px
}

.modal__description[data-v-22f2ea8e] {
    margin-bottom: 24px;
    font-weight: 400;
    font-size: 14px;
    line-height: 125%
}

.dark .modal__description[data-v-22f2ea8e] {
    color: #ddd
}

[data-v-3fd6b211]:root {
    --color-scheme-active: #6C78F4
}

.menu[data-v-3fd6b211] {
    position: absolute;
    z-index: 10;
    width: 220px
}

[data-v-b5b38495]:root {
    --color-scheme-active: #6C78F4
}

.task[data-v-b5b38495] {
    position: relative;
    display: grid;
    grid-template-columns: max-content 1fr max-content;
    grid-column-gap: 4px;
    align-items: center;
    height: 36px;
    padding: 0 4px;
    color: #242629;
    transition: background-color .2s ease;
    cursor: pointer;
    border-radius: 8px
}

.task.hoverable[data-v-b5b38495]:hover {
    background: linear-gradient(0deg, #838fa714, #838fa714), #fff
}

.task.hoverable[data-v-b5b38495]:active {
    background: linear-gradient(0deg, #838fa729, #838fa729), #fff
}

.dark .task[data-v-b5b38495] {
    color: #ddd
}

.dark .task.hoverable[data-v-b5b38495]:hover {
    background: #242629
}

.dark .task.hoverable[data-v-b5b38495]:active {
    background: #202225
}

.task__title[data-v-b5b38495] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: 400;
    font-size: 13px;
    line-height: 16px
}

.task__title.completed[data-v-b5b38495] {
    color: #93969f;
    text-decoration-line: line-through
}

.task__data[data-v-b5b38495] {
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: max-content;
    grid-column-gap: 4px;
    align-items: center
}

.task__icon-edit[data-v-b5b38495] {
    opacity: 0;
    padding: 2px;
    transition: opacity .2s ease
}

.subtask:hover .task__icon-edit[data-v-b5b38495] {
    opacity: 1
}

.task__tasks[data-v-b5b38495] {
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: max-content;
    grid-column-gap: 2px;
    align-items: center;
    padding: 0 8px;
    color: #93969f;
    font-weight: 500;
    font-size: 10px;
    line-height: 14px
}

.task__overdue[data-v-b5b38495] {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 20px;
    height: 20px;
    transition: background .2s ease;
    border-radius: 4px
}

.task__overdue[data-v-b5b38495]:hover {
    background: #838fa714
}

.dark .task__overdue[data-v-b5b38495]:hover {
    background: #242629
}

.task__tooltip[data-v-b5b38495] {
    overflow: hidden
}

.task__tooltip-inner[data-v-b5b38495] {
    max-width: 500px;
    word-break: normal;
    overflow-wrap: anywhere
}

[data-v-a7624e40]:root {
    --color-scheme-active: #6C78F4
}

.create[data-v-a7624e40] {
    display: grid;
    grid-template-columns: max-content 1fr;
    grid-column-gap: 4px;
    min-height: 36px;
    padding: 6px 2.5px;
    transition: all .2s ease;
    cursor: text;
    border: 1.5px solid transparent;
    border-radius: 8px
}

.create[data-v-a7624e40]:hover:not(.focused) {
    background: linear-gradient(0deg, #838fa714, #838fa714), #fff
}

.create.focused[data-v-a7624e40] {
    border: 1.5px solid #93969F
}

.dark .create[data-v-a7624e40]:hover:not(.focused) {
    background: linear-gradient(0deg, #838fa714, #838fa714), #2f3136
}

.create__icon[data-v-a7624e40] {
    padding: 2px
}

.create__textarea[data-v-a7624e40] {
    padding: 4px 0;
    overflow: hidden;
    color: #60636c;
    background: transparent;
    border: unset;
    transition: unset!important;
    font-weight: 400;
    font-size: 13px;
    line-height: 16px
}

.create__textarea[data-v-a7624e40]::placeholder {
    color: #93969f
}

.dark .create__textarea[data-v-a7624e40] {
    color: #ddd
}

.dark .create__textarea[data-v-a7624e40]::placeholder {
    color: #ddd
}

.create__hotkeys[data-v-a7624e40] {
    opacity: 1;
    display: flex;
    align-items: center;
    margin-top: 8px;
    margin-bottom: 6px;
    color: #acb1c2;
    transition: all .2s ease;
    font-weight: 500;
    font-size: 12px;
    line-height: 14px
}

@starting-style {
    .create__hotkeys[data-v-a7624e40] {
        opacity: 0
    }
}

.create__enter[data-v-a7624e40] {
    display: flex;
    align-items: center;
    width: max-content;
    height: 16px;
    margin-right: 4px;
    padding: 0 4px;
    color: #60636c;
    background-color: #ededf5;
    border-radius: 4px;
    font-weight: 500;
    font-size: 10px;
    line-height: 12px
}

[data-v-e39b40dd]:root {
    --color-scheme-active: #6C78F4
}

.subtasks__title[data-v-e39b40dd] {
    display: flex;
    align-items: center;
    height: 24px
}

[data-v-664a5699]:root {
    --color-scheme-active: #6C78F4
}

.switch[data-v-664a5699] {
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: max-content;
    grid-column-gap: 4px;
    height: 32px;
    padding: 3px;
    background-color: #f4f4f5;
    border-radius: 8px
}

.dark .switch[data-v-664a5699] {
    background-color: #2f3136
}

.switch__button[data-v-664a5699] {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 26px;
    height: 26px;
    transition: background .2s ease;
    border-radius: 6px
}

.switch__button[data-v-664a5699]:hover {
    background: #838fa714
}

.switch__button[data-v-664a5699]:active {
    background: #838fa729
}

.switch__button.current[data-v-664a5699] {
    background: #fff;
    box-shadow: 0 2px 4px #0000001a
}

.dark .switch__button[data-v-664a5699]:hover {
    background: #242629
}

.dark .switch__button[data-v-664a5699]:active {
    background: #202225
}

.dark .switch__button.current[data-v-664a5699] {
    background: #383a3f
}

[data-v-de1be535]:root {
    --color-scheme-active: #6C78F4
}

.button[data-v-de1be535] {
    display: grid;
    grid-template-columns: max-content 1fr;
    grid-column-gap: 6px;
    align-items: center;
    height: 32px;
    padding: 0 8px;
    color: #60636c;
    transition: background .2s ease;
    border-radius: 8px;
    font-weight: 500;
    font-size: 12px;
    line-height: 15px
}

.button.primary[data-v-de1be535] {
    background: #ededf5
}

.button.primary[data-v-de1be535]:hover {
    background: linear-gradient(0deg, #838fa714, #838fa714), #ededf5
}

.button.primary[data-v-de1be535]:active,
.button.primary.active[data-v-de1be535] {
    background: linear-gradient(0deg, #838fa729, #838fa729), #ededf5
}

.button.secondary[data-v-de1be535]:hover {
    background: #838fa714
}

.button.secondary[data-v-de1be535]:active,
.button.secondary.active[data-v-de1be535] {
    background: #838fa729
}

.button[disabled][data-v-de1be535] {
    pointer-events: none
}

.dark .button[data-v-de1be535] {
    color: #ddd
}

.dark .button.secondary[data-v-de1be535]:hover {
    background: #242629
}

.dark .button.secondary[data-v-de1be535]:active,
.dark .button.secondary.active[data-v-de1be535] {
    background: #202225
}

[data-v-9de29748]:root {
    --color-scheme-active: #6C78F4
}

.member[data-v-9de29748] {
    display: flex;
    align-items: center;
    height: 36px;
    column-gap: 8px
}

.member__status[data-v-9de29748] {
    margin-left: auto;
    padding-bottom: 2px;
    font-weight: 300;
    font-size: 10px;
    line-height: 12px;
    color: #ffc909
}

.member__status_green[data-v-9de29748] {
    color: #6bac00
}

.member__user-avatar[data-v-9de29748] {
    font-size: 12px
}

.member__user[data-v-9de29748] {
    display: flex;
    gap: 8px;
    align-items: center
}

.member__user-name[data-v-9de29748] {
    font-weight: 300;
    font-size: 12px;
    line-height: 10px;
    color: #000
}

.dark .member__user-name[data-v-9de29748] {
    color: #ddd
}

.member__user-email[data-v-9de29748] {
    max-width: 150px;
    overflow: hidden;
    color: #ababab;
    text-overflow: ellipsis;
    font-weight: 300;
    font-size: 10px;
    line-height: 10px
}

[data-v-4c035763]:root {
    --color-scheme-active: #6C78F4
}

.members[data-v-4c035763] {
    max-height: 140px;
    overflow: hidden auto
}

[data-v-3f5338b1]:root {
    --color-scheme-active: #6C78F4
}

.dropdown[data-v-3f5338b1] {
    position: absolute;
    right: 0;
    z-index: 10;
    display: flex;
    flex-direction: column;
    gap: 16px;
    width: 300px;
    padding: 16px;
    background-color: #fff;
    border: 1px solid transparent;
    border-radius: 4px;
    box-shadow: 0 4px 13px #3030301a
}

.dark .dropdown[data-v-3f5338b1] {
    background-color: #383a3f;
    border-color: #2f3136
}

.dropdown__title[data-v-3f5338b1] {
    font-weight: 700;
    font-size: 16px;
    line-height: 16px;
    color: #202430
}

.dark .dropdown__title[data-v-3f5338b1] {
    color: #ddd
}

[data-v-0bd1fa6f]:root {
    --color-scheme-active: #6C78F4
}

.signature[data-v-0bd1fa6f] {
    position: relative
}

.signature__button[data-v-0bd1fa6f] {
    height: 28px
}

.signature__button-content[data-v-0bd1fa6f] {
    display: flex;
    align-items: center;
    column-gap: 4px
}

.signature__text[data-v-0bd1fa6f] {
    font-weight: 500;
    font-size: 13px;
    line-height: 13px
}

.signature__text.yellow[data-v-0bd1fa6f] {
    color: #ee8913
}

.signature__text.green[data-v-0bd1fa6f] {
    color: #00b633
}

[data-v-f35370d2]:root {
    --color-scheme-active: #6C78F4
}

.menu[data-v-f35370d2] {
    position: absolute;
    z-index: 10;
    width: 180px
}

[data-v-80292a85]:root {
    --color-scheme-active: #6C78F4
}

.menu-component[data-v-80292a85] {
    position: relative;
    display: flex;
    align-items: center
}

.menu__icon-button[data-v-80292a85] {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 32px;
    height: 28px;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    transition: .2s ease;
    border-radius: 6px
}

.menu__icon-button[data-v-80292a85] svg {
    width: 16px;
    height: 16px
}

.menu__icon-button[data-v-80292a85] svg path {
    fill: #60636c
}

.menu__icon-button[data-v-80292a85] svg path:first-of-type {
    opacity: .39
}

.menu__icon-button[data-v-80292a85]:hover {
    background: #838fa714
}

.menu__icon-button[data-v-80292a85]:active,
.menu__icon-button.active[data-v-80292a85] {
    background: #838fa729
}

.dark .menu__icon-button[data-v-80292a85] svg path {
    fill: #acb1c2
}

.dark .menu__icon-button[data-v-80292a85]:hover {
    background: #242629
}

.dark .menu__icon-button[data-v-80292a85]:active,
.dark .menu__icon-button.active[data-v-80292a85] {
    background: #202225
}

[data-v-458d0951]:root {
    --color-scheme-active: #6C78F4
}

.row[data-v-458d0951] {
    position: relative;
    display: grid;
    grid-template-columns: max-content 1fr max-content;
    grid-column-gap: 8px;
    align-items: center;
    height: 36px;
    padding: 0 4px;
    transition: all .2s ease;
    border-radius: 8px;
    cursor: pointer
}

.row[data-v-458d0951]:hover {
    background: linear-gradient(0deg, #838fa714, #838fa714), #fff
}

.dark .row[data-v-458d0951]:hover {
    background: #242629
}

.row__image[data-v-458d0951],
.row__icon[data-v-458d0951] {
    width: 28px;
    height: 28px;
    border-radius: 4px
}

.row__image[data-v-458d0951] {
    object-fit: cover
}

.row__icon[data-v-458d0951] {
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #ededf5
}

.row__icon-extension[data-v-458d0951] {
    width: 20px;
    height: 20px
}

.row__data-preview[data-v-458d0951] {
    opacity: 1;
    display: flex;
    align-items: center;
    transition: opacity .2s ease;
    transition-behavior: allow-discrete
}

.row:hover:not(.active) .row__data-preview[data-v-458d0951] {
    display: none;
    transition: opacity .2s ease
}

.row.active .row__data-preview[data-v-458d0951] {
    opacity: 0;
    display: none
}

@starting-style {
    .row__data-preview[data-v-458d0951] {
        opacity: 0
    }
}

.row__name[data-v-458d0951] {
    overflow: hidden;
    white-space: nowrap;
    color: #242629;
    transition: color .2s ease;
    text-overflow: ellipsis;
    font-weight: 400;
    font-size: 13px;
    line-height: 16px
}

.row:hover .row__name[data-v-458d0951] {
    color: var(--color-scheme-active)
}

.dark .row__name[data-v-458d0951] {
    color: #ddd
}

.row__data-size[data-v-458d0951],
.row__data-created[data-v-458d0951] {
    text-align: end;
    color: #acb1c2;
    font-weight: 500;
    font-size: 11px;
    line-height: 11px
}

.dark .row__data-size[data-v-458d0951],
.dark .row__data-created[data-v-458d0951] {
    color: #ddd
}

.row__data-size[data-v-458d0951] {
    width: 64px
}

.row__data-created[data-v-458d0951] {
    width: 128px;
    padding-left: 12px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.row__data-main[data-v-458d0951] {
    opacity: 0;
    display: none;
    align-items: center;
    transition: opacity .2s ease;
    transition-behavior: allow-discrete
}

.row:hover:not(.active) .row__data-main[data-v-458d0951] {
    opacity: 1;
    display: flex;
    transition: opacity .2s ease
}

.row.active .row__data-main[data-v-458d0951] {
    opacity: 1;
    display: flex
}

@starting-style {
    .row__data-main[data-v-458d0951] {
        opacity: 0
    }
}

.row__file-link[data-v-458d0951] {
    height: 28px;
    text-decoration: unset
}

.row__file-button[data-v-458d0951] {
    height: 28px
}

.row__tooltip[data-v-458d0951] {
    overflow: hidden
}

.row__tooltip-inner[data-v-458d0951] {
    max-width: 500px;
    word-break: normal;
    overflow-wrap: anywhere
}

[data-v-b5896848]:root {
    --color-scheme-active: #6C78F4
}

.preview[data-v-b5896848] {
    display: grid;
    grid-template-columns: max-content 1fr repeat(2, max-content);
    grid-column-gap: 8px;
    align-items: center;
    height: 36px;
    padding: 0 4px
}

.preview__icon[data-v-b5896848] {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 28px;
    height: 28px;
    background-color: #ededf5;
    border-radius: 4px
}

.preview__icon-extension[data-v-b5896848] {
    width: 20px;
    height: 20px
}

.preview__name[data-v-b5896848] {
    display: -webkit-box;
    overflow: hidden;
    white-space: nowrap;
    color: #242629;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    font-weight: 400;
    font-size: 13px;
    line-height: 16px
}

.dark .preview__name[data-v-b5896848] {
    color: #ddd
}

.preview__progress-line[data-v-b5896848] {
    width: 200px;
    height: 4px;
    margin: 4px 0;
    background-color: #e5e7ee;
    border-radius: 4px
}

.preview__progress-value[data-v-b5896848] {
    height: 100%;
    background-color: var(--color-scheme-active);
    border-radius: 4px
}

.preview__information[data-v-b5896848] {
    display: flex;
    justify-content: space-between
}

.preview__size[data-v-b5896848],
.preview__progres-percentages[data-v-b5896848] {
    color: #acb1c2;
    font-weight: 500;
    font-size: 10px;
    line-height: 10px
}

[data-v-3d086789]:root {
    --color-scheme-active: #6C78F4
}

.menu-component[data-v-3d086789] {
    position: absolute;
    top: 6px;
    right: 6px;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    margin: 6px
}

.menu-component.opened[data-v-3d086789] {
    opacity: 1!important
}

.menu__icon-button[data-v-3d086789] {
    width: 16px;
    height: 16px;
    background: #838fa729;
    transition: .2s ease;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    border-radius: 6px
}

.menu__icon-button[data-v-3d086789] svg {
    width: 16px;
    height: 16px
}

.menu__icon-button[data-v-3d086789] svg path {
    fill: #fff
}

.menu__icon-button[data-v-3d086789] svg path:first-of-type {
    opacity: .39
}

.menu__icon-button[data-v-3d086789]:hover {
    background: #838fa73d
}

.menu__icon-button[data-v-3d086789]:active,
.opened .menu__icon-button[data-v-3d086789] {
    background: #838fa752
}

.dark .menu__icon-button[data-v-3d086789] svg path {
    fill: #acb1c2
}

.menu__nested-menu[data-v-3d086789] {
    width: 150px
}

[data-v-043e4749]:root {
    --color-scheme-active: #6C78F4
}

.square[data-v-043e4749] {
    position: relative;
    cursor: pointer
}

.square__image[data-v-043e4749],
.square__icon[data-v-043e4749] {
    width: 100%;
    max-width: 100%;
    height: auto;
    border-radius: 12px;
    aspect-ratio: 1/1
}

.square__image[data-v-043e4749] {
    object-fit: cover;
    max-width: 100%
}

.square__icon[data-v-043e4749] {
    display: flex;
    justify-content: center;
    align-items: center;
    background: #ededf5;
    transition: background .2s ease
}

.square:hover .square__icon[data-v-043e4749] {
    background: linear-gradient(0deg, #838fa729, #838fa729), #ededf5
}

.square:active .square__icon[data-v-043e4749] {
    background: linear-gradient(0deg, #838fa73d, #838fa73d), #ededf5
}

.square__icon-extension[data-v-043e4749] {
    width: 48px;
    height: 48px
}

.square__menu[data-v-043e4749] {
    opacity: 0;
    transition: opacity .2s ease
}

.square:hover .square__menu[data-v-043e4749] {
    opacity: 1
}

.square__name[data-v-043e4749] {
    margin: 8px 2px 4px;
    overflow: hidden;
    white-space: nowrap;
    color: #242629;
    transition: color .2s ease;
    text-overflow: ellipsis;
    font-weight: 400;
    font-size: 13px;
    line-height: 16px
}

.square:hover .square__name[data-v-043e4749] {
    color: var(--color-scheme-active)
}

.dark .square__name[data-v-043e4749] {
    color: #ddd
}

.square__data[data-v-043e4749] {
    margin: 0 2px;
    overflow: hidden;
    white-space: nowrap;
    color: #acb1c2;
    text-overflow: ellipsis;
    font-weight: 500;
    font-size: 10px;
    line-height: 12px
}

.dark .square__data[data-v-043e4749] {
    color: #ddd
}

.square__tooltip[data-v-043e4749] {
    overflow: hidden
}

.square__tooltip-inner[data-v-043e4749] {
    max-width: 500px;
    word-break: normal;
    overflow-wrap: anywhere
}

[data-v-3d17b4a4]:root {
    --color-scheme-active: #6C78F4
}

.preview__progres[data-v-3d17b4a4] {
    display: grid;
    grid-template-rows: repeat(2, max-content);
    place-content: end center;
    align-items: center;
    min-width: 114px;
    height: 114px;
    margin-bottom: 8px;
    padding-bottom: 8px;
    background: #ededf5;
    transition: background .2s ease;
    border-radius: 12px
}

.preview:hover .preview__progres[data-v-3d17b4a4] {
    background: linear-gradient(0deg, #838fa729, #838fa729), #ededf5
}

.preview:active .preview__progres[data-v-3d17b4a4] {
    background: linear-gradient(0deg, #838fa73d, #838fa73d), #ededf5
}

.preview__progress-line[data-v-3d17b4a4] {
    width: 76px;
    height: 4px;
    margin: 4px 0;
    background-color: #e5e7ee;
    border-radius: 4px
}

.preview__progress-value[data-v-3d17b4a4] {
    height: 100%;
    background-color: var(--color-scheme-active);
    border-radius: 4px
}

.preview__progres-percentages[data-v-3d17b4a4] {
    text-align: center;
    color: #acb1c2;
    font-weight: 500;
    font-size: 10px;
    line-height: 10px
}

.preview__name[data-v-3d17b4a4] {
    display: -webkit-box;
    margin-bottom: 4px;
    overflow: hidden;
    white-space: nowrap;
    color: #242629;
    transition: color .2s ease;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    font-weight: 400;
    font-size: 13px;
    line-height: 16px
}

.preview:hover .preview__name[data-v-3d17b4a4] {
    color: var(--color-scheme-active)
}

.preview__data[data-v-3d17b4a4] {
    overflow: hidden;
    white-space: nowrap;
    color: #acb1c2;
    text-overflow: ellipsis;
    font-weight: 500;
    font-size: 10px;
    line-height: 12px
}

[data-v-4a568a16]:root {
    --color-scheme-active: #6C78F4
}

.from-device[data-v-4a568a16] {
    display: grid;
    grid-template-columns: max-content 1fr;
    grid-column-gap: 8px;
    align-items: center;
    width: 100%;
    height: 32px;
    padding: 0 12px;
    overflow: hidden;
    color: #60636c;
    transition: background .2s ease;
    text-align: start;
    cursor: pointer;
    font-weight: 500;
    font-size: 14px;
    line-height: 16px
}

.from-device[data-v-4a568a16]:hover {
    background: #838fa714
}

.from-device[data-v-4a568a16]:active {
    background: #838fa729
}

.dark .from-device[data-v-4a568a16] {
    color: #ddd
}

[data-v-d9451d70]:root {
    --color-scheme-active: #6C78F4
}

.dropbox[data-v-d9451d70] {
    display: grid;
    grid-template-columns: max-content 1fr;
    grid-column-gap: 8px;
    align-items: center;
    width: 100%;
    height: 32px;
    padding: 0 12px;
    overflow: hidden;
    color: #60636c;
    transition: background .2s ease;
    text-align: start;
    cursor: pointer;
    font-weight: 500;
    font-size: 14px;
    line-height: 16px
}

.dropbox[data-v-d9451d70]:hover {
    background: #838fa714
}

.dropbox[data-v-d9451d70]:active {
    background: #838fa729
}

.dark .dropbox[data-v-d9451d70] {
    color: #ddd
}

.dropbox__icon[data-v-d9451d70] {
    width: 16px;
    height: 16px
}

[data-v-53ed7185]:root {
    --color-scheme-active: #6C78F4
}

.one-drive[data-v-53ed7185] {
    display: grid;
    grid-template-columns: max-content 1fr;
    grid-column-gap: 8px;
    align-items: center;
    width: 100%;
    height: 32px;
    padding: 0 12px;
    overflow: hidden;
    color: #60636c;
    transition: background .2s ease;
    text-align: start;
    cursor: pointer;
    font-weight: 500;
    font-size: 14px;
    line-height: 16px
}

.one-drive[data-v-53ed7185]:hover {
    background: #838fa714
}

.one-drive[data-v-53ed7185]:active {
    background: #838fa729
}

.dark .one-drive[data-v-53ed7185] {
    color: #ddd
}

.one-drive__icon[data-v-53ed7185] {
    width: 16px;
    height: 16px
}

[data-v-ea89ce60]:root {
    --color-scheme-active: #6C78F4
}

.context-menu[data-v-ea89ce60] {
    position: absolute;
    left: 0;
    z-index: 10;
    width: 180px;
    padding: 4px 0
}

[data-v-fe86b3db]:root {
    --color-scheme-active: #6C78F4
}

.new-file[data-v-fe86b3db] {
    position: relative;
    width: 100%
}

.new-file__button[data-v-fe86b3db] {
    width: 100%;
    color: #93969f;
    border: 1px dashed #E5E7EE;
    transition: background .2s ease;
    font-weight: 500;
    font-size: 12px;
    line-height: 12px
}

.new-file-list .new-file__button[data-v-fe86b3db] {
    display: grid;
    grid-template-columns: max-content 1fr;
    grid-column-gap: 8px;
    align-items: center;
    width: 100%;
    height: 36px;
    padding: 0 10px;
    border-radius: 8px;
    text-align: start
}

.new-file-grid .new-file__button[data-v-fe86b3db] {
    display: grid;
    grid-template-rows: repeat(2, max-content);
    grid-row-gap: 4px;
    place-content: center center;
    height: calc(100% - 38px);
    min-height: 132px;
    justify-items: center;
    border-radius: 12px
}

.new-file__button[data-v-fe86b3db]:hover {
    background: linear-gradient(0deg, #838fa714, #838fa714), #fff
}

.new-file__button[data-v-fe86b3db]:active {
    background: linear-gradient(0deg, #838fa729, #838fa729), #fff
}

.dark .new-file__button[data-v-fe86b3db] {
    color: #ddd;
    border-color: #ddd
}

.dark .new-file__button[data-v-fe86b3db]:hover {
    background: #242629
}

.dark .new-file__button[data-v-fe86b3db]:active {
    background: #202225
}

[data-v-86f8e5b9]:root {
    --color-scheme-active: #6C78F4
}

.data-enter-active[data-v-86f8e5b9],
.data-leave-active[data-v-86f8e5b9] {
    transition: opacity .2s ease
}

.data-enter-from[data-v-86f8e5b9],
.data-leave-to[data-v-86f8e5b9] {
    opacity: 0
}

.data__row-new-file[data-v-86f8e5b9] {
    margin-top: 4px
}

.data__grid[data-v-86f8e5b9] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(114px, 1fr));
    gap: 14px
}

[data-v-3f3ec4ca]:root {
    --color-scheme-active: #6C78F4
}

.download-archive[data-v-3f3ec4ca] {
    display: grid;
    grid-template-columns: repeat(2, max-content);
    grid-column-gap: 4px;
    align-items: center;
    height: 32px;
    padding: 0 8px;
    color: #525c7a;
    border-radius: 8px;
    transition: background-color .2s ease;
    font-weight: 500;
    font-size: 13px;
    line-height: 13px
}

.download-archive[data-v-3f3ec4ca]:hover:not([disabled]) {
    background-color: #2024300d
}

[data-v-66a12b19]:root {
    --color-scheme-active: #6C78F4
}

.upload-files[data-v-66a12b19] {
    position: relative
}

[data-v-4881b25c]:root {
    --color-scheme-active: #6C78F4
}

.files__title[data-v-4881b25c] {
    display: flex;
    align-items: center;
    height: 24px
}

.files__information[data-v-4881b25c] {
    display: grid;
    grid-template-columns: 1fr repeat(3, max-content);
    grid-column-gap: 8px;
    align-items: center;
    width: 100%;
    height: 32px;
    margin-left: auto
}

.files__count[data-v-4881b25c] {
    font-weight: 500;
    font-size: 12px;
    line-height: 14px;
    color: #acb1c2
}

.dark .files__count[data-v-4881b25c] {
    color: #ddd
}

[data-v-c075e170]:root {
    --color-scheme-active: #6C78F4
}

.user[data-v-c075e170] {
    display: inline-flex;
    transition: all .2s ease-in-out;
    cursor: pointer;
    border-radius: 4px
}

.user[data-v-c075e170] .card-wrapper__button {
    gap: 4px;
    align-items: center
}

.user__name[data-v-c075e170] {
    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-c075e170] {
    color: #f8f8fb
}

[data-v-a3c58742]:root {
    --color-scheme-active: #6C78F4
}

.icon[data-v-a3c58742] {
    display: inline-flex;
    align-items: flex-start;
    height: 16px
}

.icon__user[data-v-a3c58742] {
    position: relative
}

.icon__user[data-v-a3c58742]:before {
    content: "";
    position: absolute;
    top: 0;
    left: 100%;
    width: 8px;
    height: 16px
}

[data-v-3716ae26]:root {
    --color-scheme-active: #6C78F4
}

.custom-field[data-v-3716ae26] {
    font-weight: 500;
    font-size: 12px;
    line-height: 16px;
    display: inline;
    vertical-align: middle;
    color: var(--color-scheme-active)
}

[data-v-20a631a6]:root {
    --color-scheme-active: #6C78F4
}

.custom-field-option[data-v-20a631a6] {
    display: inline-flex;
    vertical-align: middle;
    height: 16px;
    padding: 0 2px;
    border-radius: 4px
}

[data-v-464931b7]:root {
    --color-scheme-active: #6C78F4
}

.contact[data-v-464931b7] {
    display: inline-flex;
    vertical-align: middle;
    cursor: pointer;
    text-decoration: none
}

.contact__avatar[data-v-464931b7] {
    margin-right: 4px
}

.contact__name[data-v-464931b7] {
    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-464931b7] {
    color: #f8f8fb
}

[data-v-c3106dac]:root {
    --color-scheme-active: #6C78F4
}

.organization[data-v-c3106dac] {
    display: inline-flex;
    vertical-align: middle;
    cursor: pointer;
    text-decoration: none
}

.organization__avatar[data-v-c3106dac] {
    margin-right: 4px
}

.organization__name[data-v-c3106dac] {
    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-c3106dac] {
    color: #f8f8fb
}

[data-v-9ed9a775]:root {
    --color-scheme-active: #6C78F4
}

.tag[data-v-9ed9a775] {
    display: inline-flex;
    vertical-align: middle;
    height: 16px
}

[data-v-98468907]:root {
    --color-scheme-active: #6C78F4
}

.task-entity[data-v-98468907] {
    position: relative;
    display: flex;
    gap: 2px;
    margin-top: 4px;
    padding: 4px 0 4px 10px;
    cursor: pointer;
    flex-direction: column;
    max-width: 320px
}

.task-entity[data-v-98468907]:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 2px;
    height: 100%;
    border-radius: 123px;
    background-color: #e5e7ee;
    transition: all .2s ease-in-out
}

.task-entity[data-v-98468907]:hover:before {
    background-color: var(--color-scheme-active)
}

.task-entity__id[data-v-98468907] {
    font-weight: 500;
    font-size: 12px;
    line-height: 14px;
    color: #93969f
}

.task-entity__title[data-v-98468907] {
    font-weight: 500;
    font-size: 12px;
    line-height: 14px;
    color: #242629;
    transition: all .2s ease-in-out
}

.task-entity:hover .task-entity__title[data-v-98468907] {
    color: var(--color-scheme-active)
}

.dark .task-entity__title[data-v-98468907] {
    color: #f8f8fb
}

.task-entity__bottom[data-v-98468907] {
    display: flex;
    gap: 6px;
    align-items: center;
    margin-top: 4px
}

.task-entity__date[data-v-98468907] {
    font-weight: 500;
    font-size: 12px;
    line-height: 100%;
    color: #acb1c2
}

[data-v-2da56e83]:root {
    --color-scheme-active: #6C78F4
}

.funnel[data-v-2da56e83] {
    font-weight: 500;
    font-size: 12px;
    line-height: 16px;
    display: inline-flex;
    gap: 2px;
    vertical-align: middle;
    color: #383a3f;
    text-decoration: none
}

.dark .funnel[data-v-2da56e83] {
    color: #f8f8fb
}

[data-v-9ad32512]:root {
    --color-scheme-active: #6C78F4
}

.funnel-status[data-v-9ad32512] {
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    display: inline-flex;
    vertical-align: middle;
    height: 16px;
    padding: 0 2px;
    color: #60636c;
    border-radius: 4px;
    background-color: #e5e7ee
}

.dark .funnel-status[data-v-9ad32512] {
    color: #f8f8fb
}

[data-v-64057f8c]:root {
    --color-scheme-active: #6C78F4
}

.content[data-v-64057f8c] {
    display: inline-flex;
    vertical-align: middle
}

[data-v-fc2597db]:root {
    --color-scheme-active: #6C78F4
}

.entity-collection[data-v-fc2597db] {
    display: inline;
    vertical-align: middle;
    align-items: center;
    min-height: 16px
}

.entity-collection__item[data-v-fc2597db] {
    margin: 0 2px
}

.entity-collection__item[data-v-fc2597db]:first-child {
    margin-left: 0
}

.entity-collection__item[data-v-fc2597db]:last-child {
    margin-right: 0
}

[data-v-3b2f49ee]:root {
    --color-scheme-active: #6C78F4
}

.file[data-v-3b2f49ee] {
    position: relative;
    display: flex;
    gap: 8px;
    align-items: center;
    margin-top: 4px;
    padding: 4px 0 4px 10px;
    cursor: pointer;
    max-width: 320px
}

.file[data-v-3b2f49ee]:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 2px;
    height: 100%;
    border-radius: 123px;
    background-color: #e5e7ee;
    transition: all .2s ease-in-out
}

.file[data-v-3b2f49ee]:hover:before {
    background-color: var(--color-scheme-active)
}

.file__name[data-v-3b2f49ee] {
    font-weight: 400;
    font-size: 13px;
    line-height: 120%;
    color: #242629;
    transition: all .2s ease-in-out
}

.file:hover .file__name[data-v-3b2f49ee] {
    color: var(--color-scheme-active)
}

.dark .file__name[data-v-3b2f49ee] {
    color: #f8f8fb
}

.file__icon-extension[data-v-3b2f49ee] {
    width: 28px;
    height: 28px
}

[data-v-f41950a8]:root {
    --color-scheme-active: #6C78F4
}

.title[data-v-f41950a8] {
    font-weight: 500;
    font-size: 12px;
    line-height: 16px;
    display: inline;
    vertical-align: middle;
    color: #383a3f
}

.dark .title[data-v-f41950a8] {
    color: #f8f8fb
}

[data-v-6ef79ac7]:root {
    --color-scheme-active: #6C78F4
}

.initiator[data-v-6ef79ac7] {
    font-weight: 500;
    font-size: 12px;
    line-height: 125%;
    display: inline-flex;
    gap: 8px;
    vertical-align: middle;
    color: #383a3f
}

.initiator.clickable[data-v-6ef79ac7] {
    cursor: pointer
}

.dark .initiator[data-v-6ef79ac7] {
    color: #f8f8fb
}

[data-v-e92ff806]:root {
    --color-scheme-active: #6C78F4
}

.entity[data-v-e92ff806] {
    display: inline-flex;
    vertical-align: middle
}

[data-v-79574cdd]:root {
    --color-scheme-active: #6C78F4
}

.deal-win-status[data-v-79574cdd] {
    font-weight: 500;
    font-size: 12px;
    line-height: 16px;
    display: inline-flex;
    vertical-align: middle;
    gap: 2px
}

.deal-win-status.green[data-v-79574cdd] {
    color: #01a930
}

.deal-win-status.red[data-v-79574cdd] {
    color: #ff4d4f
}

.deal-win-status.archived[data-v-79574cdd] {
    color: #d3d3d3
}

[data-v-8a23306e]:root {
    --color-scheme-active: #6C78F4
}

.amount[data-v-8a23306e] {
    font-weight: 500;
    font-size: 12px;
    line-height: 16px;
    display: inline;
    vertical-align: middle;
    color: #383a3f
}

.dark .amount[data-v-8a23306e] {
    color: #f8f8fb
}

[data-v-92ffba53]:root {
    --color-scheme-active: #6C78F4
}

.nodes[data-v-92ffba53] {
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    color: #60636c
}

.dark .nodes[data-v-92ffba53] {
    color: #ddd
}

.nodes__node[data-v-92ffba53]:not(:last-child) {
    margin-right: 4px
}

.nodes__node-text[data-v-92ffba53] {
    display: inline-flex;
    margin-right: 4px;
    vertical-align: middle
}

[data-v-4dcbe474]:root {
    --color-scheme-active: #6C78F4
}

.log[data-v-4dcbe474] {
    display: flex;
    gap: 8px;
    justify-content: space-between;
    min-height: 20px;
    padding: 8px
}

.log__column[data-v-4dcbe474] {
    display: grid;
    grid-template-columns: 16px 1fr;
    gap: 8px
}

.log__date[data-v-4dcbe474] {
    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-4dcbe474] {
    color: #a6a7b3
}

[data-v-2fb25776]:root {
    --color-scheme-active: #6C78F4
}

.logs[data-v-2fb25776] {
    display: flex;
    flex-direction: column
}

.logs.has-data[data-v-2fb25776] {
    margin-top: 8px
}

[data-v-a4f4e782]:root {
    --color-scheme-active: #6C78F4
}

.history[data-v-a4f4e782] .section__data {
    margin-top: 0
}

.history__title[data-v-a4f4e782] {
    display: flex;
    align-items: center;
    height: 24px
}

[data-v-59dd2d5c]:root {
    --color-scheme-active: #6C78F4
}

.button-all-comments[data-v-59dd2d5c] {
    display: grid;
    grid-template-columns: repeat(3, max-content);
    grid-column-gap: 4px;
    align-items: center;
    width: max-content;
    height: 32px;
    padding: 0 12px 0 8px;
    color: #60636c;
    background: #ededf5;
    border-radius: 8px;
    font-weight: 500;
    font-size: 12px;
    line-height: 12px
}

.dark .button-all-comments[data-v-59dd2d5c] {
    color: #ddd;
    background: #2f3136
}

.button-all-comments__count[data-v-59dd2d5c] {
    color: #acb1c2;
    font-weight: 500;
    font-size: 12px;
    line-height: 12px
}

.dark .button-all-comments__count[data-v-59dd2d5c] {
    color: #ddd
}

[data-v-0dc9819b]:root {
    --color-scheme-active: #6C78F4
}

.empty[data-v-0dc9819b] {
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    height: 296px;
    color: #acb1c2;
    font-weight: 500;
    font-size: 12px;
    line-height: 16px
}

.dark .empty[data-v-0dc9819b] {
    color: #ddd
}

.dark .empty__icon[data-v-0dc9819b] rect {
    fill: #2f3136
}

[data-v-3f36734b]:root {
    --color-scheme-active: #6C78F4
}

.date[data-v-3f36734b] {
    margin: 12px 0;
    color: #acb1c2;
    text-align: center;
    font-weight: 500;
    font-size: 12px;
    line-height: 16px
}

[data-v-fac5b6f7]:root {
    --color-scheme-active: #6C78F4
}

.image[data-v-fac5b6f7] {
    position: relative;
    height: 100%;
    overflow: hidden;
    cursor: pointer
}

.image__target[data-v-fac5b6f7] {
    position: relative;
    z-index: 1;
    display: flex;
    width: 100%;
    height: 100%;
    cursor: pointer;
    max-height: 200px;
    object-fit: contain;
    border-radius: 4px
}

.image__background[data-v-fac5b6f7] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    filter: blur(100px)
}

.image__fallback[data-v-fac5b6f7] {
    display: grid;
    grid-template-rows: repeat(2, max-content);
    grid-row-gap: 8px;
    height: 100%;
    justify-items: center;
    font-weight: 400;
    font-size: 14px;
    line-height: 19px
}

.dark .image__fallback[data-v-fac5b6f7] {
    color: #ddd
}

[data-v-55b805d6]:root {
    --color-scheme-active: #6C78F4
}

.media__item[data-v-55b805d6],
.media__more[data-v-55b805d6] {
    max-height: 200px;
    width: 100%;
    height: 100%;
    object-fit: contain;
    border-radius: 4px;
    cursor: pointer
}

.media__more[data-v-55b805d6] {
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    background-color: #e5e7ee;
    transition: background-color .2s ease
}

.media__more[data-v-55b805d6]:hover {
    background-color: #cacad2
}

.media__more[data-v-55b805d6]:active {
    background-color: #acb1c2
}

[data-v-5261bdcd]:root {
    --color-scheme-active: #6C78F4
}

.parent[data-v-5261bdcd] {
    display: grid;
    grid-template-columns: max-content 1fr max-content;
    align-items: center;
    height: 32px;
    padding: 0 8px;
    cursor: pointer
}

.parent__line[data-v-5261bdcd] {
    width: 2px;
    height: 28px;
    margin-right: 4px;
    background: var(--color-scheme-active);
    border-radius: 123px
}

.parent__wrapper[data-v-5261bdcd] {
    display: grid;
    grid-template-rows: repeat(2, max-content);
    grid-row-gap: 2px
}

.parent__title[data-v-5261bdcd] {
    overflow: hidden;
    color: var(--color-scheme-active);
    font-style: italic;
    text-overflow: ellipsis;
    font-weight: 500;
    font-size: 12px;
    line-height: 12px
}

.parent__preview[data-v-5261bdcd] {
    height: 16px;
    overflow: hidden;
    white-space: nowrap;
    color: #60636c;
    text-overflow: ellipsis;
    font-weight: 400;
    font-size: 12px;
    line-height: 14px
}

.dark .parent__preview[data-v-5261bdcd] {
    color: #ddd
}

[data-v-75bfd8f4]:root {
    --color-scheme-active: #6C78F4
}

.editor__html[data-v-75bfd8f4] {
    overflow: hidden;
    color: #202430
}

.dark .editor__html[data-v-75bfd8f4] {
    color: #ddd
}

[data-v-d0a2c7ff]:root {
    --color-scheme-active: #6C78F4
}

.users[data-v-d0a2c7ff] {
    position: absolute;
    bottom: calc(100%+ 4px);
    left: calc(-90px+ 50%);
    z-index: 10;
    width: 180px;
    padding: 4px 0;
    max-height: 200px;
    overflow-y: auto
}

.users__user[data-v-d0a2c7ff] {
    display: grid;
    grid-template-columns: max-content 1fr max-content;
    grid-column-gap: 8px;
    align-items: center;
    height: 32px;
    padding: 0 8px;
    color: #60636c
}

.users__user[data-v-d0a2c7ff]:hover {
    background-color: #f8f8f8
}

.dark .users__user[data-v-d0a2c7ff] {
    color: #8d8d8d
}

.dark .users__user[data-v-d0a2c7ff]:hover {
    color: #ddd;
    background-color: #202225
}

.users__user-name[data-v-d0a2c7ff] {
    text-align: start;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    font-weight: 400;
    font-size: 14px;
    line-height: 16px
}

.users__image[data-v-d0a2c7ff] {
    display: flex;
    width: 14px
}

[data-v-02eae4dc]:root {
    --color-scheme-active: #6C78F4
}

.reaction[data-v-02eae4dc] {
    position: relative;
    display: grid;
    grid-template-columns: repeat(2, max-content);
    grid-column-gap: 4px;
    align-items: center;
    height: 20px;
    padding: 0 6px 0 4px;
    border-radius: 8px;
    transition: background .2s ease
}

.reaction[disabled][data-v-02eae4dc] {
    pointer-events: none;
    background: var(--color-scheme-active)!important
}

.reaction.applied[data-v-02eae4dc] {
    background: var(--color-scheme-active)!important
}

.reaction__emoji[data-v-02eae4dc] {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 16px;
    height: 16px
}

.reaction__image[data-v-02eae4dc] {
    display: flex;
    width: 14px
}

.reaction__count[data-v-02eae4dc] {
    color: var(--color-scheme-active);
    transition: color .2s ease;
    font-weight: 500;
    font-size: 10px;
    line-height: 10px
}

.applied .reaction__count[data-v-02eae4dc] {
    color: #fff
}

[data-v-eb2a1942]:root {
    --color-scheme-active: #6C78F4
}

.reactions[data-v-eb2a1942] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(35px, 1fr));
    grid-gap: 4px;
    padding: 0 8px
}

.reactions[data-v-eb2a1942]:empty {
    padding: 0
}

[data-v-97c11a93]:root {
    --color-scheme-active: #6C78F4
}

.icon-button[data-v-97c11a93] {
    justify-content: center;
    width: 24px;
    height: 24px;
    transition: .2s ease;
    border-radius: 4px
}

.icon-button[data-v-97c11a93]:hover {
    background: #838fa714
}

.icon-button[data-v-97c11a93]:hover svg path {
    fill: #60636c
}

.icon-button[data-v-97c11a93]:active,
.icon-button.focused[data-v-97c11a93] {
    background: #838fa729
}

.icon-button[data-v-97c11a93]:active svg path,
.icon-button.focused[data-v-97c11a93] svg path {
    fill: #383a3f
}

.dark .icon-button[data-v-97c11a93]:hover svg path {
    fill: #acb1c2
}

.dark .icon-button[data-v-97c11a93]:active svg path,
.dark .icon-button.focused[data-v-97c11a93] svg path {
    fill: #acb1c2
}

[data-v-b5c225a0]:root {
    --color-scheme-active: #6C78F4
}

.menu[data-v-b5c225a0] {
    position: relative
}

.menu__dropdown[data-v-b5c225a0] {
    position: absolute;
    right: 0;
    z-index: 10;
    width: 200px;
    padding: 4px 0
}

.menu__item[data-v-b5c225a0] {
    position: relative;
    display: flex;
    align-items: center;
    column-gap: 4px;
    width: 100%;
    height: 32px;
    padding: 0 12px;
    color: #60636c;
    transition: background .2s ease;
    text-align: start;
    cursor: pointer;
    font-weight: 500;
    font-size: 14px;
    line-height: 16px
}

.menu__item[data-v-b5c225a0]:hover {
    background: #838fa714
}

.menu__item[data-v-b5c225a0]:active,
.menu__item.opened[data-v-b5c225a0] {
    background: #838fa729
}

.dark .menu__item[data-v-b5c225a0] {
    color: #ddd
}

.menu__hr[data-v-b5c225a0] {
    width: 100%;
    height: 1px;
    margin: 8px 0;
    background-color: #f4f4f8
}

.dark .menu__hr[data-v-b5c225a0] {
    background-color: #383a3f
}

[data-v-0977985a]:root {
    --color-scheme-active: #6C78F4
}

.dropdown[data-v-0977985a] {
    position: absolute;
    right: 0;
    z-index: 10;
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: max-content;
    padding: 4px
}

.dropdown__button[data-v-0977985a] {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 32px;
    height: 32px;
    border-radius: 4px;
    transition: .2s ease
}

.dropdown__button[disabled][data-v-0977985a] {
    pointer-events: none;
    background: #838fa729
}

.dropdown__button[data-v-0977985a]:hover {
    background: #838fa714
}

.dropdown__button[data-v-0977985a]:active,
.dropdown__button.applied[data-v-0977985a] {
    background: #838fa729
}

.dropdown__image[data-v-0977985a] {
    display: flex;
    width: 16px
}

[data-v-5fa5ef92]:root {
    --color-scheme-active: #6C78F4
}

.menu[data-v-5fa5ef92] {
    position: relative
}

[data-v-d6cf77e3]:root {
    --color-scheme-active: #6C78F4
}

.controls[data-v-d6cf77e3] {
    opacity: 0;
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: max-content;
    margin-bottom: auto;
    margin-left: auto;
    transition: opacity .2s ease
}

.comment:hover .controls[data-v-d6cf77e3],
.controls.focused[data-v-d6cf77e3] {
    opacity: 1
}

[data-v-dc7c0aeb]:root {
    --color-scheme-active: #6C78F4
}

.comment[data-v-dc7c0aeb] {
    position: relative;
    display: flex;
    align-items: flex-end;
    column-gap: 8px
}

.comment.not-start[data-v-dc7c0aeb]:not(.not-end) {
    margin-bottom: 4px
}

.comment.anchor[data-v-dc7c0aeb] {
    z-index: 1
}

.comment.anchor[data-v-dc7c0aeb]:after {
    content: "";
    position: absolute;
    z-index: -1;
    opacity: 1;
    background-color: #ededf5;
    transition: .2s ease;
    top: -4px;
    right: -32px;
    bottom: 0;
    left: -32px;
    transition-behavior: allow-discrete
}

@starting-style {
    .comment.anchor[data-v-dc7c0aeb]:after {
        opacity: 0
    }
}

.dark .comment.anchor[data-v-dc7c0aeb]:after {
    background-color: #242629
}

.comment__data[data-v-dc7c0aeb] {
    min-width: 25%;
    max-width: 65%
}

.not-end .comment__data[data-v-dc7c0aeb] {
    margin-bottom: 4px;
    margin-left: 32px
}

.comment__data-wrapper[data-v-dc7c0aeb] {
    display: grid;
    grid-auto-flow: row;
    grid-auto-rows: max-content;
    grid-row-gap: 8px;
    padding: 8px 0;
    background-color: #f8f8fb;
    border-radius: 12px
}

.dark .comment__data-wrapper[data-v-dc7c0aeb] {
    background-color: #2f3136
}

.comment__information[data-v-dc7c0aeb] {
    display: grid;
    grid-template-columns: 1fr max-content;
    grid-column-gap: 8px;
    align-items: center;
    padding: 0 8px
}

.comment__author-name[data-v-dc7c0aeb] {
    overflow: hidden;
    color: var(--color-scheme-active);
    text-overflow: ellipsis;
    font-weight: 500;
    font-size: 12px;
    line-height: 12px
}

.comment__editor[data-v-dc7c0aeb] {
    padding: 0 8px
}

.comment__editor[data-v-dc7c0aeb]:empty {
    padding: 0
}

.comment__time[data-v-dc7c0aeb] {
    opacity: 0;
    margin-bottom: 4px;
    color: #acb1c2;
    transition: opacity .2s ease;
    font-weight: 500;
    font-size: 10px;
    line-height: 10px
}

.not-end .comment__time[data-v-dc7c0aeb] {
    margin-bottom: 8px
}

.comment:hover .comment__time[data-v-dc7c0aeb],
.comment__time.visible[data-v-dc7c0aeb] {
    opacity: 1
}

[data-v-46db8f45]:root {
    --color-scheme-active: #6C78F4
}

.comments[data-v-46db8f45] {
    display: grid;
    grid-auto-flow: row;
    grid-auto-rows: max-content;
    grid-row-gap: 12px;
    margin: 21px 32px
}

.comments__button-all-comments[data-v-46db8f45] {
    margin: 12px auto 0
}

.comments__data[data-v-46db8f45] {
    display: grid;
    grid-auto-flow: row;
    grid-auto-rows: max-content;
    margin-bottom: 32px
}

[data-v-c78b06b5]:root {
    --color-scheme-active: #6C78F4
}

.editing[data-v-c78b06b5] {
    position: relative;
    display: grid;
    grid-template-columns: repeat(2, max-content) 1fr max-content;
    align-items: center;
    height: 52px;
    padding: 0 12px;
    background-color: #ededf5;
    border-radius: 12px 12px 0 0
}

.editing[data-v-c78b06b5]:after {
    content: "";
    position: absolute;
    top: 100%;
    right: 0;
    z-index: -1;
    width: 100%;
    height: 10px;
    background-color: #ededf5
}

.dark .editing[data-v-c78b06b5] {
    background-color: #242629
}

.dark .editing[data-v-c78b06b5]:after {
    background-color: #242629
}

.editing__icon-edit[data-v-c78b06b5] {
    margin-right: 8px
}

.editing__line[data-v-c78b06b5] {
    width: 2px;
    height: 28px;
    margin-right: 4px;
    background: var(--color-scheme-active);
    border-radius: 123px
}

.editing__wrapper[data-v-c78b06b5] {
    display: grid;
    grid-template-rows: repeat(2, max-content);
    grid-row-gap: 2px
}

.editing__title[data-v-c78b06b5] {
    font-style: italic;
    color: var(--color-scheme-active);
    font-weight: 373;
    font-size: 12px;
    line-height: 12px
}

.editing__preview[data-v-c78b06b5] {
    width: 98%;
    height: 16px;
    overflow: hidden;
    white-space: nowrap;
    color: #60636c;
    text-overflow: ellipsis;
    font-weight: 400;
    font-size: 12px;
    line-height: 14px
}

.dark .editing__preview[data-v-c78b06b5] {
    color: #ddd
}

.editing__clickable[data-v-c78b06b5] {
    justify-content: center;
    width: 24px;
    height: 24px
}

[data-v-e3f4768c]:root {
    --color-scheme-active: #6C78F4
}

.answer[data-v-e3f4768c] {
    position: relative;
    z-index: 0;
    display: grid;
    grid-template-columns: max-content 1fr max-content;
    align-items: center;
    height: 52px;
    padding: 0 12px;
    background-color: #ededf5;
    border-radius: 12px 12px 0 0
}

.answer[data-v-e3f4768c]:after {
    content: "";
    position: absolute;
    top: 100%;
    right: 0;
    z-index: -1;
    width: 100%;
    height: 10px;
    background-color: #ededf5
}

.dark .answer[data-v-e3f4768c] {
    background-color: #242629
}

.dark .answer[data-v-e3f4768c]:after {
    background-color: #242629
}

.answer__line[data-v-e3f4768c] {
    width: 2px;
    height: 28px;
    margin-right: 4px;
    background: var(--color-scheme-active);
    border-radius: 123px
}

.answer__wrapper[data-v-e3f4768c] {
    display: grid;
    grid-template-rows: repeat(2, max-content);
    grid-row-gap: 2px
}

.answer__title[data-v-e3f4768c] {
    overflow: hidden;
    color: var(--color-scheme-active);
    font-style: italic;
    text-overflow: ellipsis;
    font-weight: 373;
    font-size: 12px;
    line-height: 12px
}

.answer__preview[data-v-e3f4768c] {
    height: 16px;
    overflow: hidden;
    white-space: nowrap;
    color: #60636c;
    text-overflow: ellipsis;
    font-weight: 400;
    font-size: 12px;
    line-height: 14px
}

.dark .answer__preview[data-v-e3f4768c] {
    color: #ddd
}

.answer__clickable[data-v-e3f4768c] {
    justify-content: center;
    width: 24px;
    height: 24px
}

[data-v-323a0291]:root {
    --color-scheme-active: #6C78F4
}

.icon-button[data-v-323a0291] {
    justify-content: center;
    width: 24px;
    height: 24px;
    transition: .2s ease;
    border-radius: 4px
}

.icon-button[data-v-323a0291]:hover {
    background: #838fa714
}

.icon-button[data-v-323a0291]:hover svg path {
    fill: #60636c
}

.icon-button[data-v-323a0291]:active,
.icon-button.focused[data-v-323a0291] {
    background: #838fa729
}

.icon-button[data-v-323a0291]:active svg path,
.icon-button.focused[data-v-323a0291] svg path {
    fill: #383a3f
}

.dark .icon-button[data-v-323a0291]:hover svg path {
    fill: #acb1c2
}

.dark .icon-button[data-v-323a0291]:active svg path,
.dark .icon-button.focused[data-v-323a0291] svg path {
    fill: #acb1c2
}

[data-v-7a7830d9]:root {
    --color-scheme-active: #6C78F4
}

.menu[data-v-7a7830d9] {
    z-index: 9999;
    width: 265px;
    height: 200px;
    padding: 9px 12px;
    overflow-y: auto;
    background-color: #fff;
    transition: opacity .3s ease;
    border: 1px solid #f0f0f0;
    border-radius: 12px;
    box-shadow: 0 4px 13px #3030301a
}

.menu.loading[data-v-7a7830d9] {
    display: flex;
    justify-content: center;
    align-items: center
}

.dark .menu[data-v-7a7830d9] {
    background-color: #242629
}

.menu__group-name[data-v-7a7830d9] {
    font-weight: 500;
    font-size: 12px;
    line-height: 12px;
    margin-bottom: 11px;
    color: #93969f
}

.dark .menu__group-name[data-v-7a7830d9] {
    color: #ddd
}

.menu__group-icons[data-v-7a7830d9] {
    display: grid;
    grid-auto-flow: row;
    grid-auto-rows: max-content;
    grid-template-columns: repeat(10, max-content);
    grid-gap: 4px;
    margin-bottom: 11px
}

.menu__group-icon[data-v-7a7830d9] {
    width: 20px;
    height: 20px;
    transition: background-color .2s ease;
    border-radius: 4px;
    cursor: pointer
}

.menu__group-icon[data-v-7a7830d9]:hover,
.menu__group-icon.active[data-v-7a7830d9] {
    background-color: #ededf5
}

.dark .menu__group-icon[data-v-7a7830d9]:hover,
.dark .menu__group-icon.active[data-v-7a7830d9] {
    background-color: #383a3f
}

[data-v-17b51b1d]:root {
    --color-scheme-active: #6C78F4
}

.emoji[data-v-17b51b1d] {
    position: relative
}

.emoji__menu[data-v-17b51b1d] {
    position: absolute;
    bottom: 28px;
    left: 0;
    z-index: 10;
    width: 315px
}

.emoji__menu[data-v-17b51b1d] .menu__group-icons {
    grid-template-columns: repeat(12, max-content)
}

[data-v-114e741d]:root {
    --color-scheme-active: #6C78F4
}

.menu[data-v-114e741d] {
    position: relative
}

.menu__dropdown[data-v-114e741d] {
    position: absolute;
    bottom: 28px;
    left: 0;
    z-index: 10;
    width: 160px
}

[data-v-2ea0c28a]:root {
    --color-scheme-active: #6C78F4
}

.preview[data-v-2ea0c28a] {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    min-width: 78px;
    height: 52px;
    background: #ededf5;
    transition: background .2s ease;
    border-radius: 4px
}

.preview[data-v-2ea0c28a]:hover {
    background: linear-gradient(0deg, #838fa729, #838fa729), #ededf5
}

.preview[data-v-2ea0c28a]:active {
    background: linear-gradient(0deg, #838fa73d, #838fa73d), #ededf5
}

.preview__image[data-v-2ea0c28a] {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.preview__icon[data-v-2ea0c28a] {
    width: auto;
    height: 32px
}

.preview__sizes[data-v-2ea0c28a] {
    position: absolute;
    top: 4px;
    left: 5px;
    display: flex;
    align-items: center;
    height: 14px;
    padding: 0 2px;
    color: #fff;
    background: #00000054;
    text-align: center;
    border-radius: 4px;
    font-weight: 500;
    font-size: 8px;
    line-height: 8px
}

.preview__progress[data-v-2ea0c28a] {
    position: absolute;
    top: 50%;
    left: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background: #00000054;
    transform: translate(-50%, -50%)
}

.preview__progress-value[data-v-2ea0c28a] {
    display: inline-block;
    width: 12px;
    height: 12px;
    border-radius: 50%
}

.preview__trash[data-v-2ea0c28a] {
    position: absolute;
    top: 4px;
    right: 4px;
    opacity: 0;
    justify-content: center;
    width: 20px;
    height: 20px;
    background: #838fa729;
    transition: .2s ease;
    border-radius: 6px;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px)
}

.preview__trash[data-v-2ea0c28a]:hover {
    background: #838fa73d
}

.preview__trash[data-v-2ea0c28a]:active {
    background: #838fa752
}

.preview:hover .preview__trash[data-v-2ea0c28a] {
    opacity: 1
}

[data-v-56b994b1]:root {
    --color-scheme-active: #6C78F4
}

.entity[data-v-56b994b1] {
    position: relative;
    min-width: 78px;
    height: 52px;
    border-radius: 4px;
    overflow: hidden
}

.entity__video[data-v-56b994b1],
.entity__image[data-v-56b994b1] {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.entity__video-play[data-v-56b994b1] {
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #00000054;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.entity__fallback[data-v-56b994b1] {
    display: flex;
    justify-content: center;
    align-items: center;
    min-width: 78px;
    height: 52px;
    background: #ededf5;
    border-radius: 4px
}

.entity__trash[data-v-56b994b1] {
    position: absolute;
    top: 4px;
    right: 4px;
    opacity: 0;
    justify-content: center;
    width: 20px;
    height: 20px;
    background: #838fa729;
    transition: background .2s ease;
    border-radius: 6px;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px)
}

.entity__trash[data-v-56b994b1]:hover {
    background: #838fa73d
}

.entity__trash[data-v-56b994b1]:active {
    background: #838fa752
}

.entity:hover .entity__trash[data-v-56b994b1] {
    opacity: 1
}

[data-v-a2371722]:root {
    --color-scheme-active: #6C78F4
}

.media[data-v-a2371722] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(78px, 1fr));
    gap: 4px;
    padding: 8px 8px 4px
}

[data-v-b031103b]:root {
    --color-scheme-active: #6C78F4
}

.data[data-v-b031103b] {
    position: absolute;
    bottom: 0;
    pointer-events: all;
    width: 100%
}

.data__window[data-v-b031103b] {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    min-height: 96px;
    padding: 8px;
    background-color: #f8f8fb;
    transition: .2s ease;
    cursor: text;
    border-radius: 12px;
    border: 1.5px solid #E5E7EE
}

.data__window.focused[data-v-b031103b] {
    background-color: #fff;
    border-color: #93969f
}

.dark .data__window[data-v-b031103b] {
    background-color: #2f3136
}

.data__wrapper[data-v-b031103b] {
    position: relative
}

.data__placeholder[data-v-b031103b] {
    position: absolute;
    top: 12px;
    left: 12px;
    color: #acb1c2;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px
}

.dark .data__placeholder[data-v-b031103b] {
    color: #ddd
}

.data__editor[data-v-b031103b] {
    height: unset;
    margin-right: 4px;
    padding: 4px 2px;
    max-height: 450px
}

.data__editor[data-v-b031103b] .ProseMirror {
    overflow-y: auto
}

.data__editor[data-v-b031103b] .editor__target {
    padding: 0
}

.data__footer[data-v-b031103b] {
    display: flex;
    align-items: center;
    height: 32px;
    padding-left: 4px
}

.data__button-send[data-v-b031103b] {
    display: grid;
    grid-template-columns: max-content 70px;
    grid-column-gap: 4px;
    align-items: center;
    justify-self: end;
    width: max-content;
    height: 32px;
    margin-left: auto;
    padding: 0 12px 0 8px;
    color: #fff;
    background: var(--color-scheme-active);
    border-radius: 8px;
    font-weight: 500;
    font-size: 13px;
    line-height: 13px
}

.data__button-send[data-v-b031103b]:hover {
    background: linear-gradient(0deg, #00000014, #00000014), var(--color-scheme-active)
}

.data__button-send[data-v-b031103b]:active {
    background: linear-gradient(0deg, #00000029, #00000029), var(--color-scheme-active)
}

.data__button-send[disabled][data-v-b031103b] {
    opacity: .7
}

[data-v-f618c635]:root {
    --color-scheme-active: #6C78F4
}

.preview[data-v-f618c635] {
    pointer-events: none;
    display: flex;
    justify-content: flex-end;
    width: 100%;
    height: 96px;
    flex-direction: column
}

.preview__empty[data-v-f618c635] {
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    pointer-events: all;
    display: flex;
    justify-content: space-between;
    align-items: center;
    min-height: 40px;
    padding: 0 15px 0 11px;
    color: #acb1c2;
    background: #f8f8fb;
    transition: .2s ease;
    cursor: pointer;
    border-radius: 12px;
    border: 1px solid rgba(0, 0, 0, .1);
    box-shadow: 0 4px 20px 0 rgf(f fb0/8%)
}

.preview__empty[data-v-f618c635]:hover {
    background: linear-gradient(0deg, #838fa714, #838fa714), #f8f8fb;
    box-shadow: 0 4px 20px #00000014
}

.preview.bottom .preview__empty[data-v-f618c635] {
    border-color: transparent
}

.dark .preview__empty[data-v-f618c635] {
    color: #ddd;
    background: #2f3136
}

.dark .preview__empty[data-v-f618c635]:hover {
    background: #242629
}

.dark .preview__empty[data-v-f618c635]:active {
    background: #202225
}

.preview__count[data-v-f618c635] {
    font-weight: 500;
    font-size: 12px;
    line-height: 16px;
    display: grid;
    grid-template-columns: repeat(2, max-content);
    grid-column-gap: 4px;
    align-items: center;
    color: #60636c
}

.dark .preview__count[data-v-f618c635] {
    color: #ddd
}

[data-v-fdbc8cc8]:root {
    --color-scheme-active: #6C78F4
}

.shadow[data-v-fdbc8cc8] {
    position: absolute;
    right: -32px;
    bottom: -32px;
    left: -32px;
    z-index: -1;
    height: var(--5984c908)
}

.shadow__gradient-blur-bottom[data-v-fdbc8cc8] {
    position: absolute;
    z-index: 5;
    pointer-events: none;
    width: 30%;
    height: 100%;
    margin-left: auto;
    inset: auto -4rem 0 0
}

.shadow__gradient-blur[data-v-fdbc8cc8] {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.shadow__gradient-blur>div[data-v-fdbc8cc8],
.shadow__gradient-blur[data-v-fdbc8cc8]:before,
.shadow__gradient-blur[data-v-fdbc8cc8]:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.shadow__gradient-blur_second[data-v-fdbc8cc8] {
    margin-top: -6%
}

.shadow__gradient-blur[data-v-fdbc8cc8]:before {
    content: "";
    z-index: 1;
    -webkit-backdrop-filter: blur(.5px);
    backdrop-filter: blur(.5px);
    mask: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 12.5%, rgb(255, 255, 255) 25%, rgba(255, 255, 255, 0) 37.5%)
}

.shadow__gradient-blur>div[data-v-fdbc8cc8]:nth-of-type(1) {
    z-index: 2;
    -webkit-backdrop-filter: blur(1px);
    backdrop-filter: blur(1px);
    mask: linear-gradient(to bottom, rgba(255, 255, 255, 0) 12.5%, rgb(255, 255, 255) 25%, rgb(255, 255, 255) 37.5%, rgba(255, 255, 255, 0) 50%)
}

.shadow__gradient-blur>div[data-v-fdbc8cc8]:nth-of-type(2) {
    z-index: 3;
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
    mask: linear-gradient(to bottom, rgba(255, 255, 255, 0) 25%, rgb(255, 255, 255) 37.5%, rgb(255, 255, 255) 50%, rgba(255, 255, 255, 0) 62.5%)
}

.shadow__gradient-blur>div[data-v-fdbc8cc8]:nth-of-type(3) {
    z-index: 4;
    -webkit-backdrop-filter: blur(4px);
    backdrop-filter: blur(4px);
    mask: linear-gradient(to bottom, rgba(255, 255, 255, 0) 37.5%, rgb(255, 255, 255) 50%, rgb(255, 255, 255) 62.5%, rgba(255, 255, 255, 0) 75%)
}

.shadow__gradient-blur>div[data-v-fdbc8cc8]:nth-of-type(4) {
    z-index: 5;
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
    mask: linear-gradient(to bottom, rgba(255, 255, 255, 0) 50%, rgb(255, 255, 255) 62.5%, rgb(255, 255, 255) 75%, rgba(255, 255, 255, 0) 87.5%)
}

.shadow__gradient-blur>div[data-v-fdbc8cc8]:nth-of-type(5) {
    z-index: 6;
    -webkit-backdrop-filter: blur(16px);
    backdrop-filter: blur(16px);
    mask: linear-gradient(to bottom, rgba(255, 255, 255, 0) 62.5%, rgb(255, 255, 255) 75%, rgb(255, 255, 255) 87.5%, rgba(255, 255, 255, 0) 100%)
}

.shadow__gradient-blur>div[data-v-fdbc8cc8]:nth-of-type(6) {
    z-index: 7;
    -webkit-backdrop-filter: blur(32px);
    backdrop-filter: blur(32px);
    mask: linear-gradient(to bottom, rgba(255, 255, 255, 0) 75%, rgb(255, 255, 255) 87.5%, rgb(255, 255, 255) 100%)
}

.shadow__gradient-blur[data-v-fdbc8cc8]:after {
    content: "";
    z-index: 8;
    -webkit-backdrop-filter: blur(64px);
    backdrop-filter: blur(64px);
    mask: linear-gradient(to bottom, rgba(255, 255, 255, 0) 87.5%, rgb(255, 255, 255) 100%)
}

[data-v-65cb0bdb]:root {
    --color-scheme-active: #6C78F4
}

.wrapper[data-v-65cb0bdb] {
    position: fixed;
    z-index: 9999;
    width: 265px;
    height: 200px;
    padding: 9px 12px;
    overflow-y: auto;
    background-color: #fff;
    transition: opacity .3s ease;
    border: 1px solid #f0f0f0;
    border-radius: 12px;
    box-shadow: 0 4px 13px #3030301a
}

.wrapper.loading[data-v-65cb0bdb] {
    display: flex;
    justify-content: center;
    align-items: center
}

.dark .wrapper[data-v-65cb0bdb] {
    background-color: #242629
}

[data-v-6ac968bd]:root {
    --color-scheme-active: #6C78F4
}

.input[data-v-6ac968bd] {
    position: sticky;
    right: 32px;
    bottom: 32px;
    left: 32px;
    z-index: 9;
    pointer-events: none;
    width: calc(100% - 64px)
}

[data-v-a188a4bf]:root {
    --color-scheme-active: #6C78F4
}

.side[data-v-a188a4bf] {
    position: relative;
    display: grid;
    grid-template-rows: 1fr repeat(2, max-content);
    width: 100%;
    min-width: 560px;
    height: 100%;
    overflow: hidden auto;
    scrollbar-gutter: stable;
    border-left: 1px solid #EDEDF5;
    transition: .2s ease
}

.grid .side[data-v-a188a4bf] {
    min-width: unset
}

.dark .side[data-v-a188a4bf] {
    border-left-color: #2a2a2a
}

.side__comments[data-v-a188a4bf],
.side__comments[data-v-a188a4bf] .empty {
    height: 100%
}

.side__comments.empty[data-v-a188a4bf] {
    align-content: center
}

.side__bottom[data-v-a188a4bf] {
    pointer-events: none;
    width: 100%;
    height: 1px
}

[data-v-aa688fea]:root {
    --color-scheme-active: #6C78F4
}

.zone[data-v-aa688fea] {
    height: 100%;
    padding: 16px;
    border-radius: 16px;
    background-color: #fff
}

.dark .zone[data-v-aa688fea] {
    background-color: #2f3136
}

.zone__wrapper[data-v-aa688fea] {
    display: grid;
    grid-template-rows: 50% 1fr max-content;
    grid-row-gap: 10px;
    justify-content: center;
    align-items: center;
    height: 100%;
    border-radius: 8px;
    border: 1px dashed #ACB1C2
}

.zone_active .zone__wrapper[data-v-aa688fea] {
    border-color: var(--color-scheme-active)
}

.zone__icon[data-v-aa688fea] {
    place-self: end center
}

.zone__description[data-v-aa688fea] {
    align-self: start
}

.zone__footer[data-v-aa688fea] {
    margin-bottom: 8px;
    color: #acb1c2;
    font-weight: 400;
    font-size: 12px;
    line-height: 12px
}

[data-v-235bb081]:root {
    --color-scheme-active: #6C78F4
}

.description__text[data-v-235bb081] {
    color: #60636c;
    text-align: center;
    font-weight: 400;
    font-size: 16px;
    line-height: 19px
}

.dark .description__text[data-v-235bb081] {
    color: #ddd
}

[data-v-d3309ff9]:root {
    --color-scheme-active: #6C78F4
}

.comments__description[data-v-d3309ff9] {
    color: #60636c;
    text-align: center;
    font-weight: 400;
    font-size: 16px;
    line-height: 19px
}

.dark .comments__description[data-v-d3309ff9] {
    color: #ddd
}

[data-v-6cdfb935]:root {
    --color-scheme-active: #6C78F4
}

.files__description[data-v-6cdfb935] {
    color: #60636c;
    text-align: center;
    font-weight: 400;
    font-size: 16px;
    line-height: 19px
}

.dark .files__description[data-v-6cdfb935] {
    color: #ddd
}

[data-v-e3e10094]:root {
    --color-scheme-active: #6C78F4
}

.dropzone[data-v-e3e10094] {
    position: absolute;
    z-index: 99999;
    display: grid;
    grid-template-rows: repeat(3, 1fr);
    grid-row-gap: 7px;
    width: 100%;
    height: calc(100% - 52px);
    padding: 8px;
    background: #21212126;
    top: 52px;
    right: 0;
    bottom: 0;
    left: 0
}

[data-v-273add2a]:root {
    --color-scheme-active: #6C78F4
}

.dropzone-enter-active[data-v-273add2a],
.dropzone-leave-active[data-v-273add2a] {
    transition: opacity .2s ease
}

.dropzone-enter-from[data-v-273add2a],
.dropzone-leave-to[data-v-273add2a] {
    opacity: 0
}

.deal[data-v-273add2a] {
    position: relative;
    display: flex;
    overflow: hidden;
    flex-direction: column
}

.deal.full[data-v-273add2a] .project__value .project__name,
.deal.full[data-v-273add2a] .board__value,
.deal.full[data-v-273add2a] .column__name {
    max-width: 90px
}

.deal__header[data-v-273add2a] {
    flex: none
}

.deal__sides[data-v-273add2a] {
    display: flex;
    height: 100%;
    overflow: hidden;
    transition: .2s ease
}

.deal__sides.grid[data-v-273add2a] {
    display: grid;
    grid-template-columns: repeat(2, 1fr)
}

.deal__wrapper[data-v-273add2a] {
    flex: none;
    width: 100%;
    overflow: hidden auto;
    transition: .2s ease;
    scrollbar-gutter: stable;
    scroll-behavior: smooth
}

.deal__wrapper.loading[data-v-273add2a] {
    overflow: hidden
}

.deal__top[data-v-273add2a] {
    display: grid;
    grid-template-columns: repeat(2, max-content) 1fr;
    grid-column-gap: 8px;
    margin: 32px 32px 16px
}

.deal__comments[data-v-273add2a] {
    margin-bottom: 0
}

.deal__loading[data-v-273add2a] {
    position: absolute;
    z-index: 15;
    opacity: .5;
    background-color: #f8f8fb;
    top: 52px;
    right: 0;
    bottom: 0;
    left: 0
}

.dark .deal__loading[data-v-273add2a] {
    background-color: #242629
}

.deal__bottom[data-v-273add2a] {
    pointer-events: none;
    width: 100%;
    height: 1px
}

[data-v-82691a42]:root {
    --color-scheme-active: #6C78F4
}

.error[data-v-82691a42] {
    flex: 1 1 auto;
    display: flex;
    justify-content: center;
    align-items: center
}

.dark .error svg path[data-v-82691a42] {
    fill: #c8cbd1
}

.error__wrapper[data-v-82691a42] {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    min-height: 225px;
    padding: 30px;
    background-color: #fff;
    max-width: 616px;
    border-radius: 4px;
    text-align: center;
    flex-direction: column;
    box-shadow: 0 2px 9px #cfcfcf8a
}

.error__wrapper[data-v-82691a42] svg {
    display: block;
    width: 22px;
    height: 18px;
    margin: 0 auto 18px
}

.error__wrapper[data-v-82691a42] svg path {
    fill: #c8cbd1
}

.dark .error__wrapper[data-v-82691a42] {
    background-color: #383a3f;
    box-shadow: 0 0 29px #2426299e
}

.error__title[data-v-82691a42] {
    font-weight: 700
}

.dark .error__title[data-v-82691a42] {
    color: #ddd
}

.error__description[data-v-82691a42] {
    margin: 8px 0 20px;
    font-size: .875rem;
    line-height: 1.4em;
    color: #bebebe;
    max-width: 250px
}

.dark .error__description[data-v-82691a42] {
    color: #8d8d8d
}

[data-v-cb617f18]:root {
    --color-scheme-active: #6C78F4
}

.deal[data-v-cb617f18] {
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    overflow: hidden
}

.dark .deal[data-v-cb617f18] {
    background-color: #2f3136
}

.deal__head[data-v-cb617f18] {
    flex: none;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 24px 0
}

.deal__logo[data-v-cb617f18] {
    display: block;
    width: 20px;
    height: 15px
}

.deal__logo path[data-v-cb617f18] {
    stroke: #c8cbd1
}

.deal__container[data-v-cb617f18] {
    flex: 1 1 auto;
    display: flex;
    justify-content: center;
    padding-bottom: 20px;
    overflow: hidden
}

.deal__view[data-v-cb617f18] {
    flex: 1 1 auto;
    overflow: hidden auto;
    background-color: #fff;
    max-width: 664px;
    border-radius: 4px;
    box-shadow: 0 0 40px #5959591a
}

.dark .deal__view[data-v-cb617f18] {
    background-color: #383a3f;
    box-shadow: 0 0 29px #2426299e
}

[data-v-54cb0cc1]:root {
    --color-scheme-active: #6C78F4
}

.users-page[data-v-54cb0cc1] {
    height: 100%;
    overflow-y: auto
}

.dark .users-page[data-v-54cb0cc1] {
    background-color: #2f3136
}

[data-v-d8dceeb2]:root {
    --color-scheme-active: #6C78F4
}

.card[data-v-d8dceeb2] {
    display: flex;
    flex-direction: column
}

.card__text[data-v-d8dceeb2] {
    position: relative;
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 12px;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    background: #fff
}

.dark .card__text[data-v-d8dceeb2] {
    background-color: #383a3f
}

.card__text-column[data-v-d8dceeb2] {
    display: flex;
    flex-direction: column;
    grid-gap: 2px
}

.card__image[data-v-d8dceeb2] {
    position: relative;
    height: 160px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    overflow: hidden
}

.dark .card__image[data-v-d8dceeb2] .user-avatar {
    background-color: #242629
}

.card__name[data-v-d8dceeb2] {
    overflow: hidden;
    font-size: 14px;
    font-weight: 600;
    line-height: 17px;
    white-space: nowrap;
    color: #202430;
    text-overflow: ellipsis
}

.dark .card__name[data-v-d8dceeb2] {
    color: #ddd
}

.card__email[data-v-d8dceeb2] {
    overflow: hidden;
    font-size: 14px;
    font-weight: 300;
    line-height: 17px;
    white-space: nowrap;
    color: #2b2b2b;
    text-overflow: ellipsis
}

.dark .card__email[data-v-d8dceeb2] {
    color: #a6a7b3
}

.card__position[data-v-d8dceeb2] {
    overflow: hidden;
    font-size: 14px;
    font-weight: 300;
    line-height: 17px;
    white-space: nowrap;
    color: #000;
    text-overflow: ellipsis
}

.dark .card__position[data-v-d8dceeb2] {
    color: #a6a7b3
}

.card__status[data-v-d8dceeb2] {
    position: absolute;
    top: 0;
    right: 16px;
    display: flex;
    width: 12px;
    height: 12px;
    overflow: hidden;
    transform: translateY(-50%);
    border: 2px solid #fff;
    border-radius: 50%
}

.card__status.green[data-v-d8dceeb2] {
    background-color: #04b900
}

.card__status.red[data-v-d8dceeb2] {
    background-color: #fa4b4b
}

[data-v-f0419556]:root {
    --color-scheme-active: #6C78F4
}

.views-card[data-v-f0419556] {
    padding: 10px;
    background-color: #fff
}

.dark .views-card[data-v-f0419556] {
    background-color: #242629
}

[data-v-e002a978]:root {
    --color-scheme-active: #6C78F4
}

.views[data-v-e002a978] {
    display: flex;
    align-items: center;
    height: 100%;
    -webkit-user-select: none;
    user-select: none
}

.dark .views[data-v-e002a978] {
    border-color: #1e1f22
}

.views__card[data-v-e002a978]:first-child {
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px
}

.views__card[data-v-e002a978]:not(.views__card:first-child) {
    margin-left: 1px
}

.views__card[data-v-e002a978]:last-child {
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px
}

[data-v-a90fae4f]:root {
    --color-scheme-active: #6C78F4
}

.header[data-v-a90fae4f] {
    padding: 10px;
    border-bottom: none
}

.dark .header[data-v-a90fae4f] {
    border-bottom: none
}

.header__filters[data-v-a90fae4f] {
    flex: 1 1 auto
}

.header__inner[data-v-a90fae4f] {
    display: flex;
    gap: 8px;
    justify-content: space-between;
    width: 100%
}

.header__wrapper[data-v-a90fae4f] {
    flex: 1 1 auto;
    display: flex;
    gap: 8px
}

.header__search[data-v-a90fae4f] {
    width: 190px
}

.header__search[data-v-a90fae4f] .v-input__item {
    padding-left: 36px;
    border-radius: 8px;
    border-color: transparent
}

.dark .header__search[data-v-a90fae4f] .v-input__item {
    background-color: #242629
}

.header__search[data-v-a90fae4f] .v-input__icon {
    width: 20px;
    height: 20px
}

.header__buttons[data-v-a90fae4f] {
    display: flex;
    gap: 8px
}

[data-v-3852e91b]:root {
    --color-scheme-active: #6C78F4
}

.head[data-v-3852e91b] {
    position: sticky;
    top: 0;
    z-index: 8
}

.head__column[data-v-3852e91b] {
    height: 44px;
    padding: 12px 10px;
    white-space: nowrap;
    color: #000;
    background: #fff;
    border-top: 1px solid #EDEDF5;
    border-bottom: 1px solid #EDEDF5;
    text-align: left;
    font-weight: 500;
    font-size: 14px;
    line-height: 17px
}

.dark .head__column[data-v-3852e91b] {
    color: #ddd;
    background-color: #242629;
    border-color: #2a2a2a
}

[data-v-154f0a43]:root {
    --color-scheme-active: #6C78F4
}

.role[data-v-154f0a43] {
    position: relative;
    width: fit-content
}

.role.disabled[data-v-154f0a43] {
    pointer-events: none
}

.role__panel[data-v-154f0a43] {
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    display: flex;
    gap: 4px;
    justify-content: space-between;
    align-items: center;
    height: 32px;
    padding: 8px;
    color: #242629;
    transition: all .2s ease-in-out;
    cursor: pointer;
    border: 1px solid transparent;
    border-radius: 6px
}

.dark .role__panel[data-v-154f0a43] {
    color: #a6a7b3;
    background-color: #383a3f
}

.active .role__panel[data-v-154f0a43],
.role__panel[data-v-154f0a43]:hover {
    background: #fafafc;
    border: 1px solid #EDEDF5
}

.dark .active .role__panel[data-v-154f0a43],
.dark .role__panel[data-v-154f0a43]:hover {
    background-color: #2f3136;
    border-color: transparent
}

.disabled .role__panel[data-v-154f0a43] {
    pointer-events: none;
    cursor: default
}

.role__panel span[data-v-154f0a43] {
    white-space: nowrap
}

.role__arrow[data-v-154f0a43] {
    transform: rotate(-90deg);
    opacity: 0;
    transition: all .2s ease-in-out
}

.active .role__arrow[data-v-154f0a43],
.role__panel:hover .role__arrow[data-v-154f0a43] {
    opacity: 1
}

.role__dropdown[data-v-154f0a43] {
    position: fixed;
    z-index: 10;
    display: flex;
    flex-direction: column;
    gap: 4px;
    width: 300px;
    max-height: 280px;
    padding: 12px 0;
    cursor: default;
    overflow-y: auto
}

.dark .role__dropdown[data-v-154f0a43] {
    border-color: transparent;
    box-shadow: 0 6px 13px #1919197a
}

[data-v-154f0a43] .dropdown-item__image-wrap {
    width: 44px;
    height: 44px
}

[data-v-154f0a43] .dropdown-item__description {
    text-align: left
}

[data-v-154f0a43] .dropdown-item__image {
    width: 100%;
    height: 100%;
    object-fit: contain
}

[data-v-91cf0086]:root {
    --color-scheme-active: #6C78F4
}

.permissions-tariff[data-v-91cf0086] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 9px 12px;
    background: #f8f8fb;
    border-radius: 4px
}

.dark .permissions-tariff[data-v-91cf0086] {
    background: #383a3f
}

.permissions-tariff__title[data-v-91cf0086] {
    font-weight: 600;
    font-size: 12px;
    line-height: 120%;
    color: #60636c
}

.dark .permissions-tariff__title[data-v-91cf0086] {
    color: #a6a7b3
}

.permissions-tariff__link[data-v-91cf0086] {
    font-weight: 300;
    font-size: 10px;
    line-height: 120%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    text-decoration: none;
    color: var(--color-scheme-active)
}

[data-v-458808fc]:root {
    --color-scheme-active: #6C78F4
}

.permission[data-v-458808fc] {
    position: relative;
    width: fit-content
}

.permission.disabled[data-v-458808fc] {
    pointer-events: none
}

.permission__panel[data-v-458808fc] {
    display: flex;
    gap: 4px;
    justify-content: space-between;
    align-items: center;
    height: 32px;
    padding: 8px;
    color: #525c7a;
    transition: all .2s ease-in-out;
    cursor: pointer;
    border: 1px solid transparent;
    border-radius: 6px
}

.dark .permission__panel[data-v-458808fc] {
    background-color: #383a3f
}

.active .permission__panel[data-v-458808fc],
.permission__panel[data-v-458808fc]:hover {
    background: #fafafc;
    border: 1px solid #EDEDF5
}

.dark .active .permission__panel[data-v-458808fc],
.dark .permission__panel[data-v-458808fc]:hover {
    background-color: #2f3136;
    border-color: transparent
}

.permission__arrow[data-v-458808fc] {
    transform: rotate(-90deg);
    opacity: 0;
    transition: all .2s ease-in-out
}

.active .permission__arrow[data-v-458808fc],
.permission__panel:hover .permission__arrow[data-v-458808fc] {
    opacity: 1
}

.permission__dropdown[data-v-458808fc] {
    top: calc(100%+ 8px);
    left: 0;
    z-index: 5;
    display: flex;
    flex-direction: column;
    gap: 5px;
    width: 300px;
    padding: 12px 0;
    cursor: default
}

.permission__dropdown.top[data-v-458808fc] {
    top: unset;
    bottom: calc(100%+ 4px)
}

.dark .permission__dropdown[data-v-458808fc] {
    border-color: transparent;
    box-shadow: 0 6px 13px #1919197a
}

.permission__dropdown-item[data-v-458808fc] {
    display: flex;
    align-items: center;
    column-gap: 8px;
    width: 100%;
    padding: 0 12px
}

.permission__dropdown-image[data-v-458808fc] {
    flex: none;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 44px;
    height: 44px;
    border-radius: 8px
}

.permission__dropdown-name[data-v-458808fc] {
    font-weight: 500;
    font-size: 14px;
    line-height: 100%;
    margin-bottom: 4px;
    color: #242629
}

.disabled .permission__dropdown-name[data-v-458808fc] {
    color: #acb1c2
}

.dark .disabled .permission__dropdown-name[data-v-458808fc] {
    opacity: .5
}

.dark .permission__dropdown-name[data-v-458808fc] {
    color: #ddd
}

.permission__dropdown-description[data-v-458808fc] {
    font-weight: 400;
    font-size: 12px;
    line-height: 100%;
    color: #93969f
}

.disabled .permission__dropdown-description[data-v-458808fc] {
    color: #e5e7ee
}

.dark .disabled .permission__dropdown-description[data-v-458808fc] {
    opacity: .5
}

.dark .permission__dropdown-description[data-v-458808fc] {
    color: #8d8d8d
}

.permission__tariff[data-v-458808fc] {
    margin: 10px 12px 0
}

[data-v-1efcf92f]:root {
    --color-scheme-active: #6C78F4
}

.item[data-v-1efcf92f] {
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
    position: relative;
    align-items: center;
    min-height: 64px
}

.item__column[data-v-1efcf92f] {
    height: 100%;
    padding: 12px 10px;
    background: #fff;
    max-width: 300px;
    border-bottom: 1px solid #e5e7ee;
    column-gap: 10px;
    vertical-align: middle
}

.dark .item__column[data-v-1efcf92f] {
    color: #a6a7b3;
    background-color: #383a3f;
    border-color: #2a2a2a
}

.item__column.full[data-v-1efcf92f] {
    max-width: 500px
}

.item__name[data-v-1efcf92f] {
    overflow: hidden;
    white-space: nowrap;
    color: #202430;
    text-overflow: ellipsis
}

.dark .item__name[data-v-1efcf92f] {
    color: #a6a7b3
}

.item__name-column[data-v-1efcf92f] {
    overflow: hidden
}

.item__name[data-v-1efcf92f],
.item__email[data-v-1efcf92f],
.item__position[data-v-1efcf92f],
.item__status[data-v-1efcf92f],
.item__phone[data-v-1efcf92f] {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.item__email[data-v-1efcf92f] {
    color: #2b2b2b
}

.dark .item__email[data-v-1efcf92f] {
    color: #a6a7b3
}

.item__phone[data-v-1efcf92f] {
    font-weight: 400;
    font-size: 12px;
    line-height: 14px;
    color: #ababab
}

.dark .item__phone[data-v-1efcf92f] {
    color: #a6a7b3
}

.item__last-activity[data-v-1efcf92f],
.item__date-added[data-v-1efcf92f] {
    white-space: nowrap;
    color: #ababab
}

.dark .item__last-activity[data-v-1efcf92f],
.dark .item__date-added[data-v-1efcf92f] {
    color: #a6a7b3
}

.item__column-row[data-v-1efcf92f] {
    display: flex;
    align-items: center;
    column-gap: 10px
}

.item__buttons[data-v-1efcf92f] {
    display: flex;
    gap: 10px;
    justify-content: flex-end;
    padding-right: 12px
}

.item__button-leave-workspace[data-v-1efcf92f] {
    max-width: 95px;
    width: 100%
}

.item__user[data-v-1efcf92f] {
    text-decoration: none;
    cursor: pointer
}

.item__telegram[data-v-1efcf92f] {
    display: flex;
    gap: 8px
}

[data-v-2c58ed84]:root {
    --color-scheme-active: #6C78F4
}

.table[data-v-2c58ed84] {
    height: 100%;
    overflow: auto
}

.table__table[data-v-2c58ed84] {
    width: 100%;
    min-width: 900px;
    overflow-x: auto;
    border-collapse: separate
}

.table__members[data-v-2c58ed84] {
    overflow-y: auto;
    flex: 1 1 auto
}

.table__members-empty-column[data-v-2c58ed84] {
    display: flex;
    gap: 5px;
    justify-content: center;
    align-items: center;
    min-height: 60px;
    font-size: 14px;
    font-weight: 400;
    line-height: 17px;
    border-bottom: 1px solid #e5e7ee;
    border-radius: 4px;
    background: #fff
}

.table__members-empty[data-v-2c58ed84] {
    width: 100%
}

[data-v-5bfb71ed]:root {
    --color-scheme-active: #6C78F4
}

.people[data-v-5bfb71ed] {
    display: flex;
    height: 100%;
    flex-direction: column
}

.dark .people[data-v-5bfb71ed] {
    background-color: #2f3136
}

.people__content[data-v-5bfb71ed] {
    display: flex;
    flex-direction: column;
    row-gap: 25px;
    padding: 0 10px
}

.people__table[data-v-5bfb71ed] {
    margin-top: 10px
}

.people__cards[data-v-5bfb71ed] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    grid-gap: 12px;
    margin-top: 10px;
    margin-bottom: 10px;
    padding: 0 10px;
    overflow-y: auto
}

.people__wrapper[data-v-5bfb71ed] {
    overflow-y: auto
}

.dark .people__filters-full-viewer-wrapper[data-v-5bfb71ed] {
    background-color: #2f3136
}

.people__filters-full-viewer[data-v-5bfb71ed] {
    flex: none;
    margin: 0 10px 10px
}

[data-v-e7449086]:root {
    --color-scheme-active: #6C78F4
}

.user[data-v-e7449086] {
    height: 100%;
    padding: 24px;
    overflow-y: auto
}

.dark .user[data-v-e7449086] {
    background-color: #2f3136
}

[data-v-e06e9dd1]:root {
    --color-scheme-active: #6C78F4
}

.cover-tools[data-v-e06e9dd1] {
    right: 0!important;
    left: 830px;
    display: flex;
    transition: opacity .1s ease;
    column-gap: 9px
}

.cover-tools.has-open-modal[data-v-e06e9dd1] {
    opacity: 1!important
}

.cover-tools__tool-edit[data-v-e06e9dd1] {
    position: relative
}

.cover-tools__modal-avatars[data-v-e06e9dd1] {
    position: absolute;
    top: calc(100%+ 8px);
    right: 0;
    z-index: 100
}

.cover-tools__tool[data-v-e06e9dd1] {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 34px;
    height: 34px;
    background-color: #f8f8fb;
    border-radius: 4px
}

[data-v-84646f65]:root {
    --color-scheme-active: #6C78F4
}

.cover[data-v-84646f65] {
    width: 100%;
    min-height: 84px
}

.cover_has-image[data-v-84646f65] {
    height: 160px;
    min-height: 160px
}

.cover__image[data-v-84646f65] {
    display: block;
    width: 100%;
    height: 160px;
    object-fit: cover;
    border-radius: 12px 12px 0 0
}

.cover__tools[data-v-84646f65] {
    position: absolute;
    top: 20px;
    right: 20px;
    pointer-events: none;
    opacity: 0;
    display: flex;
    gap: 9px;
    align-items: center
}

.cover_has-image:hover .cover__tools[data-v-84646f65] {
    pointer-events: all;
    opacity: 1
}

[data-v-1a0fb4bf]:root {
    --color-scheme-active: #6C78F4
}

.control-cover[data-v-1a0fb4bf] {
    width: max-content
}

.control-cover__button-add-cover[data-v-1a0fb4bf] {
    height: 34px
}

.control-cover__modal-avatars[data-v-1a0fb4bf] {
    position: absolute;
    top: calc(100%+ 20px);
    left: 168px;
    z-index: 100
}

[data-v-b375443e]:root {
    --color-scheme-active: #6C78F4
}

.avatar[data-v-b375443e] {
    width: max-content;
    margin-top: -60px
}

.avatar.disabled[data-v-b375443e] {
    pointer-events: none
}

.avatar__modal-avatars[data-v-b375443e] {
    position: absolute;
    top: calc(100%+ 20px);
    left: 24px;
    z-index: 100
}

.avatar__initials[data-v-b375443e] {
    font-weight: 300;
    font-size: 42px;
    line-height: 50px;
    color: #000
}

[data-v-524495d8]:root {
    --color-scheme-active: #6C78F4
}

.controls[data-v-524495d8] {
    position: absolute;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    padding: 0 24px
}

.controls__left[data-v-524495d8] {
    display: flex;
    gap: 24px;
    align-items: flex-end
}

.controls__buttons[data-v-524495d8] {
    display: flex;
    gap: 8px;
    align-items: center
}

[data-v-bd8d3a97]:root {
    --color-scheme-active: #6C78F4
}

.socials[data-v-bd8d3a97] {
    display: flex;
    gap: 12px;
    align-items: center
}

.socials__link[data-v-bd8d3a97] {
    display: flex;
    align-items: center
}

[data-v-072c9e30]:root {
    --color-scheme-active: #6C78F4
}

.contacts[data-v-072c9e30] {
    display: flex;
    gap: 12px;
    align-items: center;
    overflow: hidden
}

.contacts__link[data-v-072c9e30] {
    font-weight: 400;
    font-size: 14px;
    line-height: 125%;
    display: flex;
    gap: 4px;
    align-items: center;
    white-space: nowrap;
    color: #60636c;
    transition: all .2s ease-in-out;
    text-decoration: none
}

.dark .contacts__link[data-v-072c9e30] {
    color: #a6a7b3
}

.contacts__link[data-v-072c9e30]:hover {
    color: #000
}

.dark .contacts__link[data-v-072c9e30]:hover {
    color: #ddd
}

.contacts__email[data-v-072c9e30] {
    overflow: hidden
}

.contacts__email span[data-v-072c9e30] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

[data-v-e1a9af40]:root {
    --color-scheme-active: #6C78F4
}

.general[data-v-e1a9af40] {
    padding-bottom: 24px;
    background: #fff;
    border-radius: 12px
}

.dark .general[data-v-e1a9af40] {
    background-color: #242629
}

.general__content[data-v-e1a9af40] {
    display: flex;
    width: 100%;
    height: 100%;
    max-width: 928px;
    flex-direction: column;
    background: #fff;
    border-radius: 12px
}

.general__title[data-v-e1a9af40] {
    font-weight: 600;
    font-size: 32px;
    line-height: 100%;
    color: #202430
}

.dark .general__title[data-v-e1a9af40] {
    color: #ddd
}

.general__description[data-v-e1a9af40] {
    font-weight: 400;
    font-size: 16px;
    line-height: 135%;
    margin-top: 12px;
    white-space: pre-wrap;
    color: #60636c
}

.dark .general__description[data-v-e1a9af40] {
    color: #a6a7b3
}

.general__information[data-v-e1a9af40] {
    margin-top: 84px;
    padding: 0 24px
}

.general__contacts[data-v-e1a9af40] {
    margin-top: 36px
}

[data-v-ce518835]:root {
    --color-scheme-active: #6C78F4
}

.profile[data-v-ce518835] {
    height: 100%;
    overflow-y: auto
}

.dark .profile[data-v-ce518835] {
    background-color: #2f3136
}

.profile__content[data-v-ce518835] {
    display: flex;
    width: 100%;
    max-width: 928px;
    flex-direction: column
}

[data-v-89a86bc2]:root {
    --color-scheme-active: #6C78F4
}

.personal__title[data-v-89a86bc2] {
    font-weight: 500;
    font-size: 24px;
    line-height: 125%;
    margin: 0 0 24px
}

.dark .personal__title[data-v-89a86bc2] {
    color: #ddd
}

.personal__fields[data-v-89a86bc2] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(360px, 1fr));
    grid-gap: 16px
}

.personal__textarea[data-v-89a86bc2] {
    grid-row-start: 3;
    grid-column: span 2
}

[data-v-79d407c1]:root {
    --color-scheme-active: #6C78F4
}

.contacts__title[data-v-79d407c1] {
    font-weight: 500;
    font-size: 24px;
    line-height: 125%;
    margin: 0 0 24px
}

.dark .contacts__title[data-v-79d407c1] {
    color: #ddd
}

.contacts__fields[data-v-79d407c1] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(360px, 1fr));
    grid-gap: 16px
}

.contacts__socials[data-v-79d407c1] {
    display: grid;
    grid-gap: 8px;
    margin-top: 16px
}

.contacts__social[data-v-79d407c1] {
    position: relative;
    grid-column: 1/2
}

.contacts__social[data-v-79d407c1] .v-input__item {
    padding-left: 38px
}

.contacts__social-icon[data-v-79d407c1] {
    position: absolute;
    bottom: 50%;
    left: 10px;
    z-index: 10;
    transform: translateY(50%)
}

.contacts__socials-label[data-v-79d407c1] {
    color: #202430;
    font-weight: 500;
    font-size: 14px;
    line-height: 125%
}

.dark .contacts__socials-label[data-v-79d407c1] {
    color: #ddd
}

[data-v-47e14e9f]:root {
    --color-scheme-active: #6C78F4
}

.working__title[data-v-47e14e9f] {
    font-weight: 500;
    font-size: 24px;
    line-height: 125%;
    margin: 0 0 24px
}

.dark .working__title[data-v-47e14e9f] {
    color: #ddd
}

.working__fields[data-v-47e14e9f] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(360px, 1fr));
    grid-gap: 16px
}

.working__input[data-v-47e14e9f]:nth-child(1) {
    grid-column: span 2;
    max-width: calc(50% - 12px)
}

[data-v-3b931273]:root {
    --color-scheme-active: #6C78F4
}

.settings[data-v-3b931273] {
    position: relative
}

.settings__profile[data-v-3b931273] {
    margin-bottom: 24px
}

.settings__form[data-v-3b931273] {
    display: flex;
    flex-direction: column;
    gap: 48px;
    width: 100%;
    max-width: 928px;
    height: 100%;
    padding: 24px;
    background: #fff;
    border-radius: 12px
}

.dark .settings__form[data-v-3b931273] {
    background-color: #242629
}

.settings__button[data-v-3b931273] {
    min-width: 160px;
    margin-left: auto
}

[data-v-c6bfcb33]:root {
    --color-scheme-active: #6C78F4
}

.dropdown[data-v-c6bfcb33] {
    position: fixed;
    z-index: 10;
    width: 368px;
    max-height: 300px
}

.dropdown__input-tags[data-v-c6bfcb33] {
    min-height: 34px;
    max-height: 120px
}

[data-v-b22f769f]:root {
    --color-scheme-active: #6C78F4
}

.teammates[data-v-b22f769f] {
    display: flex;
    gap: 8px;
    width: 100%;
    flex-direction: column
}

.teammates__title[data-v-b22f769f] {
    font-size: 14px;
    font-weight: 500;
    line-height: 17.5px;
    color: #242629
}

.dark .teammates__title[data-v-b22f769f] {
    color: #ddd
}

.teammates__select[data-v-b22f769f] {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    background-color: #f8f8fb;
    border-radius: 8px
}

.dark .teammates__select[data-v-b22f769f]:hover,
.dark .teammates__select .active[data-v-b22f769f] {
    background-color: #242629
}

.dark .teammates__select[data-v-b22f769f] {
    background-color: #2f3136
}

.teammates__not-selected[data-v-b22f769f] {
    width: 100%;
    height: 40px;
    padding: 0 12px
}

.teammates__item[data-v-b22f769f] {
    display: flex;
    align-items: center;
    width: 100%;
    height: 40px;
    padding: 0 12px;
    font-size: 14px;
    font-weight: 400;
    line-height: 17.5px;
    color: #242629;
    background-color: #f8f8fb;
    border-radius: 8px
}

.dark .teammates__item[data-v-b22f769f]:hover {
    background-color: #242629
}

.dark .teammates__item[data-v-b22f769f] {
    color: #ddd;
    background-color: #2f3136
}

.teammates__arrow[data-v-b22f769f] {
    position: absolute;
    right: 12px;
    cursor: pointer
}

[data-v-c06bb68f]:root {
    --color-scheme-active: #6C78F4
}

.privacy[data-v-c06bb68f] {
    width: 100%
}

.privacy__title[data-v-c06bb68f] {
    font-weight: 500;
    font-size: 14px;
    line-height: 17.5px;
    margin-bottom: 8px;
    color: #242629
}

.dark .privacy__title[data-v-c06bb68f] {
    color: #ddd
}

.privacy__types[data-v-c06bb68f] {
    display: flex;
    padding: 4px;
    background-color: #f8f8fb;
    border-radius: 8px
}

.dark .privacy__types[data-v-c06bb68f] {
    background-color: #2f3136
}

.privacy__type[data-v-c06bb68f] {
    display: flex;
    justify-content: center;
    width: 100%;
    padding: 9px 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 14px;
    color: #60636c;
    cursor: pointer;
    border-radius: 4px
}

.dark .privacy__type[data-v-c06bb68f] {
    color: #a6a7b3
}

.privacy__type.active[data-v-c06bb68f] {
    color: #242629;
    background-color: #fff
}

.dark .privacy__type.active[data-v-c06bb68f] {
    color: #a6a7b3;
    background-color: #242629
}

[data-v-47952ffd]:root {
    --color-scheme-active: #6C78F4
}

.sw-teams-create[data-v-47952ffd] {
    width: 100%;
    max-width: 400px
}

.sw-teams-create__input[data-v-47952ffd] {
    font-size: 12px;
    font-weight: 300;
    line-height: 14px
}

.sw-teams-create__teammates[data-v-47952ffd] {
    margin-top: 16px;
    margin-bottom: 24px
}

[data-v-ae0396bd]:root {
    --color-scheme-active: #6C78F4
}

.header[data-v-ae0396bd] {
    padding: 10px;
    border-bottom: none
}

.dark .header[data-v-ae0396bd] {
    border-bottom: none
}

.header__inner[data-v-ae0396bd] {
    display: flex;
    gap: 16px;
    justify-content: space-between;
    width: 100%
}

.header__wrapper[data-v-ae0396bd] {
    flex: 1 1 auto;
    display: flex
}

.header__search[data-v-ae0396bd] {
    width: 100%
}

.header__search[data-v-ae0396bd] .v-input__item {
    padding-left: 36px;
    border-radius: 8px;
    border-color: transparent
}

.dark .header__search[data-v-ae0396bd] .v-input__item {
    background-color: #242629
}

.header__search[data-v-ae0396bd] .v-input__icon {
    width: 20px;
    height: 20px
}

[data-v-90c7e21b]:root {
    --color-scheme-active: #6C78F4
}

.head[data-v-90c7e21b] {
    position: sticky;
    top: 0;
    z-index: 10
}

.head__column[data-v-90c7e21b] {
    height: 44px;
    padding: 12px 10px;
    color: #000;
    background: #fff;
    border-top: 1px solid #EDEDF5;
    border-bottom: 1px solid #EDEDF5;
    text-align: left;
    font-weight: 500;
    font-size: 14px;
    line-height: 17px
}

.dark .head__column[data-v-90c7e21b] {
    color: #ddd;
    background-color: #242629;
    border-color: #2a2a2a
}

.edit-modal {
    max-width: 500px;
    width: 100%
}

.edit-modal__body {
    padding: 16px
}

.edit-name__privacy {
    margin-top: 24px
}

.edit-name__button {
    margin-top: 24px;
    margin-left: auto;
    padding: 11.5px 24px!important
}

[data-v-559f5ec7]:root {
    --color-scheme-active: #6C78F4
}

.item[data-v-559f5ec7] {
    position: relative;
    align-items: center;
    min-height: 64px;
    color: #202430;
    cursor: pointer;
    text-decoration: none;
    font-weight: 400;
    font-size: 14px;
    line-height: 17px
}

.item__column[data-v-559f5ec7] {
    height: 100%;
    padding: 12px 10px;
    background: #fff;
    max-width: 300px;
    border-bottom: 1px solid #e5e7ee;
    column-gap: 10px;
    vertical-align: middle
}

.item__column[data-v-559f5ec7]:last-child {
    justify-content: flex-end
}

.dark .item__column[data-v-559f5ec7] {
    color: #a6a7b3;
    background-color: #383a3f;
    border-color: #2a2a2a
}

.item__title[data-v-559f5ec7] {
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    overflow: hidden;
    white-space: nowrap;
    color: #202430;
    text-overflow: ellipsis
}

.dark .item__title[data-v-559f5ec7] {
    color: #a6a7b3
}

.item__access[data-v-559f5ec7],
.item__creator[data-v-559f5ec7],
.item__team-name[data-v-559f5ec7],
.item__privacy[data-v-559f5ec7] {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.item__team-wrapper[data-v-559f5ec7] {
    display: flex;
    gap: 6px;
    align-items: center;
    overflow: hidden
}

.item__team[data-v-559f5ec7] {
    display: flex;
    align-items: center;
    overflow: hidden
}

.item__team-member[data-v-559f5ec7] {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden
}

.item__team-member[data-v-559f5ec7]:not(:first-child) {
    margin-left: -6px
}

.item__team-member[data-v-559f5ec7]:nth-child(1) {
    z-index: 4
}

.item__team-member[data-v-559f5ec7]:nth-child(2) {
    z-index: 3
}

.item__team-member[data-v-559f5ec7]:nth-child(3) {
    z-index: 2
}

.item__team-member[data-v-559f5ec7]:nth-child(4) {
    z-index: 1
}

.item__team-avatar[data-v-559f5ec7] {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden
}

.item__team-avatar[data-v-559f5ec7]:before {
    content: "";
    position: absolute;
    top: -1px;
    right: -1px;
    bottom: -1px;
    left: -1px;
    border: 2px solid #fff;
    border-radius: 50%;
    pointer-events: none
}

.dark .item__team-avatar[data-v-559f5ec7] {
    background-color: #2e2e2e;
    border-color: #383a3f;
    border-radius: 50%
}

.dark .item__team-avatar[data-v-559f5ec7]:before {
    border-color: #242629
}

.item__team-description[data-v-559f5ec7] {
    font-weight: 400;
    font-size: 10px;
    line-height: 12px;
    color: #60636c
}

.dark .item__team-description[data-v-559f5ec7] {
    color: #ddd
}

.item__team-name[data-v-559f5ec7] {
    margin-left: 5px
}

.item__buttons[data-v-559f5ec7] {
    display: flex;
    gap: 8px;
    justify-content: flex-end;
    padding-right: 12px
}

[data-v-5059e57d]:root {
    --color-scheme-active: #6C78F4
}

.table[data-v-5059e57d] {
    height: 100%;
    overflow: auto
}

.table__table[data-v-5059e57d] {
    width: 100%;
    min-width: 900px;
    overflow-x: auto;
    border-collapse: separate
}

.table__teams[data-v-5059e57d] {
    overflow-y: auto;
    flex: 1 1 auto
}

.table__head[data-v-5059e57d] {
    min-width: 1640px
}

.table__teams-empty-column[data-v-5059e57d] {
    display: flex;
    gap: 5px;
    justify-content: center;
    align-items: center;
    min-height: 60px;
    border-bottom: 1px solid #e5e7ee;
    border-radius: 4px;
    background: #fff;
    font-weight: 400;
    font-size: 14px;
    line-height: 17px
}

.dark .table__teams-empty-column[data-v-5059e57d] {
    color: #a6a7b3;
    background-color: #383a3f;
    border-color: #2a2a2a
}

.teams-table__teams-empty[data-v-5059e57d] {
    width: 100%
}

[data-v-afb12cd2]:root {
    --color-scheme-active: #6C78F4
}

.users-teams__preview[data-v-afb12cd2] {
    margin: 15px
}

.users-teams[data-v-afb12cd2] {
    display: flex;
    height: 100%;
    flex-direction: column
}

.dark .users-teams[data-v-afb12cd2] {
    background-color: #2f3136
}

[data-v-ffb1eaac]:root {
    --color-scheme-active: #6C78F4
}

.nav[data-v-ffb1eaac] {
    position: relative;
    display: grid;
    grid-template-columns: 288px 1fr;
    align-items: center;
    width: 100%;
    background-color: #f8f8fb;
    border-bottom: 1px solid #EDEDF5
}

.dark .nav[data-v-ffb1eaac] {
    background: #2f3136;
    border-color: #242629
}

.nav__info[data-v-ffb1eaac] {
    flex: none;
    display: flex;
    align-items: center;
    height: 48px;
    padding: 0 22px 0 10px
}

.dark .nav__info[data-v-ffb1eaac] {
    border-color: #1e1f22
}

.nav__avatar[data-v-ffb1eaac] {
    width: 20px;
    height: 20px;
    margin-right: 15px;
    overflow: hidden;
    background: #e8e8f2;
    border: 1px solid #e0e0e0;
    border-radius: 4px
}

.dark .nav__avatar[data-v-ffb1eaac] {
    border: none;
    background: #383a3f
}

.nav__title[data-v-ffb1eaac] {
    margin-right: auto;
    overflow: hidden;
    font-size: 16px;
    font-weight: 600;
    white-space: nowrap;
    text-overflow: ellipsis
}

.dark .nav__title[data-v-ffb1eaac] {
    color: #ddd
}

.dark .nav__title input[data-v-ffb1eaac] {
    background-color: #242629
}

.nav__nav[data-v-ffb1eaac] {
    display: flex;
    padding-left: 21px
}

.nav__nav-link[data-v-ffb1eaac] {
    display: flex;
    align-items: center;
    height: 25px;
    margin: 0 6px;
    padding: 0 5px;
    font-size: 14px;
    border-radius: 4px;
    text-decoration: none
}

.nav__nav-link[data-v-ffb1eaac]:not(.router-link-active) {
    color: #262626
}

.dark .nav__nav-link[data-v-ffb1eaac]:not(.router-link-active) {
    color: #ddd
}

.nav__nav-link[data-v-ffb1eaac]:hover {
    background-color: #e8e8f2
}

.nav__nav-link.router-link-active[data-v-ffb1eaac] {
    pointer-events: none;
    color: var(--color-scheme-active)
}

.dark .nav__nav-link[data-v-ffb1eaac]:hover {
    background-color: #383a3f
}

[data-v-8108cc13]:root {
    --color-scheme-active: #6C78F4
}

.invite[data-v-8108cc13] {
    max-width: 400px
}

[data-v-dc917518]:root {
    --color-scheme-active: #6C78F4
}

.header[data-v-dc917518] {
    padding: 10px;
    border-bottom: none
}

.dark .header[data-v-dc917518] {
    border-bottom: none
}

.header__inner[data-v-dc917518] {
    display: flex;
    gap: 16px;
    justify-content: space-between;
    width: 100%
}

.header__wrapper[data-v-dc917518] {
    flex: 1 1 auto;
    display: flex
}

.header__search[data-v-dc917518] {
    width: 100%
}

.header__search[data-v-dc917518] .v-input__item {
    padding-left: 36px;
    border-radius: 8px;
    border-color: transparent
}

.dark .header__search[data-v-dc917518] .v-input__item {
    background-color: #242629
}

.header__search[data-v-dc917518] .v-input__icon {
    width: 20px;
    height: 20px
}

.header__buttons[data-v-dc917518] {
    display: flex;
    gap: 8px
}

[data-v-6ba531f7]:root {
    --color-scheme-active: #6C78F4
}

.head[data-v-6ba531f7] {
    position: sticky;
    top: 0;
    z-index: 10
}

.head__column[data-v-6ba531f7] {
    height: 44px;
    padding: 12px 10px;
    color: #000;
    background: #fff;
    border-top: 1px solid #EDEDF5;
    border-bottom: 1px solid #EDEDF5;
    text-align: left;
    font-weight: 500;
    font-size: 14px;
    line-height: 17px
}

.dark .head__column[data-v-6ba531f7] {
    color: #ddd;
    background-color: #242629;
    border-color: #2a2a2a
}

[data-v-04a459fb]:root {
    --color-scheme-active: #6C78F4
}

.item[data-v-04a459fb] {
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
    position: relative;
    align-items: center;
    min-height: 64px;
    color: #202430;
    text-decoration: none
}

.item__column[data-v-04a459fb] {
    height: 100%;
    padding: 12px 10px;
    background: #fff;
    max-width: 300px;
    border-bottom: 1px solid #e5e7ee;
    column-gap: 10px
}

.item__column[data-v-04a459fb]:last-child {
    justify-content: flex-end
}

.dark .item__column[data-v-04a459fb] {
    color: #a6a7b3;
    background-color: #383a3f;
    border-color: #2a2a2a
}

.item__title[data-v-04a459fb] {
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    color: #202430
}

.dark .item__title[data-v-04a459fb] {
    color: #a6a7b3
}

.item__title[data-v-04a459fb],
.item__email[data-v-04a459fb] {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.item__column-row[data-v-04a459fb] {
    display: flex;
    align-items: center;
    column-gap: 10px
}

.item__buttons[data-v-04a459fb] {
    display: flex;
    justify-content: flex-end;
    padding-right: 12px
}

[data-v-57689103]:root {
    --color-scheme-active: #6C78F4
}

.table[data-v-57689103] {
    height: 100%;
    overflow: auto
}

.table__table[data-v-57689103] {
    width: 100%;
    min-width: 900px;
    overflow-x: auto;
    border-collapse: separate
}

.table__teams[data-v-57689103] {
    overflow-y: auto;
    flex: 1 1 auto
}

.table__teams-empty[data-v-57689103] {
    width: 100%
}

.table__teams-empty-column[data-v-57689103] {
    display: flex;
    gap: 5px;
    justify-content: center;
    align-items: center;
    min-height: 60px;
    border-bottom: 1px solid #e5e7ee;
    border-radius: 4px;
    background: #fff;
    font-weight: 400;
    font-size: 14px;
    line-height: 17px
}

.dark .table__teams-empty-column[data-v-57689103] {
    color: #ddd;
    border-color: #2f3136;
    background-color: #383a3f
}

[data-v-53d886e0]:root {
    --color-scheme-active: #6C78F4
}

.users-team-members[data-v-53d886e0] {
    display: flex;
    height: 100%;
    flex-direction: column
}

.dark .users-team-members[data-v-53d886e0] {
    background-color: #2f3136
}

[data-v-9a234657]:root {
    --color-scheme-active: #6C78F4
}

.about[data-v-9a234657] {
    height: 100%;
    padding: 16px;
    overflow-y: auto
}

.dark .about[data-v-9a234657] {
    background-color: #2f3136
}

.about__content[data-v-9a234657] {
    display: flex;
    flex-direction: column;
    gap: 36px;
    width: 100%;
    max-width: 1005px;
    padding: 24px;
    border-radius: 12px;
    background: #fff
}

.dark .about__content[data-v-9a234657] {
    background-color: #242629
}

.about__title[data-v-9a234657] {
    font-weight: 500;
    font-size: 24px;
    line-height: 125%;
    margin: 0 0 24px
}

.dark .about__title[data-v-9a234657] {
    color: #ddd
}

.about__description[data-v-9a234657] {
    font-weight: 300;
    font-size: 14px;
    line-height: 145%;
    margin: 0;
    color: #60636c
}

.dark .about__description[data-v-9a234657] {
    color: #8d8d8d
}

.about__blocks[data-v-9a234657] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 16px 36px
}

.about__blocks-column[data-v-9a234657] {
    flex: 1 1 1fr;
    display: flex;
    gap: 16px;
    flex-direction: column
}

.about__subtitle[data-v-9a234657] {
    font-weight: 500;
    font-size: 20px;
    line-height: 125%;
    margin: 0 0 24px
}

.dark .about__subtitle[data-v-9a234657] {
    color: #ddd
}

.about__block[data-v-9a234657] {
    display: flex;
    flex-direction: column;
    gap: 8px
}

.about__block-title-row[data-v-9a234657] {
    display: flex;
    gap: 8px;
    align-items: center
}

.about__block-title[data-v-9a234657] {
    font-weight: 500;
    font-size: 16px;
    line-height: 125%;
    margin: 0;
    letter-spacing: -.32px
}

.dark .about__block-title[data-v-9a234657] {
    color: #ddd
}

.about__button[data-v-9a234657] {
    margin-left: auto;
    max-width: 176px
}

[data-v-c2e3a54d]:root {
    --color-scheme-active: #6C78F4
}

.knowledge-base[data-v-c2e3a54d] {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    padding-bottom: 58px
}

.dark .knowledge-base[data-v-c2e3a54d] {
    color: #ddd;
    background-color: #242629
}

[data-v-859d6f6e]:root {
    --color-scheme-active: #6C78F4
}

.breadcrumbs[data-v-859d6f6e] {
    display: flex;
    margin-top: 8px;
    padding: 0 14px
}

.breadcrumbs__arrow[data-v-859d6f6e] {
    margin: 0 8px
}

.dark .breadcrumbs__badge[data-v-859d6f6e] {
    color: #ddd
}

[data-v-79dd3a6a]:root {
    --color-scheme-active: #6C78F4
}

.select-page[data-v-79dd3a6a] {
    margin: 16px 14px 0
}

[data-v-096d818e]:root {
    --color-scheme-active: #6C78F4
}

.service[data-v-096d818e] {
    display: flex;
    width: 244px;
    margin-top: 12px;
    padding: 12px;
    cursor: pointer
}

.service.active[data-v-096d818e] {
    border-radius: 4px;
    background-color: #f8f8fb
}

.dark .service.active[data-v-096d818e] {
    background-color: #2f3136
}

.service__logo[data-v-096d818e] {
    width: 40px;
    height: 40px;
    margin-right: 12px
}

.service__title[data-v-096d818e] {
    font-weight: 500;
    font-size: 14px;
    line-height: 18px
}

.dark .service__title[data-v-096d818e] {
    color: #ddd
}

.service__description[data-v-096d818e] {
    margin-top: 4px;
    font-weight: 300;
    font-size: 14px;
    line-height: 18px;
    color: #6a707c
}

.dark .service__description[data-v-096d818e] {
    color: #ddd
}

[data-v-5f5de6ef]:root {
    --color-scheme-active: #6C78F4
}

.services[data-v-5f5de6ef] {
    margin-top: 24px;
    padding: 0 14px
}

.dark .services[data-v-5f5de6ef] {
    color: #ddd
}

.services__services[data-v-5f5de6ef] {
    margin-top: 4px
}

[data-v-eb92fcb7]:root {
    --color-scheme-active: #6C78F4
}

.last-step[data-v-eb92fcb7] {
    margin-top: 24px;
    padding: 0 14px
}

.last-step__content[data-v-eb92fcb7] {
    font-weight: 300;
    font-size: 12px;
    line-height: 14px
}

.dark .last-step__content[data-v-eb92fcb7] {
    color: #ddd
}

.last-step__p[data-v-eb92fcb7] {
    margin-top: 8px
}

.last-step__b[data-v-eb92fcb7] {
    margin-top: 20px;
    font-weight: 500
}

.last-step__ol[data-v-eb92fcb7] {
    margin-top: 12px;
    padding: 0 14px
}

.last-step__ol>li[data-v-eb92fcb7] {
    margin-top: 8px
}

.last-step__dropzone[data-v-eb92fcb7] {
    margin-top: 22px
}

[data-v-dec9dd7b]:root {
    --color-scheme-active: #6C78F4
}

.import__head[data-v-dec9dd7b] {
    border-bottom: none
}

.import__button[data-v-dec9dd7b] {
    display: flex;
    justify-content: center;
    align-items: center;
    width: auto;
    margin: 24px 14px 20px auto
}

[data-v-3caa4e6a]:root {
    --color-scheme-active: #6C78F4
}

.breadcrumbs[data-v-3caa4e6a] {
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: max-content;
    grid-column-gap: 8px;
    align-items: center
}

.breadcrumbs__link[data-v-3caa4e6a] {
    display: grid;
    grid-template-columns: max-content 1fr;
    height: 16px;
    overflow: hidden;
    color: #93969f;
    transition: color .2s ease;
    max-width: 170px;
    text-decoration: none;
    text-overflow: ellipsis;
    font-weight: 400;
    font-size: 14px;
    line-height: 14px
}

.breadcrumbs__link[data-v-3caa4e6a]:hover {
    color: var(--color-scheme-active)
}

.dark .breadcrumbs__link[data-v-3caa4e6a] {
    color: #ddd
}

.breadcrumbs__avatar[data-v-3caa4e6a] {
    margin-right: 4px
}

.breadcrumbs__link-name[data-v-3caa4e6a] {
    overflow: hidden;
    white-space: nowrap;
    max-width: 150px;
    text-overflow: ellipsis
}

.breadcrumbs__between[data-v-3caa4e6a] {
    position: relative;
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: max-content;
    grid-column-gap: 4px;
    align-items: center;
    font-weight: 400;
    font-size: 14px;
    line-height: 14px;
    color: #cacad2
}

.dark .breadcrumbs__between[data-v-3caa4e6a] {
    color: #ddd
}

.breadcrumbs__button-between[data-v-3caa4e6a] {
    width: 21px;
    height: 18px;
    color: #60636c;
    transition: background-color .2s ease;
    border: none;
    border-radius: 4px;
    outline: none
}

.breadcrumbs__button-between[data-v-3caa4e6a]:hover {
    background-color: #f8f8fb
}

.breadcrumbs__button-between[data-v-3caa4e6a]:active {
    background-color: #cacad2
}

.dark .breadcrumbs__button-between[data-v-3caa4e6a] {
    color: #ddd
}

.dark .breadcrumbs__button-between[data-v-3caa4e6a]:hover {
    background-color: #383a3f
}

.dark .breadcrumbs__button-between[data-v-3caa4e6a]:active {
    background-color: #242629
}

.breadcrumbs__line[data-v-3caa4e6a] {
    font-weight: 400;
    font-size: 14px;
    line-height: 14px;
    color: #cacad2
}

.dark .breadcrumbs__line[data-v-3caa4e6a] {
    color: #ddd
}

.breadcrumbs__context-menu[data-v-3caa4e6a] {
    position: absolute;
    top: calc(100%+ 4px);
    z-index: 10;
    width: 320px;
    max-height: 166px;
    overflow-y: auto
}

.breadcrumbs__context-link[data-v-3caa4e6a] {
    display: flex;
    align-items: center;
    height: 52px;
    padding: 0 12px;
    color: #60636c;
    transition: background-color .2s ease;
    text-decoration: unset
}

.breadcrumbs__context-link[data-v-3caa4e6a]:hover {
    background-color: #e5e7ee80
}

.dark .breadcrumbs__context-link[data-v-3caa4e6a] {
    color: #ddd
}

.dark .breadcrumbs__context-link[data-v-3caa4e6a]:hover {
    background-color: #383a3f
}

.breadcrumbs__context-avatar[data-v-3caa4e6a] {
    margin-right: 8px
}

[data-v-76b78f89]:root {
    --color-scheme-active: #6C78F4
}

@keyframes loading-76b78f89 {
    0% {
        transform: rotate(0)
    }
    to {
        transform: rotate(360deg)
    }
}

.status[data-v-76b78f89] {
    width: 150px
}

.status__item[data-v-76b78f89] {
    display: grid;
    grid-template-columns: repeat(2, max-content);
    grid-column-gap: 4px;
    align-items: center;
    font-weight: 500;
    font-size: 13px;
    line-height: 13px;
    color: #93969f
}

.dark .status__item[data-v-76b78f89] {
    color: #ddd
}

.status__saving-icon[data-v-76b78f89] {
    animation: loading-76b78f89 2s linear infinite
}

[data-v-35afcfaa]:root {
    --color-scheme-active: #6C78F4
}

.link[data-v-35afcfaa] {
    display: flex;
    align-items: center;
    column-gap: 8px;
    font-weight: 400;
    font-size: 16px;
    line-height: 16px;
    color: #60636c;
    text-decoration: none
}

.link span[data-v-35afcfaa] {
    white-space: nowrap
}

.dark .link[data-v-35afcfaa] {
    color: #ddd
}

.link__image[data-v-35afcfaa] {
    display: block;
    width: 24px;
    height: 24px;
    border-radius: 4px;
    box-shadow: inset 0 0 1px #0000001f
}

[data-v-3db31736]:root {
    --color-scheme-active: #6C78F4
}

.dropdown-item[data-v-3db31736] {
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    position: relative;
    display: flex;
    align-items: center;
    height: 32px;
    padding: 0 8px;
    overflow: hidden;
    color: #60636c;
    transition: background-color .2s ease;
    cursor: pointer;
    text-decoration: none;
    -webkit-user-select: none;
    user-select: none
}

.dropdown-item.disabled[data-v-3db31736] {
    pointer-events: none;
    cursor: default
}

.dropdown-item[data-v-3db31736]:hover {
    background: #f8f8fb
}

.dark .dropdown-item[data-v-3db31736] {
    color: #ddd
}

.dark .dropdown-item[data-v-3db31736]:hover {
    background-color: #202225
}

.dropdown-item__text[data-v-3db31736] {
    font-weight: 500;
    font-size: 14px;
    line-height: 125%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #60636c;
    text-decoration: none
}

.dark .dropdown-item__text[data-v-3db31736] {
    color: #a6a7b3
}

.dropdown-item__icon[data-v-3db31736] {
    margin-right: 8px
}

.dropdown-item__switch-button[data-v-3db31736] {
    position: absolute;
    top: 50%;
    right: 8px;
    transform: translateY(-50%)
}

[data-v-f61b4164]:root {
    --color-scheme-active: #6C78F4
}

.languages[data-v-f61b4164] {
    display: flex;
    gap: 4px;
    justify-content: center;
    align-items: center;
    margin: 0 12px;
    padding: 2px;
    background: #ededf5;
    border-radius: 4px
}

.dark .languages[data-v-f61b4164] {
    background-color: #2f3136
}

.languages__language[data-v-f61b4164] {
    font-weight: 400;
    font-size: 11px;
    line-height: 125%;
    flex: 1 1 auto;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 22px;
    color: #202430;
    transition: all .2s ease-in-out;
    cursor: pointer;
    border-radius: 4px;
    text-decoration: none;
    letter-spacing: -.02em;
    text-transform: capitalize
}

.dark .languages__language[data-v-f61b4164] {
    color: #a6a7b3
}

.languages__language.active[data-v-f61b4164] {
    pointer-events: none
}

.languages__language[data-v-f61b4164]:hover,
.languages__language.active[data-v-f61b4164] {
    background-color: #fff
}

.dark .languages__language[data-v-f61b4164]:hover,
.dark .languages__language.active[data-v-f61b4164] {
    background-color: #383a3f
}

[data-v-f5574799]:root {
    --color-scheme-active: #6C78F4
}

.menu[data-v-f5574799] {
    position: absolute;
    top: 100%;
    right: 0;
    display: flex;
    width: 260px;
    margin-top: 4px;
    padding-bottom: 10px;
    background-color: #fff;
    flex-direction: column;
    border: 1px solid #f0f0f0;
    box-shadow: 0 4px 13px #3030301a;
    border-radius: 8px
}

.dark .menu[data-v-f5574799] {
    background-color: #242629;
    border-color: #191a1c
}

.menu__items[data-v-f5574799] {
    display: grid;
    grid-auto-rows: max-content;
    max-height: 300px;
    padding: 8px 4px;
    overflow-y: auto
}

.menu__item[data-v-f5574799] {
    border-radius: 4px
}

.menu__title[data-v-f5574799] {
    font-weight: 500;
    font-size: 12px;
    line-height: 100%;
    padding: 12px 12px 0;
    color: #acb1c2
}

.menu__hr[data-v-f5574799] {
    height: 1px;
    margin: 0;
    background-color: #f4f4f8;
    border: none
}

.dark .menu__hr[data-v-f5574799] {
    background-color: #1e1f22
}

.menu__profile[data-v-f5574799] {
    display: flex;
    gap: 8px;
    align-items: center
}

.menu__profile-column[data-v-f5574799] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    justify-content: center
}

.menu__profile-name[data-v-f5574799] {
    font-weight: 500;
    font-size: 16px;
    line-height: 120%;
    overflow: hidden;
    white-space: nowrap;
    color: #242629;
    max-width: 188px;
    text-overflow: ellipsis
}

.dark .menu__profile-name[data-v-f5574799] {
    color: #ddd
}

.menu__profile-email[data-v-f5574799] {
    font-weight: 400;
    font-size: 12px;
    line-height: 120%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 188px;
    color: #93969f
}

[data-v-555ac781]:root {
    --color-scheme-active: #6C78F4
}

.profile[data-v-555ac781] {
    position: relative;
    padding-left: 10px
}

.profile[data-v-555ac781] .avatars-image__content,
.profile[data-v-555ac781] .avatars-image__empty {
    background: #e8e8f2
}

.dark .profile[data-v-555ac781] .avatars-image__content,
.dark .profile[data-v-555ac781] .avatars-image__empty {
    background: #383a3f
}

.profile__user[data-v-555ac781] {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
    border-radius: 20px;
    border: 1px solid #E5E7EE;
    transition: all .3s ease-in-out;
    cursor: pointer
}

.active .profile__user[data-v-555ac781],
.profile__user[data-v-555ac781]:hover {
    border-color: var(--color-scheme-active)
}

[data-v-7969dee4]:root {
    --color-scheme-active: #6C78F4
}

.user[data-v-7969dee4] {
    position: relative
}

.user[data-v-7969dee4] .profile__wrapper {
    cursor: default
}

.user__try-weeek[data-v-7969dee4] {
    display: flex;
    align-items: center;
    column-gap: 13px;
    font-weight: 300;
    font-size: 16px;
    line-height: 24px;
    color: #93969f;
    text-decoration: none
}

.user__try-weeek[data-v-7969dee4] svg {
    width: 62px;
    height: 16px;
    transition: all .3s ease-in-out
}

.user__try-weeek[data-v-7969dee4] svg g:nth-child(11),
.user__try-weeek[data-v-7969dee4] svg g:last-of-type {
    fill: #6788f3
}

.user__try-weeek[data-v-7969dee4]:hover svg path {
    fill: #6c78f4
}

.dark .user__try-weeek[data-v-7969dee4] {
    color: #ddd
}

[data-v-aeb442c9]:root {
    --color-scheme-active: #6C78F4
}

.nav[data-v-aeb442c9] {
    display: grid;
    grid-template-columns: 1fr max-content 1fr;
    grid-gap: 10px;
    justify-content: space-between;
    align-items: center;
    height: 60px;
    padding: 0 22px 0 20px;
    border-bottom: 1px solid #e5e7ee
}

.dark .nav[data-v-aeb442c9] {
    border-color: #1e1f22
}

@media (max-width: 750px) {
    .nav[data-v-aeb442c9] {
        grid-template-columns: 1fr max-content max-content
    }
}

.nav__link[data-v-aeb442c9] {
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden
}

.nav__link[data-v-aeb442c9] span {
    text-overflow: ellipsis;
    overflow: hidden
}

@media (max-width: 750px) {
    .nav__link[data-v-aeb442c9] {
        flex: none
    }
}

.nav__left-side[data-v-aeb442c9] {
    overflow: hidden;
    column-gap: 8px
}

.nav__left-side[data-v-aeb442c9],
.nav__right-side[data-v-aeb442c9] {
    display: flex;
    align-items: center
}

.nav__right-side[data-v-aeb442c9] {
    justify-content: flex-end
}

.nav__center[data-v-aeb442c9] {
    display: flex;
    justify-content: center
}

.nav__line[data-v-aeb442c9] {
    flex: none;
    width: 5px;
    height: 2px;
    background-color: #cacad2
}

[data-v-cf14bbc7]:root {
    --color-scheme-active: #6C78F4
}

.title[data-v-cf14bbc7] {
    margin-top: 29px;
    padding: 7px 0;
    overflow: hidden;
    word-break: normal;
    overflow-wrap: anywhere;
    color: #202430;
    -webkit-text-fill-color: #202430;
    background-color: transparent;
    border: none;
    box-sizing: content-box;
    outline: none;
    transition: none;
    font-weight: 700;
    font-size: 36px;
    line-height: 36px
}

@media print {
    .title[data-v-cf14bbc7] {
        margin-top: 0
    }
}

.title[data-v-cf14bbc7]::placeholder {
    color: #a5a8b3;
    -webkit-text-fill-color: #a5a8b3
}

.dark .title[data-v-cf14bbc7] {
    color: #ddd;
    -webkit-text-fill-color: #DDD;
    background-color: #2f3136
}

[data-v-fe878546]:root {
    --color-scheme-active: #6C78F4
}

.editor[data-v-fe878546] {
    width: calc(100%+ 28px);
    margin-right: -4px;
    margin-left: -28px
}

[data-v-dda8f3b6]:root {
    --color-scheme-active: #6C78F4
}

.loading[data-v-dda8f3b6] {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%
}

.error[data-v-dda8f3b6] {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    font-weight: 700;
    flex-direction: column;
    row-gap: 8px
}

.error__text[data-v-dda8f3b6] {
    max-width: 300px;
    text-align: center
}

.shared[data-v-dda8f3b6] {
    display: grid;
    grid-template-rows: max-content 1fr;
    overflow: hidden
}

.shared__link[data-v-dda8f3b6] svg path {
    fill: #ffb55d!important
}

.shared__content[data-v-dda8f3b6] {
    display: flex;
    overflow: hidden
}

@media (max-width: 750px) {
    .shared__content[data-v-dda8f3b6] {
        display: block;
        height: 100%;
        overflow-y: auto
    }
}

.shared__scrolled[data-v-dda8f3b6] {
    flex: 1;
    overflow-y: auto
}

@media (max-width: 750px) {
    .shared__scrolled[data-v-dda8f3b6] {
        padding: 0 15px
    }
}

.shared__wrapper[data-v-dda8f3b6] {
    width: 100%;
    margin: 0 auto;
    max-width: 720px
}

.shared__cover[data-v-dda8f3b6] {
    display: flex;
    width: 100%;
    height: 224px;
    margin: 36px 0;
    max-width: 720px;
    border-radius: 4px;
    object-fit: cover
}

.shared__cover.has-avatar[data-v-dda8f3b6] {
    margin-bottom: -52px
}

.shared__avatar[data-v-dda8f3b6] {
    display: flex;
    margin: 36px 0
}

.shared__title[data-v-dda8f3b6] {
    margin-top: 36px
}

.shared__inner[data-v-dda8f3b6] {
    margin: 0 auto 200px;
    max-width: 680px
}

.shared__editor[data-v-dda8f3b6],
.shared__editor[data-v-dda8f3b6] .editor {
    width: 100%;
    margin-right: 0;
    margin-left: 0
}

[data-v-5e96393e]:root {
    --color-scheme-active: #6C78F4
}

.document__wrapper[data-v-5e96393e] {
    display: flex;
    align-items: center;
    width: 100%;
    height: 32px;
    padding-right: 8px;
    transition: background-color .2s ease;
    max-width: inherit;
    border-radius: 6px;
    text-decoration: none
}

.document__wrapper[data-v-5e96393e]:hover {
    background-color: #f8f8fb
}

.document__wrapper.active[data-v-5e96393e],
.document__wrapper[data-v-5e96393e]:active {
    background-color: #e5e7ee
}

[data-v-5e96393e] .document__icon {
    transform: rotate(0)
}

[data-v-5e96393e] .document__icon path {
    fill: #60636c
}

[data-v-5e96393e] .document__icon.opened {
    transform: rotate(45deg)
}

[data-v-5e96393e] .document__icon.hidden {
    opacity: 0
}

[data-v-5e96393e] .document__avatar path {
    fill: #60636c
}

.document__name[data-v-5e96393e] {
    height: 16px;
    margin: 0 4px 0 8px;
    overflow: hidden;
    white-space: nowrap;
    color: #60636c;
    text-overflow: ellipsis;
    font-weight: 400;
    font-size: 14px;
    line-height: 16px
}

[data-v-6dc8317b]:root {
    --color-scheme-active: #6C78F4
}

.side-nav[data-v-6dc8317b] {
    width: 100%;
    margin: 12px;
    padding-right: 10px;
    max-width: 260px;
    overflow-y: auto
}

.side-nav.empty[data-v-6dc8317b] {
    max-width: 0
}

@media (max-width: 750px) {
    .side-nav[data-v-6dc8317b] {
        margin: 12px auto
    }
}

.side-nav__document[data-v-6dc8317b] {
    max-width: 250px
}

[data-v-0021c2a4]:root {
    --color-scheme-active: #6C78F4
}

.icon-button-share[data-v-0021c2a4] {
    position: relative
}

.icon-button-share__button[data-v-0021c2a4] {
    height: 32px
}

.icon-button-share__menu[data-v-0021c2a4] {
    position: absolute;
    top: calc(100%+ 10px);
    right: 0;
    z-index: 15
}

[data-v-cd71d069]:root {
    --color-scheme-active: #6C78F4
}

.icon-button-bookmark.disabled[data-v-cd71d069] {
    pointer-events: none;
    opacity: .5
}

[data-v-f1769b46]:root {
    --color-scheme-active: #6C78F4
}

.menu[data-v-f1769b46] {
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: max-content;
    grid-column-gap: 12px;
    align-items: center
}

.menu__document-last-updated[data-v-f1769b46] {
    margin-right: 10px;
    font-weight: 400;
    font-size: 13px;
    line-height: 13px;
    color: #93969f
}

.menu__button-share[data-v-f1769b46] {
    margin-right: 23px
}

.menu__dropdown-menu[data-v-f1769b46] {
    position: relative
}

.menu__dropdown[data-v-f1769b46] {
    position: absolute;
    top: calc(100%+ 6px);
    right: 0;
    z-index: 1;
    min-width: 170px
}

.menu__hint[data-v-f1769b46]:after {
    right: 82px;
    left: initial
}

[data-v-e76de81b]:root {
    --color-scheme-active: #6C78F4
}

.header[data-v-e76de81b] {
    z-index: 1;
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 52px;
    padding: 8px 16px 0;
    background-color: #fff
}

@media print {
    .header[data-v-e76de81b] {
        display: none
    }
}

.dark .header[data-v-e76de81b] {
    background-color: #2f3136
}

[data-v-27b082de]:root {
    --color-scheme-active: #6C78F4
}

.tools[data-v-27b082de] {
    display: flex;
    column-gap: 9px;
    transition: opacity .1s ease
}

.tools.modal[data-v-27b082de] {
    opacity: 1!important
}

@media print {
    .tools[data-v-27b082de] {
        display: none
    }
}

.tools__wrapper[data-v-27b082de] {
    position: relative
}

.tools__modal[data-v-27b082de] {
    position: absolute;
    top: calc(100%+ 8px);
    right: 0;
    z-index: 100
}

.tools__tool[data-v-27b082de] {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 34px;
    height: 34px;
    background-color: #f8f8fb;
    border-radius: 4px;
    cursor: pointer
}

[data-v-40dcab3f]:root {
    --color-scheme-active: #6C78F4
}

.cover[data-v-40dcab3f] {
    position: relative
}

@media print {
    .cover[data-v-40dcab3f] {
        display: none
    }
}

.cover__tools[data-v-40dcab3f] {
    position: absolute;
    top: 12px;
    right: 12px;
    opacity: 0
}

.cover:hover .cover__tools[data-v-40dcab3f] {
    opacity: 1
}

.cover__image[data-v-40dcab3f] {
    display: flex;
    width: 720px;
    height: 224px;
    border-radius: 4px;
    object-fit: cover
}

[data-v-51440ca0]:root {
    --color-scheme-active: #6C78F4
}

.avatar[data-v-51440ca0] {
    position: relative;
    width: max-content;
    max-height: 60px
}

.avatar__button-add-avatar[data-v-51440ca0] {
    height: 34px
}

.avatar__modal[data-v-51440ca0] {
    position: absolute;
    top: calc(100%+ 8px);
    left: 0;
    z-index: 100
}

[data-v-3a8a2adb]:root {
    --color-scheme-active: #6C78F4
}

.cover[data-v-3a8a2adb] {
    position: relative;
    width: max-content
}

.cover__button-add-cover[data-v-3a8a2adb] {
    height: 34px
}

.cover__modal-avatars[data-v-3a8a2adb] {
    position: absolute;
    top: calc(100%+ 8px);
    left: 0;
    z-index: 99999
}

[data-v-47a40f74]:root {
    --color-scheme-active: #6C78F4
}

.menu[data-v-47a40f74] {
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: max-content;
    grid-column-gap: 10px;
    align-items: flex-end;
    height: 60px
}

@media print {
    .menu[data-v-47a40f74] {
        display: none
    }
}

.menu__avatar.disabled[data-v-47a40f74],
.menu__cover.disabled[data-v-47a40f74] {
    pointer-events: none
}

.menu__button[data-v-47a40f74] {
    width: 34px;
    height: 34px
}

@media print {
    .menu__button[data-v-47a40f74] {
        display: none
    }
}

[data-v-41366281]:root {
    --color-scheme-active: #6C78F4
}

.menu[data-v-41366281] {
    position: relative;
    opacity: 0;
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: max-content;
    grid-column-gap: 4px;
    align-items: center;
    padding: 2px 3px;
    background-color: #fff;
    border-radius: 4px;
    box-shadow: 0 0 16px #5555551a
}

.comment:hover .menu[data-v-41366281],
.menu.opened[data-v-41366281] {
    opacity: 1
}

.dark .menu[data-v-41366281] {
    background-color: #2f3136
}

.menu__line[data-v-41366281] {
    width: 1px;
    height: 100%;
    background-color: #f8f8fb
}

.dark .menu__line[data-v-41366281] {
    background-color: #242629
}

.menu__dropdown[data-v-41366281] {
    position: absolute;
    top: calc(100%+ 5px);
    right: 0;
    z-index: 1;
    width: 250px
}

[data-v-db0f3cec]:root {
    --color-scheme-active: #6C78F4
}

.comment-header[data-v-db0f3cec] {
    display: flex;
    align-items: center;
    column-gap: 4px;
    height: 16px;
    margin-bottom: 4px
}

.comment-header__author-name[data-v-db0f3cec] {
    color: #9499ad;
    font-weight: 500;
    font-size: 10px;
    line-height: 10px
}

.comment-header__date[data-v-db0f3cec] {
    margin-right: auto;
    color: #cacdd8;
    font-weight: 300;
    font-size: 10px;
    line-height: 10px
}

[data-v-66f2a806]:root {
    --color-scheme-active: #6C78F4
}

.comment__content[data-v-66f2a806] {
    padding: 4px 8px;
    word-break: normal;
    overflow-wrap: anywhere;
    background-color: #f5f5f9;
    border-radius: 8px
}

.dark .comment__content[data-v-66f2a806] {
    background-color: #2f3136
}

[data-v-fcb83100]:root {
    --color-scheme-active: #6C78F4
}

.editing[data-v-fcb83100] {
    position: relative;
    padding: 16px 20px 20px;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    background-color: #f8f8fb
}

.dark .editing[data-v-fcb83100] {
    background-color: #242629
}

.editing__wrapper[data-v-fcb83100] {
    display: flex;
    align-items: center;
    background-color: #fff;
    overflow-y: auto
}

.dark .editing__wrapper[data-v-fcb83100] {
    background-color: #2f3136
}

.editing__editor[data-v-fcb83100] {
    position: relative;
    flex: 1;
    height: 100%;
    padding: 2px 90px 0 11px;
    cursor: text;
    max-height: 300px;
    border-radius: 4px
}

.dark .editing__editor[data-v-fcb83100] {
    background-color: #383a3f;
    border-color: #191a1c
}

.editing__button-send[data-v-fcb83100] {
    width: 34px;
    height: 34px;
    margin-right: 5px
}

[data-v-64a2805a]:root {
    --color-scheme-active: #6C78F4
}

.preview[data-v-64a2805a] {
    position: relative;
    display: flex;
    align-items: center;
    height: 12px;
    cursor: pointer
}

.preview__line[data-v-64a2805a] {
    width: 100%;
    height: 1px;
    background-color: #ededf5
}

.dark .preview__line[data-v-64a2805a] {
    background-color: #202225
}

.preview__text[data-v-64a2805a] {
    position: absolute;
    top: 50%;
    left: 50%;
    padding: 0 14px;
    color: #cacad2;
    background-color: #fff;
    transform: translate(-50%, -50%);
    font-weight: 400;
    font-size: 10px;
    line-height: 12px
}

.dark .preview__text[data-v-64a2805a] {
    color: #ddd;
    background-color: #2f3136
}

[data-v-15558510]:root {
    --color-scheme-active: #6C78F4
}

.comments[data-v-15558510] {
    padding: 23px 0 30px
}

.comments__items[data-v-15558510] {
    display: grid;
    grid-auto-flow: row;
    grid-row-gap: 12px;
    padding: 20px 20px 0;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    background-color: #f8f8fb
}

.comments__items.empty[data-v-15558510] {
    padding: 0
}

.dark .comments__items[data-v-15558510] {
    background-color: #242629
}

.has-comments .comments__editing[data-v-15558510] {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

[data-v-bb45eb1c]:root {
    --color-scheme-active: #6C78F4
}

.dropdown[data-v-bb45eb1c] {
    display: grid;
    grid-auto-flow: row;
    grid-auto-rows: max-content;
    grid-row-gap: 4px;
    padding: 8px 0
}

.dropdown__item[data-v-bb45eb1c] {
    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-bb45eb1c] {
    pointer-events: none
}

.dark .dropdown__item[data-v-bb45eb1c] {
    color: #ddd
}

.dropdown__icon[data-v-bb45eb1c] {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 44px;
    height: 44px;
    background-color: #f8f8fb;
    border-radius: 8px
}

.dark .dropdown__icon[data-v-bb45eb1c] {
    background-color: #383a3f
}

.dropdown__image[data-v-bb45eb1c] {
    width: 24px;
    height: 24px
}

.dropdown__information.soon[data-v-bb45eb1c] {
    opacity: .5
}

.dropdown__name[data-v-bb45eb1c] {
    font-weight: 500;
    font-size: 14px;
    line-height: 14px
}

.dropdown__description[data-v-bb45eb1c] {
    margin-top: 4px;
    color: #93969f;
    font-weight: 400;
    font-size: 10px;
    line-height: 10px
}

[data-v-5b84cec9]:root {
    --color-scheme-active: #6C78F4
}

.input[data-v-5b84cec9] {
    display: grid;
    grid-template-columns: 1fr max-content;
    grid-column-gap: 12px;
    align-items: center
}

.input__wrapper[data-v-5b84cec9] {
    position: relative
}

.input__value[data-v-5b84cec9] {
    min-height: 44px;
    padding: 12px 44px 12px 12px;
    background-color: #f8f8fb;
    border-radius: 8px;
    max-height: 256px;
    border: none;
    transition: none;
    font-weight: 400;
    font-size: 16px;
    line-height: 20px
}

.input__value[data-v-5b84cec9]::placeholder {
    font-weight: 400;
    font-size: 16px;
    line-height: 20px
}

.dark .input__value[data-v-5b84cec9] {
    background-color: #2f3136
}

.input__icon[data-v-5b84cec9] {
    position: absolute;
    right: 12px;
    bottom: 12px
}

.input__gpt[data-v-5b84cec9] {
    position: relative;
    height: max-content
}

.input__current[data-v-5b84cec9] {
    cursor: pointer
}

.input__dropdown[data-v-5b84cec9] {
    position: absolute;
    bottom: 0;
    left: 28px;
    width: 300px
}

@media (max-width: 1650px) {
    .input__dropdown[data-v-5b84cec9] {
        left: -304px
    }
}

[data-v-396d1b1b]:root {
    --color-scheme-active: #6C78F4
}

.ai[data-v-396d1b1b] {
    width: 720px;
    padding: 16px;
    background-color: #fff;
    border-radius: 16px;
    border: 1px solid #E5E7EE;
    box-shadow: 12px 12px 32px #00000014, 0 1px 1px #0000000a
}

.dark .ai[data-v-396d1b1b] {
    border-color: #2a2a2a;
    background-color: #383a3f
}

.ai__input[data-v-396d1b1b] {
    margin-bottom: 8px
}

.ai__description[data-v-396d1b1b] {
    font-weight: 400;
    font-size: 14px;
    line-height: 17.5px;
    text-align: center;
    color: #acb1c2
}

[data-v-0967d72e]:root {
    --color-scheme-active: #6C78F4
}

.content[data-v-0967d72e] {
    position: relative;
    display: grid;
    grid-template-rows: max-content 1fr;
    width: 100%;
    overflow: hidden
}

@media print {
    .content[data-v-0967d72e] {
        display: block
    }
}

.content__scrolled[data-v-0967d72e] {
    position: relative;
    display: grid;
    grid-template-rows: max-content 1fr;
    padding: 32px 15px 14px 0;
    overflow-y: scroll
}

@media print {
    .content__scrolled[data-v-0967d72e] {
        display: block;
        grid-template-columns: auto
    }
}

.content__cover[data-v-0967d72e] {
    margin: 0 auto -16px
}

.content__wrapper[data-v-0967d72e] {
    position: relative;
    width: 100%;
    margin: 0 auto;
    max-width: 680px
}

.content__editor-wrapper[data-v-0967d72e] {
    height: 100%
}

.content__editor[data-v-0967d72e] {
    width: 100%;
    height: 100%;
    margin: 0;
    max-width: calc(100%+ 14px)
}

.content__ai[data-v-0967d72e] {
    position: absolute;
    bottom: 24px;
    left: 50%;
    transform: translate(-50%);
    z-index: 10000
}

[data-v-cf366af1]:root {
    --color-scheme-active: #6C78F4
}

.kb-document-view[data-v-cf366af1] {
    display: flex;
    width: 100%;
    min-height: 100%;
    overflow: auto hidden;
    background-color: #fff
}

.dark .kb-document-view[data-v-cf366af1] {
    background-color: #2f3136
}

@media print {
    .kb-document-view[data-v-cf366af1] {
        display: block
    }
}

[data-v-ecaa4ac3]:root {
    --color-scheme-active: #6C78F4
}

.colors[data-v-ecaa4ac3] {
    position: fixed;
    z-index: 9999;
    width: 260px;
    padding: 4px 0;
    overflow: hidden auto;
    background-color: #fff;
    transition: opacity .2s ease;
    border: 1px solid #EDEDF5;
    box-shadow: 0 4px 13px #3030301a;
    border-radius: 8px
}

.dark .colors[data-v-ecaa4ac3] {
    background-color: #242629;
    border-color: #2a2a2a
}

.colors__group[data-v-ecaa4ac3] {
    margin-top: 4px
}

.colors__name[data-v-ecaa4ac3] {
    display: flex;
    align-items: center;
    height: 28px;
    padding: 0 12px;
    font-weight: 500;
    font-size: 12px;
    line-height: 12px;
    color: #93969f
}

.colors__item[data-v-ecaa4ac3] {
    display: grid;
    grid-template-columns: max-content 1fr;
    grid-column-gap: 8px;
    align-items: center;
    width: 100%;
    height: 32px;
    margin: 0 4px;
    padding: 0 8px;
    transition: .2s ease;
    cursor: pointer;
    border-radius: 4px;
    text-align: start;
    font-weight: 500;
    font-size: 14px;
    line-height: 14px
}

.colors__item[data-v-ecaa4ac3]:hover {
    background-color: #f8f8fb
}

.dark .colors__item[data-v-ecaa4ac3] {
    color: #ddd
}

.dark .colors__item[data-v-ecaa4ac3]:hover {
    background-color: #383a3f
}

.colors__icon[data-v-ecaa4ac3] {
    width: 16px;
    height: 16px
}

.colors__icon.text-color[data-v-ecaa4ac3] path:first-of-type {
    fill: #e5e7ee
}

.colors__icon.text-color[data-v-ecaa4ac3] path:not(:first-of-type) {
    fill: inherit!important
}

.colors__icon.background-color[data-v-ecaa4ac3] {
    border-radius: 2px
}

.dark .colors__icon.text-color[data-v-ecaa4ac3] path:first-of-type {
    fill: #93969f
}

[data-v-7d18d005]:root {
    --color-scheme-active: #6C78F4
}

.options__dropdown[data-v-7d18d005] {
    position: fixed;
    z-index: 9999;
    width: 240px;
    padding: 4px 0
}

.options__colors[data-v-7d18d005] {
    display: grid;
    grid-template-columns: 1fr max-content;
    grid-column-gap: 8px;
    align-items: center;
    width: 100%;
    padding-right: 4px
}

.options__hr[data-v-7d18d005] {
    width: 100%;
    height: 1px;
    margin: 4px 0;
    background-color: #f4f4f8;
    border: none
}

.dark .options__hr[data-v-7d18d005] {
    background-color: #2f3136
}

[data-v-174b99d9]:root {
    --color-scheme-active: #6C78F4
}

.color[data-v-174b99d9] {
    position: fixed;
    z-index: 9999;
    width: 260px;
    padding: 4px 0;
    overflow: hidden auto;
    background-color: #fff;
    transition: opacity .2s ease;
    max-height: 35vh;
    border: 1px solid #EDEDF5;
    box-shadow: 0 4px 13px #3030301a;
    border-radius: 8px
}

.dark .color[data-v-174b99d9] {
    background-color: #242629;
    border-color: #2a2a2a
}

.color__group[data-v-174b99d9] {
    margin-top: 4px
}

.color__name[data-v-174b99d9] {
    display: flex;
    align-items: center;
    height: 28px;
    padding: 0 12px;
    font-weight: 500;
    font-size: 12px;
    line-height: 12px;
    color: #93969f
}

.color__item[data-v-174b99d9] {
    display: grid;
    grid-template-columns: max-content 1fr;
    grid-column-gap: 8px;
    align-items: center;
    width: 100%;
    height: 32px;
    margin: 0 4px;
    padding: 0 8px;
    transition: .2s ease;
    cursor: pointer;
    border-radius: 4px;
    text-align: start;
    font-weight: 500;
    font-size: 14px;
    line-height: 14px
}

.color__item[data-v-174b99d9]:hover {
    background-color: #f8f8fb
}

.dark .color__item[data-v-174b99d9] {
    color: #ddd
}

.dark .color__item[data-v-174b99d9]:hover {
    background-color: #383a3f
}

.color__icon[data-v-174b99d9] {
    width: 16px;
    height: 16px
}

.color__icon.text-color[data-v-174b99d9] path:first-of-type {
    fill: #e5e7ee
}

.color__icon.text-color[data-v-174b99d9] path:not(:first-of-type) {
    fill: inherit!important
}

.color__icon.background-color[data-v-174b99d9] {
    border-radius: 2px
}

.dark .color__icon.text-color[data-v-174b99d9] path:first-of-type {
    fill: #93969f
}

[data-v-68b9adbd]:root {
    --color-scheme-active: #6C78F4
}

.options__dropdown[data-v-68b9adbd] {
    position: fixed;
    z-index: 9999;
    width: 240px;
    padding: 4px 0
}

.options__icon-arrow[data-v-68b9adbd] {
    margin-left: auto
}

.options__colors[data-v-68b9adbd] {
    display: grid;
    grid-template-columns: 1fr max-content;
    grid-column-gap: 8px;
    align-items: center;
    width: 100%;
    padding-right: 4px
}

.options__hr[data-v-68b9adbd] {
    width: 100%;
    height: 1px;
    margin: 4px 0;
    background-color: #f4f4f8;
    border: none
}

.dark .options__hr[data-v-68b9adbd] {
    background-color: #2f3136
}

[data-v-fd845ad6]:root {
    --color-scheme-active: #6C78F4
}

.web-view[data-v-fd845ad6] {
    width: 100%;
    height: calc(100% - 40px);
    overflow: auto;
    background-color: #fff
}

.web-view[data-v-fd845ad6] .editor {
    display: block!important;
    overflow: visible!important
}

.web-view[data-v-fd845ad6] .editor__target {
    overflow: visible!important
}

.dark .web-view[data-v-fd845ad6] {
    background-color: #383a3f
}

[data-v-04f673d4]:root {
    --color-scheme-active: #6C78F4
}

.sharing-nav-link[data-v-04f673d4] {
    display: flex;
    align-items: center;
    column-gap: 8px;
    font-weight: 400;
    font-size: 16px;
    line-height: 16px;
    color: #60636c;
    text-decoration: none
}

.sharing-nav-link span[data-v-04f673d4] {
    white-space: nowrap
}

.dark .sharing-nav-link[data-v-04f673d4] {
    color: #ddd
}

.sharing-nav-link__image[data-v-04f673d4] {
    display: block;
    width: 24px;
    height: 24px;
    border-radius: 4px;
    box-shadow: inset 0 0 1px #0000001f
}

[data-v-61adfaed]:root {
    --color-scheme-active: #6C78F4
}

.sharing-nav-user[data-v-61adfaed] {
    position: relative
}

.sharing-nav-user[data-v-61adfaed] .profile__wrapper {
    cursor: default
}

.sharing-nav-user__try-weeek[data-v-61adfaed] {
    display: flex;
    align-items: center;
    column-gap: 13px;
    font-weight: 300;
    font-size: 16px;
    line-height: 24px;
    color: #93969f;
    text-decoration: none
}

.sharing-nav-user__try-weeek[data-v-61adfaed] svg {
    width: 62px;
    height: 16px;
    transition: all .3s ease-in-out
}

.sharing-nav-user__try-weeek[data-v-61adfaed] svg g:nth-child(11),
.sharing-nav-user__try-weeek[data-v-61adfaed] svg g:last-of-type {
    fill: #6788f3
}

.sharing-nav-user__try-weeek[data-v-61adfaed]:hover svg path {
    fill: #6c78f4
}

.dark .sharing-nav-user__try-weeek[data-v-61adfaed] {
    color: #ddd
}

[data-v-bf5327e9]:root {
    --color-scheme-active: #6C78F4
}

.sharing-nav[data-v-bf5327e9] {
    display: grid;
    grid-template-columns: 1fr max-content 1fr;
    grid-gap: 10px;
    justify-content: space-between;
    align-items: center;
    height: 60px;
    padding: 0 22px 0 20px;
    border-bottom: 1px solid #e5e7ee
}

.dark .sharing-nav[data-v-bf5327e9] {
    border-color: #1e1f22
}

.sharing-nav__ws-link[data-v-bf5327e9] {
    overflow: hidden
}

.sharing-nav__ws-link[data-v-bf5327e9] span {
    text-overflow: ellipsis;
    overflow: hidden
}

.sharing-nav__left-side[data-v-bf5327e9] {
    overflow: hidden;
    column-gap: 8px
}

.sharing-nav__left-side[data-v-bf5327e9],
.sharing-nav__right-side[data-v-bf5327e9] {
    display: flex;
    align-items: center
}

.sharing-nav__right-side[data-v-bf5327e9] {
    justify-content: flex-end
}

.sharing-nav__center[data-v-bf5327e9] {
    display: flex;
    justify-content: center
}

.sharing-nav__line[data-v-bf5327e9] {
    flex: none;
    width: 5px;
    height: 2px;
    background-color: #cacad2
}

[data-v-9c3e49e3]:root {
    --color-scheme-active: #6C78F4
}

.shared-file-nav__line[data-v-9c3e49e3] {
    flex: none;
    width: 5px;
    height: 2px;
    background-color: #cacad2
}

.shared-file-nav__link[data-v-9c3e49e3] path {
    fill: #6c78f4
}

.shared-file-nav__title[data-v-9c3e49e3] {
    display: flex;
    gap: 8px;
    align-items: center;
    overflow: hidden;
    font-size: 16px;
    font-weight: 400;
    line-height: 100%;
    color: #60636c
}

.shared-file-nav__title span[data-v-9c3e49e3] {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}

.shared-file__line_vertical[data-v-9c3e49e3] {
    width: 1px;
    height: 24px;
    margin: 0 20px;
    background: #e5e6ee
}

.shared-file-nav__right[data-v-9c3e49e3] {
    display: flex;
    align-items: center
}

.shared-file-nav__right-controls[data-v-9c3e49e3] {
    display: flex;
    gap: 18px;
    align-items: center
}

[data-v-c5301d91]:root {
    --color-scheme-active: #6C78F4
}

.sharing[data-v-c5301d91] {
    display: grid;
    grid-template-rows: max-content 1fr;
    overflow: hidden
}

.sharing__scrolled[data-v-c5301d91] {
    display: flex;
    flex-direction: column;
    width: 100%;
    overflow-y: auto
}

.sharing__wrapper[data-v-c5301d91] {
    flex: 1 1 auto;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    margin: auto;
    padding: 40px 160px;
    background-color: #f8f8fb
}

.sharing__error[data-v-c5301d91] {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    font-weight: 700;
    flex-direction: column;
    row-gap: 20px
}

.sharing__error-text[data-v-c5301d91] {
    text-align: center
}

[data-v-0bffa8dd]:root {
    --color-scheme-active: #6C78F4
}

.avatar[data-v-0bffa8dd] {
    position: relative
}

.avatar__avatars[data-v-0bffa8dd] {
    position: absolute;
    top: calc(100%+ 8px);
    left: 0;
    z-index: 100
}

[data-v-c989a6ba]:root {
    --color-scheme-active: #6C78F4
}

.cover-image[data-v-c989a6ba] {
    position: relative;
    margin-bottom: -34px
}

.cover-image__media[data-v-c989a6ba] {
    display: flex;
    max-width: 100%;
    width: 600px;
    height: 120px;
    border-radius: 15px 15px 0 0;
    object-fit: cover
}

[data-v-e3b51321]:root {
    --color-scheme-active: #6C78F4
}

.title[data-v-e3b51321] {
    margin-top: 16px;
    white-space: pre-line;
    color: #242629;
    font-weight: 700;
    font-size: 24px;
    line-height: 24px
}

.dark .title[data-v-e3b51321] {
    color: #ddd
}

[data-v-073dbc43]:root {
    --color-scheme-active: #6C78F4
}

.description[data-v-073dbc43] {
    margin-top: 12px;
    white-space: pre-line;
    color: #242629;
    font-weight: 400;
    font-size: 14px;
    line-height: normal
}

.dark .description[data-v-073dbc43] {
    color: #ddd
}

[data-v-12ce40a7]:root {
    --color-scheme-active: #6C78F4
}

.header[data-v-12ce40a7] {
    max-width: 600px;
    width: 100%;
    margin: 0 auto
}

.header__wrapper[data-v-12ce40a7] {
    padding: 16px 24px 24px;
    background-color: #fff;
    border-bottom: .5px solid #E5E7EE
}

.dark .header__wrapper[data-v-12ce40a7] {
    background-color: #2f3136;
    border-color: #2a2a2a
}

.header__row[data-v-12ce40a7] {
    display: flex;
    gap: 16px;
    align-items: flex-end
}

[data-v-96ed710c]:root {
    --color-scheme-active: #6C78F4
}

.text__wrapper[data-v-96ed710c] {
    display: flex;
    flex-direction: column;
    margin-bottom: 12px
}

.text__row[data-v-96ed710c] {
    display: flex;
    gap: 8px;
    align-items: center
}

.text__title[data-v-96ed710c] {
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
    color: #242629
}

.dark .text__title[data-v-96ed710c] {
    color: #ddd
}

.text__description[data-v-96ed710c] {
    font-weight: 500;
    font-size: 12px;
    line-height: 16px;
    color: #60636c
}

.dark .text__description[data-v-96ed710c] {
    color: #ddd
}

.text__required[data-v-96ed710c] {
    font-weight: 500;
    font-size: 12px;
    line-height: 15px;
    color: #acb1c2
}

.dark .text__required[data-v-96ed710c] {
    color: #ddd
}

[data-v-00f67685]:root {
    --color-scheme-active: #6C78F4
}

.textarea__wrapper[data-v-00f67685] {
    display: flex;
    flex-direction: column;
    margin-bottom: 12px
}

.textarea__row[data-v-00f67685] {
    display: flex;
    gap: 8px;
    align-items: center
}

.textarea__title[data-v-00f67685] {
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
    color: #242629
}

.dark .textarea__title[data-v-00f67685] {
    color: #ddd
}

.textarea__description[data-v-00f67685] {
    font-weight: 500;
    font-size: 12px;
    line-height: 16px;
    color: #60636c
}

.dark .textarea__description[data-v-00f67685] {
    color: #ddd
}

.textarea__required[data-v-00f67685] {
    font-weight: 500;
    font-size: 12px;
    line-height: 15px;
    color: #acb1c2
}

.dark .textarea__required[data-v-00f67685] {
    color: #ddd
}

[data-v-5f931aad]:root {
    --color-scheme-active: #6C78F4
}

.radio__wrapper[data-v-5f931aad] {
    display: flex;
    flex-direction: column;
    margin-bottom: 12px
}

.radio__row[data-v-5f931aad] {
    display: flex;
    gap: 8px;
    align-items: center
}

.radio__title[data-v-5f931aad] {
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
    color: #242629
}

.dark .radio__title[data-v-5f931aad] {
    color: #ddd
}

.radio__description[data-v-5f931aad] {
    font-weight: 500;
    font-size: 12px;
    line-height: 16px;
    color: #60636c
}

.dark .radio__description[data-v-5f931aad] {
    color: #ddd
}

.radio__required[data-v-5f931aad] {
    font-weight: 500;
    font-size: 12px;
    line-height: 15px;
    color: #acb1c2
}

.dark .radio__required[data-v-5f931aad] {
    color: #ddd
}

[data-v-95fae0ce]:root {
    --color-scheme-active: #6C78F4
}

.checkbox__wrapper[data-v-95fae0ce] {
    display: flex;
    flex-direction: column;
    margin-bottom: 12px
}

.checkbox__row[data-v-95fae0ce] {
    display: flex;
    gap: 8px;
    align-items: center
}

.checkbox__title[data-v-95fae0ce] {
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
    color: #242629
}

.dark .checkbox__title[data-v-95fae0ce] {
    color: #ddd
}

.checkbox__description[data-v-95fae0ce] {
    font-weight: 500;
    font-size: 12px;
    line-height: 16px;
    color: #60636c
}

.dark .checkbox__description[data-v-95fae0ce] {
    color: #ddd
}

.checkbox__required[data-v-95fae0ce] {
    font-weight: 500;
    font-size: 12px;
    line-height: 15px;
    color: #acb1c2
}

.dark .checkbox__required[data-v-95fae0ce] {
    color: #ddd
}

.checkbox__list[data-v-95fae0ce] {
    display: flex;
    flex-direction: column;
    gap: 8px
}

.checkbox__element[data-v-95fae0ce] {
    margin-bottom: 0
}

[data-v-df422a84]:root {
    --color-scheme-active: #6C78F4
}

.select__wrapper[data-v-df422a84] {
    display: flex;
    flex-direction: column;
    margin-bottom: 12px
}

.select__row[data-v-df422a84] {
    display: flex;
    gap: 8px;
    align-items: center
}

.select__title[data-v-df422a84] {
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
    color: #242629
}

.dark .select__title[data-v-df422a84] {
    color: #ddd
}

.select__description[data-v-df422a84] {
    font-weight: 500;
    font-size: 12px;
    line-height: 16px;
    color: #60636c
}

.dark .select__description[data-v-df422a84] {
    color: #ddd
}

.select__required[data-v-df422a84] {
    font-weight: 500;
    font-size: 12px;
    line-height: 15px;
    color: #acb1c2
}

.dark .select__required[data-v-df422a84] {
    color: #ddd
}

.select__element[data-v-df422a84] .v-select__item {
    border-radius: 8px
}

.select__element[data-v-df422a84] .v-select__selected {
    border: none
}

[data-v-384f550a]:root {
    --color-scheme-active: #6C78F4
}

.file[data-v-384f550a] {
    max-width: 104px
}

.file__preview[data-v-384f550a] {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 104px;
    height: 104px;
    overflow: hidden;
    background: #f8f8fb;
    border-radius: 12px
}

.dark .file__preview[data-v-384f550a] {
    background-color: #2f3136
}

.file__button[data-v-384f550a] {
    position: absolute;
    top: 6px;
    right: 6px;
    opacity: 0;
    transition: .2s ease-in-out
}

.file:hover .file__button[data-v-384f550a] {
    opacity: 1
}

.file__preview-icon[data-v-384f550a] {
    display: block;
    width: 36px;
    height: 36px
}

.file__info[data-v-384f550a] {
    margin-top: 8px
}

.file__title[data-v-384f550a] {
    font-weight: 400;
    font-size: 13px;
    line-height: 16px;
    overflow: hidden;
    white-space: nowrap;
    color: #242629;
    text-overflow: ellipsis;
    transition: .2s ease-in-out
}

.file:hover .file__title[data-v-384f550a] {
    color: var(--color-scheme-active)
}

.dark .file__title[data-v-384f550a] {
    color: #ddd
}

.file__row[data-v-384f550a] {
    display: flex;
    gap: 2px;
    margin-top: 4px
}

.file__text[data-v-384f550a] {
    font-weight: 500;
    font-size: 10px;
    line-height: 10px;
    color: #acb1c2;
    text-transform: uppercase
}

.file__text[data-v-384f550a]:first-child:after {
    content: "•";
    display: inline-block;
    margin-left: 2px;
    font-weight: 500;
    font-size: 10px;
    line-height: 10px;
    color: #acb1c2
}

.dark .file__text[data-v-384f550a]:first-child:after {
    color: #ddd
}

.dark .file__text[data-v-384f550a] {
    color: #ddd
}

.dz-message {
    pointer-events: none;
    display: block!important
}

.dz-preview {
    display: none!important
}

[data-v-6e1deb9a]:root {
    --color-scheme-active: #6C78F4
}

.upload__wrapper[data-v-6e1deb9a] {
    display: flex;
    flex-direction: column;
    margin-bottom: 12px
}

.upload__row[data-v-6e1deb9a] {
    display: flex;
    gap: 8px;
    align-items: center
}

.upload__title[data-v-6e1deb9a] {
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
    color: #242629
}

.dark .upload__title[data-v-6e1deb9a] {
    color: #ddd
}

.upload__required[data-v-6e1deb9a] {
    font-weight: 500;
    font-size: 12px;
    line-height: 15px;
    color: #acb1c2
}

.dark .upload__required[data-v-6e1deb9a] {
    color: #ddd
}

.upload__description[data-v-6e1deb9a] {
    font-weight: 500;
    font-size: 12px;
    line-height: 16px;
    color: #60636c
}

.dark .upload__description[data-v-6e1deb9a] {
    color: #ddd
}

.upload__subtitle[data-v-6e1deb9a] {
    margin-bottom: 12px;
    font-weight: 400;
    font-size: 12px;
    line-height: 15px;
    color: #60636c
}

.dark .upload__subtitle[data-v-6e1deb9a] {
    color: #ddd
}

.upload__dropzone[data-v-6e1deb9a] {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 64px;
    border: 1px dashed #E5E7EE;
    border-radius: 16px;
    cursor: pointer
}

.disabled .upload__dropzone[data-v-6e1deb9a] {
    pointer-events: none
}

.dark .upload__dropzone[data-v-6e1deb9a] {
    border-color: darkthemeborder
}

.upload__dropzone-title[data-v-6e1deb9a] {
    position: relative;
    font-weight: 500;
    font-size: 14px;
    line-height: normal;
    color: #acb1c2
}

.dark .upload__dropzone-title[data-v-6e1deb9a] {
    color: #ddd
}

.upload__files[data-v-6e1deb9a] {
    display: flex;
    flex-wrap: wrap;
    gap: 12px 7px
}

.upload__mini[data-v-6e1deb9a] {
    display: flex;
    gap: 4px;
    justify-content: center;
    align-items: center;
    width: 104px;
    height: 104px;
    cursor: pointer;
    flex-direction: column;
    border: 1px dashed #E5E7EE;
    border-radius: 16px
}

.disabled .upload__mini[data-v-6e1deb9a] {
    pointer-events: none
}

.dark .upload__mini[data-v-6e1deb9a] {
    border-color: darkthemeborder
}

.upload__mini-title[data-v-6e1deb9a] {
    position: relative;
    font-weight: 500;
    font-size: 12px;
    line-height: normal;
    color: #acb1c2
}

.dark .upload__mini-title[data-v-6e1deb9a] {
    color: #ddd
}

[data-v-973a0ac2]:root {
    --color-scheme-active: #6C78F4
}

.date__wrapper[data-v-973a0ac2] {
    display: flex;
    flex-direction: column;
    margin-bottom: 12px
}

.date__row[data-v-973a0ac2] {
    display: flex;
    gap: 8px;
    align-items: center
}

.date__title[data-v-973a0ac2] {
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
    color: #242629
}

.dark .date__title[data-v-973a0ac2] {
    color: #ddd
}

.date__description[data-v-973a0ac2] {
    font-weight: 500;
    font-size: 12px;
    line-height: 16px;
    color: #60636c
}

.dark .date__description[data-v-973a0ac2] {
    color: #ddd
}

.date__required[data-v-973a0ac2] {
    font-weight: 500;
    font-size: 12px;
    line-height: 15px;
    color: #acb1c2
}

.dark .date__required[data-v-973a0ac2] {
    color: #ddd
}

[data-v-602c98c6]:root {
    --color-scheme-active: #6C78F4
}

.time[data-v-602c98c6] {
    border: none;
    outline: none
}

[data-v-f41983cd]:root {
    --color-scheme-active: #6C78F4
}

.time__wrapper[data-v-f41983cd] {
    display: flex;
    flex-direction: column;
    margin-bottom: 12px
}

.time__row[data-v-f41983cd] {
    display: flex;
    gap: 8px;
    align-items: center
}

.time__title[data-v-f41983cd] {
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
    color: #242629
}

.dark .time__title[data-v-f41983cd] {
    color: #ddd
}

.time__required[data-v-f41983cd] {
    font-weight: 500;
    font-size: 12px;
    line-height: 15px;
    color: #acb1c2
}

.dark .time__required[data-v-f41983cd] {
    color: #ddd
}

.time__description[data-v-f41983cd] {
    font-weight: 500;
    font-size: 12px;
    line-height: 16px;
    color: #60636c
}

.dark .time__description[data-v-f41983cd] {
    color: #ddd
}

.time__element[data-v-f41983cd] {
    max-width: 70px;
    background: #f8f8fb;
    border-color: transparent
}

.dark .time__element[data-v-f41983cd] {
    color: #ddd;
    background-color: #2f3136
}

.dark .time__element.placeholder[data-v-f41983cd] {
    color: #8d8d8d
}

.dark .time__element[data-v-f41983cd]:-moz-placeholder {
    color: #8d8d8d
}

.dark .time__element[data-v-f41983cd]::-moz-placeholder {
    color: #8d8d8d
}

.dark .time__element[data-v-f41983cd]:-ms-input-placeholder {
    color: #8d8d8d
}

.dark .time__element[data-v-f41983cd]::-webkit-input-placeholder {
    color: #8d8d8d
}

.time__element[data-v-f41983cd]:hover,
.time__element[data-v-f41983cd]:focus {
    background-color: #ededf5
}

.dark .time__element[data-v-f41983cd]:hover,
.dark .time__element[data-v-f41983cd]:focus {
    background-color: #242629
}

[data-v-6924d978]:root {
    --color-scheme-active: #6C78F4
}

.error[data-v-6924d978] {
    margin: 32px 24px 0;
    padding: 12px;
    font-weight: 500;
    font-size: 12px;
    line-height: 16px;
    color: #242629;
    background: #ff4d4f1a;
    border: 1px solid #FF4D4F;
    border-radius: 8px
}

[data-v-a1595d3d]:root {
    --color-scheme-active: #6C78F4
}

.success[data-v-a1595d3d] {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    min-height: 400px
}

.success__icon[data-v-a1595d3d],
.success__icon-wrapper[data-v-a1595d3d],
.success__icon-wrapper-second[data-v-a1595d3d] {
    display: flex;
    justify-content: center;
    align-items: center
}

.success__icon[data-v-a1595d3d] {
    width: 160px;
    height: 160px;
    border-radius: 64px;
    border: .5px solid rgba(0, 0, 0, .03);
    background: #00b6331a
}

.success__icon-wrapper[data-v-a1595d3d] {
    width: 120px;
    height: 120px;
    border-radius: 44px;
    border: .5px solid rgba(0, 0, 0, .03);
    background: #00b6331a
}

.success__icon-wrapper-second[data-v-a1595d3d] {
    width: 80px;
    height: 80px;
    border-radius: 24px;
    border: .5px solid rgba(0, 0, 0, .03);
    background: #00b6331a
}

.success__title[data-v-a1595d3d] {
    margin-top: 12px;
    font-weight: 500;
    font-size: 24px;
    line-height: 27px;
    color: #242629
}

.dark .success__title[data-v-a1595d3d] {
    color: #a6a7b3
}

.success__button[data-v-a1595d3d] {
    display: block;
    margin-top: 8px;
    font-weight: 400;
    font-size: 16px;
    line-height: 23px;
    color: #acb1c2;
    text-decoration: underline
}

.dark .success__button[data-v-a1595d3d] {
    color: #ddd
}

[data-v-2da3767d]:root {
    --color-scheme-active: #6C78F4
}

.form[data-v-2da3767d] {
    padding: 40px 16px
}

@media (max-width: 750px) {
    .form[data-v-2da3767d] {
        display: block;
        height: 100%;
        overflow-y: auto
    }
}

.form__wrapper[data-v-2da3767d] {
    max-width: 616px;
    width: 100%;
    margin: 0 auto;
    padding: 8px;
    background: #fff;
    border: .5px solid #E5E7EE;
    border-radius: 16px;
    box-shadow: 0 560px 157px #91919100, 0 359px 143px #91919103, 0 202px 121px #9191910d, 0 90px 90px #91919117, 0 22px 49px #9191911a
}

.dark .form__wrapper[data-v-2da3767d] {
    background: #2f3136;
    border-color: #2a2a2a
}

.form__container[data-v-2da3767d] {
    border: .5px solid #E5E7EE;
    border-radius: 16px
}

.dark .form__container[data-v-2da3767d] {
    border-color: #2a2a2a
}

.form__elements[data-v-2da3767d] {
    display: flex;
    flex-direction: column;
    gap: 24px;
    padding: 24px
}

.form__footer[data-v-2da3767d] {
    display: flex;
    gap: 12px;
    justify-content: flex-end;
    align-items: center;
    padding: 8px 24px 24px
}

.form__required[data-v-2da3767d] {
    font-weight: 500;
    font-size: 12px;
    line-height: 15px;
    color: #acb1c2
}

.dark .form__required[data-v-2da3767d] {
    color: #a6a7b3
}

.form__button[data-v-2da3767d] {
    max-width: 124px;
    width: 100%
}

[data-v-06d2af83]:root {
    --color-scheme-active: #6C78F4
}

.fetch-error[data-v-06d2af83] {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    background: #f8f8fb
}

.dark .fetch-error[data-v-06d2af83] {
    background-color: #2f3136
}

.fetch-error__wrapper[data-v-06d2af83] {
    display: flex;
    max-width: 616px;
    width: 100%;
    min-height: 416px;
    padding: 8px;
    border-radius: 16px;
    border: 1px solid #E5E7EE;
    background: #fff;
    box-shadow: 0 560px 157px #91919100, 0 359px 143px #91919103, 0 202px 121px #9191910d, 0 90px 90px #91919117, 0 22px 49px #9191911a
}

.dark .fetch-error__wrapper[data-v-06d2af83] {
    border-color: #ddd
}

.fetch-error__container[data-v-06d2af83] {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    flex-direction: column;
    border-radius: 12px;
    border: .5px solid #E5E7EE;
    text-align: center
}

.dark .fetch-error__container[data-v-06d2af83] {
    border-color: #ddd
}

.fetch-error__title[data-v-06d2af83] {
    max-width: 320px;
    color: #60636c;
    font-weight: 500;
    font-size: 12px;
    line-height: 15px
}

.dark .fetch-error__title[data-v-06d2af83] {
    color: #ddd
}

.fetch-error__button[data-v-06d2af83] {
    margin-top: 12px
}

[data-v-1c69a872]:root {
    --color-scheme-active: #6C78F4
}

.created-by[data-v-1c69a872] {
    display: flex;
    gap: 8px;
    justify-content: center;
    align-items: center;
    margin-top: auto;
    padding: 22px 10px;
    color: #acb1c2;
    font-weight: 400;
    font-size: 16px;
    line-height: 20px
}

.dark .created-by[data-v-1c69a872] {
    color: #ddd
}

.created-by__button[data-v-1c69a872] {
    display: block
}

.created-by__logo[data-v-1c69a872] {
    display: block;
    width: 78px;
    height: 20px;
    fill: #acb1c2
}

.dark .created-by__logo[data-v-1c69a872] {
    color: #ddd
}

[data-v-1b9f5908]:root {
    --color-scheme-active: #6C78F4
}

.sharing[data-v-1b9f5908] {
    display: flex;
    flex-direction: column;
    height: 100%;
    overflow: auto
}

.sharing__loading[data-v-1b9f5908] {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%
}

[data-v-7cb0ffbf]:root {
    --color-scheme-active: #6C78F4
}

.shared[data-v-7cb0ffbf] {
    display: grid;
    grid-template-rows: max-content 1fr;
    overflow: hidden
}

.shared__loading[data-v-7cb0ffbf] {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%
}

.shared__content[data-v-7cb0ffbf] {
    display: flex;
    overflow: hidden
}

@media (max-width: 750px) {
    .shared__content[data-v-7cb0ffbf] {
        display: block;
        height: 100%;
        overflow-y: auto
    }
}

.shared__scrolled[data-v-7cb0ffbf] {
    flex: 1;
    overflow-y: auto
}

@media (max-width: 750px) {
    .shared__scrolled[data-v-7cb0ffbf] {
        padding: 0 15px
    }
}

.shared__wrap[data-v-7cb0ffbf] {
    width: 100%;
    margin: 0 auto;
    max-width: 720px
}

.shared__cover[data-v-7cb0ffbf] {
    display: flex;
    width: 100%;
    height: 224px;
    margin: 36px 0;
    max-width: 720px;
    border-radius: 4px;
    object-fit: cover
}

.shared__cover.has-avatar[data-v-7cb0ffbf] {
    margin-bottom: -52px
}

.shared__avatar[data-v-7cb0ffbf] {
    display: flex;
    margin: 36px 0
}

.shared__title[data-v-7cb0ffbf] {
    margin-top: 36px
}

.shared__error[data-v-7cb0ffbf] {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    font-weight: 700;
    flex-direction: column;
    row-gap: 8px
}

.shared__error-text[data-v-7cb0ffbf] {
    max-width: 300px;
    text-align: center
}

.shared__inner[data-v-7cb0ffbf] {
    margin: 0 auto 200px;
    max-width: 680px
}

[data-v-79f300a5]:root {
    --color-scheme-active: #6C78F4
}

.shared-header[data-v-79f300a5] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    height: 58px;
    padding: 0 40px;
    border-bottom: 1px solid #EDEDF5;
    flex-shrink: 0
}

.shared-header__title[data-v-79f300a5] {
    font-weight: 300;
    font-size: 16px;
    line-height: 150%;
    color: #8a8a8a
}

.shared-header__button[data-v-79f300a5] {
    padding-right: 17px;
    padding-left: 17px
}

[data-v-ebe1b976]:root {
    --color-scheme-active: #6C78F4
}

.shared-column[data-v-ebe1b976] {
    position: relative;
    flex: 1 1 274px;
    display: flex;
    min-width: 274px;
    max-width: 274px;
    flex-direction: column;
    -webkit-user-select: none;
    user-select: none;
    overflow: hidden
}

.shared-column__header[data-v-ebe1b976] {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 26px;
    margin-top: 4px;
    padding-right: 16px;
    padding-left: 8px;
    overflow: hidden;
    color: #93969f;
    text-align: center;
    text-overflow: ellipsis;
    font-weight: 400;
    font-size: 14px;
    line-height: 14px
}

.shared-column__task-cards[data-v-ebe1b976] {
    flex: 1 1 auto;
    overflow: hidden auto;
    transition: .4s
}

.shared-column__task-cards[data-v-ebe1b976]::-webkit-scrollbar {
    width: 3px
}

.shared-column__task-cards[data-v-ebe1b976]::-webkit-scrollbar-track {
    background-color: #e5e7ee;
    border-radius: 30px
}

.shared-column__task-cards[data-v-ebe1b976]::-webkit-scrollbar-thumb {
    background: #cacad2;
    border: none
}

.dark .shared-column__task-cards[data-v-ebe1b976]::-webkit-scrollbar-track {
    background-color: #93969f
}

.dark .shared-column__task-cards[data-v-ebe1b976]::-webkit-scrollbar-thumb {
    background: #60636c
}

.shared-column__task-card[data-v-ebe1b976] {
    margin: 4px
}

[data-v-f966cfbd]:root {
    --color-scheme-active: #6C78F4
}

.shared-board[data-v-f966cfbd] {
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    overflow: hidden
}

.shared-board__columns[data-v-f966cfbd] {
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: 274px;
    grid-column-gap: 6px;
    height: 100%;
    padding-bottom: 10px;
    overflow: auto hidden
}

[data-v-2c1e340c]:root {
    --color-scheme-active: #6C78F4
}

.shared-calendar[data-v-2c1e340c] {
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    overflow: hidden
}

.shared-calendar__body[data-v-2c1e340c] {
    position: relative;
    flex: 1 1 auto;
    display: flex;
    overflow: hidden
}

.shared-calendar__wrapper[data-v-2c1e340c] {
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: max-content;
    grid-column-gap: 6px;
    height: 100%;
    padding: 10px;
    overflow-y: hidden
}

.shared-calendar__column[data-v-2c1e340c] {
    grid-template-rows: max-content 1fr
}

.shared-calendar__column[data-v-2c1e340c] .header {
    grid-template-columns: 1fr;
    grid-template-rows: 1fr
}

.shared-calendar__column[data-v-2c1e340c] .header__date {
    text-align: center
}

[data-v-09e09d45]:root {
    --color-scheme-active: #6C78F4
}

.loading[data-v-09e09d45] {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%
}

.error[data-v-09e09d45] {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    font-weight: 700;
    flex-direction: column;
    row-gap: 8px
}

.error__text[data-v-09e09d45] {
    max-width: 300px;
    text-align: center
}

.shared[data-v-09e09d45] {
    display: grid;
    grid-template-rows: max-content 1fr;
    overflow: hidden
}

.document__link[data-v-09e09d45] svg path {
    fill: #ffb55d!important
}

.document__content[data-v-09e09d45] {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    padding: 25px 15px;
    overflow: hidden;
    background-color: #f8f8fb
}

@media (max-width: 750px) {
    .document__content[data-v-09e09d45] {
        display: block;
        height: 100%;
        overflow-y: auto
    }
}

.document__information[data-v-09e09d45] {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    height: 430px;
    margin-bottom: 76px;
    padding: 24px 20px 20px;
    background: #fff;
    max-width: 420px;
    border-radius: 16px;
    border: 1px solid #EDEDF5;
    box-shadow: 0 308px 86px #0000, 0 197px 79px #0000, 0 111px 67px #00000003, 0 49px 49px #00000005, 0 12px 27px #00000005
}

.document__illustration[data-v-09e09d45] {
    margin: 0 30px 16px
}

.document__title[data-v-09e09d45] {
    margin-bottom: 8px;
    color: #242629;
    font-weight: 500;
    font-size: 20px;
    line-height: 24px
}

.document__text[data-v-09e09d45] {
    word-break: break-all;
    color: #60636c;
    text-align: center;
    font-weight: 400;
    font-size: 13px;
    line-height: 15.6px
}

.document__text-link[data-v-09e09d45] {
    max-width: 380px;
    color: var(--color-scheme-active)
}

.document__button[data-v-09e09d45] {
    margin-top: auto;
    margin-bottom: 16px
}

.document__subtext[data-v-09e09d45] {
    color: #93969f;
    text-align: center;
    font-weight: 400;
    font-size: 12px;
    line-height: 14.4px
}

.document__subtext[data-v-09e09d45] a {
    color: #93969f
}

[data-v-69aa3f8e]:root {
    --color-scheme-active: #6C78F4
}

.shared-list[data-v-69aa3f8e] {
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    overflow: hidden
}

.shared-list__shared-list-ui[data-v-69aa3f8e] {
    padding: 23px 20px 0
}

[data-v-b98db69a]:root {
    --color-scheme-active: #6C78F4
}

.shared-month[data-v-b98db69a] {
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    overflow: hidden
}

.shared-month__months[data-v-b98db69a] {
    margin-top: 10px;
    padding-bottom: 10px
}

[data-v-fa23dc0d]:root {
    --color-scheme-active: #6C78F4
}

.error[data-v-fa23dc0d] {
    position: relative;
    flex: 1 1 auto;
    display: flex;
    gap: 16px;
    justify-content: center;
    align-items: center;
    padding-bottom: 45px;
    background-color: #fff;
    flex-direction: column
}

.dark .error[data-v-fa23dc0d] {
    background-color: #2f3136
}

.error__title[data-v-fa23dc0d] {
    font-weight: 500;
    font-size: 20px;
    line-height: 100%;
    margin: 0;
    color: #202430;
    text-align: center
}

.dark .error__title[data-v-fa23dc0d] {
    color: #ddd
}

.error__text[data-v-fa23dc0d] {
    display: flex;
    gap: 8px;
    justify-content: center;
    align-items: center;
    flex-direction: column
}

.error__description[data-v-fa23dc0d] {
    font-weight: 400;
    font-size: 14px;
    line-height: 100%;
    width: 395px;
    margin: 0;
    color: #93969f;
    text-align: center
}

.dark .error__description[data-v-fa23dc0d] {
    color: #8d8d8d
}

.error__number[data-v-fa23dc0d] {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 48px;
    height: 48px;
    border-radius: 8px;
    background-color: #f8f8fb
}

.dark .error__number[data-v-fa23dc0d] {
    background-color: #242629
}

[data-v-5efb7d1c]:root {
    --color-scheme-active: #6C78F4
}

.application-updated[data-v-5efb7d1c] {
    width: 410px;
    padding: 27px 24px 24px;
    background-color: #fff;
    border-radius: 8px
}

.dark .application-updated[data-v-5efb7d1c] {
    background-color: #383a3f
}

.application-updated__title[data-v-5efb7d1c] {
    margin-bottom: 6px;
    font-weight: 600;
    font-size: 20px;
    line-height: 24px;
    color: #242629;
    text-align: center
}

.dark .application-updated__title[data-v-5efb7d1c] {
    color: #ddd
}

.application-updated__description[data-v-5efb7d1c] {
    margin-bottom: 20px;
    font-weight: 300;
    font-size: 16px;
    line-height: 20px;
    color: #202430;
    text-align: center
}

.dark .application-updated__description[data-v-5efb7d1c] {
    color: #ddd
}

.application-updated__buttons[data-v-5efb7d1c] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: 20px
}

._ {
    display: flex;
    gap: 12px;
    align-items: center;
    padding: 14px 16px;
    background: #e5e7ee;
    box-sizing: border-box
}

.dark ._ {
    background: #181818
}

.a {
    margin: 0 24px 0 0;
    color: #242629;
    font-weight: 600;
    font-size: 14px;
    line-height: 14px
}

.dark .a {
    color: #93969f
}

.b {
    display: inline-flex;
    gap: 2px;
    margin-left: 8px;
    color: #93969f;
    transition: .25s;
    cursor: pointer;
    -webkit-user-select: none;
    user-select: none;
    font-weight: 500;
    font-size: 12px;
    line-height: 12px
}

.b:hover {
    opacity: .7
}

.dark .b {
    color: #cacad2
}

.c {
    width: 12px;
    height: 12px
}

.c path {
    fill: #93969f
}

.dark .c path {
    fill: #cacad2
}

.d,
.e {
    width: 24px;
    min-width: 24px;
    height: 24px;
    min-height: 24px
}

.d:deep(path),
.e:deep(path) {
    fill: #242629
}

.dark .d:deep(path),
.dark .e:deep(path) {
    fill: #93969f
}

.e {
    margin-left: auto;
    transition: .25s;
    cursor: pointer
}

.e:hover {
    opacity: .7
}

[data-v-0cd6ffa2]:root {
    --color-scheme-active: #6C78F4
}

.unavailable-workspace[data-v-0cd6ffa2] {
    display: flex;
    flex-direction: column;
    min-width: 460px
}

.unavailable-workspace__images-wrapper[data-v-0cd6ffa2] {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: -16px;
    -webkit-user-select: none;
    user-select: none
}

.result__image-result[data-v-0cd6ffa2],
.unavailable-workspace__image-exclamation[data-v-0cd6ffa2] {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 2;
    -webkit-user-select: none;
    user-select: none
}

.unavailable-workspace__body[data-v-0cd6ffa2] {
    display: flex;
    flex-direction: column;
    gap: 8px
}

.unavailable-workspace__title[data-v-0cd6ffa2] {
    position: relative;
    z-index: 2;
    margin: -32px auto 0;
    color: #202430;
    max-width: 428px;
    text-align: center;
    font-weight: 500;
    font-size: 20px;
    line-height: 22px
}

.dark .unavailable-workspace__title[data-v-0cd6ffa2] {
    color: #e5e7ee
}

.unavailable-workspace__description[data-v-0cd6ffa2] {
    position: relative;
    z-index: 2;
    margin: 0 auto;
    color: #202430;
    max-width: 310px;
    text-align: center;
    font-weight: 400;
    font-size: 14px;
    line-height: 16px
}

.dark .unavailable-workspace__description[data-v-0cd6ffa2] {
    color: #e5e7ee
}

.unavailable-workspace__description[data-v-0cd6ffa2] a {
    color: var(--color-scheme-active)
}

.unavailable-workspace__bottom[data-v-0cd6ffa2] {
    margin-top: 40px;
    padding: 0 16px 16px
}

.unavailable-workspace__button-well[data-v-0cd6ffa2] {
    width: 100%;
    height: 40px
}

html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0
}

.clearfix {
    display: inline-block
}

* html .clearfix {
    height: 1%
}

.clearfix {
    display: block
}

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

*:before,
*:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
    display: block
}

audio,
canvas,
progress,
video {
    display: inline-block;
    vertical-align: baseline
}

audio:not([controls]) {
    display: none;
    height: 0
}

[hidden],
template {
    display: none
}

a {
    background-color: transparent
}

a:active,
a:hover {
    outline: 0
}

abbr[title] {
    border-bottom: 1px dotted
}

b,
strong {
    font-weight: 700
}

dfn {
    font-style: italic
}

h1 {
    font-size: 2em;
    margin: .67em 0
}

mark {
    background: #ff0;
    color: #000
}

small {
    font-size: 80%
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sup {
    top: -.5em
}

sub {
    bottom: -.25em
}

img {
    border: 0
}

svg:not(:root) {
    overflow: hidden
}

figure {
    margin: 1em 40px
}

hr {
    box-sizing: content-box;
    height: 0
}

pre {
    overflow: auto
}

code,
kbd,
pre,
samp {
    font-family: monospace, monospace;
    font-size: 1em
}

button,
input,
optgroup,
select,
textarea {
    color: inherit;
    font: inherit;
    margin: 0
}

button {
    overflow: visible;
    border: 0
}

button,
select {
    text-transform: none
}

button,
html input[type=button],
input[type=reset],
input[type=submit] {
    -webkit-appearance: button;
    cursor: pointer
}

button[disabled],
html input[disabled] {
    cursor: default
}

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0
}

input {
    line-height: normal
}

input[type=checkbox],
input[type=radio] {
    box-sizing: border-box;
    padding: 0
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    height: auto
}

input[type=search] {
    -webkit-appearance: textfield;
    box-sizing: content-box
}

input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: .35em .625em .75em
}

legend {
    border: 0;
    padding: 0
}

textarea {
    overflow: auto
}

optgroup {
    font-weight: 700
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

td,
th {
    padding: 0
}

@font-face {
    font-family: SFUI;
    src: url(../fonts/SF-UI-Text-Light-BtgepZFk.ttf) format("truetype");
    font-weight: 300;
    font-style: normal
}

@font-face {
    font-family: SFUI;
    src: url(../fonts/SF-UI-Text-Regular-CLhsJQHq.ttf) format("truetype");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: SFUI;
    src: url(../fonts/SF-UI-Text-Medium-BoJ2inQA.ttf) format("truetype");
    font-weight: 500;
    font-style: normal
}

@font-face {
    font-family: SFUI;
    src: url(../fonts/SF-UI-Text-Semibold-Y7sb_pp1.ttf) format("truetype");
    font-weight: 600;
    font-style: normal
}

@font-face {
    font-family: SFUI;
    src: url(../fonts/SF-UI-Text-Bold-BFiyofMp.ttf) format("truetype");
    font-weight: 700;
    font-style: normal
}

@font-face {
    font-family: ProximaNova;
    src: url(../fonts/ProximaNovaLight-BJsRDAiH.otf) format("opentype");
    font-weight: 300;
    font-style: normal
}

@font-face {
    font-family: ProximaNova;
    src: url(../fonts/ProximaNovaRegular-BkyKiRiS.otf) format("opentype");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: ProximaNova;
    src: url(../fonts/ProximaNovaBold-ZY2eH_dj.otf) format("opentype");
    font-weight: 500;
    font-style: normal
}

@font-face {
    font-family: ProximaNova;
    src: url(../fonts/ProximaNovaBlack-DQbc3XgK.otf) format("opentype");
    font-weight: 600;
    font-style: normal
}

@font-face {
    font-family: Manrope VF;
    src: url(../fonts/ManropeVF-B3lntWEx.ttf) format("truetype-variations");
    font-variation-settings: "wght" 600
}

body.loading * {
    transition: none!important
}

@font-face {
    font-family: SFUI;
    src: url(../fonts/SF-UI-Text-Light-BtgepZFk.ttf) format("truetype");
    font-weight: 300;
    font-style: normal
}

@font-face {
    font-family: SFUI;
    src: url(../fonts/SF-UI-Text-Regular-CLhsJQHq.ttf) format("truetype");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: SFUI;
    src: url(../fonts/SF-UI-Text-Medium-BoJ2inQA.ttf) format("truetype");
    font-weight: 500;
    font-style: normal
}

@font-face {
    font-family: SFUI;
    src: url(../fonts/SF-UI-Text-Semibold-Y7sb_pp1.ttf) format("truetype");
    font-weight: 600;
    font-style: normal
}

@font-face {
    font-family: SFUI;
    src: url(../fonts/SF-UI-Text-Bold-BFiyofMp.ttf) format("truetype");
    font-weight: 700;
    font-style: normal
}

@font-face {
    font-family: ProximaNova;
    src: url(../fonts/ProximaNovaLight-BJsRDAiH.otf) format("opentype");
    font-weight: 300;
    font-style: normal
}

@font-face {
    font-family: ProximaNova;
    src: url(../fonts/ProximaNovaRegular-BkyKiRiS.otf) format("opentype");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: ProximaNova;
    src: url(../fonts/ProximaNovaBold-ZY2eH_dj.otf) format("opentype");
    font-weight: 500;
    font-style: normal
}

@font-face {
    font-family: ProximaNova;
    src: url(../fonts/ProximaNovaBlack-DQbc3XgK.otf) format("opentype");
    font-weight: 600;
    font-style: normal
}

@font-face {
    font-family: Manrope VF;
    src: url(../fonts/ManropeVF-B3lntWEx.ttf) format("truetype-variations");
    font-variation-settings: "wght" 600
}

html,
body {
    width: 100%;
    height: 100vh;
    color: #262626;
    overflow: hidden
}

@supports (-webkit-touch-callout: none) {
    html,
    body {
        height: 100dvh
    }
}

body {
    display: grid;
    grid-template-rows: 100vh;
    font-family: SFUI, sans-serif, Arial;
    font-size: 100%;
    overflow: hidden;
    background: #f8f8fb
}

@supports (-webkit-touch-callout: none) {
    body {
        grid-template-rows: 100dvh
    }
}

input.placeholder,
textarea.placeholder {
    color: #d3d3d3
}

input:-moz-placeholder,
textarea:-moz-placeholder {
    color: #d3d3d3
}

input::-moz-placeholder,
textarea::-moz-placeholder {
    color: #d3d3d3
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
    color: #d3d3d3
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
    color: #d3d3d3
}

.dark input.placeholder,
.dark textarea.placeholder {
    color: #8d8d8d
}

.dark input:-moz-placeholder,
.dark textarea:-moz-placeholder {
    color: #8d8d8d
}

.dark input::-moz-placeholder,
.dark textarea::-moz-placeholder {
    color: #8d8d8d
}

.dark input:-ms-input-placeholder,
.dark textarea:-ms-input-placeholder {
    color: #8d8d8d
}

.dark input::-webkit-input-placeholder,
.dark textarea::-webkit-input-placeholder {
    color: #8d8d8d
}

main {
    flex: 1 1 auto;
    display: flex
}

button {
    margin: 0;
    padding: 0;
    background: none
}

.dark::-webkit-scrollbar-track {
    background: #383a3f
}

.dark::-webkit-scrollbar-thumb {
    background-color: #60636c
}

::-webkit-scrollbar {
    width: 3px;
    height: 6px
}

::-webkit-scrollbar-track {
    background-color: #e5e7ee;
    border-radius: 30px
}

::-webkit-scrollbar-thumb {
    background: #cacad2;
    border: none;
    border-radius: 30px
}

::-webkit-scrollbar-thumb:hover {
    background: #acb1c2
}

.application-container {
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    height: 100%;
    overflow: hidden
}

.application-container.dark {
    color: #ddd
}

.modal__content {
    width: 100%;
    max-width: 500px
}

.modal__body {
    padding: 16px
}

.modal__fields {
    display: flex;
    flex-direction: column;
    gap: 16px
}

.modal__buttons {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-top: 24px;
    justify-content: flex-end
}

.modal__buttons.center {
    justify-content: center
}

.modal__button {
    max-width: 176px;
    width: 100%
}

.modal__button:not(.modal__buttons .modal__button) {
    margin-left: auto
}

.modal__bottom {
    display: flex;
    justify-content: space-between;
    padding: 0 14px 20px
}

.modal__bottom:last-child {
    justify-content: flex-end
}

.modal__bottom_center {
    justify-content: center
}

@keyframes pulse {
    0% {
        opacity: 0
    }
    50% {
        opacity: 1
    }
    to {
        opacity: 0
    }
}

.settings-page {
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    overflow: auto;
    background: #f8f8fb
}

.settings-page__box {
    max-width: 435px;
    width: 100%;
    background: #fff;
    flex: none;
    border-radius: 12px;
    flex: 1 1 1px
}

.settings-page__box-head {
    padding: 24px 24px 0
}

.settings-page__box-title {
    font-weight: 500;
    font-size: 20px;
    line-height: 120%
}

.settings-page__box-body {
    padding: 24px
}

.settings-page__box-bottom {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: 20px
}

.settings-page__box-bottom-desc {
    font-size: .75rem;
    font-weight: 300;
    color: #aeaeae;
    animation: text-fade-in 2s ease-in-out infinite
}

.settings-page__box-bottom-desc_red {
    color: #ff4d4f
}

@keyframes text-fade-in {
    0% {
        opacity: .2
    }
    50% {
        opacity: 1
    }
    to {
        opacity: .2
    }
}

.settings-page__body {
    flex: 1 1 auto;
    overflow-y: auto;
    padding: 16px
}

.settings-page__boxes {
    display: flex;
    align-items: flex-start;
    justify-content: center
}

.settings-page__title {
    font-size: 1rem;
    font-weight: 500;
    padding: 0 23px 0 64px;
    width: 274px;
    flex: none;
    border-right: 1px solid #EDEDF5;
    height: 60px;
    display: flex;
    align-items: center
}

.dark .settings-page {
    background: #2f3136
}

.dark .settings-page__box {
    box-shadow: 0 3px 6px #1e1e1e61;
    background: #383a3f
}

.dark .settings-page__box-title {
    color: #ddd
}

.dark .settings-page__box-bottom-desc {
    color: #aeaeae
}

.dark .settings-page__title {
    border-right: 1px solid #1E1F22
}

.g-settings-page__title {
    font-size: 1rem;
    font-weight: 500;
    width: 274px;
    flex: none;
    display: flex;
    align-items: center
}

.dark .g-settings-page__title {
    color: #ddd
}

.g-settings-page__subtitle {
    font-weight: 300;
    font-size: 14px;
    line-height: 17px
}

.dark .g-settings-page__subtitle {
    color: #ddd
}

.dark .checkbox__text {
    color: #8d8d8d
}

.dark .checkbox__text a {
    color: #b6bbf9
}

.dark .checkbox__icon:before {
    background: #b6bbf9
}

.dark .checkbox_disabled .checkbox__icon {
    border-color: #676767
}

.dark .checkbox_disabled .checkbox__text {
    color: #676767
}

.dark .checkbox input:checked~.checkbox__text {
    color: #ddd
}

.dark .checkbox input:checked~.checkbox__icon {
    border-color: #b6bbf9
}

.checkbox {
    cursor: pointer;
    display: flex;
    align-items: center;
    font-size: .875rem;
    color: #262626
}

.checkbox_disabled {
    cursor: default;
    color: #aeaeae
}

.checkbox input {
    display: none
}

.checkbox input[type=checkbox]~.checkbox__icon {
    border-radius: 4px
}

.checkbox input[type=checkbox]~.checkbox__icon:before {
    width: 12px;
    height: 12px;
    border-radius: 3px
}

.checkbox input:checked~.checkbox__icon {
    border-color: #6c78f4
}

.checkbox input:checked~.checkbox__icon:before {
    display: block!important
}

.checkbox input:checked~.checkbox__text {
    color: #262626
}

.checkbox__icon {
    border: 1px solid #EAEAEA;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex: none
}

.checkbox__icon:before {
    content: "";
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #6c78f4;
    display: none
}

.checkbox__text {
    margin-left: 10px;
    -webkit-user-select: none;
    user-select: none
}

.checkbox__text a {
    cursor: pointer;
    color: #6c78f4;
    text-decoration: underline
}

.fade-enter-active,
.fade-leave-active {
    transition: opacity .3s
}

.fade-enter-from,
.fade-leave-to {
    opacity: 0
}

.dark input[type=text],
.dark input[type=email],
.dark input[type=tel],
.dark input[type=number],
.dark input[type=password],
.dark select,
.dark textarea {
    color: #ddd;
    background: #2f3136;
    border: 1px solid #2b2c30
}

.dark input[type=text]:focus,
.dark input[type=email]:focus,
.dark input[type=tel]:focus,
.dark input[type=number]:focus,
.dark input[type=password]:focus,
.dark select:focus,
.dark textarea:focus {
    border-color: #27292d
}

.dark input[type=text][disabled],
.dark input[type=email][disabled],
.dark input[type=tel][disabled],
.dark input[type=number][disabled],
.dark input[type=password][disabled],
.dark select[disabled],
.dark textarea[disabled] {
    background: transparent;
    border-color: #2b2c30;
    color: #8d8d8d
}

input[type=text],
input[type=email],
input[type=tel],
input[type=number],
input[type=password],
select,
textarea {
    border-radius: 4px;
    border: 1px solid #e6e9f4;
    display: block;
    font-size: .875rem;
    width: 100%;
    outline: none;
    height: 40px;
    padding: 0 15px;
    transition: .2s ease
}

input[type=text]:focus,
input[type=email]:focus,
input[type=tel]:focus,
input[type=number]:focus,
input[type=password]:focus,
select:focus,
textarea:focus {
    border-color: #c0bebe
}

input[type=text][disabled],
input[type=email][disabled],
input[type=tel][disabled],
input[type=number][disabled],
input[type=password][disabled],
select[disabled],
textarea[disabled] {
    background: #eaeaea;
    border-color: #eaeaea;
    color: #aeaeae
}

textarea {
    resize: none;
    height: 120px;
    padding: 10px 15px
}

@keyframes translateTop {
    0% {
        transform: none
    }
    to {
        transform: translateY(50%)
    }
}

.dark .smooth-dnd-drop-preview-constant-class {
    color: #8d8d8d;
    background: #2f3136;
    border-bottom: 1px solid #2e2e2e
}

.dark .smooth-dnd-drop-preview-constant-class:before {
    background: #35373c;
    border-radius: 4px;
    border: 1px dashed #4a4c50
}

.card-drop-preview {
    z-index: 3;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: .875rem;
    color: #bebebe;
    font-weight: 300;
    background-color: #ededf5
}

.card-drop-preview:before {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 18px;
    right: 18px;
    bottom: 18px;
    left: 18px;
    background-color: #fff;
    border-radius: 5px
}

.dark .card-drop-preview {
    background-color: #242629
}

.smooth-dnd-container {
    min-width: 0!important
}

@media print {
    * {
        overflow: visible!important
    }
}

@keyframes grow {
    to {
        transform: scale(2.5);
        opacity: 0
    }
}

@keyframes loading {
    0% {
        transform: translate(-100%)
    }
    to {
        transform: translate(100%)
    }
}

@keyframes fade-in {
    0% {
        opacity: 0;
        transform: translateY(20px)
    }
    to {
        opacity: 1;
        transform: translateY(0)
    }
}

@keyframes DrawLine {
    0% {
        stroke-dashoffset: 2794
    }
    to {
        stroke-dashoffset: 6634
    }
}

.modal-list-enter-active,
.modal-list-leave-active,
.modal-list-enter-active .modal-item,
.modal-list-leave-active .modal-item {
    transition: .1s linear!important
}

.modal-list-enter-from .modal-item,
.modal-list-leave-to .modal-item {
    transform: translate(0)!important
}

.amo-button-holder {
    display: none
}

@media print {
    .modal.editor__addons {
        display: none!important
    }
}

:root {
    --color-scheme-active: #6C78F4
}

.modal-container {
    z-index: 9999;
    padding: 20px;
    background: #1d2733b3!important;
    overflow-y: auto
}

@media (max-width: 700px) {
    .modal-container {
        padding: 15px
    }
}

@media print {
    .modal-container {
        position: static!important;
        display: block!important;
        height: auto!important;
        padding: 0
    }
}

.modal-item {
    margin: auto;
    background-color: #fff;
    border-radius: 12px;
    box-shadow: 0 20px 60px -2px #1b213a66
}

@media print {
    .modal-item {
        max-width: 100%!important;
        border-radius: 0;
        box-shadow: none
    }
}

.dark .modal-item {
    background-color: #383a3f
}

[data-v-8734b1cc]:root {
    --color-scheme-active: #6C78F4
}

.application[data-v-8734b1cc] {
    display: flex;
    flex-direction: column;
    height: 100vh;
    overflow: hidden
}

@supports (-webkit-touch-callout: none) {
    .application[data-v-8734b1cc] {
        height: 100dvh
    }
}

.resize-observer[data-v-b329ee4c] {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    border: none;
    background-color: transparent;
    pointer-events: none;
    display: block;
    overflow: hidden;
    opacity: 0
}

.resize-observer[data-v-b329ee4c] object {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    overflow: hidden;
    pointer-events: none;
    z-index: -1
}

.v-popper__popper {
    z-index: 10000;
    top: 0;
    left: 0;
    outline: none
}

.v-popper__popper.v-popper__popper--hidden {
    visibility: hidden;
    opacity: 0;
    transition: opacity .15s, visibility .15s;
    pointer-events: none
}

.v-popper__popper.v-popper__popper--shown {
    visibility: visible;
    opacity: 1;
    transition: opacity .15s
}

.v-popper__popper.v-popper__popper--skip-transition,
.v-popper__popper.v-popper__popper--skip-transition>.v-popper__wrapper {
    transition: none!important
}

.v-popper__backdrop {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: none
}

.v-popper__inner {
    position: relative;
    box-sizing: border-box;
    overflow-y: auto
}

.v-popper__inner>div {
    position: relative;
    z-index: 1;
    max-width: inherit;
    max-height: inherit
}

.v-popper__arrow-container {
    position: absolute;
    width: 10px;
    height: 10px
}

.v-popper__popper--arrow-overflow .v-popper__arrow-container,
.v-popper__popper--no-positioning .v-popper__arrow-container {
    display: none
}

.v-popper__arrow-inner,
.v-popper__arrow-outer {
    border-style: solid;
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 0
}

.v-popper__arrow-inner {
    visibility: hidden;
    border-width: 7px
}

.v-popper__arrow-outer {
    border-width: 6px
}

.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-inner,
.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-inner {
    left: -2px
}

.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-outer,
.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-outer {
    left: -1px
}

.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-inner,
.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-outer {
    border-bottom-width: 0;
    border-left-color: transparent!important;
    border-right-color: transparent!important;
    border-bottom-color: transparent!important
}

.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-inner {
    top: -2px
}

.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-container {
    top: 0
}

.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-inner,
.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-outer {
    border-top-width: 0;
    border-left-color: transparent!important;
    border-right-color: transparent!important;
    border-top-color: transparent!important
}

.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-inner {
    top: -4px
}

.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-outer {
    top: -6px
}

.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-inner,
.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-inner {
    top: -2px
}

.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-outer,
.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-outer {
    top: -1px
}

.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-inner,
.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-outer {
    border-left-width: 0;
    border-left-color: transparent!important;
    border-top-color: transparent!important;
    border-bottom-color: transparent!important
}

.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-inner {
    left: -4px
}

.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-outer {
    left: -6px
}

.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-container {
    right: -10px
}

.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-inner,
.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-outer {
    border-right-width: 0;
    border-top-color: transparent!important;
    border-right-color: transparent!important;
    border-bottom-color: transparent!important
}

.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-inner {
    left: -2px
}

.v-popper--theme-tooltip .v-popper__inner {
    background: #000c;
    color: #fff;
    border-radius: 6px;
    padding: 7px 12px 6px
}

.v-popper--theme-tooltip .v-popper__arrow-outer {
    border-color: #000c
}

.v-popper--theme-dropdown .v-popper__inner {
    background: #fff;
    color: #000;
    border-radius: 6px;
    border: 1px solid #ddd;
    box-shadow: 0 6px 30px #0000001a
}

.v-popper--theme-dropdown .v-popper__arrow-inner {
    visibility: visible;
    border-color: #fff
}

.v-popper--theme-dropdown .v-popper__arrow-outer {
    border-color: #ddd
}

.v-popper--theme-tooltip .v-popper__inner {
    padding: 6px 8px;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    color: #fff;
    background: #1e1e1e;
    border: none;
    border-radius: 4px
}

.v-popper--theme-tooltip .v-popper__arrow-outer {
    position: relative;
    border: 7px solid #1e1e1e
}

#profile-tooltip .v-popper__arrow-outer {
    display: none!important
}