.navbar>.container {
    position: fixed;
    display: flex;
    margin-top: 84px;
}

.navbar {
    z-index: 5
}

.navbar li {
    margin: 0 3px;
}

.login-page-new__top-right-button:hover {
    color: #000;
}

#signup-page-new .login-page-new__main-form {
    margin: auto;
}

#login-page-new.show, #signup-page-new.show {
    overflow-x: hidden !important;
}

.cdk-overlay-container,.cdk-global-overlay-wrapper {
    pointer-events: none;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%
}

.cdk-overlay-container {
    position: fixed;
    z-index: 1000
}

.cdk-overlay-container:empty {
    display: none
}

.cdk-global-overlay-wrapper {
    display: flex;
    position: absolute;
    z-index: 1000
}

.cdk-overlay-pane {
    position: absolute;
    pointer-events: auto;
    box-sizing: border-box;
    z-index: 1000;
    display: flex;
    max-width: 100%;
    max-height: 100%
}

.cdk-overlay-backdrop {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1000;
    pointer-events: auto;
    -webkit-tap-highlight-color: transparent;
    transition: opacity .4s cubic-bezier(.25,.8,.25,1);
    opacity: 0
}

.cdk-overlay-backdrop.cdk-overlay-backdrop-showing {
    opacity: 1
}

.cdk-high-contrast-active .cdk-overlay-backdrop.cdk-overlay-backdrop-showing {
    opacity: .6
}

.cdk-overlay-dark-backdrop {
    background: rgba(0,0,0,.32)
}

.cdk-overlay-transparent-backdrop {
    transition: visibility 1ms linear,opacity 1ms linear;
    visibility: hidden;
    opacity: 1
}

.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing {
    opacity: 0;
    visibility: visible
}

.cdk-overlay-connected-position-bounding-box {
    position: absolute;
    z-index: 1000;
    display: flex;
    flex-direction: column;
    min-width: 1px;
    min-height: 1px
}

.cdk-global-scrollblock {
    position: fixed;
    width: 100%;
    overflow-y: scroll
}

textarea.cdk-textarea-autosize {
    resize: none
}

textarea.cdk-textarea-autosize-measuring {
    padding: 2px 0!important;
    box-sizing: content-box!important;
    height: auto!important;
    overflow: hidden!important
}

textarea.cdk-textarea-autosize-measuring-firefox {
    padding: 2px 0!important;
    box-sizing: content-box!important;
    height: 0!important
}

@keyframes cdk-text-field-autofill-start {
}

@keyframes cdk-text-field-autofill-end {
}

.cdk-text-field-autofill-monitored:-webkit-autofill {
    animation: cdk-text-field-autofill-start 0s 1ms
}

.cdk-text-field-autofill-monitored:not(:-webkit-autofill) {
    animation: cdk-text-field-autofill-end 0s 1ms
}

:root {
    --theme-main-color: #A2C44A;
    --theme-main-color-dark: #A2C44A;
    --theme-main-color-light: #36dbff;
}

html {
    box-sizing: border-box;
    -webkit-text-size-adjust: 100%;
    text-size-adjust: 100%;
    text-rendering: optimizeLegibility
}

*,*:before,*:after {
    box-sizing: inherit
}

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,menu,nav,output,ruby,section,summary,time,mark,audio,video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline
}

article,aside,details,figcaption,figure,footer,header,menu,nav,section {
    display: block
}

body {
    line-height: 1
}

ol,ul {
    list-style: none
}

blockquote,q {
    quotes: none
}

blockquote:before,blockquote:after,q:before,q:after {
    content: "";
    content: none
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

button {
    box-shadow: none;
    text-shadow: none;
    background: none;
    cursor: pointer;
    padding: 0;
    margin: 0
}

button:focus {
    outline: none
}

button::-moz-focus-inner {
    border: 0
}

input[type=text],input[type=password],input[type=email],input[type=search],input[type=number] {
    -webkit-appearance: none;
    appearance: none
}

input[type=text]::-ms-clear,input[type=text]::-ms-reveal,input[type=password]::-ms-clear,input[type=password]::-ms-reveal,input[type=email]::-ms-clear,input[type=email]::-ms-reveal,input[type=search]::-ms-clear,input[type=search]::-ms-reveal,input[type=number]::-ms-clear,input[type=number]::-ms-reveal {
    display: none
}

input[type=text]:focus,input[type=password]:focus,input[type=email]:focus,input[type=search]:focus,input[type=number]:focus {
    outline: none
}

input[type=text]::-moz-focus-inner,input[type=password]::-moz-focus-inner,input[type=email]::-moz-focus-inner,input[type=search]::-moz-focus-inner,input[type=number]::-moz-focus-inner {
    border: 0
}

input:focus,input:-webkit-autofill,input:-webkit-autofill:focus {
    -webkit-box-shadow: inset 0 0 0 9999px #fff
}

img[src=""],img[src=null],[hidden] {
    display: none
}

pre {
    display: block;
    overflow: auto;
    line-height: 130%;
    white-space: pre;
    margin: 1em 0;
    background: #f5f5f5
}

a {
    text-decoration: none
}

textarea {
    min-height: 0
}

*:focus {
    outline: none!important
}

*::-moz-focus-inner {
    border: 0!important
}

button,input,optgroup,select,textarea {
    font-family: inherit
}

.cu-icon {
    display: block;
    width: 100%;
    height: 100%
}

.icon {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-grow: 0;
    flex-shrink: 0;
    width: 100%;
    height: 100%
}

.icon svg {
    display: block;
    width: 100%;
    height: 100%
}

@charset "UTF-8";.flag-icon-background {
    background-size: contain;
    background-position: 50%;
    background-repeat: no-repeat
}

.flag-icon {
    background-size: contain;
    background-position: 50%;
    background-repeat: no-repeat;
    position: relative;
    display: inline-block;
    width: 1.33333333em;
    line-height: 1em
}

.flag-icon:before {
    content: "\a0"/""
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        transform: translateY(100%)
    }

    to {
        opacity: 1;
        transform: none
    }
}

@keyframes fadeInDown {
    0% {
        opacity: 0;
        transform: translateY(-100%)
    }

    to {
        opacity: 1;
        transform: translate(0)
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@keyframes slideDown {
    0% {
        height: 0;
        opacity: 0
    }

    50% {
        height: auto;
        opacity: 0
    }

    to {
        height: auto;
        opacity: 1
    }
}

@keyframes slideInDown {
    0% {
        transform: translateY(-100%);
        visibility: visible
    }

    to {
        transform: translate(0)
    }
}

@keyframes slideInUp {
    0% {
        transform: translateY(100%);
        visibility: visible
    }

    to {
        transform: translate(0)
    }
}

@keyframes slideOutUp {
    0% {
        transform: translate(0)
    }

    to {
        visibility: hidden;
        transform: translateY(-100%)
    }
}

@keyframes slideOutDown {
    0% {
        transform: translate(0)
    }

    to {
        visibility: hidden;
        transform: translateY(100%)
    }
}

@keyframes slideInLeft {
    0% {
        transform: translate(-100%);
        visibility: visible
    }

    to {
        transform: translate(0)
    }
}

@keyframes spinner {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(360deg)
    }
}

@keyframes bounceOutRight {
    20% {
        opacity: 1;
        transform: translate(-20px)
    }

    to {
        opacity: 0;
        transform: translate(2000px)
    }
}

@keyframes hideNewActivity {
    0% {
        opacity: 1;
        margin-bottom: 10px;
        height: 10px
    }

    70% {
        opacity: 0;
        margin-bottom: 10px;
        height: 10px
    }

    to {
        opacity: 0;
        height: 0;
        margin-bottom: 0
    }
}

@keyframes tada {
    0% {
        transform: scale(1)
    }

    10%,20% {
        transform: scale3d(.9,.9,.9) rotate(-3deg)
    }

    30%,50%,70%,90% {
        transform: scale3d(1.1,1.1,1.1) rotate(3deg)
    }

    40%,60%,80% {
        transform: scale3d(1.1,1.1,1.1) rotate(-3deg)
    }

    to {
        transform: scale(1)
    }
}

@keyframes btn-bouncedelay {
    0%,80%,to {
        transform: scale(0)
    }

    40% {
        transform: scale(1)
    }
}

@keyframes shake {
    0%,to {
        transform: translate(0)
    }

    10%,30%,50%,70%,90% {
        transform: translate(-10px)
    }

    20%,40%,60%,80% {
        transform: translate(10px)
    }
}

@keyframes checklistPulse {
    0% {
        transform: scale(1)
    }

    40% {
        transform: scale3d(.9,.9,.9)
    }

    to {
        transform: scale(1)
    }
}

@keyframes flash {
    0%,to {
        opacity: 1
    }

    50% {
        opacity: 0
    }
}

@keyframes dropdownMenuAnimation {
    0% {
        transform: scale(.95);
        opacity: .6
    }

    to {
        transform: scale(1);
        opacity: 1
    }
}

@keyframes dropdownMenuOutAnimation {
    0% {
        transform: scale(1);
        opacity: 1
    }

    to {
        transform: scale(.95);
        opacity: .6
    }
}

@keyframes notifications-alert-bell-swing {
    10% {
        transform: rotate(15deg)
    }

    20% {
        transform: rotate(-10deg)
    }

    30% {
        transform: rotate(5deg)
    }

    40% {
        transform: rotate(-5deg)
    }

    50% {
        transform: rotate(0)
    }

    to {
        transform: rotate(0)
    }
}

@keyframes skeletonLoading {
    to {
        background-position: 200% 0
    }
}

@keyframes skeletonLoadingShimmer {
    to {
        transform: translate(100%)
    }
}

@keyframes likeAnimation {
    0% {
        background-position-x: 0
    }

    to {
        background-position-x: -2475px
    }
}

@keyframes bounceVertically {
    0%,20%,53%,to {
        animation-timing-function: cubic-bezier(.215,.61,.355,1);
        transform: translateY(0)
    }

    40%,43% {
        animation-timing-function: cubic-bezier(.755,.05,.855,.06);
        transform: translateY(calc(var(--initial-bounce-height) * -1)) scaleY(1.1)
    }

    70% {
        animation-timing-function: cubic-bezier(.755,.05,.855,.06);
        transform: translateY(calc(var(--initial-bounce-height) * -1 / 2)) scaleY(1.05)
    }

    80% {
        transition-timing-function: cubic-bezier(.215,.61,.355,1);
        transform: translate(0) scaleY(.95)
    }

    90% {
        transform: translateY(calc(var(--initial-bounce-height) * -1 / 8)) scaleY(1.02)
    }
}

.cu-alert {
    display: flex;
    align-items: center;
    margin: 0 0 15px;
    padding: 15px;
    border: 1px solid #e4e4e4;
    background: #fff;
    border-radius: 3px
}

.dark-theme .cu-alert {
    color: #d5d6d7;
    background: #384047;
    border: 1px solid #2b343b
}

.cu-alert__icon {
    flex-shrink: 0;
    width: 40px;
    height: 40px;
    margin: 0 15px 0 0
}

.cu-alert__content {
    flex-grow: 1
}

.cu-alert__title {
    font-size: 19px;
    font-weight: 400;
    flex-grow: 1
}

.dark-theme .cu-alert__title {
    color: #d5d6d7
}

.cu-alert__message {
    font-size: 13px;
    font-weight: 400;
    margin: 8px 0 0;
    color: #818181
}

.cu-alert__link {
    color: #A2C44A;
    text-decoration: underline
}

@supports (--theme-main-color: $color-purple) {
    .cu-alert__link {
        color:var(--theme-main-color)
    }
}

.dark-theme .cu-alert__link {
    color: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .dark-theme .cu-alert__link {
        color:var(--theme-main-color)
    }
}

.cu-alert.cu-alert_error {
    border: 1px solid #fd71af
}

.cu-alert.cu-alert_error .cu-alert__title {
    color: #fd71af
}

.cu-alert.cu-alert_center .cu-alert__title {
    text-align: center
}

.cu-alert.cu-alert_standby {
    border-left: 4px solid #fc0;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    background: #fffcf0
}

.dark-theme .cu-alert.cu-alert_standby {
    background: #5f583c
}

.cu-alert.cu-alert_standby .cu-alert__title {
    margin-bottom: 10px
}

.dark-theme .cu-alert.cu-alert_standby .cu-alert__title {
    color: #1e272e
}

.cu-alert.cu-alert_standby .cu-alert__message {
    font-size: 14px;
    font-weight: 400;
    color: #343434;
    margin-bottom: 10px
}

.dark-theme .cu-alert.cu-alert_standby .cu-alert__message {
    color: #d5d6d7
}

.cu-alert.cu-alert_standby .cu-alert__note {
    font-size: 14px;
    font-weight: 400;
    color: #343434
}

.dark-theme .cu-alert.cu-alert_standby .cu-alert__note {
    color: #d5d6d7
}

.cu-alert.cu-alert_standby .cu-alert__note strong {
    font-weight: 500
}

.dark-theme .cu-alert.cu-alert_standby .cu-alert__note strong {
    color: #d5d6d7
}

.cu-alert.cu-alert_standby .cu-alert__link,.dark-theme .cu-alert.cu-alert_standby .cu-alert__link {
    color: #fc0
}

.cu-avatar {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 10px;
    font-weight: 400;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    color: #ffffffe6;
    text-transform: uppercase;
    padding: 0;
    position: relative;
    flex-shrink: 0;
    white-space: normal
}

.dark-theme .cu-avatar {
    color: #ffffffe6
}

.cu-avatar__online {
    display: block;
    position: absolute;
    top: 0;
    left: auto;
    right: 0;
    width: 9px;
    height: 9px;
    background-color: #1ad67b;
    border: 1px solid #fff;
    border-radius: 50%
}

.dark-theme .cu-avatar__online {
    border-color: #2b343b
}

.cu-avatar.cu-avatar_28 .cu-avatar__online {
    width: 8px;
    height: 8px;
    top: -1px;
    right: -1px
}

.cu-avatar.cu-avatar_sm .cu-avatar__online,.cu-avatar.cu-avatar_20 .cu-avatar__online {
    width: 7px;
    height: 7px;
    top: -2px;
    right: -2px
}

.cu-avatar.cu-avatar_14 .cu-avatar__online,.cu-avatar.cu-avatar_16 .cu-avatar__online {
    width: 6px;
    height: 6px;
    top: -1px;
    right: -1px
}

.cu-avatar-container {
    position: relative
}

.cu-avatar_photo {
    background-position: center center;
    background-size: cover
}

.cu-avatar .cu-avatar-icon {
    height: 20px;
    width: 20px
}

.cu-avatar .icon {
    width: 11px;
    height: 11px
}

.cu-avatar .cu-avatar__unassigned-icon {
    width: 100%;
    height: 100%
}

.cu-avatar_icon {
    display: flex;
    align-items: center;
    justify-content: center;
    fill: #fff
}

.cu-avatar_icon svg {
    width: 60%;
    height: 60%
}

.cu-avatar_bot,.cu-avatar_source {
    background: transparent
}

.cu-avatar_bot svg,.cu-avatar_source svg {
    width: 100%;
    height: 100%
}

.cu-avatar_sentry {
    fill: #362d59
}

.dark-theme .cu-avatar_sentry {
    fill: #fff
}

.cu-avatar_intercom {
    fill: #000
}

.dark-theme .cu-avatar_intercom {
    fill: #fff
}

.cu-avatar_zendesk {
    fill: #03363d
}

.dark-theme .cu-avatar_zendesk {
    fill: #fff
}

.cu-avatar_guest:after {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    left: auto;
    right: 0;
    width: 11px;
    height: 11px;
    background-color: #f8a600;
    border: 2px solid #fff;
    border-radius: 3px
}

.dark-theme .cu-avatar_guest:after {
    border-color: #2b343b
}

.cu-user-group_sm .cu-avatar_guest:after {
    bottom: -2px;
    right: -2px;
    width: 10px;
    height: 10px
}

.cu-avatar_guest.cu-avatar_20:after {
    bottom: -2px;
    right: -2px;
    width: 7px;
    height: 7px;
    border-width: 1px;
    border-radius: 2px
}

.cu-avatar_guest.cu-avatar_64:after {
    bottom: 4px;
    right: 4px;
    width: 16px;
    height: 16px
}

.cu-avatar_guest.cu-avatar_96:after {
    bottom: 6px;
    right: 6px;
    width: 16px;
    height: 16px
}

.cu-avatar__guest-tooltip {
    width: 7px;
    height: 7px;
    background-color: #f8a600;
    border-radius: 1px;
    position: relative;
    display: inline-block
}

div.cu-avatar.cu-avatar_bot {
    padding: 2px
}

div.cu-avatar {
    padding: 0
}

img.cu-avatar {
    padding: 0;
    object-fit: cover
}

.cu-avatar.cu-avatar_lg {
    width: 38px;
    height: 38px
}

.cu-avatar.cu-avatar_14 {
    width: 14px;
    height: 14px
}

.cu-avatar.cu-avatar_16 {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 8px;
    font-weight: 500;
    width: 16px;
    height: 16px
}

.cu-avatar.cu-avatar_sm,.cu-avatar.cu-avatar_20 {
    width: 20px;
    height: 20px
}

.cu-avatar.cu-avatar_24 {
    width: 24px;
    height: 24px
}

.cu-avatar.cu-avatar_28 {
    width: 28px;
    height: 28px
}

.cu-avatar.cu-avatar_30 {
    width: 30px;
    height: 30px
}

.cu-avatar.cu-avatar_34 {
    width: 34px;
    height: 34px
}

.cu-avatar.cu-avatar_36 {
    width: 36px;
    height: 36px
}

.cu-avatar.cu-avatar_38 {
    width: 38px;
    height: 38px
}

.cu-avatar.cu-avatar_40 {
    width: 40px;
    height: 40px
}

.cu-avatar.cu-avatar_m-lg,.cu-avatar.cu-avatar_42 {
    width: 42px;
    height: 42px
}

.cu-avatar.cu-avatar_x-lg,.cu-avatar.cu-avatar_50 {
    font-size: 12px;
    font-weight: 400;
    width: 50px;
    height: 50px
}

.cu-avatar.cu-avatar_64 {
    font-size: 24px;
    font-weight: 400;
    width: 64px;
    height: 64px
}

.cu-avatar.cu-avatar_64:before {
    display: none
}

.cu-avatar.cu-avatar_96 {
    font-size: 36px;
    line-height: 48px;
    width: 96px;
    height: 96px
}

.cu-avatar.cu-avatar_mr {
    margin: 0 15px 0 0
}

.cu-avatar.cu-avatar_block {
    width: 100%;
    height: 100%
}

.cu-avatar.cu-avatar_shadow {
    position: relative;
    box-shadow: 0 0 0 1px #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .cu-avatar.cu-avatar_shadow {
        box-shadow:0 0 0 1px var(--theme-main-color)
    }
}

.cu-avatar.cu-avatar_self {
    position: relative;
    box-shadow: 0 0 0 1px #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .cu-avatar.cu-avatar_self {
        box-shadow:0 0 0 1px var(--theme-main-color)
    }
}

.cu-avatar.cu-avatar_empty {
    border: 1px dashed #c2c2c2;
    color: #c2c2c2;
    font-size: 16px;
    padding: 0;
    position: relative;
    width: 34px;
    height: 34px;
    margin-left: 2px!important;
    margin-right: 2px!important
}

.cu-avatar.cu-avatar_empty .cu-avatar__add {
    height: 100%;
    width: 100%
}

.cu-avatar.cu-avatar_empty .cu-avatar__add>.cu-avatar__add-user {
    position: absolute;
    left: 10px;
    top: 10px;
    width: 18px;
    height: 18px;
    z-index: 1
}

.cu-avatar.cu-avatar_empty .cu-avatar__add>.cu-avatar__add-plus {
    z-index: 2;
    background-color: #fff;
    border: 1px solid #fff;
    border-radius: 50%;
    position: absolute;
    right: 6px;
    top: 18px;
    height: 14px;
    width: 14px
}

.cu-avatar.cu-avatar__assign-mono {
    padding: 2px;
    position: relative;
    border-radius: 0;
    background: none;
    cursor: pointer
}

.cu-avatar.cu-avatar__assign-mono .icon {
    width: 100%;
    height: 100%
}

.cu-avatar.cu-avatar__assign-mono svg {
    width: 100%;
    height: 100%
}

.cu-avatar.cu-avatar__assign-mono_under {
    position: absolute;
    border: 1px dashed #c2c2c2;
    width: 100%;
    height: 100%
}

.cu-avatar.cu-avatar-team_empty {
    padding: 0;
    position: relative
}

.cu-avatar.cu-avatar-team_empty .icon {
    width: 100%;
    height: 100%
}

.cu-avatar.cu-avatar-team_empty svg {
    width: 100%;
    height: 100%
}

.cu-avatar .cu-avatar-team_name-empty {
    width: 32px;
    height: 31px
}

.cu-avatar.cu-avatar_chat {
    width: 30px;
    height: 30px;
    font-size: 11px
}

.cu-avatar.cu-avatar_bordered {
    border: 2px solid #fff
}

.dark-theme .cu-avatar.cu-avatar_bordered {
    border: 2px solid #2b343b
}

.cu-avatar.cu-avatar_transparent,.dark-theme .cu-avatar.cu-avatar_transparent {
    border-color: transparent
}

.cu-avatar.cu-avatar_square {
    border-radius: 10px
}

.cu-user-group {
    position: relative;
    display: flex;
    flex-grow: 0;
    flex-shrink: 0;
    flex-direction: row-reverse;
    justify-content: flex-end;
    padding: 0 0 0 12px
}

.cu-user-group__guest {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 11px;
    height: 11px;
    background-color: #f8a600;
    border: 2px solid #fff;
    border-radius: 3px
}

.cu-user-group__icon {
    width: 38px;
    height: 38px;
    padding: 2px
}

.cu-user-group__icon_under {
    position: absolute;
    border: 1px dashed #c2c2c2;
    width: 100%;
    height: 100%;
    border-radius: 50%
}

.cu-user-group__remove {
    position: absolute;
    z-index: 1;
    width: 19px;
    height: 19px;
    top: -5px;
    right: -5px;
    border-radius: 50%;
    border: 2px solid #fff;
    background: #979797;
    display: none;
    cursor: pointer;
    fill: #fff;
    padding: 2px
}

.dark-theme .cu-user-group__remove {
    fill: #fff;
    border-color: #384047
}

.cu-user-group__remove:hover {
    background: #A2C44A;
    fill: #fff
}

@supports (--theme-main-color: $color-purple) {
    .cu-user-group__remove:hover {
        background:var(--theme-main-color)
    }
}

.cu-user-group__item:hover .cu-user-group__remove {
    display: block
}

.cu-user-group .cu-user-group__more {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 10px;
    font-weight: 600;
    line-height: 9px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 28px;
    height: 28px;
    border-radius: 14px;
    color: #7c828d;
    text-decoration: none;
    border: 2px solid #fff;
    background: #f0edf5;
    text-indent: -3px;
    padding: 2px 3px 0
}

.dark-theme .cu-user-group .cu-user-group__more {
    border-color: #2b343b
}

.cu-user-group .cu-user-group__more.cu-user-group__more_lg {
    font-size: 9px;
    font-weight: 600;
    line-height: 10px;
    min-width: 40px;
    padding: 0 3px;
    border-radius: 20px;
    height: 40px;
    text-indent: 2px;
    letter-spacing: 0
}

.cu-dashboard-doc-main__content .cu-user-group .cu-user-group__more.cu-user-group__more_lg {
    width: 30px;
    height: 30px;
    border: none;
    text-indent: 5px
}

.cu-user-group_x-lg .cu-avatar,.cu-user-group_x-lg .cu-user-group__icon {
    width: 50px;
    height: 50px
}

.cu-user-group_m-lg .cu-avatar,.cu-user-group_m-lg .cu-user-group__icon {
    width: 40px;
    height: 40px
}

.cu-user-group_m:not(.cu-user-group_form-input) .cu-avatar,.cu-user-group_m:not(.cu-user-group_form-input) .cu-user-group__icon {
    width: 30px;
    height: 30px
}

.cu-user-group_m .cu-user-group__more.cu-user-group__more_lg {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 10px;
    font-weight: 600;
    line-height: 10px;
    min-width: 30px;
    padding: 0 3px;
    border-radius: 15px;
    height: 30px;
    text-indent: 0;
    letter-spacing: 0
}

.cu-user-group .cu-user-group__item {
    position: relative;
    margin-left: -12px
}

.cu-user-group .cu-user-group__item:hover .cu-stroke {
    stroke: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .cu-user-group .cu-user-group__item:hover .cu-stroke {
        stroke:var(--theme-main-color)
    }
}

.cu-user-group .cu-user-group__item:hover .cu-fill {
    fill: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .cu-user-group .cu-user-group__item:hover .cu-fill {
        fill:var(--theme-main-color)
    }
}

.cu-user-group .cu-user-group__item>.cu-avatar {
    margin: 0
}

.cu-user-group .cu-user-group__item.cu-user-group__item_due-date {
    margin-right: 3px
}

.cu-user-group .cu-user-group__item.cu-user-group__item_due-date .icon {
    width: 34px;
    height: 34px;
    padding: 0;
    background: transparent
}

.cu-user-group .cu-user-group__item.cu-user-group__item_due-date svg {
    width: 100%;
    height: 100%
}

.cu-user-group .cu-user-group__item.cu-user-group__item_due-date .cu-fill {
    fill: #b9bec7
}

.contrast_high .cu-user-group .cu-user-group__item.cu-user-group__item_due-date .cu-fill,.dark-theme .cu-user-group .cu-user-group__item.cu-user-group__item_due-date .cu-fill {
    fill: #979797
}

.cu-user-group .cu-user-group__item.cu-user-group__item_due-date .cu-stroke {
    stroke: #b9bec7
}

.contrast_high .cu-user-group .cu-user-group__item.cu-user-group__item_due-date .cu-stroke,.dark-theme .cu-user-group .cu-user-group__item.cu-user-group__item_due-date .cu-stroke {
    stroke: #979797
}

.cu-user-group .cu-user-group__item.cu-user-group__item_due-date:hover .cu-fill {
    fill: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .cu-user-group .cu-user-group__item.cu-user-group__item_due-date:hover .cu-fill {
        fill:var(--theme-main-color)
    }
}

.cu-user-group .cu-user-group__item.cu-user-group__item_due-date:hover .cu-stroke {
    stroke: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .cu-user-group .cu-user-group__item.cu-user-group__item_due-date:hover .cu-stroke {
        stroke:var(--theme-main-color)
    }
}

.cu-user-group .cu-user-group__item.cu-user-group__item_time-tracker {
    width: 34px;
    height: 34px
}

.cu-user-group .cu-user-group__item.cu-user-group__item_time-tracker .icon {
    width: 34px;
    height: 34px;
    padding: 0;
    display: block
}

.cu-user-group .cu-user-group__item.cu-user-group__item_time-tracker svg {
    width: 100%;
    height: 100%
}

.cu-user-group .cu-user-group__item.cu-user-group__item_time-tracker .cu-fill {
    fill: #c1c1c1
}

.contrast_high .cu-user-group .cu-user-group__item.cu-user-group__item_time-tracker .cu-fill,.dark-theme .cu-user-group .cu-user-group__item.cu-user-group__item_time-tracker .cu-fill {
    fill: #979797
}

.cu-user-group .cu-user-group__item.cu-user-group__item_time-tracker .cu-stroke {
    stroke: #c1c1c1
}

.contrast_high .cu-user-group .cu-user-group__item.cu-user-group__item_time-tracker .cu-stroke,.dark-theme .cu-user-group .cu-user-group__item.cu-user-group__item_time-tracker .cu-stroke {
    stroke: #979797
}

.cu-user-group .cu-user-group__item.cu-user-group__item_time-tracker:hover .cu-fill {
    fill: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .cu-user-group .cu-user-group__item.cu-user-group__item_time-tracker:hover .cu-fill {
        fill:var(--theme-main-color)
    }
}

.cu-user-group .cu-user-group__item.cu-user-group__item_time-tracker:hover .cu-stroke {
    stroke: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .cu-user-group .cu-user-group__item.cu-user-group__item_time-tracker:hover .cu-stroke {
        stroke:var(--theme-main-color)
    }
}

.cu-user-group .cu-user-group__item.cu-user-group__item_time-tracker .icon_time-tracker-bkg {
    fill: #fff
}

.dark-theme .cu-user-group .cu-user-group__item.cu-user-group__item_time-tracker .icon_time-tracker-bkg {
    fill: #384047
}

.cu-user-group .cu-user-group__item .cu-user-group__icon_purple,.cu-user-group .cu-user-group__item .cu-user-group__icon_no-active {
    display: none
}

.cu-user-group .cu-user-group__item .cu-user-group__icon_no-active {
    cursor: default
}

.cu-user-group .cu-user-group__item .cu-fill {
    fill: #c1c1c1
}

.contrast_high .cu-user-group .cu-user-group__item .cu-fill,.dark-theme .cu-user-group .cu-user-group__item .cu-fill {
    fill: #979797
}

.cu-user-group .cu-user-group__item .cu-stroke {
    stroke: #c1c1c1
}

.contrast_high .cu-user-group .cu-user-group__item .cu-stroke,.dark-theme .cu-user-group .cu-user-group__item .cu-stroke {
    stroke: #979797
}

.cu-user-group .cu-user-group__item_watcher {
    width: 38px;
    height: 38px;
    padding: 2px
}

.cu-user-group .cu-user-group__item_watcher .icon {
    width: 100%;
    height: 100%
}

.cu-user-group .cu-user-group__item_watcher svg {
    width: 100%;
    height: 100%
}

.cu-user-group .cu-user-group__item_watcher .cu-fill {
    fill: #cbc9cf
}

.contrast_high .cu-user-group .cu-user-group__item_watcher .cu-fill,.dark-theme .cu-user-group .cu-user-group__item_watcher .cu-fill {
    fill: #979797
}

.cu-user-group .cu-user-group__item_watcher .cu-stroke {
    stroke: #cbc9cf
}

.contrast_high .cu-user-group .cu-user-group__item_watcher .cu-stroke,.dark-theme .cu-user-group .cu-user-group__item_watcher .cu-stroke {
    stroke: #979797
}

.cu-user-group .cu-user-group__item_watcher:hover .cu-user-group__icon-mono {
    display: none
}

.cu-user-group .cu-user-group__item_watcher:hover .cu-stroke {
    stroke: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .cu-user-group .cu-user-group__item_watcher:hover .cu-stroke {
        stroke:var(--theme-main-color)
    }
}

.cu-user-group .cu-user-group__item_watcher:hover .cu-fill {
    fill: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .cu-user-group .cu-user-group__item_watcher:hover .cu-fill {
        fill:var(--theme-main-color)
    }
}

.cu-user-group.cu-user-group_due-date {
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    cursor: pointer
}

.cu-user-group.cu-user-group_due-date.due-date_view-task {
    flex-direction: column;
    padding: 0;
    margin: 0
}

.cu-user-group.cu-user-group_due-date:hover .cu-task-info__key {
    color: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .cu-user-group.cu-user-group_due-date:hover .cu-task-info__key {
        color:var(--theme-main-color)
    }
}

.cu-user-group.cu-user-group_due-date .cu-task-info__key {
    margin: 0
}

.cu-user-group.cu-user-group_time-tracker {
    flex-direction: row;
    justify-content: flex-start;
    align-items: center
}

.cu-user-group.cu-user-group_time-tracker:hover .cu-task-info__key {
    color: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .cu-user-group.cu-user-group_time-tracker:hover .cu-task-info__key {
        color:var(--theme-main-color)
    }
}

.cu-user-group.cu-user-group_time-tracker:hover .icon_time-tracker-grey {
    display: none
}

.cu-user-group.cu-user-group_time-tracker:hover .icon_time-tracker-purple {
    display: block
}

.cu-user-group.cu-user-group_time-tracker .cu-task-info__key {
    margin: 0
}

.cu-user-group.due-date_view-task:hover .cu-user-group__item_due-date .icon_due-date-grey {
    display: none
}

.cu-user-group.due-date_view-task:hover .cu-user-group__item_due-date .icon_due-date-purple {
    display: block
}

.cu-user-group__icon-alt {
    height: 24px;
    width: 24px;
    background-color: #fff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 2px 8px #0000001f;
    cursor: pointer
}

.cu-user-group__icon-alt:hover .icon {
    fill: var(--theme-main-color)
}

.cu-user-group__icon-alt .icon {
    transition: fill .2s cubic-bezier(.785,.135,.15,.86) 0s;
    height: 10px!important;
    width: 8px!important;
    fill: #b9bec7
}

.dark-theme .cu-user-group__icon-alt {
    background-color: #1e272e
}

.cu-user-group.cu-user-group_sm {
    justify-content: center
}

.cu-user-group.cu-user-group_sm .cu-avatar {
    width: 24px;
    height: 24px;
    font-size: 8px
}

.cu-user-group.cu-user-group_sm div.cu-avatar {
    padding: 0
}

.cu-user-group.cu-user-group_sm .cu-avatar.cu-avatar_bordered {
    border: 2px solid #fff
}

.dark-theme .cu-user-group.cu-user-group_sm .cu-avatar.cu-avatar_bordered {
    border: 2px solid #2b343b
}

.cu-user-group.cu-user-group_sm .cu-avatar.cu-avatar_transparent,.dark-theme .cu-user-group.cu-user-group_sm .cu-avatar.cu-avatar_transparent {
    border-color: transparent
}

.cu-user-group.cu-user-group_sm .cu-user-group__item+.cu-user-group__item {
    margin-left: -8px
}

.cu-user-group.cu-user-group_sm .cu-user-group__more {
    min-width: 24px;
    padding: 0 3px;
    border-radius: 12px;
    height: 24px;
    font-size: 10px;
    font-weight: 500;
    margin-left: 4px
}

.cu-user-group.cu-user-group_m {
    justify-content: center
}

.cu-user-group.cu-user-group_m:not(.cu-user-group_form-input) .cu-avatar {
    width: 30px;
    height: 30px;
    font-size: 10px
}

.cu-user-group.cu-user-group_m .cu-user-group__more.cu-user-group__more_lg {
    min-width: 30px!important;
    padding: 0 3px;
    border-radius: 15px;
    height: 30px!important;
    font-size: 9px
}

.cu-user-group.cu-user-group_m div.cu-avatar {
    padding: 0
}

.cu-user-group.cu-user-group_m .cu-avatar.cu-avatar_bordered {
    border: 2px solid #fff
}

.dark-theme .cu-user-group.cu-user-group_m .cu-avatar.cu-avatar_bordered {
    border: 2px solid #2b343b
}

.cu-user-group.cu-user-group_m .cu-avatar.cu-avatar_transparent,.dark-theme .cu-user-group.cu-user-group_m .cu-avatar.cu-avatar_transparent {
    border-color: transparent
}

.cu-user-group.cu-user-group_m .cu-user-group__item+.cu-user-group__item {
    margin-left: -8px
}

.cu-user-group.cu-user-group_for-list-details .cu-avatar.cu-avatar_bordered {
    border: none
}

.cu-user-group.cu-user-group_for-user-filter {
    padding: 0 0 0 4px
}

.cu-user-group.cu-user-group_for-user-filter .cu-user-group__item {
    margin-left: -8px
}

.cu-user-group.cu-user-group_for-user-filter .cu-user-group__item .cu-user-group__more {
    margin-left: 10px
}

.cu-user-group.cu-user-group_left {
    justify-content: flex-end
}

.avatar-picker__dropdown-toggle {
    display: flex;
    flex-direction: column;
    cursor: pointer
}

.avatar-picker__preview {
    font-size: 48px;
    font-weight: 500;
    line-height: 1;
    height: 150px;
    width: 150px;
    margin: 0 0 25px;
    border-radius: 150px;
    background: #d2d0d5;
    overflow: hidden;
    position: relative;
    color: #fff;
    text-transform: uppercase
}

.avatar-picker__preview img {
    height: 100%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateY(-50%) translate(-50%)
}

.avatar-picker__trigger-text {
    color: #A2C44A;
    font-size: 12px;
    font-weight: 500;
    line-height: 1;
    position: relative;
    text-align: center
}

@supports (--theme-main-color: $color-purple) {
    .avatar-picker__trigger-text {
        color:var(--theme-main-color)
    }
}

.avatar-picker__dropdown-menu {
    padding: 15px
}

.avatar-picker__avatar-container {
    font-size: 0
}

.avatar-picker__avatar-preset {
    width: 40px;
    cursor: pointer;
    margin: 0 8px 10px 0
}

.avatar-picker__uploader-trigger,.avatar-picker__uploader-remove {
    transition: all .2s cubic-bezier(.785,.135,.15,.86) 0s;
    font-size: 13px;
    font-weight: 500;
    position: relative;
    height: 40px;
    line-height: 40px;
    margin: 0 auto;
    border-radius: 3px;
    border: 1px solid;
    text-align: center;
    cursor: pointer
}

.avatar-picker__uploader-trigger {
    margin: 7px;
    border-color: #A2C44A;
    color: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .avatar-picker__uploader-trigger {
        border-color:var(--theme-main-color)
    }
}

@supports (--theme-main-color: $color-purple) {
    .avatar-picker__uploader-trigger {
        color:var(--theme-main-color)
    }
}

.avatar-picker__uploader-trigger:hover {
    background: #A2C44A;
    color: #fff
}

@supports (--theme-main-color: $color-purple) {
    .avatar-picker__uploader-trigger:hover {
        background:var(--theme-main-color)
    }
}

.avatar-picker__uploader-remove {
    margin: 10px auto 0;
    color: #f24752
}

.avatar-picker__uploader-remove:hover {
    background: #f24752;
    color: #fff
}

.cu-badge {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    height: 20px;
    padding: 0 8px;
    color: #bdbdbd;
    border: 1px solid #d6d6d6;
    border-radius: 20px;
    font-size: 11px;
    font-weight: 500
}

.contrast_high .cu-badge {
    color: #979797;
    border: 1px solid #979797
}

.cu-badge-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-content: flex-start;
    flex-grow: 1;
    width: 100%;
    margin: 10px 0 0
}

.test-class-that-does-nothing {
    color: #fff
}

.cdk-visually-hidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    white-space: nowrap;
    outline: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    left: 0
}

[dir=rtl] .cdk-visually-hidden {
    left: auto;
    right: 0
}

* {
    color: #2a2e34
}

.dark-theme * {
    color: #d5d6d7
}

html {
    font-family: -apple-system,BlinkMacSystemFont,Segoe UI,roboto,Helvetica Neue,helvetica,arial,sans-serif;
    -webkit-hyphenate-character: "-"
}

html,body {
    height: 100%;
    cursor: default
}

body {
    overflow: hidden;
    font-size: 13px;
    font-family: -apple-system,BlinkMacSystemFont,Segoe UI,roboto,Helvetica Neue,helvetica,arial,sans-serif;
    background: #fafbfc
}

body.dark-theme {
    background: #1e272e
}

h1 {
    color: #343434;
    font-size: 31px;
    font-weight: 300;
    line-height: 34px
}

h2 {
    font-size: 20px;
    line-height: 40px;
    color: #343434
}

[contenteditable]:focus {
    outline: 0 solid transparent
}

#loading-placeholder {
    display: none
}

#loading-placeholder.show {
    display: inline
}

#loading-placeholder .cu-nav-project,#loading-placeholder .cu-nav-user {
    width: 100px;
    height: 50px
}

#mobile-ios,#mobile-android {
    display: none
}

#mobile-ios.show,#mobile-android.show {
    display: inline
}

#loading-placeholder-body {
    display: none
}

#loading-placeholder-body.show {
    display: flex
}

#loading-list,#loading-box,#loading-board {
    display: none
}

#loading-list.show,#loading-box.show,#loading-board.show {
    display: block
}

#overlay {
    overflow: hidden;
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 500;
    opacity: 0;
    display: block
}

#login-page {
    display: none
}

#login-page.show {
    display: inline
}

#login-page .cu-form__error {
    display: none
}

#login-page .cu-form__error.show {
    display: flex
}

#login-page .cu-onboarding__footer-link {
    font-size: 14px
}

#login-page a {
    cursor: pointer
}

app-root.hide {
    display: none
}

[contenteditable=true] {
    cursor: text
}

.cu-draggable {
    cursor: grab
}

.gu-unselectable {
    cursor: grabbing!important
}

.loading-spinner {
    position: absolute;
    margin: auto;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    height: 30%;
    width: 30%;
    max-width: 75px;
    max-height: 75px;
    animation: 1.5s spinner linear infinite
}

.cdk-textarea-autosize {
    overflow: hidden;
    box-sizing: content-box
}

.cu-os-win .cu-scrollbar {
    scrollbar-width: thin
}

.cu-os-win .cu-scrollbar::-webkit-scrollbar {
    background-color: #fff;
    width: 16px;
    height: 16px
}

.cu-os-win .cu-scrollbar::-webkit-scrollbar-track {
    background-color: #fff
}

.cu-os-win .cu-scrollbar::-webkit-scrollbar-track:hover {
    background-color: #fff
}

.cu-os-win .cu-scrollbar::-webkit-scrollbar-thumb {
    background-color: #babac080;
    border-radius: 16px;
    border: 5px solid #fff
}

.cu-os-win .cu-scrollbar::-webkit-scrollbar-thumb:hover {
    background-color: #a0a0a5;
    border: 3px solid #fff
}

.cu-os-win .cu-scrollbar::-webkit-scrollbar-button {
    display: none
}

.cu-os-win.dark-theme .cu-scrollbar::-webkit-scrollbar,.cu-os-win .dark-theme .cu-scrollbar::-webkit-scrollbar {
    background-color: #384047
}

.cu-os-win.dark-theme .cu-scrollbar::-webkit-scrollbar-track,.cu-os-win .dark-theme .cu-scrollbar::-webkit-scrollbar-track {
    background-color: #384047
}

.cu-os-win.dark-theme .cu-scrollbar::-webkit-scrollbar-track:hover,.cu-os-win .dark-theme .cu-scrollbar::-webkit-scrollbar-track:hover {
    background-color: #384047
}

.cu-os-win.dark-theme .cu-scrollbar::-webkit-scrollbar-thumb,.cu-os-win .dark-theme .cu-scrollbar::-webkit-scrollbar-thumb {
    border-color: #384047
}

.cu-os-win.dark-theme .cu-scrollbar::-webkit-scrollbar-thumb:hover,.cu-os-win .dark-theme .cu-scrollbar::-webkit-scrollbar-thumb:hover {
    border-color: #384047
}

.cu-os-win.dark-theme .cu-scrollbar::-webkit-scrollbar-corner,.cu-os-win .dark-theme .cu-scrollbar::-webkit-scrollbar-corner {
    background-color: #384047
}

.cu-os-mac .cu-scrollbar::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 10px
}

.cu-os-mac .cu-scrollbar::-webkit-scrollbar-thumb {
    background-color: #99999980;
    opacity: .5;
    border-radius: 16px;
    border: 2px solid #fff
}

.cu-os-mac .cu-scrollbar::-webkit-scrollbar-thumb:hover {
    border-width: 1px;
    background-color: #999
}

.cu-os-mac.dark-theme .cu-scrollbar::-webkit-scrollbar-thumb {
    background-color: #aaaaaa80;
    border-color: #2b343b
}

.cu-os-mac.dark-theme .cu-scrollbar::-webkit-scrollbar-thumb:hover {
    background-color: #aaa
}

.cu-pdf-export,.cu-pdf-export * {
    transition: none!important
}

.cu-pdf-export__header {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 34px;
    font-weight: 500;
    line-height: 40px;
    text-align: center;
    color: #292d34;
    margin-bottom: 10px
}

.cu-pdf-export .codox-caret-layer,.cu-pdf-export .codox-awareness-layer {
    display: none
}

.cu-pdf-export table {
    border-collapse: collapse!important
}

.attachments-viewer_open-from-dropdown .cdk-overlay-container {
    z-index: 999
}

.grecaptcha-badge {
    visibility: hidden
}

.cu-btn {
    -webkit-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    transition: all .2s cubic-bezier(.785,.135,.15,.86) 0s;
    background-color: #A2C44A;
    border-color: #A2C44A;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 18px;
    font-weight: 600;
    line-height: 63px;
    font-family: -apple-system,BlinkMacSystemFont,Segoe UI,roboto,Helvetica Neue,helvetica,arial,sans-serif;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 64px;
    padding: 0 30px;
    cursor: pointer;
    color: #fff;
    border: 1px solid;
    border-radius: 5px;
    text-decoration: none;
    white-space: nowrap
}

.cu-btn:hover {
    transition: none
}

@supports (--theme-main-color: $color-purple) {
    .cu-btn {
        background-color:var(--theme-main-color)
    }
}

@supports (--theme-main-color: $color-purple) {
    .cu-btn {
        border-color:var(--theme-main-color)
    }
}

.cu-btn:hover,.cu-btn:active {
    background-color: #A2C44A;
    border-color: #A2C44A;
    border: 1px solid;
    transition: none
}

@supports (--theme-main-color-dark: $color-purple-dark) {
    .cu-btn:hover,.cu-btn:active {
        background-color:var(--theme-main-color-dark)
    }
}

@supports (--theme-main-color-dark: $color-purple-dark) {
    .cu-btn:hover,.cu-btn:active {
        border-color:var(--theme-main-color-dark)
    }
}

.cu-btn__text {
    color: inherit;
    flex: 1 100%;
    position: relative
}

.cu-btn__text-description {
    font-size: 11px;
    font-weight: 400;
    line-height: 1;
    display: block;
    color: inherit
}

.cu-btn__text.sm-confirm {
    font-size: 15px
}

.cu-btn__spinner {
    flex: 1 100%
}

.cu-btn__spinner_loader {
    display: flex!important;
    align-items: center!important;
    justify-content: center!important;
    -webkit-user-select: none;
    user-select: none;
    padding: 20px;
    width: 100%!important
}

.cu-btn__spinner>div {
    width: 12px;
    height: 12px;
    background-color: #fff;
    border-radius: 100%;
    display: inline-block;
    animation: btn-bouncedelay 1.4s infinite ease-in-out both
}

.cu-btn__spinner_purple div {
    background-color: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .cu-btn__spinner_purple div {
        background-color:var(--theme-main-color)
    }
}

.cu-btn__spinner_no-height {
    margin-bottom: -52px
}

.cu-btn__spinner_no-padding {
    padding: 0
}

.cu-btn__spinner_purple>div {
    background-color: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .cu-btn__spinner_purple>div {
        background-color:var(--theme-main-color)
    }
}

.cu-btn__spinner_white>div {
    background-color: #fff
}

.cu-btn__spinner .cu-btn__bounce1 {
    animation-delay: -.32s
}

.cu-btn__spinner .cu-btn__bounce2 {
    animation-delay: -.16s
}

.cu-btn__spinner_colored .cu-btn__bounce1,.public-sharing .cu-btn__spinner .cu-btn__bounce1 {
    background: linear-gradient(to right,#8930fd,#7c4bfc)
}

.cu-btn__spinner_colored .cu-btn__bounce2,.public-sharing .cu-btn__spinner .cu-btn__bounce2 {
    background: linear-gradient(to right,#765dfc,#648afb)
}

.cu-btn__spinner_colored .cu-btn__bounce3,.public-sharing .cu-btn__spinner .cu-btn__bounce3 {
    background: linear-gradient(to right,#6094fa,#49ccf9)
}

.cu-btn_grey {
    background: #aeacb0;
    border-color: #aeacb0
}

.cu-btn_grey:hover {
    background: #959297;
    border: 1px solid #959297
}

.cu-btn_light-grey {
    color: #7c828d;
    background: #e9ebf0;
    border-color: #e9ebf0
}

.cu-btn_light-grey:hover {
    background: #cbcfdb;
    border: 1px solid #cbcfdb
}

.cu-btn__tabs {
    background-color: #fff;
    display: flex;
    border: 1px solid #e9ebf0;
    border-radius: 5px;
    padding: 2px
}

.dark-theme .cu-btn__tabs {
    border-color: #1e272e;
    background-color: #2b343b
}

.cu-btn__tabs-btn {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 12px;
    font-weight: 500;
    line-height: 1;
    border: none;
    cursor: pointer;
    border-radius: 3px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 14px;
    height: 24px;
    position: relative
}

.cu-btn__tabs-btn_active {
    color: var(--theme-main-color)
}

.cu-btn__tabs-btn_active:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background: var(--theme-main-color);
    opacity: .15;
    pointer-events: none
}

.cu-btn__tabs-btn_active .icon {
    fill: var(--theme-main-color)!important
}

.cu-btn__tabs-btn .icon {
    height: 14px;
    width: 14px;
    margin-right: 5px;
    fill: #b9bec7
}

.cu-btn[disabled],.cu-btn.cu-btn_disabled {
    cursor: not-allowed;
    opacity: .65
}

.cu-btn.cu-btn_spinner {
    background-color: #A2C44A;
    position: relative;
    opacity: 1
}

@supports (--theme-main-color: $color-purple) {
    .cu-btn.cu-btn_spinner {
        background-color:var(--theme-main-color)
    }
}

.cu-btn.cu-btn_spinner:hover {
    background-color: #A2C44A;
    opacity: 1
}

@supports (--theme-main-color: $color-purple) {
    .cu-btn.cu-btn_spinner:hover {
        background-color:var(--theme-main-color)
    }
}

.cu-btn__spinner {
    display: none
}

.cu-btn.cu-btn_spinner[disabled] {
    background-color: #A2C44A;
    opacity: 1
}

@supports (--theme-main-color: $color-purple) {
    .cu-btn.cu-btn_spinner[disabled] {
        background-color:var(--theme-main-color)
    }
}

.cu-btn.cu-btn_spinner[disabled] .cu-btn__text {
    display: none
}

.cu-btn.cu-btn_spinner[disabled] .cu-btn__spinner {
    display: block
}

.cu-btn.cu-btn_fw {
    min-width: 200px
}

.cu-btn.cu-btn_status {
    min-width: 0
}

.cu-btn.cu-btn_status.cu-btn_option {
    min-width: 0;
    width: 45%
}

.cu-btn.cu-btn_status.cu-btn_cancel {
    background-color: #fff;
    color: #fd71af;
    border: 1px solid #aeacb0
}

.dark-theme .cu-btn.cu-btn_status.cu-btn_cancel {
    background-color: #384047;
    border: 1px solid #1e272e
}

.cu-btn.cu-btn_status.cu-btn_cancel:hover {
    background-color: #aeacb0
}

.dark-theme .cu-btn.cu-btn_status.cu-btn_cancel:hover {
    background-color: #1e272e
}

.cu-btn.cu-btn_fw-sm {
    min-width: 150px
}

.cu-btn.cu-btn_outline {
    color: #A2C44A;
    background: none;
    text-shadow: none
}

@supports (--theme-main-color: $color-purple) {
    .cu-btn.cu-btn_outline {
        color:var(--theme-main-color)
    }
}

.cu-btn.cu-btn_outline:hover {
    background-color: #A2C44A;
    border-color: #A2C44A;
    color: #fff
}

@supports (--theme-main-color: $color-purple) {
    .cu-btn.cu-btn_outline:hover {
        background-color:var(--theme-main-color)
    }
}

@supports (--theme-main-color: $color-purple) {
    .cu-btn.cu-btn_outline:hover {
        border-color:var(--theme-main-color)
    }
}

.cu-btn.cu-btn_outline:hover .cu-btn__text {
    color: #fff
}

.cu-btn.cu-btn_outline .cu-btn__text {
    color: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .cu-btn.cu-btn_outline .cu-btn__text {
        color:var(--theme-main-color)
    }
}

.cu-btn.cu-btn_success {
    color: #fff;
    border: 1px solid #67cb48;
    background-color: #67cb48
}

.cu-btn.cu-btn_success:hover {
    border: 1px solid #58c237;
    background-color: #58c237
}

.cu-btn.cu-btn_success:active {
    border: 1px solid #4fae32;
    background-color: #4fae32
}

.cu-btn.cu-btn_success-outline {
    border: 1px solid #67cb48;
    color: #67cb48;
    background: none;
    text-shadow: none
}

.cu-btn.cu-btn_success-outline:hover {
    color: #fff;
    border: 1px solid #58c237;
    background-color: #58c237
}

.cu-btn.cu-btn_success-outline:active {
    border: 1px solid #4fae32;
    background-color: #4fae32
}

.cu-btn.cu-btn_warning {
    color: #fff;
    border: 1px solid #fc0;
    background-color: #fc0
}

.cu-btn.cu-btn_warning:hover {
    border: 1px solid #e6b800;
    background-color: #e6b800
}

.cu-btn.cu-btn_warning:active {
    border: 1px solid #cca300;
    background-color: #cca300
}

.cu-btn.cu-btn_warning-outline {
    border: 1px solid #fc0;
    color: #fc0;
    background: none;
    text-shadow: none
}

.cu-btn.cu-btn_warning-outline:hover {
    color: #fff;
    border: 1px solid #e6b800;
    background-color: #e6b800
}

.cu-btn.cu-btn_warning-outline:active {
    border: 1px solid #cca300;
    background-color: #cca300
}

.cu-btn.cu-btn_danger {
    color: #fff;
    border: 1px solid #fd71af;
    background: #fd71af
}

.cu-btn.cu-btn_danger:hover {
    border: 1px solid #fd58a1;
    background-color: #fd58a1
}

.cu-btn.cu-btn_danger:active {
    border: 1px solid #fc3f93;
    background-color: #fc3f93
}

.cu-btn.cu-btn_red {
    color: #fff;
    border: 1px solid #f24752;
    background: #f24752
}

.cu-btn.cu-btn_red:hover {
    border: 1px solid #f02f3c;
    background-color: #f02f3c
}

.cu-btn.cu-btn_red:active {
    border: 1px solid #ef1725;
    background-color: #ef1725
}

.cu-btn.cu-btn_danger-outline {
    border: 1px solid #fd71af;
    color: #fd71af;
    background: none
}

.cu-btn.cu-btn_danger-outline:hover {
    color: #fff;
    border: 1px solid #fd58a1;
    background-color: #fd58a1
}

.cu-btn.cu-btn_danger-outline:active {
    border: 1px solid #fc3f93;
    background-color: #fc3f93
}

.cu-btn.cu-btn_danger-link {
    border: 0;
    background: none;
    color: #fd71af;
    font-weight: 300;
    padding: 0
}

.cu-btn.cu-btn_danger-link:hover {
    color: #fd71af;
    border: 0;
    background: none
}

.cu-btn.cu-btn_danger-link:active {
    border: 0;
    background: none
}

.cu-btn.cu-btn-link {
    border: 0;
    background: none;
    color: #aeacb0;
    font-weight: 300;
    padding: 0
}

.cu-btn.cu-btn-link:hover {
    color: #aeacb0;
    border: 0;
    background: none
}

.cu-btn.cu-btn-link:active {
    border: 0;
    background: none
}

.cu-btn.cu-btn_cancel-outline {
    border: 1px solid #aeacb0;
    color: #aeacb0;
    background: none;
    text-shadow: none
}

.cu-btn.cu-btn_cancel-outline:hover {
    background-color: #aeacb0;
    border: 1px solid #aeacb0;
    color: #fff
}

.cu-btn.cu-btn_cancel-outline:hover .cu-btn__text {
    color: #fff
}

.cu-btn.cu-btn_cancel-outline:active {
    background-color: #959297;
    border: 1px solid #959297
}

.cu-btn.cu-btn_cancel-outline .cu-btn__text {
    color: #aeacb0
}

.cu-btn.cu-btn_confirm-cancel {
    border: 1px solid #fd71af;
    color: #fd71af;
    background: transparent;
    text-shadow: none;
    font-weight: 500
}

.cu-btn.cu-btn_confirm-cancel:hover {
    background-color: #f7f7f7
}

.dark-theme .cu-btn.cu-btn_confirm-cancel:hover {
    background-color: #384047
}

.cu-btn.cu-btn_confirm-cancel:active {
    background-color: #f0f0f0;
    border: 1px solid #cbcbcb
}

.cu-btn.cu-btn_confirm-cancel .cu-btn__text {
    color: #fd71af
}

.cu-btn.cu-btn_destructive {
    border: 0;
    background: transparent;
    text-shadow: none;
    font-weight: 500;
    color: #bc4841
}

.dark-theme .cu-btn.cu-btn_destructive {
    color: #e38388
}

.cu-btn.cu-btn_destructive:hover {
    background-color: #fceff0
}

.dark-theme .cu-btn.cu-btn_destructive:hover {
    background-color: #453037
}

.cu-btn.cu-btn_destructive:active {
    background-color: #f8e0e1
}

.dark-theme .cu-btn.cu-btn_destructive:active {
    background-color: #453037
}

.cu-btn.cu-btn_destructive .cu-btn__text {
    color: #bc4841
}

.dark-theme .cu-btn.cu-btn_destructive .cu-btn__text {
    color: #e38388
}

.cu-btn.cu-btn_lg {
    height: 74px
}

.cu-btn.cu-btn_m {
    height: 50px;
    border-radius: 3px;
    padding: 0 30px;
    font-size: 18px;
    line-height: 100%;
    font-weight: 500
}

.cu-btn.cu-btn_md {
    height: 45px;
    border-radius: 3px;
    padding: 0 30px;
    font-size: 14px;
    line-height: 100%;
    font-weight: 500
}

.cu-btn.cu-btn_inline {
    display: inline
}

.cu-btn.cu-btn_dark {
    font-weight: 500;
    font-size: 15px;
    color: #e6e6e6;
    border: 2px solid #343434;
    background-color: #000;
    margin: 20px 0 0 10px;
    width: 150px;
    padding: 0 12px 0 8px
}

.cu-btn.cu-btn_light-dark {
    font-size: 15px;
    font-weight: 600;
    background-color: #505050;
    color: #e6e6e6;
    border: 2px solid #505050;
    padding: 0 12px 0 8px
}

.cu-btn.cu-btn_non-clickable {
    cursor: default
}

.cu-btn.cu-btn_dark>span {
    color: #e6e6e6;
    line-height: 2
}

.cu-btn.cu-btn_sm {
    height: 40px;
    border-radius: 3px;
    padding: 0 20px;
    font-size: 13px;
    line-height: 1;
    font-weight: 500
}

.cu-btn.cu-btn_x-sm {
    height: 30px;
    border-radius: 3px;
    padding: 0 7px;
    font-size: 11px;
    line-height: 1;
    font-weight: 500
}

.cu-btn.cu-btn_h-18 {
    font-size: 11px;
    font-weight: 600;
    line-height: 1;
    height: 18px;
    border-radius: 3px;
    padding: 0 6px
}

.cu-btn.cu-btn_h-23 {
    font-size: 11px;
    font-weight: 600;
    line-height: 1;
    height: 23px;
    border-radius: 3px;
    padding: 0 10px
}

.cu-btn.cu-btn_h-36 {
    font-size: 13px;
    font-weight: 500;
    line-height: 1;
    height: 36px;
    border-radius: 3px;
    padding: 0 14px
}

.cu-btn.cu-btn_font-size-12 {
    font-size: 12px
}

.cu-btn.cu-btn_font-size-13 {
    font-size: 13px
}

.cu-btn.cu-btn_font-size-14 {
    font-size: 14px
}

.cu-btn.cu-btn_font-size-15 {
    font-size: 15px
}

.cu-btn.cu-btn_block {
    display: block;
    width: 100%
}

.cu-btn.cu-btn_square {
    border-color: #A2C44A;
    display: block;
    width: 26px;
    height: 26px;
    padding: 4px 2px 2px;
    border: 1px solid;
    border-radius: 5px;
    background: none
}

@supports (--theme-main-color: $color-purple) {
    .cu-btn.cu-btn_square {
        border-color:var(--theme-main-color)
    }
}

.cu-btn.cu-btn_square:hover {
    border-color: #A2C44A;
    border: 2px solid;
    background: none
}

@supports (--theme-main-color: $color-purple) {
    .cu-btn.cu-btn_square:hover {
        border-color:var(--theme-main-color)
    }
}

.cu-btn.cu-btn_square-sm {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 15px;
    font-weight: 400;
    width: 20px;
    height: 20px;
    padding: 3px 0 0;
    border: 1px solid #c7c7c7;
    color: #979797;
    border-radius: 3px;
    background: none;
    text-shadow: none
}

.cu-btn.cu-btn_icon {
    height: revert;
    padding: 0;
    border-width: 0;
    background-color: transparent
}

.cu-btn-icon {
    min-width: 19px;
    min-height: 19px;
    float: left;
    margin-right: 5px
}

.cu-split-btn-group {
    display: inline-flex
}

.cu-split-btn-group .cu-btn.cu-btn {
    margin-right: 2px
}

.cu-split-btn-group .cu-btn.cu-btn:first-child {
    border-radius: 3px 0 0 3px
}

.cu-split-btn-group .cu-btn.cu-btn:last-child {
    border-radius: 0 3px 3px 0
}

.cu-split-btn-group .cu-btn.cu-btn:not(:first-child):not(:last-child) {
    border-radius: 0
}

.cu-btn-container {
    display: flex;
    justify-content: center
}

.cu-btn.cu-btn__watch-tutorial {
    border-color: #c39bff;
    background: none;
    color: #fff;
    line-height: 14px
}

.cu-btn.cu-btn__watch-tutorial:hover {
    border-color: #A2C44A;
    background: #A2C44A
}

@supports (--theme-main-color-dark: $color-purple-dark) {
    .cu-btn.cu-btn__watch-tutorial:hover {
        border-color:var(--theme-main-color-dark)
    }
}

@supports (--theme-main-color-dark: $color-purple-dark) {
    .cu-btn.cu-btn__watch-tutorial:hover {
        background:var(--theme-main-color-dark)
    }
}

.cu-btn__watch-tutorial {
    margin-right: 20px;
    color: #fff
}

.cu-btn__watch-tutorial-play {
    width: 13px;
    height: 13px;
    margin-right: 10px
}

.cu-btn__watch-tutorial-play use {
    fill: #fff
}

.cu-btn__watch-tutorial-time {
    font-size: 12px;
    font-weight: 400;
    line-height: 1;
    margin: 2px 0 0 5px;
    opacity: .7;
    color: #fff
}

.cu-btn.cu-btn_with-description {
    flex-direction: column
}

.cu-btn.cu-btn_with-description:hover .cu-btn__text-description {
    color: #fff
}

.cu-btn.cu-btn_with-description .cu-btn__text {
    flex: 0 auto
}

.cu-btn.cu-btn_with-description .cu-btn__text-description {
    font-size: 11px;
    font-weight: 400;
    line-height: 1;
    color: #aeacb0;
    margin-top: 3px
}

.cu-btn.cu-btn_with-description .cu-btn__text-description_white {
    color: #fff
}

.cu-btn.cu-btn_purple {
    border: 1px solid #A2C44A;
    color: #fff;
    background: #A2C44A;
    text-shadow: none
}

.cu-btn.cu-btn_purple:hover {
    border: 1px solid #A2C44A;
    background-color: #A2C44A
}

.cu-btn.cu-btn_green {
    background: #67cb48;
    border: 1px solid #67cb48;
    color: #fff;
    text-shadow: none
}

.cu-btn.cu-btn_green .cu-btn__text-description {
    color: #fff
}

.cu-btn.cu-btn_green:hover {
    background: #4fae32;
    border: 1px solid #4fae32
}

.cu-btn.cu-btn_white {
    border: none;
    background: #fff;
    color: #292d34;
    text-shadow: none
}

.cu-btn.cu-btn_white:is(:hover,:focus) {
    background: #f2f2f2
}

.dark-theme .cu-btn.cu-btn_white {
    background: transparent;
    color: #d5d6d7
}

.dark-theme .cu-btn.cu-btn_white:is(:hover,:focus) {
    background: #1e272e
}

.cu-btn.cu-btn_transparent {
    background: transparent;
    border: 1px solid #aeacb0;
    color: #4a4a4a;
    text-shadow: none;
    font-weight: 300
}

.dark-theme .cu-btn.cu-btn_transparent {
    border: 1px solid #828588;
    color: #abaeb0
}

.cu-btn.cu-btn_transparent .cu-btn__text-description {
    color: #4a4a4a
}

.cu-btn.cu-btn_transparent:hover {
    background: #aeacb0;
    border: 1px solid #aeacb0;
    color: #fff
}

.dark-theme .cu-btn.cu-btn_transparent:hover {
    background: #696c6e;
    border: 1px solid #696c6e;
    color: #d5d6d7
}

.cu-btn.cu-btn_nobg {
    color: #A2C44A;
    background: transparent
}

@supports (--theme-main-color: $color-purple) {
    .cu-btn.cu-btn_nobg {
        color:var(--theme-main-color)
    }
}

.cu-btn.cu-btn_nobg:hover {
    background: #A2C44A;
    color: #fff
}

@supports (--theme-main-color-dark: $color-purple-dark) {
    .cu-btn.cu-btn_nobg:hover {
        background:var(--theme-main-color-dark)
    }
}

.cu-btn.cu-btn_full-width {
    width: 100%
}

.cu-btn.cu-btn_center {
    text-align: center
}

.cu-btn_check {
    position: absolute;
    clip: rect(0,0,0,0);
    pointer-events: none;
    border-radius: 4px
}

.cu-btn__group {
    display: flex;
    vertical-align: middle
}

.cu-btn__group>.cu-btn {
    position: relative;
    flex: 1 1 auto
}

.cu-btn__group>.cu-btn:not(:last-child),.cu-btn__group>.cu-btn__group:not(:last-child)>.cu-btn {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.cu-btn__group>.cu-btn:nth-child(n+3),.cu-btn__group>:not(.cu-btn_check)+.cu-btn,.cu-btn__group>.cu-btn__group:not(:first-child)>.cu-btn {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

@charset "UTF-8";html.calendly-page-scroll-locked body {
    overflow: hidden
}

.calendly-inline-widget,.calendly-inline-widget *,.calendly-badge-widget,.calendly-badge-widget *,.calendly-overlay,.calendly-overlay * {
    font-size: 16px;
    line-height: 1.2em
}

.calendly-inline-widget iframe,.calendly-badge-widget iframe,.calendly-overlay iframe {
    display: inline;
    width: 100%;
    height: 100%
}

.calendly-popup-content {
    position: relative
}

.calendly-popup-content.mobile {
    -webkit-overflow-scrolling: touch;
    overflow-y: auto
}

.calendly-overlay {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
    z-index: 9999;
    background-color: #a5a5a5;
    background-color: #1f1f1f66
}

.calendly-overlay .calendly-close-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.calendly-overlay .calendly-popup {
    box-sizing: border-box;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translate(-50%);
    width: 80%;
    min-width: 901px;
    max-width: 1000px;
    height: 90%;
    max-height: 680px;
    background-color: #fff
}

.calendly-overlay .calendly-popup .calendly-popup-content {
    height: 100%
}

.calendly-overlay .calendly-popup .calendly-popup-close {
    position: absolute;
    top: 0;
    right: -24px;
    color: #fff;
    font-size: 24px;
    cursor: pointer
}

.calendly-overlay .calendly-popup .calendly-popup-close:before {
    content: "\d7"
}

.calendly-badge-widget {
    position: fixed;
    right: 20px;
    bottom: 15px;
    z-index: 9998
}

.calendly-badge-widget .calendly-badge-content {
    display: table-cell;
    width: auto;
    height: 45px;
    padding: 0 30px;
    border-radius: 25px;
    box-shadow: #00000040 0 2px 5px;
    font-family: sans-serif;
    text-align: center;
    vertical-align: middle;
    font-weight: 700;
    font-size: 14px;
    color: #fff;
    cursor: pointer
}

.calendly-badge-widget .calendly-badge-content.white {
    color: #666a73
}

.calendly-badge-widget .calendly-badge-content span {
    display: block;
    font-size: 12px;
    font-weight: 100
}

@media screen and (max-width: 975px) {
    .calendly-overlay .calendly-popup {
        position:fixed;
        top: 50px;
        left: 0;
        right: 0;
        bottom: 0;
        transform: none;
        width: 100%;
        height: auto;
        min-width: 0;
        max-height: none
    }

    .calendly-overlay .calendly-popup .calendly-popup-content {
        background-color: #fff
    }

    .calendly-overlay .calendly-popup .calendly-popup-close {
        top: -50px;
        right: 14px;
        font-size: 40px
    }
}

.spinner {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    transform: translateY(-50%);
    text-align: center;
    z-index: -1
}

.spinner>div {
    display: inline-block;
    width: 18px;
    height: 18px;
    background-color: #e1e1e1;
    border-radius: 50%;
    vertical-align: middle;
    animation: bouncedelay 1.4s infinite ease-in-out;
    animation-fill-mode: both
}

.spinner .bounce1 {
    animation-delay: -.32s
}

.spinner .bounce2 {
    animation-delay: -.16s
}

@keyframes bouncedelay {
    0%,80%,to {
        transform: scale(0)
    }

    40% {
        transform: scale(1)
    }
}

.clickapps {
    display: flex
}

.clickapps-sidebar {
    width: 240px;
    padding-right: 30px;
    flex-grow: 0;
    flex-shrink: 0;
    order: 1
}

.clickapps-sidebar__search {
    padding: 1px 10px;
    border-radius: 100px;
    margin-bottom: 30px
}

.clickapps-sidebar__search input {
    font-size: 13px;
    font-weight: 300;
    line-height: 30px;
    padding: 0;
    background: transparent
}

.clickapps-sidebar__search input::placeholder {
    font-size: 13px;
    font-weight: 300;
    line-height: 30px;
    opacity: .6
}

.clickapps-sidebar__search .nav-filter__close {
    margin-left: 5px
}

.clickapps-sidebar__title {
    font-size: 11px;
    font-weight: 500;
    line-height: 1;
    opacity: .3;
    color: #222;
    letter-spacing: 2px;
    text-transform: uppercase;
    margin-bottom: 10px
}

.dark-theme .clickapps-sidebar__title {
    color: #828588;
    opacity: .6
}

.clickapps-sidebar__title_space {
    margin-top: 25px
}

.clickapps-sidebar__link {
    transition: all .2s cubic-bezier(.785,.135,.15,.86) 0s;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    word-break: break-word;
    overflow-wrap: break-word;
    word-wrap: break-word;
    -webkit-hyphens: auto;
    hyphens: auto;
    padding: 10px 0;
    color: #505050;
    cursor: pointer;
    display: block
}

.dark-theme .clickapps-sidebar__link {
    color: #abaeb0
}

.clickapps-sidebar__link:hover {
    color: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .clickapps-sidebar__link:hover {
        color:var(--theme-main-color)
    }
}

.clickapps-sidebar__link:after {
    content: attr(data-counter)
}

.clickapps-sidebar__link_active,.dark-theme .clickapps-sidebar__link_active {
    color: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .clickapps-sidebar__link_active,.dark-theme .clickapps-sidebar__link_active {
        color:var(--theme-main-color)
    }
}

.clickapps-sidebar__counter {
    font-size: 12px;
    font-weight: 400;
    line-height: 1.4;
    color: #aeacb0;
    display: inline-block;
    float: right
}

.dark-theme .clickapps-sidebar__counter {
    color: #abaeb0
}

.clickapps-body {
    flex-grow: 1;
    order: 2
}

.clickapps-body cu-clickapps-card {
    transition: all .2s cubic-bezier(.785,.135,.15,.86) 0s;
    padding: 0 0 30px;
    width: 270px;
    border: 1px solid #e9e9e9;
    border-radius: 4px;
    margin: 0 8px 30px;
    position: relative;
    display: flex
}

.dark-theme .clickapps-body cu-clickapps-card {
    background: #384047;
    border: 1px solid #384047
}

.clickapps-body cu-clickapps-card:hover {
    box-shadow: 0 4px 15px #0000001a
}

.clickapps-body__empty {
    display: grid;
    align-items: center;
    width: 100%;
    height: 100%;
    overflow: auto
}

.clickapps-body__empty-inner {
    text-align: center
}

.clickapps-body__empty-img {
    margin-right: -70px;
    margin-bottom: 30px
}

.dark-theme .clickapps-body__empty-img {
    opacity: .8
}

.clickapps-body__empty-desc {
    font-size: 15px;
    font-weight: 400;
    line-height: 1;
    color: #4a4a4a
}

.contrast_high .clickapps-body__empty-desc {
    color: #979797
}

.dark-theme .clickapps-body__empty-desc {
    color: #b7b7b7
}

.clickapps-cards {
    display: flex;
    flex-wrap: wrap
}

.clickapps-cards:after {
    content: "";
    flex: auto
}

.clickapps-card {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 100%
}

.clickapps-card__hierarchy-picker {
    text-align: center
}

.clickapps-card__anchor {
    display: block;
    height: 0
}

.clickapps-card__top {
    padding-top: 10px
}

.clickapps-card__top-border {
    transition: all .2s cubic-bezier(.785,.135,.15,.86) 0s;
    position: absolute;
    width: 270px;
    height: 4px;
    margin: -11px 0 0 -1px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px
}

.cu-modal__body .clickapps-card__top-border {
    display: none
}

.clickapps-card__top .cu-checkbox__label,.dark-theme .clickapps-card__top .cu-checkbox__label {
    color: #343434
}

.clickapps-card__hours-per-day {
    display: flex;
    justify-content: center;
    padding: 5px 15px
}

.clickapps-card__hours-per-day .reporting-input {
    width: 30px!important;
    -moz-appearance: textfield
}

.clickapps-card__hours-per-day .reporting-input::-webkit-outer-spin-button,.clickapps-card__hours-per-day .reporting-input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0
}

.clickapps-card__warning {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    background: rgba(255,248,241,.8);
    border-radius: 4px;
    width: calc(100% - 20px);
    top: 12px;
    left: 10px;
    padding: 7px 5px;
    z-index: 100;
    box-shadow: 0 4px 5px #0000000f
}

.clickapps-card__warning span {
    font-size: 12px;
    font-weight: 400;
    line-height: 1.2;
    color: #bb8451
}

.clickapps-card__warning.alt {
    background: #f3f8ff;
    border: 1px solid rgba(56,125,233,.1);
    box-shadow: 0 4px 8px #0000000a,0 0 2px #0000000f,0 0 1px #0000000a;
    border-radius: 4px;
    color: #000
}

.clickapps-card__warning.alt span {
    color: #000
}

.clickapps-card__warning.alt a {
    border-bottom: 1px dashed #387de9;
    cursor: pointer;
    color: #387de9
}

.clickapps-card__warning.alt .icon {
    fill: #387de9
}

.clickapps-card__warning-icon {
    width: 16px;
    height: 16px;
    fill: #fdb471;
    margin-right: 8px
}

.clickapps-card__badge {
    position: absolute;
    top: -1px;
    right: -1px;
    width: 120px;
    height: 120px;
    overflow: hidden;
    z-index: 10
}

.clickapps-card__badge-item {
    background: #A2C44A;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 12px;
    font-weight: 500;
    position: absolute;
    width: 170px;
    top: -30px;
    height: 30px;
    left: calc(100% - 120px);
    padding: 9px 0 7px;
    color: #fff;
    text-align: center;
    letter-spacing: .5px;
    transform-origin: left bottom;
    transform: rotate(45deg)
}

@supports (--theme-main-color: $color-purple) {
    .clickapps-card__badge-item {
        background:var(--theme-main-color)
    }
}

.clickapps-card__badge-item_yellow {
    background: #fc0
}

.clickapps-card__title {
    transition: all .2s cubic-bezier(.785,.135,.15,.86) 0s;
    font-size: 17px;
    font-weight: 500;
    line-height: 24px;
    color: #505050;
    opacity: .7;
    text-align: center;
    margin-bottom: 12px;
    padding: 0 15px
}

.dark-theme .clickapps-card__title {
    color: #d5d6d7;
    opacity: .4
}

.clickapps-card__title-tm {
    display: inline-block;
    width: 11px;
    height: 9px;
    margin-bottom: 6px;
    margin-left: -4px;
    fill: #505050
}

.dark-theme .clickapps-card__title-tm {
    fill: #d5d6d7;
    opacity: .4
}

.clickapps-card__subtitle {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 13px;
    font-weight: 400;
    line-height: 18px;
    margin-top: -10px;
    margin-bottom: 10px;
    color: #343434;
    opacity: .7
}

.dark-theme .clickapps-card__subtitle {
    color: #abaeb0;
    opacity: .4
}

.clickapps-card__subtitle-item_light-theme {
    display: block
}

.dark-theme .clickapps-card__subtitle-item_light-theme,.clickapps-card__subtitle-item_dark-theme {
    display: none
}

.dark-theme .clickapps-card__subtitle-item_dark-theme {
    display: block
}

.clickapps-card__description {
    transition: all .2s cubic-bezier(.785,.135,.15,.86) 0s;
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
    color: #343434;
    opacity: .7;
    text-align: center;
    margin-bottom: 20px;
    padding: 0 15px
}

.dark-theme .clickapps-card__description {
    color: #abaeb0;
    opacity: .4
}

.clickapps-card__image {
    height: 180px;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    position: relative
}

.clickapps-card__image-item {
    max-width: 100%;
    max-height: 100%;
    opacity: .5
}

.clickapps-card__toggle-title {
    font-size: 12px;
    font-weight: 400;
    line-height: 23px;
    color: #505050;
    opacity: .4;
    text-align: center;
    margin-bottom: 15px
}

.dark-theme .clickapps-card__toggle-title {
    color: #d5d6d7
}

.clickapps-card__switch {
    display: flex;
    justify-content: center
}

.clickapps-card__switch .switch {
    width: 36px;
    height: 20px
}

.dark-theme .clickapps-card__switch .switch__handle {
    background: #2b343b
}

.clickapps-card__switch .switch__handle:after {
    transition: all .2s cubic-bezier(.785,.135,.15,.86) 0s;
    width: 14px;
    height: 14px;
    top: 3px;
    left: 3px;
    right: auto
}

.clickapps-card__switch .switch__checkbox:checked+.switch__handle:after {
    left: auto;
    right: 3px
}

.clickapps-card__projects-list {
    width: 200px;
    left: 50%;
    margin: 0;
    transform: translate(-50%)
}

.clickapps-card__projects-list-remap {
    width: 315px
}

[lang=es-ES] .clickapps-card__projects-list-remap,[lang=pt-BR] .clickapps-card__projects-list-remap {
    width: 365px
}

.clickapps-card__projects-list-remap .clickapps-card__projects-list-item .clickapps-card__projects-list-item-name {
    overflow: visible
}

.clickapps-card__projects-list-items {
    max-height: 242px;
    overflow: auto
}

.cu-os-win .clickapps-card__projects-list-items {
    scrollbar-width: thin
}

.cu-os-win .clickapps-card__projects-list-items::-webkit-scrollbar {
    background-color: #fff;
    width: 16px;
    height: 16px
}

.cu-os-win .clickapps-card__projects-list-items::-webkit-scrollbar-track {
    background-color: #fff
}

.cu-os-win .clickapps-card__projects-list-items::-webkit-scrollbar-track:hover {
    background-color: #fff
}

.cu-os-win .clickapps-card__projects-list-items::-webkit-scrollbar-thumb {
    background-color: #babac080;
    border-radius: 16px;
    border: 5px solid #fff
}

.cu-os-win .clickapps-card__projects-list-items::-webkit-scrollbar-thumb:hover {
    background-color: #a0a0a5;
    border: 3px solid #fff
}

.cu-os-win .clickapps-card__projects-list-items::-webkit-scrollbar-button {
    display: none
}

.cu-os-win.dark-theme .clickapps-card__projects-list-items::-webkit-scrollbar,.cu-os-win .dark-theme .clickapps-card__projects-list-items::-webkit-scrollbar {
    background-color: #384047
}

.cu-os-win.dark-theme .clickapps-card__projects-list-items::-webkit-scrollbar-track,.cu-os-win .dark-theme .clickapps-card__projects-list-items::-webkit-scrollbar-track {
    background-color: #384047
}

.cu-os-win.dark-theme .clickapps-card__projects-list-items::-webkit-scrollbar-track:hover,.cu-os-win .dark-theme .clickapps-card__projects-list-items::-webkit-scrollbar-track:hover {
    background-color: #384047
}

.cu-os-win.dark-theme .clickapps-card__projects-list-items::-webkit-scrollbar-thumb,.cu-os-win .dark-theme .clickapps-card__projects-list-items::-webkit-scrollbar-thumb {
    border-color: #384047
}

.cu-os-win.dark-theme .clickapps-card__projects-list-items::-webkit-scrollbar-thumb:hover,.cu-os-win .dark-theme .clickapps-card__projects-list-items::-webkit-scrollbar-thumb:hover {
    border-color: #384047
}

.cu-os-win.dark-theme .clickapps-card__projects-list-items::-webkit-scrollbar-corner,.cu-os-win .dark-theme .clickapps-card__projects-list-items::-webkit-scrollbar-corner {
    background-color: #384047
}

.dark-theme .clickapps-card__projects-list-items {
    background: #384047
}

.clickapps-card__projects-list-item {
    transition: all .2s cubic-bezier(.785,.135,.15,.86) 0s;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 13px 10px;
    cursor: pointer;
    border-bottom: 1px solid #f3f3f3;
    font-size: 13px
}

.dark-theme .clickapps-card__projects-list-item {
    border-bottom: 1px solid #1e272e
}

.clickapps-card__projects-list-item:hover {
    background: #fafbfc
}

.dark-theme .clickapps-card__projects-list-item:hover {
    background: #2b343b
}

.clickapps-card__projects-list-item:last-child {
    border: 0
}

.clickapps-card__projects-list-item-name {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    color: #343434
}

.dark-theme .clickapps-card__projects-list-item-name {
    color: #d5d6d7
}

.clickapps-card__projects-list-item-name.clickapps-card__project-enabled {
    font-weight: 500
}

.clickapps-card__projects-list-item-name.unresolved-item {
    text-transform: capitalize
}

.clickapps-card__projects-list-item.dropdown-title {
    cursor: default
}

.clickapps-card__projects-list-item.dropdown-title:hover {
    background: initial
}

.clickapps-card__projects-list-item use {
    fill: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .clickapps-card__projects-list-item use {
        fill:var(--theme-main-color)
    }
}

.clickapps-card__sprint-beta-opt-in {
    font-size: 12px;
    font-weight: 400;
    line-height: 23px;
    color: #343434;
    text-align: center;
    border-bottom: 1px dashed #979797;
    margin: 0 20px 20px;
    cursor: pointer
}

.dark-theme .clickapps-card__sprint-beta-opt-in {
    color: #828588
}

.clickapps-card__select-project #overlay {
    display: none
}

.clickapps-card__select-project-container {
    display: flex;
    align-items: center;
    justify-content: center
}

.clickapps-card__select-project-settings {
    font-size: 12px;
    font-weight: 400;
    line-height: 23px;
    padding: 0;
    color: #343434;
    text-align: center;
    border-bottom: 1px dashed #979797;
    margin: 0 auto 20px;
    cursor: pointer;
    width: 75px
}

[lang=fr-FR] .clickapps-card__select-project-settings {
    width: 142px
}

[lang=es-ES] .clickapps-card__select-project-settings,[lang=pt-BR] .clickapps-card__select-project-settings {
    width: 120px
}

.dark-theme .clickapps-card__select-project-settings {
    color: #828588
}

.clickapps-card__select-project-arrow-down {
    transition: all .2s cubic-bezier(.785,.135,.15,.86) 0s;
    stroke: #A2C44A;
    width: 12px;
    height: 7px;
    float: right;
    margin: 7px 0 0 7px
}

@supports (--theme-main-color: $color-purple) {
    .clickapps-card__select-project-arrow-down {
        stroke:var(--theme-main-color)
    }
}

.clickapps-card__select-project-arrow-down use {
    fill: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .clickapps-card__select-project-arrow-down use {
        fill:var(--theme-main-color)
    }
}

.clickapps-card__select-project.cu-dropdown.cu-dropdown_top {
    margin: 0
}

.clickapps-card__select-project.cu-dropdown.cu-dropdown_left>.cu-dropdown__menu {
    left: 50%;
    transform: translate(-50%)
}

.clickapps-card__select-project.cu-dropdown.cu-dropdown_open .clickapps-card__select-project-arrow-down {
    transform: rotate(180deg)
}

.clickapps-card__select-project .cu-dropdown__toggle {
    display: flex;
    justify-content: center
}

.clickapps-card__select-project .cu-dropdown__toggle .cu-dropdown__toggle-text {
    font-size: 12px;
    font-weight: 400;
    line-height: 23px;
    padding: 0;
    color: #343434;
    text-align: center;
    margin-bottom: 15px
}

.clickapps-card__select-project .cu-dropdown__toggle .cu-dropdown__toggle-text_bordered {
    border-bottom: 1px dashed #979797;
    margin-bottom: 14px
}

.dark-theme .clickapps-card__select-project .cu-dropdown__toggle .cu-dropdown__toggle-text_bordered {
    color: #d5d6d7
}

.clickapps-card__projects-list-icons {
    display: inline-flex
}

.clickapps-card__projects-list-check {
    width: 14px;
    height: 14px;
    margin-left: 7px
}

.clickapps-card__projects-list-check use {
    fill: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .clickapps-card__projects-list-check use {
        fill:var(--theme-main-color)
    }
}

.clickapps-card__projects-list-check_settings {
    cursor: pointer
}

.clickapps-card__projects-list-check_settings use {
    fill: #b9bec7
}

.clickapps-card__projects-list-check_trash {
    cursor: pointer
}

.clickapps-card__projects-list-check_trash use {
    fill: #d16464
}

.clickapps-card__enabled .clickapps-card__top-border {
    background: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .clickapps-card__enabled .clickapps-card__top-border {
        background:var(--theme-main-color)
    }
}

.clickapps-card__enabled .clickapps-card__title,.clickapps-card__enabled .clickapps-card__title-tm,.clickapps-card__enabled .clickapps-card__subtitle,.clickapps-card__enabled .clickapps-card__description,.clickapps-card__enabled .clickapps-card__image-item {
    opacity: 1
}

.clickapps-card__enabled .cu-form__row {
    margin: 0;
    padding: 5px 15px;
    display: flex;
    justify-content: center
}

.clickapps-card__enabled .cu-form__row .cu-checkbox__label {
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
    text-transform: none;
    min-height: 16px;
    height: auto
}

.cu-modal__body .clickapps-card .clickapps-card__title,.cu-modal__body .clickapps-card .clickapps-card__title-tm,.cu-modal__body .clickapps-card .clickapps-card__subtitle,.cu-modal__body .clickapps-card .clickapps-card__description,.cu-modal__body .clickapps-card .clickapps-card__image-item {
    opacity: 1
}

.clickapps-card__project-enabled {
    font-weight: 500
}

.clickapps-card .cu-form__row {
    position: relative
}

.clickapps-card__row {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 15px
}

.clickapps-card__row-label {
    font-size: 12px;
    font-weight: 400;
    line-height: 1;
    color: #292d34
}

.dark-theme .clickapps-card__row-label {
    color: #d5d6d7
}

.clickapps-card__row-label .help-question-mark {
    margin-bottom: -2px
}

.clickapps-card__row .clickapps-card__select-project {
    width: 30px
}

.clickapps-card__row .clickapps-card__select-project .cu-dropdown__toggle .cu-dropdown__toggle-text_bordered {
    margin-bottom: 0
}

.clickapps-card__row-paywall {
    position: relative;
    align-items: center
}

.clickapps-card__row-paywall.clickapps-card__row-paywall-disabled .cu-checkbox,.clickapps-card__row-paywall.clickapps-card__row-paywall-disabled .cu-checkbox__label {
    opacity: .5
}

.clickapps-card__row-paywall-text {
    position: absolute
}

.clickapps-card__row-paywall-info {
    width: 12px;
    height: 12px;
    cursor: pointer;
    fill: #b9bec7;
    margin-left: 5px
}

.clickapps-card__options {
    margin-bottom: 15px;
    padding: 0 10px
}

.clickapps__popover {
    padding: 10px;
    display: flex;
    flex-direction: column;
    align-items: center
}

.clickapps__popover-title {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 20px;
    font-weight: 500;
    line-height: 1.4;
    text-align: center;
    margin-bottom: 10px;
    color: #292d34
}

.dark-theme .clickapps__popover-title {
    color: #d5d6d7
}

.clickapps__popover-desc {
    font-size: 14px;
    font-weight: 400;
    line-height: 1.4;
    text-align: center;
    margin-bottom: 20px;
    color: #7c828d
}

.dark-theme .clickapps__popover-desc {
    color: #abaeb0
}

.clickapps__popover-btns {
    display: flex;
    justify-content: center
}

.clickapps__popover-btns .cu-btn+.cu-btn {
    padding: 0 10px;
    margin-left: 15px
}

.addons__nav {
    transition: all .2s cubic-bezier(.785,.135,.15,.86) 0s;
    font-size: 16px;
    font-weight: 500;
    line-height: 1;
    display: inline-block;
    margin: -10px 20px 40px 0;
    color: #a19da880;
    padding: 10px 0;
    cursor: pointer;
    border-bottom: solid 2px #fff
}

.dark-theme .addons__nav {
    color: #828588;
    border-bottom: solid 2px #1e272e
}

.addons__nav:hover {
    color: #343434
}

.dark-theme .addons__nav:hover {
    color: #d5d6d7
}

.addons__nav-link {
    color: #A2C44A;
    transition: all .2s cubic-bezier(.785,.135,.15,.86) 0s;
    font-size: 12px;
    font-weight: 400;
    line-height: 1;
    position: relative;
    display: inline-block;
    padding-bottom: 1px
}

@supports (--theme-main-color: $color-purple) {
    .addons__nav-link {
        color:var(--theme-main-color)
    }
}

.addons__nav-link_header {
    font-size: 14px;
    margin-left: 20px
}

.addons__nav-link:after {
    content: "";
    display: block;
    position: absolute;
    transition: all .2s cubic-bezier(.785,.135,.15,.86) 0s;
    background-color: #A2C44A;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px
}

.addons__nav-link:after:hover {
    transition: none
}

@supports (--theme-main-color: $color-purple) {
    .addons__nav-link:after {
        background-color:var(--theme-main-color)
    }
}

.addons__nav-link:hover:after {
    opacity: 0
}

.addons__enabled-nav {
    border-color: #A2C44A;
    color: #343434;
    border-bottom: solid 2px
}

@supports (--theme-main-color: $color-purple) {
    .addons__enabled-nav {
        border-color:var(--theme-main-color)
    }
}

.dark-theme .addons__enabled-nav {
    border-color: #A2C44A;
    color: #d5d6d7
}

@supports (--theme-main-color: $color-purple) {
    .dark-theme .addons__enabled-nav {
        border-color:var(--theme-main-color)
    }
}

.gantt-free-trial-modal {
    text-align: center
}

.gantt-free-trial-modal .cu-modal__title {
    width: 100%
}

.gantt-free-trial-modal p {
    font-family: -apple-system,BlinkMacSystemFont,Segoe UI,roboto,Helvetica Neue,helvetica,arial,sans-serif;
    font-weight: 400;
    font-size: 14px;
    padding-bottom: 20px
}

.gantt-free-trial-modal .cu-modal__body {
    min-height: auto
}

@charset "UTF-8";.comment-viewer {
    display: flex;
    flex-direction: column;
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    z-index: 1000;
    background: rgba(29,29,29,.95);
    contain: layout paint size style
}

.comment-viewer__embed {
    width: 100%;
    height: 100%
}

.comment-viewer__email {
    width: 95%
}

.comment-viewer__shorten {
    color: #fff;
    display: flex;
    align-items: center;
    text-align: center;
    padding: 0 10px
}

.comment-viewer__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-shrink: 0;
    height: 70px;
    background: #1f1f1f
}

.dark-theme .comment-viewer__header {
    background: #1d1d1d
}

.comment-viewer__header2 {
    display: flex;
    align-items: center;
    flex-shrink: 0;
    height: 70px;
    position: relative;
    background: #1f1f1f
}

.dark-theme .comment-viewer__header2 {
    background: #1d1d1d
}

html.todesktop-platform-darwin .comment-viewer__header2 {
    -webkit-app-region: drag
}

.comment-viewer__header2-close {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.comment-viewer__header2-close-divider {
    min-width: 40px;
    height: 70px;
    flex-grow: 1
}

.comment-viewer__header2-close-divider:first-child {
    margin-left: 52px
}

.comment-viewer__header2-body {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    flex-grow: 1;
    min-width: 0
}

.comment-viewer__header2-sidebar {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    position: relative;
    min-width: 0;
    flex-shrink: 0
}

.comment-viewer__header2-control {
    transition: background .2s cubic-bezier(.785,.135,.15,.86) 0s;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    width: auto;
    height: 36px;
    cursor: pointer;
    -webkit-user-select: none;
    user-select: none;
    fill: #fff;
    color: #fff
}

.comment-viewer__header2-control_active,.comment-viewer__header2-control:hover {
    fill: #A2C44A;
    background: #393939
}

@supports (--theme-main-color: $color-purple) {
    .comment-viewer__header2-control_active,.comment-viewer__header2-control:hover {
        fill:var(--theme-main-color)
    }
}

.comment-viewer__header2-control_close {
    width: 36px;
    padding: 10px;
    margin-right: 17px
}

.comment-viewer__header2-control_zoom-real {
    width: 36px;
    padding: 10px;
    background: #393939
}

.comment-viewer__header2-comments {
    transition: background-color .2s cubic-bezier(.785,.135,.15,.86) 0s;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 13px;
    font-weight: 500;
    line-height: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    padding: 0 10px;
    height: 36px;
    cursor: pointer;
    -webkit-user-select: none;
    user-select: none;
    border-radius: 4px;
    white-space: nowrap;
    margin-left: 35px
}

.comment-viewer__header2-comments_active,.comment-viewer__header2-comments:hover {
    background: #393939
}

.comment-viewer__header2-comments-counter {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    margin-right: 5px;
    position: relative
}

.comment-viewer__header2-comments-counter_active:before {
    content: "";
    display: block;
    position: absolute;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background: #fd71af
}

.comment-viewer__header2-comments-icon {
    transition: fill .2s cubic-bezier(.785,.135,.15,.86) 0s;
    fill: #fff;
    width: 16px;
    height: 16px;
    position: absolute;
    top: 0;
    left: 0
}

.comment-viewer__header2-comments-length {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 8px;
    font-weight: 500;
    line-height: 1;
    color: #fff;
    position: relative
}

.comment-viewer__header2-zoom {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 45px
}

.comment-viewer__header2-zoom-items {
    display: flex;
    align-items: center;
    border-radius: 8px;
    margin-left: 7px;
    height: 36px;
    -webkit-user-select: none;
    user-select: none;
    background: #393939
}

.comment-viewer__header2-zoom-item {
    transition: fill .2s cubic-bezier(.785,.135,.15,.86) 0s;
    fill: #fff;
    width: 36px;
    height: 36px;
    padding: 10px;
    cursor: pointer
}

.comment-viewer__header2-zoom-item:hover {
    fill: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .comment-viewer__header2-zoom-item:hover {
        fill:var(--theme-main-color)
    }
}

.comment-viewer__header2-zoom-item_value {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 12px;
    font-weight: 500;
    line-height: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    width: auto;
    min-width: 55px;
    position: relative;
    color: #fff;
    cursor: default
}

.comment-viewer__header2-zoom-item_value:before,.comment-viewer__header2-zoom-item_value:after {
    content: "";
    display: block;
    position: absolute;
    width: 1px;
    height: 16px;
    background: #4c4c4c;
    left: 0
}

.comment-viewer__header2-zoom-item_value:after {
    left: auto;
    right: 0;
    top: 50%;
    transform: translateY(-50%)
}

.comment-viewer__header2-name {
    transition: background .2s cubic-bezier(.785,.135,.15,.86) 0s;
    display: flex;
    align-items: center;
    border-radius: 8px;
    height: 36px;
    cursor: pointer;
    -webkit-user-select: none;
    user-select: none;
    padding: 0 13px;
    margin-right: 35px;
    margin-left: 9px;
    min-width: 0
}

.comment-viewer__header2-name:hover {
    background: #393939
}

.comment-viewer__header2-name:hover .comment-viewer__header2-name-edit {
    opacity: 1
}

.comment-viewer__header2-name_active {
    background: #393939;
    flex-grow: 1;
    min-width: 270px;
    max-width: 550px
}

html.todesktop-platform-darwin .comment-viewer__header2-name {
    margin-left: 80px
}

.comment-viewer__header2-name-text,.comment-viewer__header2-name-input {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 14px;
    font-weight: 500;
    line-height: 1;
    color: #fff
}

.comment-viewer__header2-name-text {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.comment-viewer__header2-name-input {
    border: 0;
    background: transparent;
    flex-grow: 1
}

.comment-viewer__header2-name-input:focus {
    box-shadow: none
}

.comment-viewer__header2-name-save,.comment-viewer__header2-name-close {
    fill: #fff;
    height: 36px;
    padding: 10px;
    position: relative
}

.comment-viewer__header2-name-save:hover,.comment-viewer__header2-name-close:hover {
    fill: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .comment-viewer__header2-name-save:hover,.comment-viewer__header2-name-close:hover {
        fill:var(--theme-main-color)
    }
}

.comment-viewer__header2-name-save:before,.comment-viewer__header2-name-close:before {
    content: "";
    display: block;
    position: absolute;
    width: 1px;
    height: 36px;
    background: #4c4c4c;
    left: -1px
}

.comment-viewer__header2-name-save {
    margin-left: 10px;
    width: 36px
}

.comment-viewer__header2-name-close {
    margin-right: -13px;
    width: 38px;
    padding: 11px 13px
}

.comment-viewer__header2-name-close:before {
    height: 16px
}

.comment-viewer__header2-name-edit {
    transition: opacity .2s cubic-bezier(.785,.135,.15,.86) 0s;
    width: 28px;
    height: 27px;
    fill: #fff;
    cursor: pointer;
    padding: 7px;
    margin-right: -7px;
    opacity: 0
}

.comment-viewer__header2-options {
    display: flex;
    align-items: center;
    flex-shrink: 0
}

.comment-viewer__txt-preview {
    width: 100%;
    height: 100%;
    padding: 10px;
    color: #343434;
    word-break: break-word;
    overflow-wrap: break-word;
    word-wrap: break-word;
    white-space: pre
}

.comment-viewer__delim {
    flex-grow: 1
}

.comment-viewer__controls {
    display: flex;
    justify-content: center;
    flex: 1 0 0;
    position: absolute;
    width: 100%
}

.comment-viewer__controls-close {
    flex-grow: 1
}

.comment-viewer__control {
    transition: .1s;
    cursor: pointer;
    -webkit-user-select: none;
    user-select: none;
    flex-shrink: 0
}

.comment-viewer__control.preview-back,.comment-viewer__control.preview-forward {
    width: 62px;
    height: 214px;
    position: absolute;
    top: calc(50% - 127px);
    z-index: 15
}

.comment-viewer__control.preview-back:hover use,.comment-viewer__control.preview-forward:hover use {
    stroke: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .comment-viewer__control.preview-back:hover use,.comment-viewer__control.preview-forward:hover use {
        stroke:var(--theme-main-color)
    }
}

.comment-viewer_reset-theme-color .comment-viewer__control.preview-back:hover use,.comment-viewer_reset-theme-color .comment-viewer__control.preview-forward:hover use {
    stroke: #A2C44A
}

.comment-viewer__control.preview-back use,.comment-viewer__control.preview-forward use {
    transition: all .2s cubic-bezier(.785,.135,.15,.86) 0s;
    stroke: #fff
}

.comment-viewer__control.preview-back_disabled,.comment-viewer__control.preview-back_disabled:hover,.comment-viewer__control.preview-forward_disabled,.comment-viewer__control.preview-forward_disabled:hover {
    cursor: default
}

.comment-viewer__control.preview-back_disabled use,.comment-viewer__control.preview-back_disabled:hover use,.comment-viewer__control.preview-forward_disabled use,.comment-viewer__control.preview-forward_disabled:hover use {
    stroke: #444
}

.comment-viewer__control.preview-back {
    padding: 80px 24px 80px 16px;
    left: 0
}

.comment-viewer__control.preview-forward {
    width: 52px;
    padding: 80px 16px 80px 14px;
    right: 0
}

.comment-viewer__btn {
    transition: background .2s cubic-bezier(.785,.135,.15,.86) 0s;
    display: flex;
    border-radius: 8px;
    width: 36px;
    height: 36px
}

.comment-viewer__btn:hover {
    background: #393939
}

.comment-viewer__btn+.comment-viewer__btn {
    margin-left: 10px
}

.comment-viewer__btn_with-text {
    width: auto
}

.comment-viewer__btn_with-text:hover .comment-viewer__btn-text {
    color: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .comment-viewer__btn_with-text:hover .comment-viewer__btn-text {
        color:var(--theme-main-color)
    }
}

.comment-viewer_reset-theme-color .comment-viewer__btn_with-text:hover .comment-viewer__btn-text {
    color: #A2C44A
}

.comment-viewer__btn_with-text:hover use {
    stroke: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .comment-viewer__btn_with-text:hover use {
        stroke:var(--theme-main-color)
    }
}

.comment-viewer_reset-theme-color .comment-viewer__btn_with-text:hover use {
    stroke: #A2C44A
}

.comment-viewer__btn_done .comment-viewer__btn-inner {
    display: none
}

.comment-viewer__btn_done .comment-viewer__btn-inner_done {
    display: flex
}

.comment-viewer__btn-inner {
    transition: all .2s cubic-bezier(.785,.135,.15,.86) 0s;
    display: flex;
    align-items: center;
    cursor: pointer
}

.comment-viewer__btn-inner.disabled-action {
    opacity: .4;
    cursor: not-allowed
}

.comment-viewer__btn-inner_done {
    display: none
}

.comment-viewer__btn-icon {
    flex-shrink: 0;
    padding: 10px;
    width: 36px
}

.comment-viewer__btn-icon_trash:hover use {
    fill: #fd71af
}

.comment-viewer__btn-icon_trash use {
    transition: fill .2s cubic-bezier(.785,.135,.15,.86) 0s;
    fill: #fff
}

.comment-viewer__btn-icon_trash.disabled-action:hover use {
    fill: #fff
}

.comment-viewer__btn-icon_link:hover use {
    fill: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .comment-viewer__btn-icon_link:hover use {
        fill:var(--theme-main-color)
    }
}

.comment-viewer_reset-theme-color .comment-viewer__btn-icon_link:hover use {
    fill: #A2C44A
}

.comment-viewer__btn-icon_link use {
    transition: all .2s cubic-bezier(.785,.135,.15,.86) 0s;
    fill: #fff
}

.comment-viewer__btn:hover .comment-viewer__btn-icon_download use {
    fill: #A2C44A;
    stroke: transparent
}

@supports (--theme-main-color: $color-purple) {
    .comment-viewer__btn:hover .comment-viewer__btn-icon_download use {
        fill:var(--theme-main-color)
    }
}

.comment-viewer_reset-theme-color .comment-viewer__btn:hover .comment-viewer__btn-icon_download use {
    fill: #A2C44A;
    stroke: transparent
}

.comment-viewer__btn-icon_download use {
    transition: all .2s cubic-bezier(.785,.135,.15,.86) 0s;
    fill: #fff
}

.comment-viewer__btn-icon_new-tab:hover use {
    fill: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .comment-viewer__btn-icon_new-tab:hover use {
        fill:var(--theme-main-color)
    }
}

.comment-viewer_reset-theme-color .comment-viewer__btn-icon_new-tab:hover use {
    fill: #A2C44A
}

.comment-viewer__btn-icon_new-tab use {
    transition: all .2s cubic-bezier(.785,.135,.15,.86) 0s;
    fill: #fff
}

.comment-viewer__btn-icon_pin {
    transition: background-color .2s
}

.comment-viewer__btn-icon_pin:hover use {
    fill: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .comment-viewer__btn-icon_pin:hover use {
        fill:var(--theme-main-color)
    }
}

.comment-viewer_reset-theme-color .comment-viewer__btn-icon_pin:hover use {
    fill: #A2C44A
}

.comment-viewer__btn-icon_pin use {
    transition: all .2s cubic-bezier(.785,.135,.15,.86) 0s;
    fill: #fff
}

.comment-viewer__btn-icon_pin.current-cover-image {
    background-color: #A2C44A;
    border-radius: 50%
}

@supports (--theme-main-color: $color-purple) {
    .comment-viewer__btn-icon_pin.current-cover-image {
        background-color:var(--theme-main-color)
    }
}

.comment-viewer_reset-theme-color .comment-viewer__btn-icon_pin.current-cover-image {
    background-color: #A2C44A
}

.comment-viewer__btn-icon_pin.current-cover-image use {
    fill: #fff
}

.comment-viewer__btn-icon_check:hover use {
    stroke: #fff
}

.comment-viewer__btn-icon_check use {
    transition: all .2s cubic-bezier(.785,.135,.15,.86) 0s;
    stroke: #fff
}

.comment-viewer__btn-icon_go:hover use {
    fill: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .comment-viewer__btn-icon_go:hover use {
        fill:var(--theme-main-color)
    }
}

.comment-viewer_reset-theme-color .comment-viewer__btn-icon_go:hover use {
    fill: #A2C44A
}

.comment-viewer__btn-icon_go use {
    transition: all .2s cubic-bezier(.785,.135,.15,.86) 0s;
    fill: #fff
}

.comment-viewer__btn-icon.currentCoverImage use {
    fill: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .comment-viewer__btn-icon.currentCoverImage use {
        fill:var(--theme-main-color)
    }
}

.comment-viewer_reset-theme-color .comment-viewer__btn-icon.currentCoverImage use {
    fill: #A2C44A
}

.comment-viewer__btn-text {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 13px;
    font-weight: 500;
    line-height: 1;
    transition: color .2s cubic-bezier(.785,.135,.15,.86) 0s;
    padding-right: 10px;
    color: #fff
}

.comment-viewer__alert {
    font-size: 16px;
    font-weight: 300;
    line-height: 1.4em;
    padding: 100px;
    text-align: center;
    color: #fff
}

.comment-viewer__body {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-grow: 1;
    padding: 0;
    height: calc(100vh - 70px);
    width: 100%;
    border: 1px solid transparent;
    overflow: hidden;
    margin: 0 auto;
    position: relative
}

.comment-viewer__body.comment-viewer__email-preview {
    display: block;
    overflow: auto;
    width: 80vw;
    margin: 0 auto;
    max-width: 1300px
}

.comment-viewer__body-img-container {
    overflow: auto;
    width: 100%;
    height: 100%
}

.comment-viewer__body-img-container_disallow-\441omments {
    text-align: center;
    line-height: calc(100vh - 72px);
    -webkit-user-select: none;
    user-select: none
}

.comment-viewer__body-img-container_disallow-\441omments img {
    position: relative;
    transform-origin: center top;
    max-width: 100%;
    max-height: 100%;
    vertical-align: middle
}

.comment-viewer__body-img-container-loader {
    position: absolute;
    left: 50%;
    transform: translate(-50%)
}

@media screen and (max-width: 768px) {
    .comment-viewer__header2-options {
        bottom:15px;
        display: flex;
        position: fixed;
        width: 100%;
        z-index: 10;
        padding-left: 20px
    }

    .comment-viewer__btn {
        background: #393939
    }
}

@media screen and (max-width: 375px) {
    .comment-viewer__btn-text {
        display:none
    }
}

.cu-datalist {
    position: relative
}

.cu-datalist__header {
    display: flex;
    align-items: center;
    border-bottom: 1px solid #d8d8d8;
    margin: 0 0 15px;
    padding: 0 0 15px
}

.cu-datalist__footer {
    margin: 20px 0 0
}

.cu-datalist__title {
    font-size: 13px;
    font-weight: 500;
    flex-grow: 1;
    color: #545454
}

.cu-datalist__menu {
    min-width: 240px;
    display: block;
    position: absolute;
    top: 100%;
    box-shadow: 0 2px 14px #00000026;
    background: #fff;
    border-radius: 4px;
    z-index: 1000;
    width: 100%;
    left: 0;
    display: none;
    margin: 30px 0 0;
    padding: 20px
}

.cu-datalist__option {
    cursor: pointer
}

.cu-datalist__option:not(:last-of-type) {
    border-bottom: 1px solid #d8d8d8
}

.cu-datalist.cu-datalist_open .cu-datalist__menu {
    display: block
}

.cu-datalist-toggle {
    width: 100%;
    flex-grow: 1;
    display: block;
    border: 0;
    color: #2229;
    font: 17px -apple-system,BlinkMacSystemFont,Segoe UI,roboto,Helvetica Neue,helvetica,arial,sans-serif;
    padding: 12px 20px 8px 0
}

.cu-dropdown {
    position: relative
}

.cu-dropdown__header {
    display: flex;
    align-items: center;
    margin: 0 0 15px
}

.cu-dropdown__title {
    font-size: 14px;
    font-weight: 500;
    flex-grow: 1;
    padding: 2px 0 0;
    color: #343434
}

.cu-dropdown__controls {
    flex-shrink: 1
}

.cu-dropdown__toggle {
    cursor: pointer;
    -webkit-user-select: none;
    user-select: none
}

.cu-dropdown__toggle_disabled {
    cursor: initial
}

.cu-dropdown__toggle .cu-dropdown__toggle-text {
    font-size: 13px;
    font-weight: 400;
    padding: 10px 20px 15px 40px;
    color: #222222b3
}

.dark-theme .cu-dropdown__toggle .cu-dropdown__toggle-text {
    color: #abaeb0
}

.cu-dropdown__toggle .cu-dropdown__toggle-text_white {
    color: #fff
}

.cu-dropdown__toggle .cu-dropdown__toggle-status {
    padding: 10px
}

.cu-dropdown__toggle .cu-dropdown__toggle-status.cu-dropdown__toggle-status_padding {
    padding-right: 40px
}

.cu-dropdown__toggle .cu-dropdown__toggle-icon {
    height: 16px;
    width: 16px
}

.cu-dropdown__toggle-arrow-down {
    position: absolute;
    top: 12px;
    right: 0;
    width: 14px;
    height: 9px;
    stroke: #4a4a4a
}

.dark-theme .cu-dropdown__toggle-arrow-down {
    stroke: #828588
}

.cu-dropdown__toggle-arrow-right {
    transition: all .2s cubic-bezier(.785,.135,.15,.86) 0s;
    position: absolute;
    top: 14px;
    right: 10px;
    width: 7px;
    height: 5px;
    transform: rotate(-90deg);
    fill: #343434
}

.cu-dropdown__toggle-arrow-right:hover {
    transition: none
}

.cu-dropdown__top-arrow {
    position: absolute;
    top: -6px;
    left: 50%;
    margin-left: -6px;
    width: 12px;
    height: 12px;
    background: #fff;
    transform: rotate(45deg);
    border-top: 1px solid rgba(0,0,0,.03);
    border-left: 1px solid rgba(0,0,0,.03)
}

.dark-theme .cu-dropdown__top-arrow {
    background: #384047
}

.cu-dropdown__menu {
    display: none;
    opacity: 0;
    position: absolute;
    top: 100%;
    left: 0;
    right: auto;
    margin: 10px 0;
    box-shadow: 0 1px 10px #00000040;
    background: #fff;
    border-radius: 6px;
    z-index: 1000;
    pointer-events: all;
    min-width: 150px;
    max-height: calc(100vh - 20px);
    overflow-y: auto;
    animation: dropdownMenuAnimation .03s ease-in forwards
}

.cu-os-win .cu-dropdown__menu {
    scrollbar-width: thin
}

.cu-os-win .cu-dropdown__menu::-webkit-scrollbar {
    background-color: #fff;
    width: 16px;
    height: 16px
}

.cu-os-win .cu-dropdown__menu::-webkit-scrollbar-track {
    background-color: #fff
}

.cu-os-win .cu-dropdown__menu::-webkit-scrollbar-track:hover {
    background-color: #fff
}

.cu-os-win .cu-dropdown__menu::-webkit-scrollbar-thumb {
    background-color: #babac080;
    border-radius: 16px;
    border: 5px solid #fff
}

.cu-os-win .cu-dropdown__menu::-webkit-scrollbar-thumb:hover {
    background-color: #a0a0a5;
    border: 3px solid #fff
}

.cu-os-win .cu-dropdown__menu::-webkit-scrollbar-button {
    display: none
}

.cu-os-win.dark-theme .cu-dropdown__menu::-webkit-scrollbar,.cu-os-win .dark-theme .cu-dropdown__menu::-webkit-scrollbar {
    background-color: #384047
}

.cu-os-win.dark-theme .cu-dropdown__menu::-webkit-scrollbar-track,.cu-os-win .dark-theme .cu-dropdown__menu::-webkit-scrollbar-track {
    background-color: #384047
}

.cu-os-win.dark-theme .cu-dropdown__menu::-webkit-scrollbar-track:hover,.cu-os-win .dark-theme .cu-dropdown__menu::-webkit-scrollbar-track:hover {
    background-color: #384047
}

.cu-os-win.dark-theme .cu-dropdown__menu::-webkit-scrollbar-thumb,.cu-os-win .dark-theme .cu-dropdown__menu::-webkit-scrollbar-thumb {
    border-color: #384047
}

.cu-os-win.dark-theme .cu-dropdown__menu::-webkit-scrollbar-thumb:hover,.cu-os-win .dark-theme .cu-dropdown__menu::-webkit-scrollbar-thumb:hover {
    border-color: #384047
}

.cu-os-win.dark-theme .cu-dropdown__menu::-webkit-scrollbar-corner,.cu-os-win .dark-theme .cu-dropdown__menu::-webkit-scrollbar-corner {
    background-color: #384047
}

.cu-dropdown__menu.cu-dropdown_closing {
    animation: dropdownMenuOutAnimation .03s ease-out forwards
}

.dark-theme .cu-dropdown__menu {
    background: #384047;
    box-shadow: 0 2px 16px #0006
}

.cu-dropdown__menu_radius-small {
    border-radius: 4px
}

.cu-dropdown__menu_padding-top {
    padding-top: 8px
}

.cu-dropdown__menu_left-margin {
    margin-left: 12px
}

.cu-dropdown__menu_fixed-width {
    width: 256px
}

.cu-dropdown__menu_shadow-large {
    box-shadow: 0 4px 16px #1010101f
}

.cu-dropdown__menu_no-animate {
    opacity: 1
}

.cu-dropdown__menu.task-section-select {
    max-height: 40%;
    overflow-y: scroll;
    min-width: 500px;
    margin-bottom: 50px
}

.cu-dropdown__menu_fullwidth {
    width: 100%
}

.cu-dropdown__menu_autowidth {
    min-width: 350px;
    max-width: 100%;
    width: auto!important
}

.cu-dropdown__menu_overflow-hidden {
    overflow: hidden
}

.cu-dropdown__menu_overflow-visible {
    overflow: visible
}

.cu-dropdown__menu.cu-time-tracker-task-selector__dropdown {
    margin-top: -55px!important
}

.cu-dropdown__menu:not(.cu-dropdown__menu_overflow-hidden,.cu-dropdown__menu_overflow-visible,.nav-menu__group):after {
    content: "";
    display: block;
    position: sticky;
    width: 100%;
    height: 8px;
    bottom: -10px;
    margin-top: -8px;
    border-radius: 0 0 4px 4px;
    pointer-events: none;
    background: linear-gradient(0deg,white 0%,rgba(255,255,255,0) 100%)
}

.dark-theme .cu-dropdown__menu:not(.cu-dropdown__menu_overflow-hidden,.cu-dropdown__menu_overflow-visible,.nav-menu__group):after {
    background: linear-gradient(0deg,rgba(0,0,0,0) 0%,rgba(0,0,0,0) 100%)
}

.cu-dropdown__menu.dark-theme:not(.cu-dropdown__menu_overflow-hidden):not(.cu-dropdown__menu_overflow-visible):after {
    background: linear-gradient(0deg,#384047 0%,rgba(56,64,71,0) 100%)
}

.cu-dropdown__menu_nobg,.dark-theme .cu-dropdown__menu_nobg {
    background: none;
    box-shadow: none
}

.cu-dropdown__comments-menu {
    background: #fbfbfb;
    padding: 10px 0;
    width: 362px;
    position: absolute;
    left: -240px;
    cursor: default
}

.cu-dropdown__comments-menu>.cu-dropdown__comments-top-arrow {
    right: 58px;
    background: #fbfbfb
}

.dark-theme .cu-dropdown__comments-menu>.cu-dropdown__comments-top-arrow {
    background: #384047
}

.cu-dropdown__comments-menu>.cu-dropdown__comments-container {
    max-height: 300px;
    overflow-y: scroll
}

.cu-dropdown__comments-menu>.cu-dropdown__comments-container>.cu-dropdown__comments-body {
    padding: 0 15px
}

.dark-theme .cu-dropdown__comments-menu>.cu-dropdown__comments-container>.cu-dropdown__comments-body .cu-comment__body {
    background: #2b343b
}

.cu-dropdown__comments-menu>.cu-dropdown__comments-container>.cu-dropdown__comments-body .cu-checkbox {
    flex-direction: row-reverse
}

.cu-dropdown__comments-menu>.cu-dropdown__comments-container>.cu-dropdown__comments-body .cu-checkbox .cu-checkbox__label {
    color: #A2C44A;
    padding-top: 2px;
    font-weight: 400
}

@supports (--theme-main-color: $color-purple) {
    .cu-dropdown__comments-menu>.cu-dropdown__comments-container>.cu-dropdown__comments-body .cu-checkbox .cu-checkbox__label {
        color:var(--theme-main-color)
    }
}

.cu-dropdown__comments-menu>.cu-dropdown__comments-container>.cu-dropdown__comments-body .cu-checkbox .cu-checkbox__label:before {
    border-color: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .cu-dropdown__comments-menu>.cu-dropdown__comments-container>.cu-dropdown__comments-body .cu-checkbox .cu-checkbox__label:before {
        border-color:var(--theme-main-color)
    }
}

.cu-dropdown__item {
    display: block;
    text-decoration: none;
    padding: 5px
}

.cu-dropdown__project-status {
    cursor: pointer;
    font-weight: 700;
    font-size: 11px;
    width: 75px;
    text-align: center;
    padding: 10px 0 5px;
    text-transform: uppercase
}

.cu-dropdown__footer {
    padding: 10px
}

.cu-dropdown__comments {
    display: flex;
    margin: 10px 0
}

.cu-dropdown.cu-dropdown_open>.cu-dropdown__menu,.cu-dropdown.cu-dropdown_open .cu-dropdown__menu {
    display: block;
    animation: fadeIn .05s linear .05s forwards
}

.cu-dropdown.cu-dropdown_open>.cu-dropdown__menu_no-animate,.cu-dropdown.cu-dropdown_open .cu-dropdown__menu_no-animate {
    animation-name: none
}

.cu-dropdown.cu-dropdown_open>.cu-dropdown__menu_sidebar-settings,.cu-dropdown.cu-dropdown_open .cu-dropdown__menu_sidebar-settings {
    display: table
}

.cu-dropdown.cu-dropdown_open .cu-project-select-asana {
    display: none
}

.cu-dropdown.cu-dropdown_open>.cu-project-select-asana {
    display: block
}

.cu-dropdown.cu-dropdown_open .time-tracking__settime-dropdown {
    display: none
}

.cu-dropdown.cu-dropdown_open>.time-tracking__settime-dropdown {
    display: block
}

.cu-dropdown.cu-dropdown_open .dropdown-icon-down {
    opacity: 1
}

.cu-dropdown__comments-body:not(:last-child) {
    margin-bottom: 15px
}

.cu-dropdown.cu-dropdown_fullwidth {
    width: 100%
}

.cu-dropdown.cu-dropdown_fullwidth>.cu-dropdown__menu,.cu-dropdown.cu-dropdown_fullwidth>.cu-dropdown__toggle {
    width: 100%
}

.cu-dropdown.cu-dropdown_fullwidth .cu-user-list {
    width: 100%;
    margin: 0
}

.cu-dropdown.cu-dropdown_right>.cu-dropdown__menu {
    left: 0;
    right: auto
}

.cu-dropdown.cu-dropdown_left>.cu-dropdown__menu {
    left: auto;
    right: 0
}

.cu-dropdown.cu-dropdown_left>.cu-dropdown__menu-worked-on {
    right: -20px
}

.cu-dropdown.cu-dropdown_center>.cu-dropdown__menu {
    left: 50%;
    right: auto;
    transform: translate(-50%);
    overflow: hidden
}

.cu-dropdown.cu-dropdown_top>.cu-dropdown__menu {
    top: auto;
    bottom: 100%
}

.cu-dropdown.cu-dropdown_no-margin {
    margin: 0
}

.cu-dropdown.cu-dropdown_pointer>.cu-dropdown__menu:after {
    content: "";
    display: block;
    position: absolute;
    height: 0;
    width: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 10px;
    border-bottom-color: #fff;
    top: -20px;
    left: 50%;
    margin-left: -10px
}

.dark-theme .cu-dropdown.cu-dropdown_pointer>.cu-dropdown__menu:after {
    height: 0;
    width: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 10px;
    border-bottom-color: #384047
}

.cu-dropdown.cu-dropdown_pointer>.cu-dropdown__menu:before {
    content: "";
    display: block;
    position: absolute;
    width: 6px;
    height: 6px;
    top: -6px;
    left: 50%;
    margin-left: -3px;
    box-shadow: 0 -4px 12px #0000004d
}

.cu-dropdown.cu-dropdown_pointer.cu-dropdown.cu-dropdown_top>.cu-dropdown__menu {
    margin: 0 0 15px
}

.cu-dropdown.cu-dropdown_pointer.cu-dropdown.cu-dropdown_top>.cu-dropdown__menu:after {
    content: "";
    display: block;
    position: absolute;
    height: 0;
    width: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 10px;
    border-top-color: #fff;
    top: 100%;
    bottom: auto
}

.dark-theme .cu-dropdown.cu-dropdown_pointer.cu-dropdown.cu-dropdown_top>.cu-dropdown__menu:after {
    height: 0;
    width: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 10px;
    border-top-color: #384047
}

.cu-dropdown.cu-dropdown_pointer.cu-dropdown.cu-dropdown_top>.cu-dropdown__menu:before {
    content: "";
    display: block;
    position: absolute;
    width: 6px;
    height: 6px;
    top: 100%;
    box-shadow: 0 4px 12px #0000004d
}

.cu-dropdown.cu-dropdown_pointer.cu-dropdown.cu-dropdown_left>.cu-dropdown__menu:after {
    left: auto;
    right: 30px
}

.cu-dropdown.cu-dropdown_pointer.cu-dropdown.cu-dropdown_left>.cu-dropdown__menu:before {
    left: auto;
    right: 30px;
    margin-right: 6px
}

.cu-dropdown.cu-dropdown_pointer.cu-dropdown.cu-dropdown_right>.cu-dropdown__menu:after {
    right: auto;
    left: 30px
}

.cu-dropdown.cu-dropdown_pointer.cu-dropdown.cu-dropdown_right>.cu-dropdown__menu:before {
    right: auto;
    left: 30px;
    margin-right: 6px
}

.cu-dropdown.cu-dropdown_settings>.cu-dropdown__toggle {
    font-size: 17px;
    font-weight: 400;
    width: 100%;
    border-bottom: 1px solid #d8d8d8;
    color: #2229;
    padding: 10px 0
}

.dark-theme .cu-dropdown.cu-dropdown_settings>.cu-dropdown__toggle {
    color: #d5d6d7;
    border-bottom: 1px solid #2b343b
}

.cu-dropdown.cu-dropdown_settings>.cu-dropdown__menu {
    width: 100%;
    padding: 10px
}

.cu-dropdown.cu-dropdown_projects {
    flex-grow: 1
}

.cu-dropdown.cu-dropdown_disabled {
    opacity: .3
}

.cu-dropdown.cu-dropdown_disabled>.cu-dropdown__toggle {
    position: relative;
    cursor: not-allowed
}

.cu-dropdown.cu-dropdown_disabled>.cu-dropdown__toggle:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.cu-dropdown.cu-dropdown_disabled .cu-dropdown__menu {
    display: none!important
}

.cu-dropdown.cu-dropdown_status-filter {
    width: 100%
}

.cu-dropdown.cu-dropdown_status-filter .cu-dropdown__toggle-text {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 34px
}

.cu-dropdown.cu-dropdown_user-filter {
    width: 100%
}

.cu-dropdown.cu-dropdown_user-filter .cu-dropdown__toggle-text {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 34px;
    font-size: 13px
}

.cu-dropdown.cu-dropdown_user-import-select .cu-dropdown_fullwidth {
    height: 100%
}

.cu-dropdown.cu-dropdown_user-import {
    width: 100%;
    height: 100%
}

.cu-dropdown.cu-dropdown_user-import.cu-dropdown_user-import-select {
    height: auto
}

.cu-dropdown.cu-dropdown_user-import .cu-dropdown__toggle {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    height: 100%;
    padding: 2px 16px 0
}

.cu-dropdown.cu-dropdown_user-import .cu-dropdown__toggle:after {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    background: url(arrow-down.1d14d21bc3072521.svg) center center/contain no-repeat transparent;
    top: 0;
    right: 10px;
    width: 12px;
    height: 100%
}

.cu-dropdown.cu-dropdown_user-import .cu-dropdown__menu {
    width: 100%;
    padding: 10px
}

.cu-dropdown.cu-dropdown_datepicker .user-list__body {
    width: 180px
}

.cu-user-import-options__item {
    transition: all .2s cubic-bezier(.785,.135,.15,.86) 0s;
    display: block;
    padding: 10px;
    border-radius: 4px
}

.cu-user-import-options__item:hover {
    transition: none
}

.cu-user-import-options__item:hover {
    background: #f5f5f5
}

.dark-theme .cu-user-import-options__item:hover {
    background: #2b343b
}

.cu-dropdown__menu.cu-dropdown__menu_time-tracking {
    width: 328px
}

[lang=pt-BR] .cu-dropdown__menu.cu-dropdown__menu_time-tracking,[lang=es-ES] .cu-dropdown__menu.cu-dropdown__menu_time-tracking {
    width: 400px
}

.cu-dropdown__menu.cu-dropdown__menu_time-tracking-icon {
    margin-left: -127px
}

.cu-dropdown__menu.cu-dropdown__menu_time-tracking-display-time {
    margin-left: -106px
}

.cu-dropdown__menu.cu-dropdown__menu_time-tracking .user-list-item {
    padding: 20px
}

.cu-dropdown__menu.cu-dropdown__menu_time-tracking .user-list-item:hover {
    background: none
}

.cu-dropdown__menu.cu-dropdown__menu_time-tracking .user-list-item>.cu-btn {
    width: 248px
}

.cu-dropdown__menu.cu-dropdown__menu_time-tracking .datepicker__calendar {
    box-shadow: none;
    background: none
}

.cu-dropdown__menu.cu-dropdown__menu_time-tracking .datepicker__calendar__nav {
    border-bottom: 0
}

.cu-dropdown__menu.cu-dropdown__menu_time-tracking .datepicker__calendar__month__day {
    line-height: 2.3
}

.cu-category-tools {
    padding: 10px;
    width: 145px
}

.cu-category-tools_item {
    cursor: pointer;
    font: 13px -apple-system,BlinkMacSystemFont,Segoe UI,roboto,Helvetica Neue,helvetica,arial,sans-serif;
    color: #979797;
    padding: 5px;
    display: flex
}

.cu-category-tools_item>.cu-icon {
    height: 12px;
    width: 12px;
    margin-right: 10px;
    margin-top: -2px
}

.selected-status-list {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 34px;
    position: relative;
    padding-right: 36px
}

.selected-status-list__item {
    width: 8px;
    height: 8px;
    margin: 0 4px;
    flex-shrink: 0
}

.selected-status-list__label {
    font-size: 14px;
    font-weight: 500;
    line-height: 1;
    margin-left: 4px;
    color: #2a2e34
}

.dark-theme .selected-status-list__label {
    color: #f0f1f3
}

button.cu-status-option {
    min-width: 0;
    width: 45%
}

button.cu-status-cancel {
    background-color: #fff;
    color: #fd71af;
    border: 1px solid #aeacb0
}

button.cu-status-cancel:hover {
    background-color: #aeacb0
}

.cu-list-status {
    min-width: 165px;
    margin: 4px 0 0;
    padding: 4px 0 0
}

.cu-list-status__body {
    overflow-y: auto;
    overflow-x: hidden
}

.cu-os-win .cu-list-status__body {
    scrollbar-width: thin
}

.cu-os-win .cu-list-status__body::-webkit-scrollbar {
    background-color: #fff;
    width: 16px;
    height: 16px
}

.cu-os-win .cu-list-status__body::-webkit-scrollbar-track {
    background-color: #fff
}

.cu-os-win .cu-list-status__body::-webkit-scrollbar-track:hover {
    background-color: #fff
}

.cu-os-win .cu-list-status__body::-webkit-scrollbar-thumb {
    background-color: #babac080;
    border-radius: 16px;
    border: 5px solid #fff
}

.cu-os-win .cu-list-status__body::-webkit-scrollbar-thumb:hover {
    background-color: #a0a0a5;
    border: 3px solid #fff
}

.cu-os-win .cu-list-status__body::-webkit-scrollbar-button {
    display: none
}

.cu-os-win.dark-theme .cu-list-status__body::-webkit-scrollbar,.cu-os-win .dark-theme .cu-list-status__body::-webkit-scrollbar {
    background-color: #384047
}

.cu-os-win.dark-theme .cu-list-status__body::-webkit-scrollbar-track,.cu-os-win .dark-theme .cu-list-status__body::-webkit-scrollbar-track {
    background-color: #384047
}

.cu-os-win.dark-theme .cu-list-status__body::-webkit-scrollbar-track:hover,.cu-os-win .dark-theme .cu-list-status__body::-webkit-scrollbar-track:hover {
    background-color: #384047
}

.cu-os-win.dark-theme .cu-list-status__body::-webkit-scrollbar-thumb,.cu-os-win .dark-theme .cu-list-status__body::-webkit-scrollbar-thumb {
    border-color: #384047
}

.cu-os-win.dark-theme .cu-list-status__body::-webkit-scrollbar-thumb:hover,.cu-os-win .dark-theme .cu-list-status__body::-webkit-scrollbar-thumb:hover {
    border-color: #384047
}

.cu-os-win.dark-theme .cu-list-status__body::-webkit-scrollbar-corner,.cu-os-win .dark-theme .cu-list-status__body::-webkit-scrollbar-corner {
    background-color: #384047
}

.dark-theme .cu-list-status__body {
    background-color: #384047
}

.cu-list-status__header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0 0 10px;
    padding: 0 15px
}

.cu-list-status__select-all {
    color: #A2C44A;
    font-size: 13px;
    font-weight: 400;
    text-decoration: none
}

@supports (--theme-main-color: $color-purple) {
    .cu-list-status__select-all {
        color:var(--theme-main-color)
    }
}

.cu-list-status__clear {
    position: absolute;
    right: 0;
    top: 0;
    width: 36px;
    height: 100%;
    cursor: pointer
}

.cu-list-status__clear_bordered {
    border-left: 1px solid #e4e4e4
}

.cu-list-status__clear-icon {
    width: 36px;
    height: 34px;
    padding: 11px;
    stroke: #cccdde
}

.cu-list-status__clear-icon:hover {
    stroke: #999
}

.cu-list-status__clear-close {
    width: 10px;
    height: 10px;
    margin-left: 5px
}

.cu-list-status__item {
    padding: 6px 15px;
    cursor: pointer;
    white-space: nowrap
}

.cu-list-status__item.simple {
    padding: 0
}

.cu-list-status__item.simple .toggle-closed {
    margin: 0 auto
}

.cu-list-status__item .cu-checkbox__label {
    font-size: 11px;
    font-weight: 500;
    line-height: 1;
    height: 16px;
    margin-bottom: 2px
}

.cu-list-status__item-semi .cu-checkbox__label:after {
    opacity: .5
}

.cu-list-status__status-done {
    display: inline-flex;
    stroke: #67cb48;
    height: 12px;
    width: 12px;
    margin-left: 5px
}

.cu-task-settings-list__item {
    display: flex;
    align-items: center;
    text-decoration: none;
    padding: 8px 15px 8px 13px;
    cursor: pointer
}

.cu-task-settings-list__item:hover {
    background: #f0f1f3
}

.dark-theme .cu-task-settings-list__item:hover {
    background: #2b343b
}

.cu-task-settings-list__item_border-top {
    border-top: 1px solid #f4f4f4
}

.dark-theme .cu-task-settings-list__item_border-top:not(.cu-task-settings-list__item_share) {
    border-top: 1px solid #1e272e
}

.cu-task-settings-list__item_disabled {
    cursor: not-allowed;
    opacity: .8
}

.cu-task-settings-list__item_share {
    transition: all .2s cubic-bezier(.785,.135,.15,.86) 0s;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 36px;
    border-radius: 4px!important;
    background-color: var(--theme-main-color);
    cursor: pointer;
    margin: 6px 12px 10px
}

.cu-task-settings-list__item_share .cu-task-settings-list__text {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 13px;
    font-weight: 500;
    line-height: 1;
    color: #fff!important
}

.cu-task-settings-list__item_share .cu-task-settings-list__icon {
    fill: #fff
}

.cu-task-settings-list__item_share:hover {
    background-color: var(--theme-main-color-dark)!important
}

.cu-task-settings-list__icon {
    flex-shrink: 0;
    width: 17px;
    height: 16px;
    fill: #979797
}

.cu-task-settings-list__text {
    font-size: 13px;
    font-weight: 400;
    line-height: 1;
    color: #000;
    padding: 1px 0 0 10px;
    white-space: nowrap;
    flex-grow: 1
}

.dark-theme .cu-task-settings-list__text {
    color: #d5d6d7
}

.cu-task-settings-list .cu-dropdown-list-item__submenu {
    width: 14px;
    height: 14px;
    flex-shrink: 0;
    margin-right: -5px;
    margin-left: 5px;
    fill: #979797
}

.cu-user-list {
    margin: 5px 0 0;
    width: 250px;
    overflow: hidden
}

.cu-user-list.left {
    left: -100%
}

.cu-user-list__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0 0 5px
}

.cu-user-list__header .cu-search__input {
    padding-right: 40px
}

.cu-user-list__header .cu-search__close {
    right: 20px
}

.cu-user-list__title {
    font-size: 13px;
    font-weight: 500;
    color: #343434
}

.cu-user-list__select-all {
    color: #A2C44A;
    font-size: 13px;
    font-weight: 400;
    text-decoration: none
}

@supports (--theme-main-color: $color-purple) {
    .cu-user-list__select-all {
        color:var(--theme-main-color)
    }
}

.cu-user-list__search {
    margin: 0 0 10px
}

.cu-user-list__body {
    max-height: 250px;
    overflow: auto
}

.cu-user-list__footer {
    margin: 10px 0 0
}

.cu-user-list_create-project-modal {
    width: 100%
}

.cu-user-list.cu-user-list_fw {
    width: 300px
}

.cu-user-item {
    display: flex;
    align-items: center;
    padding: 10px 0;
    -webkit-user-select: none;
    user-select: none;
    cursor: pointer
}

.cu-user-item__avatar {
    flex-shrink: 0;
    margin: 0 15px 0 0
}

.cu-user-item__username {
    font-size: 13px;
    font-weight: 400;
    flex-grow: 1;
    color: #777;
    padding: 2px 0 0
}

.cu-user-item__checkbox {
    flex-shrink: 0;
    margin: 0 0 0 10px
}

.cu-user-item+.cu-user-item {
    border-top: 1px solid #e4e4e4
}

.cu-user-list_team-box {
    transform: translate(40px,-80px)
}

.cu-subtask-list {
    padding: 20px 20px 10px;
    margin: 5px 0 0;
    width: 400px;
    overflow: hidden
}

.cu-subtask-list__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0 0 5px
}

.cu-subtask-list__body {
    max-height: 350px;
    overflow: auto;
    width: calc(100% + 35px);
    padding: 0 20px 0 0
}

.cu-status-list {
    width: 150px;
    padding: 10px;
    border: 1px solid #e4e4e4;
    border-radius: 3px;
    margin: 5px 0 0
}

[lang=fr-FR] .cu-status-list {
    width: 188px
}

.cu-status-list__item {
    display: flex;
    align-items: center;
    padding: 10px 0;
    -webkit-user-select: none;
    user-select: none;
    cursor: pointer;
    text-align: center
}

.cu-status-list__item:hover .cu-status-list__text {
    color: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .cu-status-list__item:hover .cu-status-list__text {
        color:var(--theme-main-color)
    }
}

.cu-status-list__icon {
    flex-shrink: 0;
    margin: 0 8px 0 0;
    width: 7px;
    height: 7px;
    background: #aeacb0
}

.cu-status-list__text {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: all .2s cubic-bezier(.785,.135,.15,.86) 0s;
    font-size: 13px;
    font-weight: 400;
    flex-grow: 1;
    color: #777;
    padding: 3px 0 0;
    text-transform: capitalize
}

.cu-status-list__text:hover {
    transition: none
}

.cu-team-list__header {
    -webkit-user-select: none;
    user-select: none;
    padding: 15px
}

.cu-team-list__title {
    font-size: 13px;
    font-weight: 500;
    color: #545454
}

.cu-team-list__item {
    display: flex;
    cursor: pointer;
    padding: 20px 15px;
    color: #565656
}

.cu-team-list__item:not(:last-child) {
    border-bottom: 1px solid #e2e2e2
}

.dark-theme .cu-team-list__item:not(:last-child) {
    border-bottom: 1px solid #1e272e
}

.cu-team-list__item:hover {
    color: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .cu-team-list__item:hover {
        color:var(--theme-main-color)
    }
}

.cu-team-list__item-avatar {
    margin: 0 15px 0 0
}

.cu-team-list__item-name {
    transition: all .2s cubic-bezier(.785,.135,.15,.86) 0s;
    flex-grow: 1;
    display: flex;
    align-items: center
}

.cu-team-list__item-name:hover {
    transition: none
}

.cu-team-list__item-name-text {
    color: #2229;
    line-height: 30px
}

.cu-team-list__item-name .cu-avatar {
    margin-right: 8px
}

.cu-team-list__item-note {
    font-size: 12px;
    font-weight: 400;
    flex-shrink: 0;
    padding: 2px 0 0;
    color: #ababab
}

.cu-team-list__add-btn {
    margin: 15px 0 10px 15px
}

.cu-team-list__item.cu-team-list__item_active .cu-team-list__item-name {
    color: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .cu-team-list__item.cu-team-list__item_active .cu-team-list__item-name {
        color:var(--theme-main-color)
    }
}

.cu-icons-list {
    width: 370px;
    padding: 20px;
    margin-top: -20px
}

.cu-icons-list__header {
    margin: 0 0 20px
}

.cu-icons-list__body {
    display: flex;
    justify-content: flex-start;
    align-content: flex-start;
    flex-wrap: wrap;
    margin-right: -18px
}

.cu-icons-list__footer {
    margin: 10px 0 0
}

.cu-cp-icon {
    transition: all .2s cubic-bezier(.785,.135,.15,.86) 0s;
    flex-shrink: 0;
    position: relative;
    overflow: hidden;
    width: 25px;
    height: 25px;
    margin: 0 18px 18px 0;
    padding: 3px;
    border: 2px solid transparent;
    border-radius: 50%;
    cursor: pointer
}

.cu-cp-icon:hover {
    transition: none
}

.cu-cp-icon:hover {
    border: 2px solid #e2e2e2
}

.cu-cp-icon img {
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 2px
}

.cu-cp-icon.cu-cp-icon_selected {
    border-color: #A2C44A;
    border: 2px solid
}

@supports (--theme-main-color: $color-purple) {
    .cu-cp-icon.cu-cp-icon_selected {
        border-color:var(--theme-main-color)
    }
}

.cu-cp-icon.cu-cp-icon_lg {
    flex-shrink: 0;
    width: 40px;
    height: 40px;
    margin: 0 20px 0 0;
    padding: 0;
    border: 0
}

.cu-cp-icon.cu-cp-icon_lg:empty {
    background: #fafbfc
}

.cu-cp-icon.cu-cp-icon_lg:before {
    display: none
}

.cu-cp-icon.cu-cp-icon_lg.onboarding-avatar {
    width: 140px;
    height: 140px;
    font-size: 40px
}

.cu-dropdown.cu-dropdown_worked-on .cu-dropdown__toggle {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: flex;
    align-items: center;
    position: relative;
    cursor: default
}

.cu-dropdown.cu-dropdown_worked-on .cu-dropdown__toggle-text {
    color: #A2C44A;
    position: relative;
    cursor: pointer;
    font-family: -apple-system,BlinkMacSystemFont,Segoe UI,roboto,Helvetica Neue,helvetica,arial,sans-serif;
    font-weight: 500;
    font-size: 16px;
    padding: 0;
    margin-left: 4px
}

@supports (--theme-main-color: $color-purple) {
    .cu-dropdown.cu-dropdown_worked-on .cu-dropdown__toggle-text {
        color:var(--theme-main-color)
    }
}

.cu-dropdown.cu-dropdown_worked-on .cu-dropdown__toggle-text:after {
    content: "";
    display: block;
    position: absolute;
    border-top-color: #A2C44A;
    height: 0;
    width: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px;
    top: 5px;
    right: -15px
}

@supports (--theme-main-color: $color-purple) {
    .cu-dropdown.cu-dropdown_worked-on .cu-dropdown__toggle-text:after {
        border-top-color:var(--theme-main-color)
    }
}

.cu-dropdown.cu-dropdown_worked-on .cu-dropdown__toggle-status-text {
    font: 15px -apple-system,BlinkMacSystemFont,Segoe UI,roboto,Helvetica Neue,helvetica,arial,sans-serif;
    color: #2229;
    width: 100%
}

.cu-dropdown.cu-dropdown_worked-on .cu-dropdown__toggle-status-text:after {
    top: 5px
}

.cu-dropdown.cu-dropdown_worked-on .cu-dropdown__toggle-status {
    border-bottom: 1px solid #aeacb0
}

.cu-dropdown.cu-dropdown_worked-on .cu-dropdown__item-worked-on {
    padding: 15px
}

.cu-dropdown.cu-dropdown_projects .cu-dropdown__toggle {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    border-bottom-color: #A2C44A;
    display: flex;
    align-items: flex-start;
    position: relative;
    border-bottom: 1px solid;
    cursor: default
}

@supports (--theme-main-color: $color-purple) {
    .cu-dropdown.cu-dropdown_projects .cu-dropdown__toggle {
        border-bottom-color:var(--theme-main-color)
    }
}

.cu-dropdown.cu-dropdown_projects .cu-dropdown__toggle-text {
    color: #A2C44A;
    font-size: 23px;
    font-weight: 500;
    position: relative;
    padding: 2px 30px 15px 0;
    cursor: pointer
}

@supports (--theme-main-color: $color-purple) {
    .cu-dropdown.cu-dropdown_projects .cu-dropdown__toggle-text {
        color:var(--theme-main-color)
    }
}

.cu-dropdown.cu-dropdown_projects .cu-dropdown__toggle-text:after {
    content: "";
    display: block;
    position: absolute;
    border-top-color: #A2C44A;
    height: 0;
    width: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px;
    top: 11px;
    right: 15px
}

@supports (--theme-main-color: $color-purple) {
    .cu-dropdown.cu-dropdown_projects .cu-dropdown__toggle-text:after {
        border-top-color:var(--theme-main-color)
    }
}

.cu-dropdown.cu-dropdown_projects .cu-dropdown__toggle-status-text {
    font: 15px -apple-system,BlinkMacSystemFont,Segoe UI,roboto,Helvetica Neue,helvetica,arial,sans-serif;
    color: #2229;
    width: 100%
}

.cu-dropdown.cu-dropdown_projects .cu-dropdown__toggle-status-text:after {
    top: 5px
}

.cu-dropdown.cu-dropdown_projects .cu-dropdown__toggle-status {
    border-bottom: 1px solid #aeacb0
}

.cu-projects-list {
    width: 100%;
    max-height: 50vh;
    margin: 10px 0 0;
    padding: 5px 20px
}

.cu-projects-list__subheader {
    margin: 15px 0 0;
    height: 30px;
    line-height: 30px;
    color: #000;
    font-weight: 600;
    font-size: 18px
}

.dark-theme .cu-projects-list__subheader {
    color: #d5d6d7
}

.cu-projects-list__lock {
    width: 16px;
    height: 22px;
    padding: 4px 4px 4px 0
}

.cu-projects-list__item {
    display: flex;
    align-items: center;
    padding: 15px 0;
    cursor: pointer
}

.cu-projects-list__item:not(:last-child) {
    border-bottom: 1px solid #e2e2e2
}

.dark-theme .cu-projects-list__item:not(:last-child) {
    border-bottom: 1px solid #1e272e
}

.cu-projects-list__item-name.unjoined {
    opacity: .5
}

.cu-projects-list__item-name.unjoined:hover {
    opacity: 1
}

.cu-projects-list .cu-team-list__header {
    -webkit-user-select: none;
    user-select: none;
    padding: 15px
}

.cu-projects-list .cu-team-list__title {
    font-size: 13px;
    font-weight: 500;
    color: #545454
}

.cu-projects-list .cu-team-list__item {
    display: flex;
    cursor: pointer;
    padding: 20px 15px;
    color: #565656
}

.cu-projects-list .cu-team-list__item:not(:last-child) {
    border-bottom: 1px solid #e2e2e2
}

.dark-theme .cu-projects-list .cu-team-list__item:not(:last-child) {
    border-bottom: 1px solid #1e272e
}

.cu-projects-list .cu-team-list__item:hover {
    color: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .cu-projects-list .cu-team-list__item:hover {
        color:var(--theme-main-color)
    }
}

.cu-projects-list .cu-team-list__item-name {
    transition: all .2s cubic-bezier(.785,.135,.15,.86) 0s;
    font-size: 14px;
    flex-grow: 1;
    color: inherit
}

.cu-projects-list .cu-team-list__item-name:hover {
    transition: none
}

.cu-projects-list .cu-team-list__item-note {
    font-size: 12px;
    font-weight: 400;
    flex-shrink: 0;
    padding: 2px 0 0;
    color: #ababab
}

.cu-projects-list .cu-team-list__add-btn {
    margin: 15px 0 10px 15px
}

.cu-projects-list .cu-team-list__item.cu-team-list__item_active .cu-team-list__item-name {
    color: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .cu-projects-list .cu-team-list__item.cu-team-list__item_active .cu-team-list__item-name {
        color:var(--theme-main-color)
    }
}

.cu-projects-list .cu-icons-list {
    width: 400px;
    padding: 20px
}

.cu-projects-list .cu-icons-list__header {
    margin: 0 0 20px
}

.cu-projects-list .cu-icons-list__body {
    display: flex;
    justify-content: flex-start;
    align-content: flex-start;
    flex-wrap: wrap
}

.cu-projects-list .cu-icons-list__footer {
    margin: 10px 0 0
}

.cu-projects-list .cu-cp-icon {
    transition: all .2s cubic-bezier(.785,.135,.15,.86) 0s;
    flex-shrink: 0;
    position: relative;
    overflow: hidden;
    width: 35px;
    height: 35px;
    margin: 0 10px 10px 0;
    padding: 3px;
    border: 2px solid transparent;
    border-radius: 4px;
    cursor: pointer
}

.cu-projects-list .cu-cp-icon:hover {
    transition: none
}

.cu-projects-list .cu-cp-icon:empty:before {
    content: "";
    display: block;
    position: absolute;
    top: 3px;
    left: 3px;
    width: 25px;
    height: 25px;
    border-radius: 2px;
    background: #d8d8d8
}

.cu-projects-list .cu-cp-icon:hover {
    border: 2px solid #e2e2e2
}

.cu-projects-list .cu-cp-icon img {
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 2px
}

.cu-projects-list .cu-cp-icon.cu-cp-icon_selected {
    border-color: #A2C44A;
    border: 2px solid
}

@supports (--theme-main-color: $color-purple) {
    .cu-projects-list .cu-cp-icon.cu-cp-icon_selected {
        border-color:var(--theme-main-color)
    }
}

.cu-projects-list .cu-cp-icon.cu-cp-icon_lg {
    flex-shrink: 0;
    width: 40px;
    height: 40px;
    margin: 0 20px 0 0;
    padding: 0;
    border: 0
}

.cu-projects-list .cu-cp-icon.cu-cp-icon_lg:empty {
    background: #d8d8d8
}

.cu-projects-list .cu-cp-icon.cu-cp-icon_lg:before {
    display: none
}

.cu-projects-list .cu-dropdown.cu-dropdown_projects .cu-dropdown__toggle {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    border-bottom-color: #A2C44A;
    display: flex;
    align-items: flex-start;
    position: relative;
    border-bottom: 1px solid;
    cursor: default
}

@supports (--theme-main-color: $color-purple) {
    .cu-projects-list .cu-dropdown.cu-dropdown_projects .cu-dropdown__toggle {
        border-bottom-color:var(--theme-main-color)
    }
}

.cu-projects-list .cu-dropdown.cu-dropdown_projects .cu-dropdown__toggle-text {
    color: #A2C44A;
    font-size: 23px;
    font-weight: 500;
    position: relative;
    padding: 2px 30px 15px 0;
    cursor: pointer
}

@supports (--theme-main-color: $color-purple) {
    .cu-projects-list .cu-dropdown.cu-dropdown_projects .cu-dropdown__toggle-text {
        color:var(--theme-main-color)
    }
}

.cu-projects-list .cu-dropdown.cu-dropdown_projects .cu-dropdown__toggle-text:after {
    content: "";
    display: block;
    position: absolute;
    border-top-color: #A2C44A;
    height: 0;
    width: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px;
    top: 11px;
    right: 15px
}

@supports (--theme-main-color: $color-purple) {
    .cu-projects-list .cu-dropdown.cu-dropdown_projects .cu-dropdown__toggle-text:after {
        border-top-color:var(--theme-main-color)
    }
}

.cu-projects-list .cu-projects-list {
    width: 100%;
    margin: 10px 0 0;
    padding: 5px 20px
}

.cu-projects-list .cu-projects-list__item {
    display: flex;
    align-items: center;
    padding: 15px 0;
    cursor: pointer;
    max-width: 230px
}

.cu-projects-list .cu-projects-list__item:not(:last-child) {
    border-bottom: 1px solid #e2e2e2
}

.dark-theme .cu-projects-list .cu-projects-list__item:not(:last-child) {
    border-bottom: 1px solid #1e272e
}

.cu-projects-list .cu-projects-list__item-icon,.cu-projects-list .cu-projects-list__item-placeholder {
    flex-shrink: 0;
    margin: 0 15px 0 0;
    width: 30px;
    height: 30px;
    border-radius: 4px
}

.cu-projects-list .cu-projects-list__item-placeholder {
    background: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .cu-projects-list .cu-projects-list__item-placeholder {
        background:var(--theme-main-color)
    }
}

.cu-projects-list .cu-projects-list__item-name {
    transition: all .2s cubic-bezier(.785,.135,.15,.86) 0s;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 14px;
    flex-grow: 1;
    color: #565656
}

.cu-projects-list .cu-projects-list__item-name:hover {
    transition: none
}

.dark-theme .cu-projects-list .cu-projects-list__item-name {
    color: #abaeb0
}

.cu-projects-list .cu-projects-list__item-counter {
    font-size: 12px;
    font-weight: 400;
    flex-shrink: 0;
    color: #5656564d
}

.dark-theme .cu-projects-list .cu-projects-list__item-counter {
    color: #828588
}

.cu-projects-list .cu-projects-list__item-status {
    align-items: baseline
}

.cu-projects-list .cu-projects-list__item-status:not(:last-child) {
    border-bottom: 0
}

.cu-projects-list .cu-projects-list__item_active .cu-projects-list__item-name,.cu-projects-list .cu-projects-list__item:hover .cu-projects-list__item-name {
    color: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .cu-projects-list .cu-projects-list__item_active .cu-projects-list__item-name,.cu-projects-list .cu-projects-list__item:hover .cu-projects-list__item-name {
        color:var(--theme-main-color)
    }
}

.cu-projects-list .cu-dropdown.cu-dropdown_team {
    margin: 0 0 40px
}

.cu-projects-list .cu-dropdown.cu-dropdown_team .cu-dropdown__toggle {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 23px;
    font-weight: 500;
    display: inline-block;
    position: relative;
    color: #545454;
    padding: 0 15px 2px 2px
}

.cu-projects-list .cu-dropdown.cu-dropdown_team .cu-dropdown__toggle:before {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: calc(100% - 15px);
    height: 2px;
    background: repeating-linear-gradient(to right,transparent,transparent 2px,#545454 2px,#545454 4px)
}

.cu-dropdown.cu-dropdown_countries .cu-dropdown__toggle {
    position: relative;
    display: flex;
    padding: 12px 15px 8px 0
}

.cu-tags-input {
    width: 100%;
    flex-grow: 1;
    overflow: hidden;
    clear: both
}

.cu-tags-input__list {
    display: inline-flex;
    flex-wrap: wrap
}

.cu-tags-input__field {
    transition: all .2s cubic-bezier(.785,.135,.15,.86) 0s;
    font-size: 17px;
    font-weight: 400;
    border: 0;
    border-bottom: 1px solid #e4e4e4;
    box-shadow: none;
    margin-right: 5px;
    color: #2229;
    padding: 12px 0 8px;
    text-transform: none;
    min-width: 20px
}

.cu-tags-input__field:hover {
    transition: none
}

.cu-tags-input__field::placeholder {
    color: #2226;
    opacity: 1;
    font-size: "initial"
}

.cu-tags-input__field.error_taken {
    color: #d16464;
    text-decoration: underline
}

.cu-tags-input__submit {
    display: flex;
    align-items: center
}

.cu-tags-list {
    display: inline-flex;
    flex-wrap: wrap;
    margin: 15px 0 0
}

.cu-tag {
    display: inline-flex;
    align-items: center;
    margin: 0 5px 5px 0;
    border: 1px solid #e2e2e2;
    height: 30px;
    padding: 0 5px 0 10px;
    border-radius: 2px;
    -webkit-user-select: none;
    user-select: none
}

.dark-theme .cu-tag {
    border: 1px solid #1e272e
}

.cu-tag__text {
    font-size: 13px;
    color: #7a7a7a
}

.cu-tag__remove {
    transition: all .2s cubic-bezier(.785,.135,.15,.86) 0s;
    flex-shrink: 0;
    width: 16px;
    height: 16px;
    margin: 0 0 0 5px;
    padding: 2px;
    cursor: pointer;
    opacity: .8
}

.cu-tag__remove:hover {
    transition: none
}

.cu-tag__remove:hover {
    opacity: 1
}

.datepicker-menu {
    width: 100%
}

.datepicker-menu_custom-fields .datepicker__calendar {
    position: relative;
    height: 100%;
    overflow: hidden
}

.cu-overview-details-progress__dropdown-menu {
    width: 250px
}

.cu-overview-details-progress__dropdown-menu .cu-overview-details-progress__switch-btn {
    width: 36px;
    height: 24px
}

.cu-task-view-docs-lazy__doc-selector-dropdown,.cu-task-view-linked-tasks-lazy__task-selector-dropdown,.cu-task-view-dependencies-lazy__task-selector-dropdown,.cu-task-view-custom-relationships-lazy__task-selector-dropdown {
    width: 600px
}

.cu-task-view-docs-lazy__doc-selector-dropdown .task-selector,.cu-task-view-linked-tasks-lazy__task-selector-dropdown .task-selector,.cu-task-view-dependencies-lazy__task-selector-dropdown .task-selector,.cu-task-view-custom-relationships-lazy__task-selector-dropdown .task-selector {
    margin: 0
}

.cu-task-view-docs-lazy__doc-selector-dropdown .task-selector__task,.cu-task-view-linked-tasks-lazy__task-selector-dropdown .task-selector__task,.cu-task-view-dependencies-lazy__task-selector-dropdown .task-selector__task,.cu-task-view-custom-relationships-lazy__task-selector-dropdown .task-selector__task {
    padding: 0 10px
}

.cu-task-view-dependencies-lazy__dropdown {
    width: 215px;
    padding: 8px 0
}

.cu-task-view-docs-lazy__doc-selector-dropdown {
    min-height: 200px
}

.cu-task-view-docs-lazy__doc-selector-dropdown .cu-doc-recent__body {
    min-height: 130px
}

.due-date {
    height: 16px
}

.due-date__info-value {
    font-size: 11px;
    font-weight: 400;
    color: #343434;
    cursor: pointer;
    display: flex
}

.dark-theme .due-date__info-value {
    color: #abaeb0
}

.due-date__info-value-period {
    font-size: 11px;
    font-weight: 400;
    color: #343434;
    text-transform: lowercase;
    display: inline
}

.dark-theme .due-date__info-value-period {
    color: #abaeb0
}

.due-date__info-value-display {
    font-size: 11px;
    font-weight: 400;
    display: flex;
    flex-wrap: wrap;
    color: #34343480;
    position: relative
}

.due-date_view-task .due-date__info-value {
    color: #777
}

.dark-theme .due-date_view-task .due-date__info-value {
    color: #abaeb0
}

.due-date__info-value .cu-recurring-icon__icon {
    transition: stroke .2s cubic-bezier(.785,.135,.15,.86) 0s;
    width: 12px;
    height: 12px;
    margin-right: 4px
}

.due-date__info-value .cu-recurring-icon__icon:hover {
    stroke: var(--theme-main-color)
}

.due-date__info-key {
    font-size: 10px;
    font-weight: 500;
    margin: 0 0 5px;
    color: #77777780;
    text-transform: uppercase
}

.dark-theme .due-date__info-key {
    color: #828588
}

.due-date__past-due-font {
    font-size: 11px;
    font-weight: 400;
    color: #ed4141;
    cursor: pointer
}

.dark-theme .due-date__past-due-font {
    color: #ed4141
}

.due-date__past-due-font .due-date__info-value-display,.due-date__past-due-font .due-date__info-value {
    font-size: 11px;
    font-weight: 400;
    color: #ed4141
}

.dark-theme .due-date__past-due-font .due-date__info-value-display,.dark-theme .due-date__past-due-font .due-date__info-value {
    color: #ed4141
}

.due-date__past-due-font .due-date__info-value-display .due-date__info-value-period,.due-date__past-due-font .due-date__info-value .due-date__info-value-period {
    font-size: 11px;
    font-weight: 400;
    color: #ed4141
}

.dark-theme .due-date__past-due-font .due-date__info-value-display .due-date__info-value-period,.dark-theme .due-date__past-due-font .due-date__info-value .due-date__info-value-period {
    color: #ed4141
}

.due-date__due-today-font {
    font-size: 11px;
    font-weight: 400;
    color: #fb926a;
    cursor: pointer
}

.dark-theme .due-date__due-today-font {
    color: #fb926a
}

.due-date__due-today-font .due-date__info-value-display,.due-date__due-today-font .due-date__info-value {
    font-size: 11px;
    font-weight: 400;
    color: #fb926a
}

.dark-theme .due-date__due-today-font .due-date__info-value-display,.dark-theme .due-date__due-today-font .due-date__info-value {
    color: #fb926a
}

.due-date__due-today-font .due-date__info-value-display .due-date__info-value-period,.due-date__due-today-font .due-date__info-value .due-date__info-value-period {
    font-size: 11px;
    font-weight: 400;
    color: #fb926a
}

.dark-theme .due-date__due-today-font .due-date__info-value-display .due-date__info-value-period,.dark-theme .due-date__due-today-font .due-date__info-value .due-date__info-value-period {
    color: #fb926a
}

.due-date__overdue .due-date__info-value-display .due-date__info-value-period,.due-date__overdue .due-date__info-value .due-date__info-value-period,.dark-theme .due-date__overdue .due-date__info-value-display .due-date__info-value-period,.dark-theme .due-date__overdue .due-date__info-value .due-date__info-value-period {
    color: #ed4141
}

.due-date__notif-date .due-date__info-value {
    color: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .due-date__notif-date .due-date__info-value {
        color:var(--theme-main-color)
    }
}

.dark-theme .due-date__notif-date .due-date__info-value {
    color: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .dark-theme .due-date__notif-date .due-date__info-value {
        color:var(--theme-main-color)
    }
}

.due-date__due-soon .due-date__info-value,.dark-theme .due-date__due-soon .due-date__info-value {
    color: #fb926a
}

.due-date__overdue .due-date__info-value,.dark-theme .due-date__overdue .due-date__info-value {
    color: #ed4141
}

.due-date__on-time-font,.dark-theme .due-date__on-time-font,.due-date__on-time-font .due-date__info-value-display,.due-date__on-time-font .due-date__info-value,.dark-theme .due-date__on-time-font .due-date__info-value-display,.dark-theme .due-date__on-time-font .due-date__info-value,.due-date__on-time-font .due-date__info-value-display .due-date__info-value-period,.due-date__on-time-font .due-date__info-value .due-date__info-value-period,.dark-theme .due-date__on-time-font .due-date__info-value-display .due-date__info-value-period,.dark-theme .due-date__on-time-font .due-date__info-value .due-date__info-value-period {
    color: #67cb48
}

.due-date__row {
    font-size: 13px;
    font-weight: 400;
    display: flex;
    align-items: center;
    line-height: 12px
}

.cu-task-info_row .due-date__row {
    margin-left: 5px
}

.due-date__row .datepicker__close-date-view {
    display: none;
    width: 16px;
    height: 16px;
    padding: 2px;
    margin: 0;
    cursor: pointer;
    position: absolute;
    z-index: 15;
    left: -15px
}

.cu-task-info_row .due-date__row .datepicker__close-date-view {
    padding: 3px;
    left: -10px;
    top: 14px
}

.due-date__row .datepicker__close-date-view use {
    fill: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .due-date__row .datepicker__close-date-view use {
        fill:var(--theme-main-color)
    }
}

.due-date__row .due-date__info span.due-date__info-value {
    border-bottom: 1px solid transparent
}

.due-date__row .due-date__info span.due-date__info-value span {
    border-bottom: 0;
    padding-top: 0
}

.due-date__row:hover .due-date__info span.due-date__info-value {
    text-decoration: underline;
    -webkit-text-decoration-style: dashed;
    text-decoration-style: dashed
}

.due-date__row:hover .due-date__info span.due-date__info-value span {
    border-bottom: 0;
    padding-top: 0
}

.due-date__row:hover .icon_due-date-calendar {
    display: none
}

.due-date__row:hover .datepicker__close-date-view {
    display: block
}

.due-date__row.no-permission {
    cursor: default
}

.due-date__row.no-permission:hover .due-date__info span.due-date__info-value {
    cursor: default;
    text-decoration: none
}

.due-date__no-cursor .due-date__info-value {
    cursor: default
}

.due-date_create-task .datepicker__calendar {
    top: -13px;
    right: -90px
}

.due-date_view-task .datepicker__calendar {
    top: -13px;
    left: -107px;
    right: 0
}

.due-date_create-subtask .datepicker__calendar {
    top: -112px;
    left: -107px;
    right: 0
}

.due-date_board-view .datepicker__calendar {
    top: -13px;
    left: -107px;
    right: 0
}

.datepicker__calendar__month__day span {
    color: inherit
}

.cu-dropdown .due-date_create-task .due-date__row {
    border-right: 1px solid #efeff0;
    margin-right: 15px;
    padding: 0 15px 0 25px
}

.cu-dropdown .due-date_create-task .due-date__row .icon_due-date-close-o {
    position: absolute;
    width: 16px;
    height: 16px;
    left: 0;
    top: 15px
}

.cu-dropdown.due-date_create-task .due-date__info-value {
    height: 14px
}

.cu-dropdown .due-date_create-subtask {
    margin-bottom: 5px
}

.cu-dropdown .due-date_create-subtask .cu-task-info__value {
    line-height: 12px
}

.cu-dropdown .due-date_list-view:hover .icon_due-date-edit {
    display: block
}

.cu-dropdown .due-date_board-view .cu-user-group__item_due-date .cu-avatar {
    background: transparent
}

.cu-dropdown .due-date_board-view .icon_due-date-calendar {
    width: 12px;
    height: 11px;
    margin: -2px 5px 0 0
}

.cu-dropdown .due-date_board-view .icon_due-date-calendar use {
    fill: #cbc9cf
}

.cu-dropdown .due-date_board-view .cu-task-info__value {
    line-height: 12px
}

.cu-dropdown.cu-dropdown_open .cu-user-group__item_due-date {
    display: block
}

.cu-dropdown.cu-dropdown_open .cu-user-group__item_due-date .cu-fill {
    fill: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .cu-dropdown.cu-dropdown_open .cu-user-group__item_due-date .cu-fill {
        fill:var(--theme-main-color)
    }
}

.cu-dropdown.cu-dropdown_open .cu-user-group__item_due-date .cu-stroke {
    stroke: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .cu-dropdown.cu-dropdown_open .cu-user-group__item_due-date .cu-stroke {
        stroke:var(--theme-main-color)
    }
}

.cu-dropdown .due-date__row {
    display: flex;
    align-items: flex-end
}

.cu-dropdown .due-date__row.due-date_board-view {
    align-items: center;
    height: 16px
}

.cu-dropdown .due-date__row:hover .icon_due-date-close-o {
    display: block
}

.cu-dropdown .due-date__row:hover .icon_due-date-close-o use {
    fill: #b6b5ba
}

.cu-dropdown .due-date__row:hover .cu-task-info__value {
    border-bottom: 1px dashed #777
}

.cu-dropdown .due-date__row .cu-task-info__value {
    border-bottom: 1px dashed #fff
}

.cu-dropdown .icon_due-date-edit {
    width: 12px;
    height: 11px;
    margin: -4px 0 0 4px;
    display: none
}

.cu-dropdown .icon_due-date-close-o {
    width: 16px;
    height: 16px;
    margin: -3px 0 0 5px;
    display: none
}

.due-date_create-task .due-date__row {
    border-right: 1px solid #efeff0;
    margin-right: 15px;
    padding: 0 15px 0 25px
}

.due-date_create-task .due-date__row .icon_due-date-close-o {
    position: absolute;
    width: 16px;
    height: 16px;
    left: 0;
    top: 15px
}

.due-date_create-task.due-date__row {
    align-items: center
}

.due-date_create-task .icon_due-date-calendar {
    width: 12px;
    height: 11px;
    margin: 0 5px 0 0
}

.due-date_create-task .icon_due-date-calendar use {
    fill: #34343480
}

.dark-theme .due-date_create-task .icon_due-date-calendar use {
    fill: #828588
}

.due-date_create-subtask {
    margin-bottom: 5px
}

.due-date_create-subtask .cu-task-info__value {
    line-height: 12px
}

.due-date_list-view:hover .icon_due-date-edit {
    display: block
}

.due-date_list-view.due-date__row {
    align-items: center;
    position: relative
}

.due-date_list-view .due-date__info-value {
    border-bottom: 0
}

.due-date_list-view .due-date__info-value .due-date__info-value {
    border-bottom: 1px solid transparent
}

.due-date_list-view .icon_due-date-calendar {
    width: 12px;
    height: 11px;
    margin: 0 4px 0 0
}

.due-date_list-view .icon_due-date-calendar svg {
    visibility: hidden
}

.due-date_list-view .icon_due-date-calendar use {
    fill: #c1c1c1
}

.contrast_high .due-date_list-view .icon_due-date-calendar use {
    fill: #979797
}

.dark-theme .due-date_list-view .icon_due-date-calendar use {
    fill: #abaeb0
}

.due-date_list-view .icon_due-date-calendar_start use {
    stroke: #c1c1c1
}

.contrast_high .due-date_list-view .icon_due-date-calendar_start use {
    stroke: #979797
}

.dark-theme .due-date_list-view .icon_due-date-calendar_start use {
    fill: #abaeb0
}

.cu-user-group_due-date {
    margin-left: 5px
}

.due-date_view-task .cu-user-group_due-date {
    margin-left: 0
}

.due-date_board-view.cu-dropdown_top {
    margin: 0 0 0 5px
}

.due-date_board-view .cu-user-group__item.cu-user-group__item_due-date .icon {
    width: 24px;
    height: 24px
}

.due-date_board-view .icon_due-date-calendar {
    width: 12px;
    height: 11px;
    margin: -3px 5px 0 0
}

.due-date_board-view .cu-task-info__value {
    line-height: 12px
}

.due-date_subtask-view {
    display: inline-block
}

.due-date_subtask-view_container {
    vertical-align: text-top;
    margin-top: -3px;
    height: 24px
}

.due-date_subtask-view.due-date__row,.due-date_subtask-view .due-date__row {
    padding: 0!important
}

.due-date_subtask-view .cu-dropdown__toggle .cu-user-group_due-date .cu-user-group__item_due-date {
    display: none
}

.due-date_subtask-view .cu-dropdown__toggle .cu-user-group_due-date .cu-user-group__item_due-date .icon {
    position: absolute;
    top: -12px;
    width: 24px;
    height: 24px;
    margin: 1px 0 0 5px
}

.due-date_subtask-view.cu-dropdown_open .cu-dropdown__toggle .cu-user-group_due-date .cu-user-group__item_due-date {
    display: block
}

.due-date_subtask-view .icon_due-date-calendar {
    width: 12px;
    height: 11px;
    margin: -1px 5px 0 0
}

.due-date_subtask-view .icon_due-date-calendar use {
    fill: #c1c1c1
}

.contrast_high .due-date_subtask-view .icon_due-date-calendar use {
    fill: #979797
}

.due-date_subtask-view .icon_due-date-calendar_start use {
    stroke: #c1c1c1
}

.contrast_high .due-date_subtask-view .icon_due-date-calendar_start use {
    stroke: #979797
}

.due-date_subtask-view .cu-task-info__value {
    line-height: 12px
}

.due-date_subtask-view .due-date__info-value {
    font-size: 11px;
    border-bottom: 1px solid transparent
}

.due-date_subtask-view .due-date__info-value-dash {
    font-size: 11px
}

.due-date_subtask-view span.due-date__info-value {
    padding-top: 0!important;
    white-space: nowrap
}

.due-date_subtask-view .icon_due-date-close-o {
    margin-top: 6px
}

.due-date_subtask-view .cu-user-group__item.cu-user-group__item_due-date:hover .cu-fill {
    fill: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .due-date_subtask-view .cu-user-group__item.cu-user-group__item_due-date:hover .cu-fill {
        fill:var(--theme-main-color)
    }
}

.dark-theme .due-date_subtask-view .cu-user-group__item.cu-user-group__item_due-date:hover .cu-fill {
    fill: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .dark-theme .due-date_subtask-view .cu-user-group__item.cu-user-group__item_due-date:hover .cu-fill {
        fill:var(--theme-main-color)
    }
}

.due-date_subtask-view .cu-user-group__item.cu-user-group__item_due-date:hover .cu-stroke {
    stroke: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .due-date_subtask-view .cu-user-group__item.cu-user-group__item_due-date:hover .cu-stroke {
        stroke:var(--theme-main-color)
    }
}

.dark-theme .due-date_subtask-view .cu-user-group__item.cu-user-group__item_due-date:hover .cu-stroke {
    stroke: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .dark-theme .due-date_subtask-view .cu-user-group__item.cu-user-group__item_due-date:hover .cu-stroke {
        stroke:var(--theme-main-color)
    }
}

.due-date_subtask-view .cu-user-group__item.cu-user-group__item_due-date .cu-fill {
    fill: #7c828d
}

.dark-theme .due-date_subtask-view .cu-user-group__item.cu-user-group__item_due-date .cu-fill {
    fill: #979797
}

.due-date_subtask-view .cu-user-group__item.cu-user-group__item_due-date .cu-stroke {
    stroke: #7c828d
}

.dark-theme .due-date_subtask-view .cu-user-group__item.cu-user-group__item_due-date .cu-stroke {
    stroke: #979797
}

.due-date__row {
    display: flex;
    align-items: flex-end
}

.due-date__row.due-date_board-view {
    align-items: flex-start
}

.due-date__row.due-date_board-view .due-date__due-date {
    border-bottom: 1px solid transparent;
    margin-right: 5px
}

.due-date__row:hover .icon_due-date-close-o {
    display: block
}

.due-date__row:hover .icon_due-date-close-o use {
    fill: #b6b5ba
}

.due-date__row:hover .cu-task-info__value {
    border-bottom: 1px dashed #777
}

.due-date__row .cu-task-info__value {
    border-bottom: 1px dashed #fff
}

.icon_due-date-edit {
    width: 12px;
    height: 11px;
    margin: -4px 0 0 4px;
    display: none
}

.icon_due-date-close-o {
    width: 16px;
    height: 16px;
    margin: -3px 0 0 2px;
    display: none;
    cursor: pointer
}

cu-due-date-picker .cu-dropdown.cu-dropdown_top {
    margin: 0
}

.cu-dropdown__menu .due-date_subtask-view .datepicker__calendar {
    position: relative!important;
    background: none!important;
    box-shadow: none!important
}

.cu-dropdown__menu .due-date_subtask-view {
    width: auto!important
}

.datepicker {
    position: relative;
    display: inline-block;
    color: #2b2b2b
}

.datepicker__icon-valid,.datepicker__icon-invalid {
    display: block;
    width: 12px;
    height: 12px;
    position: absolute;
    left: -6px;
    top: 19px
}

.datepicker__icon-valid use,.datepicker__icon-invalid use {
    fill: #d16464
}

.datepicker__icon-valid {
    background: #67cb48;
    border-radius: 50%;
    padding: 2px
}

.datepicker__icon-valid use {
    stroke: #fff
}

.datepicker__time-icon {
    width: 10px;
    height: 10px;
    margin-left: 10px;
    cursor: pointer
}

.datepicker__time-icon .cu-fill {
    fill: #4f495c
}

.dark-theme .datepicker__time-icon .cu-fill {
    fill: #828588
}

.datepicker__time-icon .cu-stroke {
    stroke: #4f495c
}

.dark-theme .datepicker__time-icon .cu-stroke {
    stroke: #828588
}

.datepicker__natural-time-container {
    display: flex;
    align-items: center
}

.datepicker__at {
    margin: 0 10px;
    color: #aeacb0
}

.datepicker__time-input-container,.datepicker__dates-input-container {
    position: relative;
    display: flex
}

.datepicker__time-input-container-border,.datepicker__dates-input-container-border {
    border-right: 1px solid #d5dce0
}

.datepicker__time-input-container-border:last-child,.datepicker__dates-input-container-border:last-child {
    border-right: 0
}

.datepicker__time-input-container-val,.datepicker__dates-input-container-val {
    outline: none;
    font-size: 14px;
    width: 30px;
    border: 0;
    padding: 0;
    text-align: center
}

.dark-theme .datepicker__time-input-container-val,.dark-theme .datepicker__dates-input-container-val {
    background: transparent;
    color: #d5d6d7
}

.datepicker__time-input-container-val:focus,.datepicker__dates-input-container-val:focus {
    box-shadow: none
}

.datepicker__time-input-container-val.input-years,.datepicker__dates-input-container-val.input-years {
    width: 45px
}

.datepicker__time-input-container-val.natural-language,.datepicker__dates-input-container-val.natural-language {
    width: 75px;
    text-align: left;
    text-decoration: underline;
    -webkit-text-decoration-style: dashed;
    text-decoration-style: dashed;
    text-underline-position: under;
    -webkit-text-decoration-color: #A2C44A;
    text-decoration-color: #A2C44A;
    background: transparent
}

@supports (--theme-main-color: $color-purple) {
    .datepicker__time-input-container-val.natural-language,.datepicker__dates-input-container-val.natural-language {
        -webkit-text-decoration-color:var(--theme-main-color);
        text-decoration-color: var(--theme-main-color)
    }
}

.datepicker__time-input-container-inner,.datepicker__dates-input-container-inner {
    display: flex;
    border: 1px solid #d5dce0;
    padding: 5px 0;
    border-radius: 3px
}

.datepicker__time-input-container-inner.natural-language,.datepicker__dates-input-container-inner.natural-language {
    padding: 1px 5px;
    border: 1px solid transparent
}

.datepicker__time-input-container-inner.natural-language:hover,.datepicker__time-input-container-inner.natural-language.focused-date,.datepicker__dates-input-container-inner.natural-language:hover,.datepicker__dates-input-container-inner.natural-language.focused-date {
    border: 1px solid #aeacb0;
    background: #fbfbfb
}

.dark-theme .datepicker__time-input-container-inner.natural-language:hover,.dark-theme .datepicker__time-input-container-inner.natural-language.focused-date,.dark-theme .datepicker__dates-input-container-inner.natural-language:hover,.dark-theme .datepicker__dates-input-container-inner.natural-language.focused-date {
    border-color: #1e272e;
    background: #2b343b
}

.datepicker__time-input-container-inner.natural-language.invalid-entry,.datepicker__dates-input-container-inner.natural-language.invalid-entry {
    border: 1px solid #d16464
}

.datepicker__time-input-container-inner.natural-language.valid-entry,.datepicker__dates-input-container-inner.natural-language.valid-entry {
    border: 1px solid #67cb48
}

.datepicker__time-input-container-inner.natural-language:hover .datepicker__time-input-container-val.natural-language,.datepicker__time-input-container-inner.natural-language:hover .datepicker__dates-input-container-val.natural-language,.datepicker__time-input-container-inner.natural-language.focused-date .datepicker__time-input-container-val.natural-language,.datepicker__time-input-container-inner.natural-language.focused-date .datepicker__dates-input-container-val.natural-language,.datepicker__time-input-container-inner.natural-language.invalid-entry .datepicker__time-input-container-val.natural-language,.datepicker__time-input-container-inner.natural-language.invalid-entry .datepicker__dates-input-container-val.natural-language,.datepicker__time-input-container-inner.natural-language.valid-entry .datepicker__time-input-container-val.natural-language,.datepicker__time-input-container-inner.natural-language.valid-entry .datepicker__dates-input-container-val.natural-language,.datepicker__dates-input-container-inner.natural-language:hover .datepicker__time-input-container-val.natural-language,.datepicker__dates-input-container-inner.natural-language:hover .datepicker__dates-input-container-val.natural-language,.datepicker__dates-input-container-inner.natural-language.focused-date .datepicker__time-input-container-val.natural-language,.datepicker__dates-input-container-inner.natural-language.focused-date .datepicker__dates-input-container-val.natural-language,.datepicker__dates-input-container-inner.natural-language.invalid-entry .datepicker__time-input-container-val.natural-language,.datepicker__dates-input-container-inner.natural-language.invalid-entry .datepicker__dates-input-container-val.natural-language,.datepicker__dates-input-container-inner.natural-language.valid-entry .datepicker__time-input-container-val.natural-language,.datepicker__dates-input-container-inner.natural-language.valid-entry .datepicker__dates-input-container-val.natural-language {
    text-decoration: none
}

.datepicker__time-input-container-inner-hour:after,.datepicker__dates-input-container-inner-hour:after {
    content: ":"
}

.datepicker__time-input-container-inner.valid-time,.datepicker__time-input-container-inner.valid-date,.datepicker__dates-input-container-inner.valid-time,.datepicker__dates-input-container-inner.valid-date {
    border: 1px solid #67cb48
}

.datepicker__time-input-container-inner.invalid-time,.datepicker__time-input-container-inner.invalid-date,.datepicker__dates-input-container-inner.invalid-time,.datepicker__dates-input-container-inner.invalid-date {
    border: 1px solid #d16464
}

.datepicker__quick-options {
    display: flex;
    justify-content: center;
    padding: 10px 0;
    border-bottom: 1px solid #e8e8e8
}

.dark-theme .datepicker__quick-options {
    border-bottom: 1px solid #1e272e
}

.datepicker__quick-options-icon {
    width: 24px;
    height: 24px;
    margin: 0 9px;
    cursor: pointer;
    position: relative
}

.datepicker__quick-options-icon svg {
    width: 100%;
    height: 100%
}

.datepicker__quick-options-icon .cu-fill {
    fill: #c1c1c1
}

.dark-theme .datepicker__quick-options-icon .cu-fill {
    fill: #828588
}

.datepicker__quick-options-icon .cu-stroke {
    stroke: #c1c1c1
}

.dark-theme .datepicker__quick-options-icon .cu-stroke {
    stroke: #828588
}

.datepicker__quick-options-icon:hover .cu-stroke {
    stroke: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .datepicker__quick-options-icon:hover .cu-stroke {
        stroke:var(--theme-main-color)
    }
}

.datepicker__quick-options-icon:hover .cu-fill {
    fill: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .datepicker__quick-options-icon:hover .cu-fill {
        fill:var(--theme-main-color)
    }
}

.datepicker__quick-options-icon:hover .icon {
    display: block;
    width: 28px;
    height: 28px;
    margin: -2px 0 0 -2px
}

.datepicker__quick-options-close {
    position: absolute;
    bottom: -3px;
    right: -3px;
    width: 12px!important;
    height: 12px!important
}

.datepicker__quick-options-settings {
    width: 16px;
    height: 24px;
    margin: 0 9px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center
}

.datepicker__quick-options-settings:hover .icon {
    fill: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .datepicker__quick-options-settings:hover .icon {
        fill:var(--theme-main-color)
    }
}

.datepicker__quick-options-settings .icon {
    transition: all .2s cubic-bezier(.785,.135,.15,.86) 0s;
    width: 16px;
    height: 16px;
    fill: #cbc9cf
}

.datepicker__input-arrows,.datepicker__time-input-arrows {
    position: absolute;
    top: 0;
    right: 5px;
    width: 12px;
    height: 30px;
    display: none
}

.datepicker__input-arrows_up,.datepicker__input-arrows_down,.datepicker__time-input-arrows_up,.datepicker__time-input-arrows_down {
    width: 12px;
    padding: 2px;
    height: 15px;
    cursor: pointer;
    position: absolute;
    right: 0
}

.datepicker__input-arrows_up:hover,.datepicker__input-arrows_down:hover,.datepicker__time-input-arrows_up:hover,.datepicker__time-input-arrows_down:hover {
    padding: 1px
}

.datepicker__input-arrows_up:hover use,.datepicker__input-arrows_down:hover use,.datepicker__time-input-arrows_up:hover use,.datepicker__time-input-arrows_down:hover use {
    fill: #2b2b2b
}

.datepicker__input-arrows_up use,.datepicker__input-arrows_down use,.datepicker__time-input-arrows_up use,.datepicker__time-input-arrows_down use {
    fill: #bbb;
    transition: .37s
}

.datepicker__input-arrows_up,.datepicker__time-input-arrows_up {
    top: 1px;
    transform: rotate(90deg)
}

.datepicker__input-arrows_down,.datepicker__time-input-arrows_down {
    bottom: 1px;
    transform: rotate(-90deg)
}

.datepicker__time-input-arrows {
    right: 0
}

.datepicker__input-container {
    position: relative
}

.datepicker__close {
    width: 15px;
    height: 15px;
    position: absolute;
    right: 15px;
    top: 7px;
    cursor: pointer;
    display: none
}

.datepicker__close.start-time {
    right: 17px
}

.datepicker__close.start-date {
    right: 5px
}

.datepicker__close.start-date.natural-language {
    right: -5.5px;
    top: -7.5px
}

.datepicker__close use {
    fill: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .datepicker__close use {
        fill:var(--theme-main-color)
    }
}

.datepicker__dates-input-container:hover .datepicker__close.start-date,.datepicker__dates-input-container:hover .datepicker__close.due-date,.datepicker__time-input-container:hover .datepicker__time-input-arrows,.datepicker__time-input-container:hover .datepicker__close.start-time,.datepicker__time-input-container:hover .datepicker__close.due-time {
    display: block
}

.datepicker__calendar {
    z-index: 1000;
    width: 288px;
    font-size: 14px;
    background-color: #fff;
    box-shadow: 0 2px 16px #0000001a;
    border-radius: 5px;
    cursor: default;
    -webkit-user-select: none;
    user-select: none;
    max-height: 96vh;
    overflow-y: auto
}

.dark-theme .datepicker__calendar {
    background: #384047
}

.datepicker__calendar__cancel {
    position: absolute;
    bottom: 1em;
    left: 1.8em;
    color: #d8d8d8;
    cursor: pointer;
    transition: .37s
}

.datepicker__calendar__cancel:hover {
    color: #b1b1b1
}

.datepicker__calendar__content {
    margin: 5px;
    overflow: hidden
}

.datepicker__calendar__labels {
    display: flex;
    justify-content: center;
    width: 100%
}

.datepicker__calendar__label {
    display: inline-block;
    width: 2.2em;
    height: 2.2em;
    margin: 0 .2em;
    line-height: 2.2em;
    text-align: center;
    color: #d8d8d8
}

.dark-theme .datepicker__calendar__label {
    color: #828588;
    opacity: .5
}

.datepicker__calendar__month {
    display: flex;
    flex-flow: wrap;
    justify-content: center
}

.datepicker__calendar__nav {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 3em;
    background-color: #fff
}

.dark-theme .datepicker__calendar__nav {
    background: #384047
}

.datepicker__calendar__nav__arrow {
    width: 22px;
    height: 22px;
    cursor: pointer;
    padding: 5px
}

.datepicker__calendar__nav__arrow:hover {
    margin: -1px;
    width: 24px;
    height: 24px
}

.datepicker__calendar__nav__arrow:hover .datepicker__calendar__nav__chevron {
    fill: #2b2b2b
}

.dark-theme .datepicker__calendar__nav__arrow:hover .datepicker__calendar__nav__chevron {
    fill: #d5d6d7
}

.datepicker__calendar__nav__chevron {
    fill: #bbb;
    transition: .37s
}

.datepicker__calendar__nav__header {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    width: 228px;
    margin: 0 1em;
    text-align: center;
    font-size: 0
}

.datepicker__calendar__nav__header span {
    font-size: 14px;
    font-weight: 500;
    line-height: 1
}

.dark-theme .datepicker__calendar__nav__header span {
    color: #d5d6d7
}

.datepicker__calendar__nav__header__form {
    display: inline-block;
    margin: 0
}

.datepicker__calendar__nav__header__year {
    font-size: 14px;
    font-weight: 500;
    line-height: 1;
    display: inline-block;
    width: 40px;
    padding: 3px 0 0;
    transition: .32s;
    border: 0;
    border-bottom: 1px solid #fff;
    text-align: center;
    margin-left: 2px;
    background: transparent
}

.datepicker__calendar__nav__header__year:focus.ng-invalid {
    border-bottom: 1px solid #fd71af
}

.datepicker__calendar__nav__header__year:focus.ng-valid {
    border-bottom-color: #A2C44A;
    border-bottom: 1px solid
}

@supports (--theme-main-color: $color-purple) {
    .datepicker__calendar__nav__header__year:focus.ng-valid {
        border-bottom-color:var(--theme-main-color)
    }
}

.datepicker__calendar__nav__header__year:focus {
    outline: none
}

.datepicker__calendar .cu-commits__plate:last-of-type {
    border-bottom: 0;
    margin-bottom: 0
}

.datepicker__calendar .cu-commits__plate:first-child {
    margin-right: 30px
}

.datepicker__calendar .cu-plate__text {
    margin-left: 5px
}

.datepicker__calendar-done {
    padding: 10px;
    border-top: 1px solid #e4e4e4
}

.dark-theme .datepicker__calendar-done {
    border-top: 1px solid #1e272e
}

.datepicker__input {
    outline: none;
    border-radius: .1rem;
    padding: .2em .6em;
    font-size: 14px
}

.datepicker__toggle-options {
    display: flex;
    justify-content: space-between;
    padding-left: 20px
}

.datepicker__toggle-options .cu-commits__plate {
    border: 0
}

.datepicker__toggle-options-stub {
    flex-grow: 1
}

.datepicker__date-input-container {
    display: flex;
    justify-content: space-between;
    padding: 10px 5px;
    border-top: 1px solid #e4e4e4
}

.dark-theme .datepicker__date-input-container {
    border-top: 1px solid #1e272e
}

.datepicker__date-input-container.natural-language {
    padding: 12px 10px;
    position: relative
}

.datepicker__date-input-container.natural-language .help-question-mark {
    margin-top: 2px;
    margin-left: 8px
}

.datepicker__labels {
    font-size: 14px;
    font-weight: 400;
    line-height: 1
}

.datepicker__labels.natural-language {
    display: flex;
    justify-content: space-between;
    position: relative;
    align-items: center;
    width: 100%
}

.datepicker__labels-con {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.datepicker__labels-con .recurring-options__time-empty {
    margin-left: 3px;
    padding: 0;
    margin-bottom: 0
}

.datepicker__labels-con.date-holder {
    width: 250px;
    flex: 1 0 0
}

.datepicker__labels-con.date-holder .natural-language-container {
    flex: 1 0 0
}

.datepicker__labels-con.date-holder .natural-language-container .datepicker__dates-input-container-inner.natural-language,.datepicker__labels-con.date-holder .natural-language-container .datepicker__dates-input-container-inner.natural-language .datepicker__dates-input-container-val.natural-language {
    width: 100%
}

.dark-theme .datepicker__labels-con.date-holder .natural-language-container .datepicker__dates-input-container-inner.natural-language .datepicker__dates-input-container-val.natural-language::selection {
    background: #2b343b
}

.datepicker__labels-con.date-focused {
    width: auto
}

.datepicker__labels-con.date-focused .datepicker__natural-time-container {
    display: none
}

.datepicker__labels-title {
    margin-bottom: 10px
}

.datepicker__labels-start-due {
    color: #aeacb0;
    margin-right: 7px;
    width: 37px
}

.datepicker__day-container {
    position: relative
}

.datepicker__day-container_disabled {
    pointer-events: none
}

.datepicker__calendar__month__day,.datepicker__calendar__month__day-filler {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0;
    border-radius: 50%;
    text-align: center;
    transition-property: background-color,border-radius;
    transition-duration: .37s;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0
}

.datepicker__calendar__month__day.empty-day,.datepicker__calendar__month__day-filler.empty-day {
    background-color: #fff!important
}

.dark-theme .datepicker__calendar__month__day.empty-day,.dark-theme .datepicker__calendar__month__day-filler.empty-day {
    background-color: #384047!important
}

.datepicker__calendar__month__day-filler.datepicker__start-date-fill {
    background-color: #A2C44A;
    border-radius: 0 50% 50% 0;
    border-top: 2px solid #fff;
    border-bottom: 2px solid #fff
}

@supports (--theme-main-color: $color-purple) {
    .datepicker__calendar__month__day-filler.datepicker__start-date-fill {
        background-color:var(--theme-main-color)
    }
}

.dark-theme .datepicker__calendar__month__day-filler.datepicker__start-date-fill {
    border-top: 2px solid #384047;
    border-bottom: 2px solid #384047
}

.datepicker__calendar__month__day-filler.datepicker__due-date-fill {
    background-color: #A2C44A;
    border-radius: 50% 0 0 50%;
    border-top: 2px solid #fff;
    border-bottom: 2px solid #fff
}

@supports (--theme-main-color: $color-purple) {
    .datepicker__calendar__month__day-filler.datepicker__due-date-fill {
        background-color:var(--theme-main-color)
    }
}

.dark-theme .datepicker__calendar__month__day-filler.datepicker__due-date-fill {
    border-top: 2px solid #384047;
    border-bottom: 2px solid #384047
}

.datepicker__calendar__month__day-filler.datepicker__due-as-start {
    background-color: #A2C44A;
    border-radius: 0 50% 50% 0;
    border-top: 2px solid #fff;
    border-bottom: 2px solid #fff
}

@supports (--theme-main-color: $color-purple) {
    .datepicker__calendar__month__day-filler.datepicker__due-as-start {
        background-color:var(--theme-main-color)
    }
}

.dark-theme .datepicker__calendar__month__day-filler.datepicker__due-as-start {
    border-top: 2px solid #384047;
    border-bottom: 2px solid #384047
}

.datepicker__calendar__month__day-filler.datepicker__potential-start-fill {
    border-radius: 50%;
    border-top: 2px solid #fff;
    border-bottom: 2px solid #fff
}

.dark-theme .datepicker__calendar__month__day-filler.datepicker__potential-start-fill {
    border-top: 2px solid #384047;
    border-bottom: 2px solid #384047
}

.datepicker__calendar__month__day-filler.datepicker__potential-remove-fill {
    background-color: #dfdbfb;
    border-radius: 50% 0 0 50%;
    border-top: 2px solid #fff;
    border-bottom: 2px solid #fff
}

@supports (--theme-main-color-light: $color-purple-light) {
    .datepicker__calendar__month__day-filler.datepicker__potential-remove-fill {
        background-color:var(--theme-main-color-light)
    }
}

.dark-theme .datepicker__calendar__month__day-filler.datepicker__potential-remove-fill {
    border-top: 2px solid #384047;
    border-bottom: 2px solid #384047;
    color: #384047
}

.datepicker__calendar__month__day-filler.datepicker__start-date-removed-fill {
    background-color: #dfdbfb;
    border-radius: 0;
    border-top: 2px solid #fff;
    border-bottom: 2px solid #fff
}

@supports (--theme-main-color-light: $color-purple-light) {
    .datepicker__calendar__month__day-filler.datepicker__start-date-removed-fill {
        background-color:var(--theme-main-color-light)
    }
}

.dark-theme .datepicker__calendar__month__day-filler.datepicker__start-date-removed-fill {
    border-top: 2px solid #384047;
    border-bottom: 2px solid #384047;
    color: #384047
}

.datepicker__calendar__month__day-filler.datepicker__start-due-same {
    border-radius: 0
}

.datepicker__calendar__month__day-filler.datepicker__start-due-same.datepicker__start-date-fill {
    background-color: #A2C44A;
    border-radius: 0 50% 50% 0;
    border-top: 2px solid #fff;
    border-bottom: 2px solid #fff
}

@supports (--theme-main-color: $color-purple) {
    .datepicker__calendar__month__day-filler.datepicker__start-due-same.datepicker__start-date-fill {
        background-color:var(--theme-main-color)
    }
}

.dark-theme .datepicker__calendar__month__day-filler.datepicker__start-due-same.datepicker__start-date-fill {
    border-top: 2px solid #384047;
    border-bottom: 2px solid #384047
}

.datepicker__day-container:hover .datepicker__calendar__month__day:not(.datepicker__potential-range):not(.datepicker__inrange) {
    background-color: #dfdbfb;
    border: 2px solid #fff
}

@supports (--theme-main-color-light: $color-purple-light) {
    .datepicker__day-container:hover .datepicker__calendar__month__day:not(.datepicker__potential-range):not(.datepicker__inrange) {
        background-color:var(--theme-main-color-light)
    }
}

.dark-theme .datepicker__day-container:hover .datepicker__calendar__month__day:not(.datepicker__potential-range):not(.datepicker__inrange) {
    border: 2px solid #384047;
    color: #384047
}

.dark-theme .datepicker__day-container:hover .datepicker__date-num span {
    color: #384047!important
}

.datepicker__day-container:hover .datepicker__potential-range {
    background-color: #A2C44A;
    color: #fff;
    border-top: 2px solid #fff;
    border-bottom: 2px solid #fff
}

@supports (--theme-main-color: $color-purple) {
    .datepicker__day-container:hover .datepicker__potential-range {
        background-color:var(--theme-main-color)
    }
}

.dark-theme .datepicker__day-container:hover .datepicker__potential-range {
    border-top: 2px solid #384047;
    border-bottom: 2px solid #384047
}

.datepicker__day-container:hover .datepicker__potential-range.datepicker__potential-start {
    border-radius: 50% 0 0 50%;
    border-left: 2px solid #fff
}

.dark-theme .datepicker__day-container:hover .datepicker__potential-range.datepicker__potential-start {
    border-left: 2px solid #384047
}

.datepicker__day-container:hover .datepicker__potential-range.datepicker__potential-due {
    border-radius: 0 50% 50% 0;
    border-right: 2px solid #fff
}

.dark-theme .datepicker__day-container:hover .datepicker__potential-range.datepicker__potential-due {
    border-right: 2px solid #384047
}

.datepicker__potential-range {
    background-color: #A2C44A;
    color: #fff;
    border-radius: 0;
    border-top: 2px solid #fff;
    border-bottom: 2px solid #fff
}

@supports (--theme-main-color: $color-purple) {
    .datepicker__potential-range {
        background-color:var(--theme-main-color)
    }
}

.dark-theme .datepicker__potential-range {
    border-top: 2px solid #384047;
    border-bottom: 2px solid #384047
}

.datepicker__potential-range.datepicker__potential-start {
    border-radius: 50% 0 0 50%
}

.datepicker__potential-range.datepicker__potential-due {
    border-radius: 0 50% 50% 0
}

.datepicker__start-date {
    border-top: 2px solid #fff;
    border-bottom: 2px solid #fff
}

.dark-theme .datepicker__start-date {
    border-top: 2px solid #384047;
    border-bottom: 2px solid #384047
}

.datepicker__start-date.datepicker__range-exists {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-right: 0!important;
    background-color: #A2C44A!important
}

@supports (--theme-main-color: $color-purple) {
    .datepicker__start-date.datepicker__range-exists {
        background-color:var(--theme-main-color)!important
    }
}

.datepicker__start-date.datepicker__due-date {
    border-radius: 50%!important;
    border: 2px solid #fff!important
}

.dark-theme .datepicker__start-date.datepicker__due-date {
    border: 2px solid #384047!important
}

.datepicker__due-date {
    border-top: 2px solid #fff;
    border-bottom: 2px solid #fff
}

.dark-theme .datepicker__due-date {
    border-top: 2px solid #384047;
    border-bottom: 2px solid #384047
}

.datepicker__due-date.datepicker__range-exists {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-left: 0!important;
    background-color: #A2C44A!important
}

@supports (--theme-main-color: $color-purple) {
    .datepicker__due-date.datepicker__range-exists {
        background-color:var(--theme-main-color)!important
    }
}

.datepicker__inrange {
    background-color: #A2C44A;
    border-top: 2px solid #fff;
    border-bottom: 2px solid #fff;
    color: #fff;
    border-radius: 0
}

@supports (--theme-main-color: $color-purple) {
    .datepicker__inrange {
        background-color:var(--theme-main-color)
    }
}

.dark-theme .datepicker__inrange {
    border-top: 2px solid #384047;
    border-bottom: 2px solid #384047;
    color: #d5d6d7
}

.datepicker__inrange.potential-start-up {
    border: 2px solid #fff;
    border-radius: 50% 0 0 50%;
    border-right-width: 0
}

.datepicker__inrange.potential-due-down {
    border: 2px solid #fff;
    border-radius: 0 50% 50% 0;
    border-left-width: 0
}

.datepicker__recur-date {
    background-color: #ddd
}

.datepicker__start-date,.datepicker__due-date {
    background-color: #A2C44A;
    border-radius: 50%;
    border-top: 2px solid #fff;
    border-bottom: 2px solid #fff
}

@supports (--theme-main-color: $color-purple) {
    .datepicker__start-date,.datepicker__due-date {
        background-color:var(--theme-main-color)
    }
}

.dark-theme .datepicker__start-date,.dark-theme .datepicker__due-date {
    border-top: 2px solid #384047;
    border-bottom: 2px solid #384047
}

.datepicker__start-date {
    border: 2px solid #fff;
    border-right-width: 0;
    border-radius: 50% 0 0 50%
}

.dark-theme .datepicker__start-date {
    border: 2px solid #384047
}

.datepicker__start-date.datepicker__start-date-replace {
    border-radius: 50% 0 0 50%
}

.datepicker__start-date.datepicker__potential-removed {
    border-radius: 50% 0 0 50%;
    background-color: #dfdbfb!important
}

@supports (--theme-main-color: $color-purple-light) {
    .datepicker__start-date.datepicker__potential-removed {
        background-color:var(--theme-main-color-light)!important
    }
}

.dark-theme .datepicker__start-date.datepicker__potential-removed {
    color: #384047
}

.datepicker__due-date {
    border-radius: 50%;
    border: 2px solid #fff
}

.dark-theme .datepicker__due-date {
    border: 2px solid #384047
}

.datepicker__due-date.datepicker__due-date-replace {
    border-radius: 0 50% 50% 0;
    border-left-width: 0
}

.datepicker__due-date.datepicker__potential-removed {
    border-radius: 0 50% 50% 0;
    border-left-width: 0;
    background-color: #dfdbfb!important
}

@supports (--theme-main-color: $color-purple-light) {
    .datepicker__due-date.datepicker__potential-removed {
        background-color:var(--theme-main-color-light)!important
    }
}

.dark-theme .datepicker__due-date.datepicker__potential-removed {
    color: #384047
}

.datepicker__potential-removed {
    background-color: #dfdbfb;
    border-top: 2px solid #fff;
    border-bottom: 2px solid #fff;
    color: #fff;
    border-radius: 0
}

@supports (--theme-main-color-light: $color-purple-light) {
    .datepicker__potential-removed {
        background-color:var(--theme-main-color-light)
    }
}

.dark-theme .datepicker__potential-removed {
    border-top: 2px solid #384047;
    border-bottom: 2px solid #384047
}

.dark-theme .datepicker__potential-removed span {
    color: #384047
}

.datepicker__date-num {
    position: relative;
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer
}

.datepicker__date-num span {
    padding-top: 1px;
    padding-left: 1px
}

.dark-theme .datepicker__date-num span {
    color: #d5d6d7
}

.datepicker__date-num:hover {
    color: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .datepicker__date-num:hover {
        color:var(--theme-main-color)
    }
}

.datepicker__date-num.datepicker__white:hover {
    color: #fff
}

.datepicker__day-container_disabled .datepicker__date-num span:not(.datepicker__purple) {
    color: #aeacb0
}

.dark-theme .datepicker__day-container_disabled .datepicker__date-num span:not(.datepicker__purple) {
    color: #828588
}

.datepicker__purple {
    color: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .datepicker__purple {
        color:var(--theme-main-color)
    }
}

.datepicker__purple.current-day {
    font-weight: 600
}

.dark-theme .datepicker__purple.current-day {
    color: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .dark-theme .datepicker__purple.current-day {
        color:var(--theme-main-color)
    }
}

.dark-theme .datepicker__purple.current-day.datepicker__white {
    color: #fff
}

.datepicker__in-past {
    color: #aeacb0
}

.dark-theme .datepicker__date-num .datepicker__in-past {
    color: #828588
}

.datepicker__white,.dark-theme .datepicker__white {
    color: #fff
}

.dark-theme .datepicker__white.datepicker__in-past {
    color: #fff;
    opacity: .5
}

.datepicker__recurring {
    padding: 15px
}

.cu-datepicker__input {
    outline: none;
    padding: .2em .6em;
    font-size: 14px;
    border: 1px solid #d5dce0;
    border-radius: 3px;
    height: 30px;
    width: 100%
}

.cu-datepicker__input.invalid-date,.cu-datepicker__input.invalid-time {
    border: 1px solid #d16464
}

.cu-datepicker__input:focus {
    border-color: #A2C44A;
    border: 1px solid
}

@supports (--theme-main-color: $color-purple) {
    .cu-datepicker__input:focus {
        border-color:var(--theme-main-color)
    }
}

.cu-datepicker__input.valid-date,.cu-datepicker__input.valid-time {
    border: 1px solid #67cb48
}

input[type=text].cu-datepicker__input:disabled {
    cursor: not-allowed
}

.recurring-options__end-date .datepicker__dates-input-container {
    height: 100%
}

.recurring-options__end-date .datepicker__dates-input-container-val {
    font-size: 12px;
    width: 100%
}

.recurring-options__end-date .datepicker__dates-input-container-val.input-years {
    width: 30px
}

.recurring-options__end-date .datepicker__close.start-date {
    right: -5px
}

.recurring-options__end-date .datepicker__dates-input-container-inner.natural-language {
    border: 1px solid #d5dce0
}

.dark-theme .recurring-options__end-date .datepicker__dates-input-container-inner.natural-language {
    border: 1px solid #1e272e
}

.recurring-options__time-data .datepicker__time-input-container,.recurring-options__time-data .datepicker__time-input-container-inner {
    width: 225px
}

.recurring-options__time-data .datepicker__time-input-container .datepicker__close.start-time {
    right: 25px
}

.recurring-options__time-data .datepicker__time-input-container .datepicker__time-input-arrows {
    right: 5px
}

.task-todo-item:hover .due-date_subtask-view .cu-dropdown__toggle .cu-user-group_due-date .cu-user-group__item_due-date {
    display: block
}

.cu-checkbox {
    position: relative;
    display: flex;
    align-items: center
}

.cu-checkbox_disabled {
    opacity: .5
}

.cu-checkbox_disabled .cu-checkbox__label {
    cursor: default
}

.cu-checkbox_disabled-no-pointer {
    opacity: .5;
    pointer-events: none
}

.cu-checkbox__input {
    visibility: hidden;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    opacity: 0
}

.cu-checkbox__input.cu-checkbox_muted:checked+.cu-checkbox__label:after {
    opacity: .5
}

.cu-checkbox__input:checked+.cu-checkbox__label:after {
    opacity: 1
}

.cu-checkbox__label {
    -webkit-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    font-size: 12px;
    font-weight: 400;
    line-height: 1;
    position: relative;
    height: 16px;
    display: inline-flex;
    align-items: center;
    cursor: pointer;
    padding: 0 0 0 24px
}

.cu-checkbox__label.eu_accepted {
    display: block
}

.dark-theme .cu-checkbox__label {
    color: #d5d6d7
}

.cu-checkbox__label_normal {
    font-weight: 400
}

.cu-checkbox__label_light {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 13px;
    font-weight: 400;
    line-height: 1.2;
    text-transform: none;
    color: #818193
}

.dark-theme .cu-checkbox__label_light {
    color: #828588
}

.cu-checkbox__label:before,.cu-checkbox__label:after {
    content: "";
    display: block;
    position: absolute
}

.cu-checkbox__label:before {
    top: 0;
    left: 0;
    width: 16px;
    height: 16px;
    border-radius: 3px;
    border: 1px solid #d8d8d8
}

.dark-theme .cu-checkbox__label:before {
    border: 1px solid #828588
}

.cu-checkbox__label:after {
    background: #A2C44A;
    left: 3px;
    top: 3px;
    width: 10px;
    height: 10px;
    border-radius: 2px;
    opacity: 0;
    transition: .2s
}

@supports (--theme-main-color: $color-purple) {
    .cu-checkbox__label:after {
        background:var(--theme-main-color)
    }
}

.cu-checkbox__label.cu-checkbox__disabled {
    opacity: .5;
    cursor: not-allowed
}

.cu-checkbox_disabled+.cu-checkbox__label {
    opacity: .5
}

.cu-checkbox__label-code {
    display: inline;
    border: 1px solid #e4e4e4;
    background: #f7f7f7;
    border-radius: 2px;
    white-space: normal;
    padding: 4px 4px 2px;
    line-height: 14px;
    color: #d16464;
    margin: 0 5px
}

.dark-theme .cu-checkbox__label-code {
    border: 1px solid #384047;
    background: #2b343b
}

.cu-checkbox__label-link {
    text-decoration: underline
}

.cu-checkbox.cu-checkbox_lg .cu-checkbox__label:before {
    width: 20px;
    height: 20px
}

.cu-checkbox.cu-checkbox_lg .cu-checkbox__label:after {
    left: 4px;
    top: 4px;
    width: 12px;
    height: 12px
}

.cu-toggle {
    transition: all .2s cubic-bezier(.785,.135,.15,.86) 0s;
    position: relative;
    width: 50px;
    height: 27px;
    border-radius: 27px;
    background: #e0e0e0;
    cursor: pointer
}

.cu-toggle:hover {
    transition: none
}

.cu-toggle__handle {
    transition: all .2s cubic-bezier(.785,.135,.15,.86) 0s;
    position: absolute;
    top: 2px;
    left: 2px;
    height: 23px;
    width: 23px;
    padding: 5px;
    border-radius: 50%;
    background: #fff;
    box-shadow: 0 1px 2px #0000004d
}

.cu-toggle__handle:hover {
    transition: none
}

.cu-toggle__icon {
    opacity: 0
}

.cu-toggle.cu-toggle_active {
    background: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .cu-toggle.cu-toggle_active {
        background:var(--theme-main-color)
    }
}

.cu-toggle.cu-toggle_active .cu-toggle__handle {
    left: auto;
    right: 2px
}

.cu-toggle.cu-toggle_active .cu-toggle__icon {
    opacity: 1
}

.cu-toggle.cu-toggle_private {
    background: #9ac77b
}

.cu-toggle.cu-toggle_private.cu-toggle.cu-toggle_active {
    background: #db6363
}

.cu-radio {
    position: relative;
    display: flex;
    align-items: center;
    cursor: pointer
}

.cu-radio__input {
    position: absolute;
    opacity: 0
}

.cu-radio__input:checked+.cu-radio__label {
    color: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .cu-radio__input:checked+.cu-radio__label {
        color:var(--theme-main-color)
    }
}

.cu-radio__input:checked+.cu-radio__label:after {
    opacity: 1
}

.cu-radio__everyone:checked+.cu-radio__label {
    color: #67cb48
}

.cu-radio__private:checked+.cu-radio__label {
    color: #fd71af
}

.cu-radio__label {
    transition: color .2s cubic-bezier(.785,.135,.15,.86) 0s;
    font-size: 16px;
    font-weight: 300;
    padding: 0 0 0 20px;
    color: #494949
}

.dark-theme .cu-radio__label {
    color: #d5d6d7
}

.cu-radio__label:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 14px;
    height: 14px;
    border: 1px solid #d5d6d7;
    border-radius: 50%;
    cursor: pointer
}

.cu-radio__label:after {
    content: "";
    display: block;
    position: absolute;
    transition: opacity .2s cubic-bezier(.785,.135,.15,.86) 0s;
    background: #A2C44A;
    top: 3px;
    left: 3px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    opacity: 0;
    cursor: pointer
}

@supports (--theme-main-color: $color-purple) {
    .cu-radio__label:after {
        background:var(--theme-main-color)
    }
}

.cu-radio__label-everyone:before {
    border: 1px solid #67cb48
}

.cu-radio__label-everyone:after {
    background: #67cb48
}

.cu-radio__label-private:before {
    border: 1px solid #fd71af
}

.cu-radio__label-private:after {
    background: #fd71af
}

.cu-radio.cu-radio_right {
    flex-direction: row-reverse
}

.cu-radio.cu-radio_right .cu-radio__label {
    padding: 1px 20px 0 0
}

.cu-radio.cu-radio_right .cu-radio__label:before {
    left: auto;
    right: 0
}

.cu-radio.cu-radio_right .cu-radio__label:after {
    left: auto;
    right: 3px
}

.cu-nav-project {
    position: relative
}

.cu-nav-project__toggle {
    font-size: 20px;
    font-weight: 500;
    line-height: 21px;
    display: flex;
    align-items: center;
    position: relative;
    min-height: 50px;
    max-width: 300px;
    padding: 0 45px 0 0;
    text-decoration: none;
    color: #4a4a4a;
    margin: -10px -20px -10px 0
}

.cu-nav-project__toggle .cu-nav-project__toggle-text {
    transition: all .2s cubic-bezier(.785,.135,.15,.86) 0s;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.dark-theme .cu-nav-project__toggle .cu-nav-project__toggle-text {
    color: #d5d6d7
}

.cu-nav-project__toggle:hover .cu-nav-project__toggle-text {
    color: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .cu-nav-project__toggle:hover .cu-nav-project__toggle-text {
        color:var(--theme-main-color)
    }
}

@media screen and (max-width: 1200px) {
    .cu-nav-project__toggle {
        max-width:180px
    }
}

.cu-nav-project__toggle-create-task {
    max-width: 500px
}

.cu-nav-project__mini-toggle {
    display: none
}

.cu-nav-project__dropdown-settings_down {
    transition: all .2s cubic-bezier(.785,.135,.15,.86) 0s;
    display: inline-block;
    width: 6px;
    height: 6px;
    cursor: pointer;
    margin: 7px -15px 0 7px;
    transform: translateY(-50%);
    opacity: .3;
    flex-shrink: 0
}

.cu-nav-project__dropdown-settings_down:hover {
    transition: none
}

.dark-theme .cu-nav-project__dropdown-settings_down {
    fill: #d5d6d7
}

.cu-nav-project__ellipsis {
    transition: all .2s cubic-bezier(.785,.135,.15,.86) 0s;
    fill: #A2C44A;
    position: absolute;
    width: 24px;
    height: 24px;
    margin: 0 -15px 0 0;
    cursor: pointer;
    top: 50%;
    transform: translateY(-50%);
    right: 10px
}

.cu-nav-project__ellipsis:hover {
    transition: none
}

@supports (--theme-main-color: $color-purple) {
    .cu-nav-project__ellipsis {
        fill:var(--theme-main-color)
    }
}

.cu-nav-project__dropdown-settings_down-float {
    position: unset;
    margin-top: 5px
}

.cu-nav-project__menu {
    min-width: 240px;
    display: block;
    position: absolute;
    top: 100%;
    box-shadow: 0 2px 14px #00000026;
    background: #fff;
    border-radius: 4px;
    z-index: 1000;
    left: 0;
    display: none;
    margin: 5px 0 0!important
}

.cu-nav-project__menu .cu-project-list__title {
    display: flex;
    align-items: center
}

.cu-nav-project__menu .cu-controls__item {
    width: 19px;
    height: 19px
}

.cu-nav-project.cu-nav-project_open .cu-nav-project__menu {
    display: block
}

.cu-nav-user {
    margin: 0 0 0 30px
}

.cu-nav-user__toggle {
    position: relative;
    display: block;
    padding: 0 20px 0 0
}

.cu-nav-user__toggle .cu-avatar.cu-nav-user__user-label {
    transition: all .05s cubic-bezier(.785,.135,.15,.86) 0s
}

.cu-nav-user__toggle:hover .cu-avatar.cu-nav-user__user-label {
    width: 32px;
    height: 32px;
    top: 5px;
    left: -12px
}

.cu-nav-user__dropdown-settings_down {
    transition: all .2s cubic-bezier(.785,.135,.15,.86) 0s;
    display: block;
    position: absolute;
    width: 6px;
    height: 4px;
    cursor: pointer;
    top: 50%;
    right: 5px;
    opacity: .3;
    flex-shrink: 0
}

.cu-nav-user__dropdown-settings_down:hover {
    transition: none
}

.dark-theme .cu-nav-user__dropdown-settings_down {
    opacity: .6
}

.cu-nav-user__team {
    position: absolute;
    top: -8px;
    left: -10px;
    width: 28px;
    height: 28px;
    border: 2px solid #fff;
    border-radius: 50%
}

.cu-nav-user__menu {
    width: 255px;
    margin: 25px 0 0;
    background-color: #fff;
    box-shadow: 0 2px 4px #0000000d
}

.cu-nav-user__menu-top-arrow {
    position: absolute;
    top: -6px;
    right: 30px;
    width: 12px;
    height: 12px;
    background: #fff;
    transform: rotate(45deg);
    border-top: 1px solid rgba(0,0,0,.03);
    border-left: 1px solid rgba(0,0,0,.03)
}

.dark-theme .cu-nav-user__menu-top-arrow {
    background: #384047
}

.cu-nav-user__item_teams {
    border-bottom: 1px solid #f5f5f5;
    margin-bottom: 15px
}

.dark-theme .cu-nav-user__item_teams {
    border-bottom: 1px solid #1e272e
}

.cu-nav-user__item_teams-content {
    max-height: 215px
}

.cu-nav-user__item {
    display: flex;
    align-items: center;
    padding: 0;
    color: #544d61;
    -webkit-font-smoothing: antialiased
}

.cu-nav-user__item:hover .cu-nav-user__item_team_profile use {
    fill: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .cu-nav-user__item:hover .cu-nav-user__item_team_profile use {
        fill:var(--theme-main-color)
    }
}

.cu-nav-user__item:hover .cu-nav-user__item_team_help use {
    fill: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .cu-nav-user__item:hover .cu-nav-user__item_team_help use {
        fill:var(--theme-main-color)
    }
}

.cu-nav-user__item:hover .cu-nav-user__item_team_suggestions use {
    fill: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .cu-nav-user__item:hover .cu-nav-user__item_team_suggestions use {
        fill:var(--theme-main-color)
    }
}

.cu-nav-user .cu-nav-user__item.cu-nav-user__item_team {
    padding: 0 20px 10px;
    margin-bottom: 10px;
    cursor: pointer
}

.cu-nav-user .cu-nav-user__item.cu-nav-user__item_team:hover .cu-nav-user__item_team_mark_owner {
    display: none
}

.cu-nav-user .cu-nav-user__item.cu-nav-user__item_team:hover .cu-nav-user__item_team_gear {
    display: block;
    width: 20px;
    height: 20px;
    margin-left: 4px;
    cursor: pointer
}

.cu-nav-user .cu-nav-user__item.cu-nav-user__item_team:hover .cu-nav-user__item_team_gear use {
    fill: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .cu-nav-user .cu-nav-user__item.cu-nav-user__item_team:hover .cu-nav-user__item_team_gear use {
        fill:var(--theme-main-color)
    }
}

.cu-nav-user .cu-nav-user__item.cu-nav-user__item_team:hover .cu-nav-user__link {
    color: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .cu-nav-user .cu-nav-user__item.cu-nav-user__item_team:hover .cu-nav-user__link {
        color:var(--theme-main-color)
    }
}

.cu-nav-user .cu-nav-user__item.cu-nav-user__item_team .cu-avatar {
    cursor: pointer;
    font-size: 12px
}

.cu-nav-user .cu-nav-user__item.cu-nav-user__item_team .cu-nav-user__item_team_mark,.cu-nav-user .cu-nav-user__item.cu-nav-user__item_team .cu-nav-user__item_team_gear {
    display: none
}

.cu-nav-user .cu-nav-user__item.cu-nav-user__item_extra-menu {
    padding: 8px 20px;
    margin-bottom: 8px;
    cursor: pointer
}

.cu-nav-user .cu-nav-user__item.cu-nav-user__item_extra-menu:hover .cu-nav-user__link {
    color: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .cu-nav-user .cu-nav-user__item.cu-nav-user__item_extra-menu:hover .cu-nav-user__link {
        color:var(--theme-main-color)
    }
}

.cu-nav-user .cu-nav-user__item.cu-nav-user__item_active .cu-nav-user__item_team_mark {
    display: block;
    width: 14px;
    height: 11px;
    margin-left: 10px
}

.cu-nav-user .cu-nav-user__item.cu-nav-user__item_active .cu-nav-user__item_team_mark use {
    fill: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .cu-nav-user .cu-nav-user__item.cu-nav-user__item_active .cu-nav-user__item_team_mark use {
        fill:var(--theme-main-color)
    }
}

.cu-nav-user .cu-nav-user__item.cu-nav-user__item_active .cu-nav-user__item_team_gear use {
    fill: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .cu-nav-user .cu-nav-user__item.cu-nav-user__item_active .cu-nav-user__item_team_gear use {
        fill:var(--theme-main-color)
    }
}

.cu-nav-user .cu-nav-user__link-block {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    flex-grow: 1
}

.cu-nav-user__link {
    word-break: break-word;
    overflow-wrap: break-word;
    word-wrap: break-word;
    -webkit-hyphens: auto;
    hyphens: auto;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.2;
    cursor: pointer;
    display: inline-block;
    text-decoration: none;
    color: inherit;
    padding: 4px 0 0 15px
}

.cu-nav-user__link:hover {
    color: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .cu-nav-user__link:hover {
        color:var(--theme-main-color)
    }
}

.cu-nav-user .cu-nav-user__item.cu-nav-user__item_logout {
    margin-bottom: 20px
}

.cu-nav-user .cu-nav-user__item.cu-nav-user__item_logout:hover .cu-nav-user__link {
    color: #e95e5e!important
}

.cu-nav-user .cu-nav-user__item.cu-nav-user__item_logout:hover use {
    fill: #e95e5e
}

.cu-nav-user__group-icon {
    flex-shrink: 0;
    width: 26px;
    height: 26px
}

.cu-dropdown_open .cu-nav-user__menu {
    left: -155px;
    margin-top: 25px;
    padding: 0
}

.cu-dropdown_open .cu-nav-user__menu-content {
    padding-top: 30px
}

.cu-dropdown_open .cu-nav-user__item {
    padding: 0 20px;
    margin-bottom: 30px
}

.cu-dropdown_open .cu-nav-user__icon {
    width: 28px;
    height: inherit;
    margin: 0
}

.cu-dropdown_open .cu-nav-user__item_team_profile {
    width: 18px;
    height: 18px
}

.cu-dropdown_open .cu-nav-user__item_team_profile use {
    fill: #d1d0d5
}

.cu-dropdown_open .cu-nav-user__item_team_help {
    width: 18px;
    height: 18px
}

.cu-dropdown_open .cu-nav-user__item_team_help use {
    fill: #d1d0d5
}

.cu-dropdown_open .cu-nav-user__item_team_suggestions {
    width: 14px;
    height: 18px;
    margin-left: 2px
}

.cu-dropdown_open .cu-nav-user__item_team_suggestions use {
    fill: #d1d0d5
}

.cu-dropdown_open .cu-nav-user__item_team_logout {
    width: 26px;
    height: 20px
}

.cu-dropdown_open .cu-nav-user__item_team_logout use {
    fill: #d1d0d5
}

.cu-label {
    font-size: 11px;
    font-weight: 500;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 28px;
    padding: 0 12px;
    border: 1px solid;
    border-radius: 4px;
    text-transform: uppercase
}

.cu-label.cu-label_todo {
    border: 1px solid #fff;
    color: #fff
}

.cu-label.cu-label_progress {
    border: 1px solid #4194f6;
    color: #4194f6
}

.cu-label.cu-label_review {
    border: 1px solid #fc0;
    color: #fc0
}

.cu-label.cu-label_done {
    border: 1px solid #67cb48;
    color: #67cb48
}

.cu-label.cu-label_info {
    color: #A2C44A;
    border-color: #A2C44A;
    font-size: 13px;
    font-weight: 400;
    border: 1px solid;
    padding: 4px 12px 0
}

@supports (--theme-main-color: $color-purple) {
    .cu-label.cu-label_info {
        color:var(--theme-main-color)
    }
}

@supports (--theme-main-color: $color-purple) {
    .cu-label.cu-label_info {
        border-color:var(--theme-main-color)
    }
}

.cu-label.cu-label_info_pending {
    border: 1px solid #fc0;
    color: #fc0
}

.cu-label.cu-label_info_view-only {
    border: 1px solid #fb926a;
    color: #fb926a
}

.cu-label.cu-label_blank {
    border: 0;
    padding: 4px 4px 0
}

.cu-label.cu-label_fw {
    justify-content: center;
    min-width: 110px
}

.cu-label.cu-label_sm {
    font-size: 9px;
    font-weight: 500;
    height: 24px;
    letter-spacing: .4px;
    padding-top: 0
}

.cu-label.cu-label_block {
    justify-content: center;
    width: 100%
}

.dark-theme .cu-label.cu-label_open {
    color: #828588!important
}

body {
    overflow: hidden
}

body>.cu-dropdown__menu[style] {
    display: block!important;
    margin: 0
}

body.cu-dropdown_open {
    overflow: hidden!important
}

body.cu-dropdown_open * {
    pointer-events: none!important
}

body.cu-dropdown_open .cu-dropdown.cu-dropdown_open,body.cu-dropdown_open .cu-dropdown.cu-dropdown_open *,body.cu-dropdown_open .cu-dropdown__menu,body.cu-dropdown_open .cu-dropdown__menu * {
    pointer-events: all!important
}

body.cu-dropdown_open .cu-project-list__item-handle svg {
    pointer-events: none!important
}

.cu-container {
    display: flex;
    flex-direction: column;
    height: 100%;
    will-change: filter,scale
}

.contrast_high .cu-container {
    background: #f2f2f2
}

.dark-theme .cu-container {
    background: #1e272e
}

.cu-container__inner {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    min-height: 0
}

.cu-header {
    transition: all .2s cubic-bezier(.785,.135,.15,.86) 0s;
    transition: background 0s;
    height: 67px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    background: #fff;
    box-shadow: 0 0 10px #0000001a;
    padding: 0 0 0 30px;
    z-index: 100;
    flex-shrink: 0;
    position: relative;
    will-change: filter,scale
}

.contrast_high .cu-header {
    box-shadow: 0 0 10px #00000026
}

.dark-theme .cu-header {
    background: #384047
}

.cu-body {
    display: flex;
    flex-grow: 1;
    overflow-x: hidden;
    height: 0
}

.cu-body_loading {
    padding-top: 67px
}

.cu-sidebar-toggle-block {
    position: fixed;
    width: 299px;
    display: flex;
    justify-content: center;
    margin-top: -12px;
    z-index: 101
}

.cu-sidebar-toggle-block>* {
    margin: 0 2px
}

.cu-sidebar {
    transition: margin-top .6s cubic-bezier(.785,.135,.15,.86),padding-top .6s cubic-bezier(.785,.135,.15,.86),height .6s cubic-bezier(.785,.135,.15,.86);
    flex-grow: 0;
    flex-shrink: 0;
    order: 1;
    width: 250px;
    height: 100%;
    overflow: auto;
    padding: 30px;
    background-color: #fff;
    border-right: 1px solid #e4e4e4
}

.cu-sidebar-resizer {
    flex-shrink: 0
}

.contrast_high .cu-sidebar {
    border-right: 1px solid #dedede
}

.dark-theme .cu-sidebar {
    background: #2b343b;
    border-right: 1px solid #384047
}

.sidebar-collapsed_true .cu-sidebar {
    height: 100%;
    margin-top: 0!important;
    padding-top: 0!important
}

.banner-popup_true .cu-sidebar,.sidebar-collapsed_true.banner-popup_true .cu-sidebar {
    height: 100%
}

.favorites-active_true .cu-sidebar {
    margin-top: 0!important;
    padding-top: 0!important;
    height: calc(100vh - 67px)!important
}

.banner-popup_true .favorites-active_true .cu-sidebar {
    margin-top: 0!important;
    padding-top: 0!important;
    height: calc(100vh - 117px)!important
}

.cu-main-fluid {
    transition: margin-top .6s cubic-bezier(.785,.135,.15,.86),height .6s cubic-bezier(.785,.135,.15,.86);
    flex-grow: 1;
    order: 2;
    height: 100%;
    overflow: auto;
    padding: 20px;
    min-width: 900px
}

@media print {
    .cu-main-fluid {
        min-width: 600px;
        height: 100%!important
    }
}

.dark-theme .cu-main-fluid {
    background: #1e272e
}

.sidebar-collapsed_true .cu-main-fluid {
    height: 100%;
    margin-top: 0!important
}

@media print {
    .sidebar-collapsed_true .cu-main-fluid {
        height: 100%!important
    }
}

.banner-popup_true .cu-main-fluid,.sidebar-collapsed_true.banner-popup_true .cu-main-fluid {
    height: 100%
}

.favorites-active_true .cu-main-fluid {
    margin-top: 0!important;
    height: calc(100vh - 67px)!important
}

@media print {
    .favorites-active_true .cu-main-fluid {
        height: 100%!important
    }
}

.banner-popup_true .favorites-active_true .cu-main-fluid {
    margin-top: 0!important;
    height: calc(100vh - 117px)!important
}

@media all and (-ms-high-contrast: none),(-ms-high-contrast: active) {
    .cu-main-fluid {
        width: 100%
    }
}

.cu-main-fluid.cu-main-fluid_compact {
    padding: 0 30px 30px
}

.cu-main-fluid.cu-main-fluid_for-portfolios {
    padding: 0 20px 30px;
    background: #f2f4f7
}

.cu-os-win .cu-main-fluid.cu-main-fluid_for-portfolios {
    scrollbar-width: thin
}

.cu-os-win .cu-main-fluid.cu-main-fluid_for-portfolios::-webkit-scrollbar {
    background-color: #f2f4f7;
    width: 16px;
    height: 16px
}

.cu-os-win .cu-main-fluid.cu-main-fluid_for-portfolios::-webkit-scrollbar-track {
    background-color: #f2f4f7
}

.cu-os-win .cu-main-fluid.cu-main-fluid_for-portfolios::-webkit-scrollbar-track:hover {
    background-color: #f2f4f7
}

.cu-os-win .cu-main-fluid.cu-main-fluid_for-portfolios::-webkit-scrollbar-thumb {
    background-color: #babac080;
    border-radius: 16px;
    border: 5px solid #f2f4f7
}

.cu-os-win .cu-main-fluid.cu-main-fluid_for-portfolios::-webkit-scrollbar-thumb:hover {
    background-color: #a0a0a5;
    border: 3px solid #f2f4f7
}

.cu-os-win .cu-main-fluid.cu-main-fluid_for-portfolios::-webkit-scrollbar-button {
    display: none
}

.cu-os-win.contrast_high .cu-main-fluid.cu-main-fluid_for-portfolios::-webkit-scrollbar {
    background-color: #eee
}

.cu-os-win.contrast_high .cu-main-fluid.cu-main-fluid_for-portfolios::-webkit-scrollbar-track {
    background-color: #eee
}

.cu-os-win.contrast_high .cu-main-fluid.cu-main-fluid_for-portfolios::-webkit-scrollbar-track:hover {
    background-color: #eee
}

.cu-os-win.contrast_high .cu-main-fluid.cu-main-fluid_for-portfolios::-webkit-scrollbar-thumb {
    border-color: #eee
}

.cu-os-win.contrast_high .cu-main-fluid.cu-main-fluid_for-portfolios::-webkit-scrollbar-thumb:hover {
    border-color: #eee
}

.cu-os-win.dark-theme .cu-main-fluid.cu-main-fluid_for-portfolios::-webkit-scrollbar,.cu-os-win .dark-theme .cu-main-fluid.cu-main-fluid_for-portfolios::-webkit-scrollbar {
    background-color: #1e272e
}

.cu-os-win.dark-theme .cu-main-fluid.cu-main-fluid_for-portfolios::-webkit-scrollbar-track,.cu-os-win .dark-theme .cu-main-fluid.cu-main-fluid_for-portfolios::-webkit-scrollbar-track {
    background-color: #1e272e
}

.cu-os-win.dark-theme .cu-main-fluid.cu-main-fluid_for-portfolios::-webkit-scrollbar-track:hover,.cu-os-win .dark-theme .cu-main-fluid.cu-main-fluid_for-portfolios::-webkit-scrollbar-track:hover {
    background-color: #1e272e
}

.cu-os-win.dark-theme .cu-main-fluid.cu-main-fluid_for-portfolios::-webkit-scrollbar-thumb,.cu-os-win .dark-theme .cu-main-fluid.cu-main-fluid_for-portfolios::-webkit-scrollbar-thumb {
    border-color: #1e272e
}

.cu-os-win.dark-theme .cu-main-fluid.cu-main-fluid_for-portfolios::-webkit-scrollbar-thumb:hover,.cu-os-win .dark-theme .cu-main-fluid.cu-main-fluid_for-portfolios::-webkit-scrollbar-thumb:hover {
    border-color: #1e272e
}

.cu-os-win.dark-theme .cu-main-fluid.cu-main-fluid_for-portfolios::-webkit-scrollbar-corner,.cu-os-win .dark-theme .cu-main-fluid.cu-main-fluid_for-portfolios::-webkit-scrollbar-corner {
    background-color: #1e272e
}

.contrast_high .cu-main-fluid.cu-main-fluid_for-portfolios {
    background: #eee
}

.dark-theme .cu-main-fluid.cu-main-fluid_for-portfolios {
    background: #1e272e
}

@keyframes loader {
    50% {
        opacity: .6
    }

    to {
        opacity: 1
    }
}

.loader {
    width: 100%;
    min-width: 150px;
    display: flex;
    align-items: center;
    justify-content: center;
    -webkit-user-select: none;
    user-select: none;
    padding: 20px
}

.loader>div:nth-child(1) {
    animation-delay: .4s;
    animation-duration: .8s
}

.loader>div:nth-child(2) {
    animation-delay: .5s;
    animation-duration: 1.5s
}

.loader>div:nth-child(3) {
    animation-delay: .05s;
    animation-duration: .8s
}

.loader>div:nth-child(4) {
    animation-delay: 0s;
    animation-duration: .75s
}

.loader>div:nth-child(5) {
    animation-delay: .15s;
    animation-duration: 1.2s
}

.loader>div {
    flex-shrink: 0;
    width: 24px;
    height: 24px;
    margin: 3px;
    background: #A2C44A;
    border-radius: 2px;
    animation-fill-mode: both;
    animation-name: loader;
    animation-iteration-count: infinite;
    animation-delay: 0s
}

@keyframes box-loader {
    50% {
        opacity: .2
    }

    to {
        opacity: 1
    }
}

.box-loader__animation {
    background: rgba(52,52,52,.12);
    animation-fill-mode: both;
    animation-name: box-loader;
    animation-iteration-count: infinite;
    animation-duration: 6s
}

.dark-theme .box-loader__animation {
    background: #2b343b
}

.box-loader .box-loader__task {
    padding: 0;
    display: block;
    background: #fff
}

.dark-theme .box-loader .box-loader__task {
    background: #384047
}

.box-loader__label {
    background: rgba(52,52,52,.12);
    width: 75px
}

.box-loader__header {
    width: 40%;
    height: 20px
}

.box-loader__body-container {
    display: flex;
    justify-content: space-between;
    margin-bottom: 15px;
    margin-top: 15px
}

.box-loader__body {
    width: 40%;
    height: 15px
}

.box-loader__right {
    width: 15%;
    height: 15px
}

.box-loader__task-contents {
    height: 35px
}

.box-loader__spacer {
    margin: 0 10px
}

.box-loader__board-header {
    border-top: 2px solid lightgray
}

.box-loader__board-status {
    height: 20px;
    width: 40px
}

.box-loader__board-body.cu-panel-board__title {
    height: 30px;
    margin: 10px 10px 0
}

.box-loader__cat-item {
    height: 50px
}

.box-loader__due-date {
    margin: 0 25px
}

.box-loader__asignee {
    margin-right: 25px
}

.box-loader__cat-container {
    border-bottom: 1px solid #d3d3d3;
    padding-bottom: 20px;
    margin-bottom: 20px
}

.dark-theme .box-loader__cat-container {
    border-bottom: 1px solid #1e272e
}

.box-loader__no-border {
    border-bottom: 0
}

.box-loader__team-row {
    margin-top: 15px;
    display: flex;
    justify-content: space-between
}

.box-loader__team-avatar {
    height: 30px;
    width: 30px;
    border-radius: 30px;
    margin-right: 15px
}

.box-loader__team-name {
    flex: 1 0 0;
    height: 30px
}

.box-loader__user-container {
    position: relative
}

.box-loader__user-avatar {
    height: 50px;
    width: 50px;
    border-radius: 50px
}

.box-loader__asignee-avatar {
    height: 38px;
    width: 38px;
    border-radius: 38px
}

.box-loader__team-avatar-header {
    width: 30px;
    height: 30px;
    border-radius: 30px;
    position: absolute;
    top: 10px;
    left: -15px
}

.cu-loader-mind {
    display: flex;
    align-items: center;
    justify-content: center;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #fafbfc;
    z-index: 100000
}

html.todesktop-platform-darwin .cu-loader-mind {
    -webkit-app-region: drag
}

.dark-theme .cu-loader-mind {
    background: #1e272e
}

.cu-loader-mind.cu-loader-mind_hidden {
    animation: loaderExit .2s .1s linear forwards
}

.cu-loader-mind.cu-loader-mind_quote {
    flex-direction: column;
    background-image: url("data:image/svg+xml,%3Csvg width='36' height='36' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='4' y='4' width='5' height='5' rx='2' fill='%23f0f1f3'/%3E%3C/svg%3E")
}

.dark-theme .cu-loader-mind.cu-loader-mind_quote {
    background-image: url("data:image/svg+xml,%3Csvg width='36' height='36' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='4' y='4' width='5' height='5' rx='2' fill='%232a2e34'/%3E%3C/svg%3E")
}

.cu-mind__icon {
    position: relative;
    z-index: 10;
    display: block;
    margin: 0 auto;
    animation: iconPulse 1s 2s infinite
}

.cu-mark {
    background: #A2C44A;
    display: inline-block;
    width: 8px;
    height: 8px;
    border-radius: 2px
}

@supports (--theme-main-color: $color-purple) {
    .cu-mark {
        background:var(--theme-main-color)
    }
}

.cu-mark.cu-mark_todo {
    background: #aeacb0
}

.cu-mark.cu-mark_progress {
    background: #4194f6
}

.cu-mark.cu-mark_review {
    background: #fc0
}

.cu-mark.cu-mark_done {
    background: #67cb48
}

@charset "UTF-8";.cu-mind-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #fafbfc;
    z-index: 100000
}

.cu-mind-wrapper.cu-mind-wrapper_hidden {
    animation: loaderExit .2s .1s linear forwards
}

.cu-mind {
    position: relative;
    width: 475px
}

.cu-mind:before,.cu-mind:after {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    height: 3px;
    background: rgba(126,116,144,.15);
    will-change: width;
    width: 0;
    animation: bottomBorderEntrance .1s .1s cubic-bezier(.165,.84,.44,1) forwards
}

.cu-mind:before {
    right: 50%
}

.cu-mind:after {
    left: 50%
}

.cu-mind_no-quotes:before,.cu-mind_no-quotes:after {
    display: none
}

.cu-mind__header {
    position: relative
}

.cu-mind__header:before,.cu-mind__header:after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    height: 3px;
    background: rgba(126,116,144,.15);
    width: 0;
    animation: topBorderEntrance .1s .1s cubic-bezier(.165,.84,.44,1) forwards
}

.cu-mind__header:before {
    right: calc(50% + 80px)
}

.cu-mind__header:after {
    left: calc(50% + 80px)
}

.cu-mind__header_no-quotes:before,.cu-mind__header_no-quotes:after {
    display: none
}

.cu-mind__icon {
    position: relative;
    z-index: 10;
    display: block;
    margin: 0 auto;
    animation: iconPulse 1.5s .1s infinite;
    width: 76px;
    height: 91px;
    background-image: url("data:image/svg+xml,%3Csvg width='76' height='91' xmlns='http://www.w3.org/2000/svg'%3E%3Cdefs%3E%3ClinearGradient x1='0%25' y1='68.01%25' y2='68.01%25' id='a'%3E%3Cstop stop-color='%238930FD' offset='0%25'/%3E%3Cstop stop-color='%2349CCF9' offset='100%25'/%3E%3C/linearGradient%3E%3ClinearGradient x1='0%25' y1='68.01%25' y2='68.01%25' id='b'%3E%3Cstop stop-color='%23FF02F0' offset='0%25'/%3E%3Cstop stop-color='%23FFC800' offset='100%25'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cg fill-rule='nonzero' fill='none'%3E%3Cpath d='M.23 69.64l13.92-10.66c7.4 9.65 15.26 14.1 24 14.1 8.7 0 16.34-4.4 23.4-13.98l14.12 10.41c-10.2 13.8-22.86 21.1-37.52 21.1-14.61 0-27.4-7.24-37.92-20.97z' fill='url(%23a)'/%3E%3Cpath fill='url(%23b)' d='M38.1 23.3L13.34 44.63 1.88 31.36 38.16.09l36 31.3-11.51 13.23z'/%3E%3C/g%3E%3C/svg%3E")
}

.cu-mind__wave {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 240px;
    height: 240px;
    margin: 0 auto
}

.cu-mind__wave>* {
    position: absolute
}

.cu-mind__wave-icon {
    position: relative;
    z-index: 10;
    display: block;
    animation: waveIconPulse 1.83s .4s infinite;
    width: 76px;
    height: 91px;
    background-image: url("data:image/svg+xml,%3Csvg width='76' height='91' xmlns='http://www.w3.org/2000/svg'%3E%3Cdefs%3E%3ClinearGradient x1='0%25' y1='68.01%25' y2='68.01%25' id='a'%3E%3Cstop stop-color='%238930FD' offset='0%25'/%3E%3Cstop stop-color='%2349CCF9' offset='100%25'/%3E%3C/linearGradient%3E%3ClinearGradient x1='0%25' y1='68.01%25' y2='68.01%25' id='b'%3E%3Cstop stop-color='%23FF02F0' offset='0%25'/%3E%3Cstop stop-color='%23FFC800' offset='100%25'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cg fill-rule='nonzero' fill='none'%3E%3Cpath d='M.23 69.64l13.92-10.66c7.4 9.65 15.26 14.1 24 14.1 8.7 0 16.34-4.4 23.4-13.98l14.12 10.41c-10.2 13.8-22.86 21.1-37.52 21.1-14.61 0-27.4-7.24-37.92-20.97z' fill='url(%23a)'/%3E%3Cpath fill='url(%23b)' d='M38.1 23.3L13.34 44.63 1.88 31.36 38.16.09l36 31.3-11.51 13.23z'/%3E%3C/g%3E%3C/svg%3E");
    background-size: cover
}

@media screen and (prefers-reduced-motion) {
    .cu-mind__wave-icon {
        animation: none
    }
}

.dark-theme .cu-mind__wave-animation_light,.cu-mind__wave-animation_dark {
    display: none
}

.dark-theme .cu-mind__wave-animation_dark {
    display: block
}

@media screen and (prefers-reduced-motion) {
    .cu-mind__wave-animation,.dark-theme .cu-mind__wave-animation {
        display: none
    }
}

.cu-mind__text {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    margin: 30px 50px 50px;
    text-align: center;
    color: #322646
}

.dark-theme .cu-mind__text {
    color: #828588
}

.cu-mind__text cite {
    display: block;
    text-align: right;
    font-style: italic;
    margin: 10px 0 0
}

.cu-mind__text cite:before {
    display: inline-block;
    content: "\2014";
    color: inherit;
    margin: 0 5px 0 0
}

.cu-mind__quotes {
    position: absolute
}

.cu-mind__quotes_open {
    top: calc(50% - 40px);
    left: -10px
}

.cu-mind__quotes_close {
    top: 50%;
    right: -10px
}

@keyframes mindEntrance {
    0% {
        opacity: 0;
        transform: translateY(300px)
    }

    to {
        opacity: 1;
        transform: translateY(-100px)
    }
}

@keyframes topBorderEntrance {
    0% {
        width: 0
    }

    to {
        width: calc(50% - 80px)
    }
}

@keyframes bottomBorderEntrance {
    0% {
        width: 0;
        opacity: .6
    }

    to {
        width: 240px;
        opacity: 1
    }
}

@keyframes textEntrance {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes loaderExit {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        z-index: -1;
        visibility: hidden
    }
}

@keyframes iconPulse {
    0% {
        transform: scale(1)
    }

    50% {
        transform: scale3d(1.1,1.1,1.1)
    }

    to {
        transform: scale(1)
    }
}

@keyframes waveIconPulse {
    0% {
        transform: scale(1)
    }

    30% {
        transform: scale3d(1.1,1.1,1.1)
    }

    60% {
        transform: scale3d(1.1,1.1,1.1)
    }

    to {
        transform: scale(1)
    }
}

.cu-modal {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    min-height: 100%;
    background: rgba(0,0,0,.65);
    z-index: 1000
}

.cu-modal_increase-vis {
    z-index: 10000
}

.cu-modal_no-background {
    background: none
}

.cu-modal_higher-stack {
    z-index: 2000
}

.cu-modal__bounce {
    text-decoration: underline;
    cursor: pointer
}

.cu-modal__inner {
    position: absolute;
    display: flex;
    justify-content: center;
    align-content: flex-start;
    align-items: flex-start;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow-x: hidden;
    overflow-y: auto
}

.cu-os-win .cu-modal__inner {
    scrollbar-width: thin
}

.cu-os-win .cu-modal__inner::-webkit-scrollbar {
    background-color: #fff;
    width: 16px;
    height: 16px
}

.cu-os-win .cu-modal__inner::-webkit-scrollbar-track {
    background-color: #fff
}

.cu-os-win .cu-modal__inner::-webkit-scrollbar-track:hover {
    background-color: #fff
}

.cu-os-win .cu-modal__inner::-webkit-scrollbar-thumb {
    background-color: #babac080;
    border-radius: 16px;
    border: 5px solid #fff
}

.cu-os-win .cu-modal__inner::-webkit-scrollbar-thumb:hover {
    background-color: #a0a0a5;
    border: 3px solid #fff
}

.cu-os-win .cu-modal__inner::-webkit-scrollbar-button {
    display: none
}

.cu-os-win.dark-theme .cu-modal__inner::-webkit-scrollbar,.cu-os-win .dark-theme .cu-modal__inner::-webkit-scrollbar {
    background-color: #384047
}

.cu-os-win.dark-theme .cu-modal__inner::-webkit-scrollbar-track,.cu-os-win .dark-theme .cu-modal__inner::-webkit-scrollbar-track {
    background-color: #384047
}

.cu-os-win.dark-theme .cu-modal__inner::-webkit-scrollbar-track:hover,.cu-os-win .dark-theme .cu-modal__inner::-webkit-scrollbar-track:hover {
    background-color: #384047
}

.cu-os-win.dark-theme .cu-modal__inner::-webkit-scrollbar-thumb,.cu-os-win .dark-theme .cu-modal__inner::-webkit-scrollbar-thumb {
    border-color: #384047
}

.cu-os-win.dark-theme .cu-modal__inner::-webkit-scrollbar-thumb:hover,.cu-os-win .dark-theme .cu-modal__inner::-webkit-scrollbar-thumb:hover {
    border-color: #384047
}

.cu-os-win.dark-theme .cu-modal__inner::-webkit-scrollbar-corner,.cu-os-win .dark-theme .cu-modal__inner::-webkit-scrollbar-corner {
    background-color: #384047
}

.cu-modal__dialog {
    width: 850px;
    padding: 50px;
    border-radius: 8px;
    background: #fff;
    margin: 40px auto 20px
}

.dark-theme .cu-modal__dialog {
    background: #384047
}

.cu-modal__dialog_overlay-task-view {
    width: calc(100% - 50px)!important;
    height: calc(100% - 120px);
    margin: 70px 0 0;
    max-width: 1700px
}

.cu-modal__dialog_overlay-task-view .cu-modal__close {
    display: none
}

.cu-modal__dialog_overlay-task-view .cu-modal__body {
    height: calc(100% + 100px)
}

.cu-modal__dialog-header_centered {
    color: #A2C44A;
    text-align: center;
    font: 24px -apple-system,BlinkMacSystemFont,Segoe UI,roboto,Helvetica Neue,helvetica,arial,sans-serif;
    padding-bottom: 20px
}

@supports (--theme-main-color: $color-purple) {
    .cu-modal__dialog-header_centered {
        color:var(--theme-main-color)
    }
}

.cu-modal__dialog-content-nopad {
    padding: 0
}

.cu-modal__dialog-content-smaller-padding {
    padding: 32px
}

.cu-modal__dialog-content-smaller-width {
    max-width: 472px
}

.dark-theme .cu-modal__dialog-darker-background {
    background-color: #2a2e34
}

.cu-modal__dialog-content_centered {
    max-width: 400px;
    text-align: center;
    font: 18px/20px -apple-system,BlinkMacSystemFont,Segoe UI,roboto,Helvetica Neue,helvetica,arial,sans-serif;
    margin: 0 auto;
    color: #979797
}

.cu-modal__dialog-alert-native {
    border-color: #A2C44A;
    margin-top: 40px;
    padding: 20px;
    font: italic 24px -apple-system,BlinkMacSystemFont,Segoe UI,roboto,Helvetica Neue,helvetica,arial,sans-serif;
    text-align: center;
    color: #fff;
    border: 2px solid;
    border-radius: 3px;
    background-color: #A2C44A80
}

@supports (--theme-main-color: $color-purple) {
    .cu-modal__dialog-alert-native {
        border-color:var(--theme-main-color)
    }
}

.cu-modal__dialog-alert-footer {
    margin-top: 90px;
    width: 100%;
    text-align: center
}

.cu-modal__dialog-alert-footer * {
    display: inline-block
}

.cu-modal__dialog-alert-footer>button:not(:last-child) {
    margin-right: 50px
}

.cu-modal__dialog_centered {
    align-self: center;
    max-height: 96vh;
    overflow: auto
}

.cu-modal__empty .cu-modal__header {
    display: none
}

.cu-modal__empty .cu-modal__body {
    min-height: 0
}

.cu-modal__header {
    margin: 0 0 30px;
    display: flex;
    align-items: center
}

.cu-modal__header-description {
    margin: -20px 0 24px
}

.cu-modal__header.cu-modal__header-paywall,.cu-modal__header_margin-0 {
    margin: 0
}

.cu-modal__title {
    font-size: 23px;
    font-weight: 500;
    line-height: 1;
    word-break: break-word;
    overflow-wrap: break-word;
    word-wrap: break-word;
    -webkit-hyphens: auto;
    hyphens: auto;
    color: #505050;
    padding-right: 40px
}

.dark-theme .cu-modal__title {
    color: #d5d6d7
}

.cu-modal__title-question {
    transition: fill .2s cubic-bezier(.785,.135,.15,.86) 0s;
    width: 14px;
    height: 14px;
    cursor: pointer;
    margin-left: 4px;
    pointer-events: all;
    display: inline-block;
    fill: #ccc
}

.dark-theme .cu-modal__title-question {
    fill: #828588
}

.cu-modal__title-question:hover {
    fill: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .cu-modal__title-question:hover {
        fill:var(--theme-main-color)
    }
}

.cu-modal__description {
    font-weight: 400;
    font-size: 14px;
    line-height: 21px;
    color: #656f7d;
    order: 1;
    white-space: pre-line
}

.dark-theme .cu-modal__description {
    color: #adb3bd
}

.cu-modal__title-more-contrast {
    color: #2a2e34
}

.dark-theme .cu-modal__title-more-contrast {
    color: #f0f1f3
}

.cu-modal__icon {
    height: 48px
}

.cu-modal__controls {
    position: relative;
    margin: 0 0 0 auto
}

.cu-modal__control-item {
    display: inline-block;
    margin-right: 50px
}

.cu-modal__control-item:last-child {
    margin-right: 0
}

.cu-modal__close {
    transition: all .2s cubic-bezier(.785,.135,.15,.86) 0s;
    position: absolute;
    top: -12px;
    right: 0;
    cursor: pointer;
    width: 22px;
    height: 22px;
    border: none;
    z-index: 1
}

.cu-modal__close:hover {
    transform: rotate(180deg)
}

.cu-modal__close .icon {
    stroke: #979797
}

.cu-modal__cancel {
    transition: all .2s cubic-bezier(.785,.135,.15,.86) 0s;
    position: absolute;
    top: -5px;
    right: 30px;
    cursor: pointer;
    color: #fd71af;
    font-size: 12px
}

.cu-modal__body {
    position: relative;
    min-height: 300px
}

.cu-modal__body.cu-modal__body_fill {
    min-height: 0;
    -webkit-max-logical-height: 0
}

.cu-modal__body.cu-modal__body_no-min-height {
    min-height: 0
}

.cu-modal__body.cu-modal__body-nopad {
    padding: 0
}

.cu-modal__body.cu-modal__body_createtask {
    padding: 0;
    overflow-x: hidden
}

.cu-modal__body-text {
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    color: #343434
}

.dark-theme .cu-modal__body-text {
    color: #abaeb0
}

.cu-modal__footer {
    margin: 40px 0 0;
    display: flex;
    justify-content: space-between
}

.cu-modal__footer>*:only-of-type {
    margin: 0 0 0 auto
}

.cu-modal__footer_center {
    justify-content: center
}

.cu-modal__footer_center>*:only-of-type {
    margin: 0
}

.cu-modal__crop-header {
    padding-bottom: 10px;
    border-bottom: 1px solid #a0a0a0;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.cu-modal__header-text {
    font-size: 16px
}

.cu-modal__result {
    margin-top: 30px;
    border: 1px solid rgba(125,125,125,.6);
    display: inline-block;
    padding: 1px
}

.cu-modal__result-rounded {
    margin-top: 15px;
    text-align: center
}

.cu-modal__result-rounded>img {
    border-radius: 100px
}

.cu-modal__result-rounded-not>img {
    border-radius: 0
}

.cu-modal__pull-left {
    min-width: 400px;
    float: left;
    margin: 10px;
    padding: 10px;
    position: relative
}

.cu-modal__file-upload {
    height: 25px;
    position: relative;
    border-radius: 3px;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    background-image: linear-gradient(to bottom,#A2C44A 50%,#fff 50%);
    background-size: 100% 200%;
    transition: all 1s;
    color: #fff;
    font-size: 14px;
    cursor: pointer
}

@supports (--theme-main-color: $color-purple) {
    .cu-modal__file-upload {
        background-image:linear-gradient(to bottom,var(--theme-main-color) 50%,#fff 50%)
    }
}

.cu-modal__text {
    font-size: 14px;
    color: #fff
}

.cu-modal__image-crop {
    display: none
}

.cu-modal__slack-remove {
    top: 0!important
}

.cu-modal__slack-remove h1 {
    padding-bottom: 15px
}

.cu-modal__slack-remove button {
    margin: 5px 0!important
}

.cu-modal__slack-remove .cu-modal__body {
    display: flex;
    align-items: center;
    min-height: auto!important
}

.cu-modal__slack-remove .cu-form__row {
    margin: 0!important
}

.cu-modal__slack-notifications-settings .cu-modal__body {
    min-height: auto
}

.cu-modal__slack-notifications-settings .cu-custom-fields__list-item-guests-popover-toggle {
    justify-content: flex-start;
    margin-left: -4px
}

.cu-modal__doc-share .cu-modal__header {
    margin: 0
}

.cu-modal.conflict-management-modal {
    z-index: 1000
}

.cu-modal.cu-modal__max-index {
    z-index: 9999
}

.cu-modal.cu-modal_subtask .cu-modal__dialog {
    margin: 50px auto;
    padding: 20px;
    border-radius: 6px
}

.cu-btn-icon {
    border: 0;
    max-width: 25px;
    max-height: 25px;
    display: inline-block;
    float: left
}

.cu-modal-inner__close {
    transition: all .2s cubic-bezier(.785,.135,.15,.86) 0s;
    display: block;
    width: 40px;
    height: 40px;
    margin-top: 20px;
    margin-right: 14px;
    cursor: pointer;
    background: #fff;
    border-radius: 50%;
    padding: 13px
}

.cu-modal-inner__close:hover {
    transform: rotate(180deg);
    background: #f1f1f1
}

.cu-modal-inner__close use {
    stroke: #979797
}

.cu-modal-inner__close_extra {
    transition: all .2s cubic-bezier(.785,.135,.15,.86) 0s;
    background: #A2C44A;
    margin-right: 22px;
    border-radius: 50%;
    padding: 13px 11px 13px 15px
}

@supports (--theme-main-color: $color-purple) {
    .cu-modal-inner__close_extra {
        background:var(--theme-main-color)
    }
}

.cu-modal-inner__close_extra:hover {
    background: #A2C44A;
    transform: none
}

@supports (--theme-main-color-dark: $color-purple-dark) {
    .cu-modal-inner__close_extra:hover {
        background:var(--theme-main-color-dark)
    }
}

.cu-modal-inner__close_extra use {
    stroke: #fff
}

.cu-modal-nav__header {
    position: relative;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    height: 75px;
    z-index: 1000;
    background: #000;
    box-shadow: 0 0 10px #0000001a;
    padding: 0 0 0 30px
}

.cu-modal-nav__header>.cu-modal-nav__endcap {
    margin: 0 0 0 auto;
    padding: 25px;
    height: inherit;
    border-right: 2px solid #343434;
    border-left: 2px solid #343434;
    position: absolute;
    top: 0;
    right: 0
}

.cu-modal-nav__close {
    display: block;
    width: 24px;
    height: 24px
}

.cu-modal-nav__controls {
    height: 100%;
    width: 100%;
    display: inline-flex
}

.cu-modal-nav__controls-list {
    color: #e6e6e6;
    margin: 0;
    padding: 0
}

.cu-modal-nav__control-field {
    margin: 0;
    padding: 0;
    color: #e6e6e6;
    height: 100%;
    border-right: 2px solid #343434;
    display: inline-flex
}

.cu-modal-nav__control-field__right {
    position: absolute;
    top: 0;
    right: 0
}

.cu-modal-nav__control-field:last-of-type {
    border-right: 0;
    border-left: 2px solid #343434;
    margin-right: 77px
}

.cu-modal-nav__controls-action {
    margin-left: auto;
    margin-right: 10px;
    margin-top: -3px
}

.cu-modal-nav__controls-action.balanced {
    margin: -3px auto 0
}

.cu-modal-nav__header>.cu-modal-nav__title {
    min-width: 300px;
    width: 15%;
    padding: 20px;
    border-right: 2px solid #343434;
    height: 100%;
    line-height: 34px;
    margin: 0;
    display: flex
}

.cu-modal-nav__title>.cu-modal-nav__title-text {
    width: 75%;
    white-space: nowrap;
    font-size: 20px;
    font-weight: 250;
    color: #e6e6e6;
    overflow: hidden;
    text-overflow: ellipsis
}

.cu-modal-nav__title>.cu-icon {
    margin-top: 3px
}

.cu-modal-nav__title>.cu-icon:first-of-type {
    margin-right: 10px
}

.cu-modal-nav__title>.cu-icon:last-of-type {
    margin-left: 10px
}

.cu-modal-nav__btn-dark {
    font-weight: 500;
    font-size: 15px;
    color: #e6e6e6;
    border: 2px solid #343434;
    background-color: #000;
    margin: 20px 0 0 10px;
    width: 150px;
    padding: 0 12px 0 8px
}

.cu-modal-nav__btn-dark>span {
    color: #e6e6e6;
    line-height: 2
}

.cu-modal.cu-modal_open {
    display: block;
    transform: scaleY(1) scaleX(1);
    animation: fadeIn .1s ease-in-out backwards
}

.cu-modal.cu-modal_open .cu-modal__dialog {
    opacity: 1;
    transform: translateY(0);
    animation: fadeInUp .2s cubic-bezier(.165,.84,.44,1) backwards
}

.cu-modal.cu-modal_zoom.cu-modal_open {
    display: block;
    transform: none;
    opacity: 1;
    animation: fadeIn .3s cubic-bezier(.165,.84,.44,1) backwards
}

.cu-modal.cu-modal_zoom.cu-modal_open .cu-modal__dialog {
    transform: scale(1);
    opacity: 1;
    animation: zoomInModal .3s cubic-bezier(.165,.84,.44,1) backwards
}

.cu-modal.cu-modal_auth.cu-modal_open {
    display: block;
    transform: none;
    opacity: 1;
    animation: fadeIn .5s cubic-bezier(.165,.84,.44,1) backwards
}

.cu-modal.cu-modal_auth.cu-modal_open .cu-modal__dialog {
    transform: scale(1);
    opacity: 1;
    animation: zoomInModal .5s cubic-bezier(.165,.84,.44,1) backwards
}

.cu-modal.cu-modal_stop-open-animation.cu-modal_open,.cu-modal.cu-modal_stop-open-animation.cu-modal_open .cu-modal__dialog {
    animation: none
}

.cu-modal.cu-modal_right .cu-modal__inner {
    justify-content: flex-end
}

.cu-modal.cu-modal_right .cu-modal__dialog {
    display: flex;
    flex-direction: column;
    height: 100vh;
    margin: 0;
    padding: 0;
    overflow: hidden
}

.cu-modal.cu-modal_right .cu-modal__header {
    padding: 30px;
    margin: 0 0 10px
}

.cu-modal.cu-modal_right .cu-modal__body {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    padding: 15px 15px 75px;
    overflow: auto
}

.cu-modal.cu-modal_right .cu-modal__body.cu-modal__nav-shadow {
    box-shadow: 0 0 10px #0000001a inset
}

.cu-modal.cu-modal_right .cu-modal__body.cu-modal__body-nopad {
    padding: 0
}

.cu-modal.cu-modal_right .cu-modal__body.cu-modal__body_createtask {
    padding: 0;
    overflow-x: hidden
}

.cu-modal.cu-modal_right .cu-editor-wrapper .cu-editor:after {
    display: none!important
}

.cu-modal.cu-modal_right.cu-modal_open {
    display: flex;
    transform: scaleY(1) scaleX(1);
    animation: fadeIn .4s cubic-bezier(.165,.84,.44,1) forwards
}

.cu-modal.cu-modal_right.cu-modal_open .cu-modal__inner {
    transform: translate(100%)
}

.cu-modal.cu-modal_right.cu-modal_open .cu-modal__dialog {
    animation: none
}

.cu-modal.cu-modal_left .cu-modal__inner {
    transition: all .2s cubic-bezier(.785,.135,.15,.86) 0s;
    justify-content: flex-start;
    transform: translate(-100%)
}

.cu-modal.cu-modal_left .cu-modal__dialog {
    display: flex;
    flex-direction: column;
    height: 100vh;
    margin: 0;
    padding: 0;
    overflow: hidden
}

.cu-modal.cu-modal_left .cu-modal__header {
    padding: 30px;
    margin: 0 0 10px
}

.cu-modal.cu-modal_left .cu-modal__body {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    padding: 15px 15px 75px;
    overflow: auto
}

.cu-modal.cu-modal_left .cu-modal__body.cu-modal__nav-shadow {
    box-shadow: 0 0 10px #0000001a inset
}

.cu-modal.cu-modal_left .cu-modal__body.cu-modal__body-nopad {
    padding: 0
}

.cu-modal.cu-modal_left.cu-modal_open {
    display: flex;
    animation: fadeIn .4s cubic-bezier(.165,.84,.44,1) forwards
}

.cu-modal.cu-modal_left.cu-modal_open .cu-modal__inner {
    animation: slideInLeft .4s cubic-bezier(.165,.84,.44,1) .4s forwards
}

.cu-modal.cu-modal_left.cu-modal_open .cu-modal__dialog {
    animation: none
}

.cu-modal.cu-modal_content-center .cu-modal__inner {
    display: grid;
    align-items: center;
    align-content: normal;
    height: 100vh
}

.cu-modal.cu-modal_content-center .cu-modal__dialog {
    margin: 0
}

.cu-modal.cu-modal_show-overflow .cu-modal__dialog {
    overflow: visible
}

.cu-modal.cu-modal_auth .cu-modal__dialog {
    width: 500px;
    min-height: 0;
    padding: 25px 65px 30px
}

.cu-modal .cu-modal_sm.cu-modal_sm.cu-modal__dialog {
    width: 500px
}

.cu-modal.cu-modal_md .cu-modal__dialog {
    width: 650px
}

.cu-modal.cu-modal_md .cu-modal__dialog.cu-modal__dialog-goal {
    width: 850px
}

@media screen and (max-width: 1200px) {
    .cu-modal.cu-modal_md .cu-modal__dialog {
        max-width:100%
    }
}

.cu-modal.cu-modal_md .cu-modal__dialog.cu-modal__dialog-paywall {
    padding: 0;
    width: 400px
}

.cu-modal.cu-modal_md .cu-modal__dialog-conflict {
    width: 550px
}

.cu-modal.cu-modal_md .cu-modal__dialog-space {
    width: 900px
}

.cu-modal.cu-modal_md .cu-modal__dialog-custom-fields {
    width: auto;
    max-width: 950px;
    min-width: 670px
}

.cu-modal.cu-modal_md .cu-modal__dialog-custom-fields .cu-modal__close {
    z-index: 1
}

.cu-modal.cu-modal_md .cu-modal__dialog-custom-fields .cu-modal__title {
    visibility: hidden
}

.cu-modal.cu-modal_md .cu-modal__dialog-custom-fields .cu-modal__title_visible {
    visibility: visible
}

.cu-modal.cu-modal_md .cu-modal__dialog-automations {
    padding: 0;
    width: 1240px;
    max-width: 90vw;
    border-radius: 4px;
    margin: 40px 0
}

.cu-modal.cu-modal_md .cu-modal__dialog-content-fullwidth {
    width: auto;
    max-width: 100%
}

.cu-modal.cu-modal_md .cu-modal__dialog_for-edit-list-statuses-modal {
    max-width: 670px;
    width: 100%
}

.cu-modal.cu-modal_md .cu-modal__dialog.cu-custom-enterprise-permissions__delete-modal-dialog {
    width: 450px!important;
    padding: 25px!important
}

.cu-modal.cu-modal_md .cu-modal__dialog.cu-custom-enterprise-permissions__delete-modal-dialog .cu-modal__header {
    display: none
}

.cu-modal.cu-modal_md .cu-modal__dialog.cu-custom-enterprise-permissions__delete-modal-dialog .cu-modal__body {
    min-height: 0
}

.cu-modal.cu-modal_md .cu-modal__dialog.cu-custom-enterprise-permissions__delete-modal-dialog .cu-custom-enterprise-permissions__header-new-menu-buttons div {
    width: 190px
}

[lang=fr-FR] .cu-modal.cu-modal_md .cu-modal__dialog-template-confirm {
    width: 860px
}

.cu-modal.cu-modal_xl .cu-modal__dialog {
    width: 70vw
}

.cu-modal.cu-modal_fullwidth .cu-modal__dialog {
    width: 90%;
    max-width: 1200px
}

.cu-modal.cu-modal_fullwidth .cu-modal__close {
    z-index: 10
}

.cu-modal.cu-modal_autowidth .cu-modal__dialog {
    width: auto
}

.cu-modal.cu-modal_autowidth .cu-modal__close {
    z-index: 10
}

.cu-modal.cu-modal_embed-view,.cu-modal.cu-modal_verification-badge {
    z-index: 1001
}

cu-create-team-modal .cu-form .create-team-inputs {
    display: flex;
    justify-content: space-between;
    width: 100%
}

cu-create-team-modal .cu-form .create-team-inputs .avatar-picker .cu-team-avatar {
    margin: 0 auto
}

cu-create-team-modal .cu-form .create-team-inputs .avatar-picker__dropdown-toggle {
    flex-direction: column
}

cu-create-team-modal .cu-form .create-team-inputs .avatar-picker__preview {
    margin: 0;
    height: 60px;
    width: 60px;
    border-radius: 30px
}

cu-create-team-modal .cu-form .create-team-inputs .avatar-picker span .change {
    margin-top: 10px;
    color: #4194f6;
    font-weight: 300
}

cu-create-team-modal .cu-form .create-team-inputs-container {
    width: 80%
}

cu-merge-tasks h3 {
    color: #aeacb0;
    margin: 0 0 30px
}

cu-merge-tasks h2.no-results {
    color: #aeacb0;
    text-align: center;
    margin: 50px 0 0
}

cu-merge-tasks table {
    width: 100%;
    max-height: 350px
}

cu-merge-tasks table tr.result {
    border-bottom: 1px solid #e4e4e4
}

cu-merge-tasks table tr:hover .cu-dt-task__name {
    color: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    cu-merge-tasks table tr:hover .cu-dt-task__name {
        color:var(--theme-main-color)
    }
}

cu-merge-tasks table tr th {
    color: #aeacb0;
    font-weight: 400;
    text-align: left
}

cu-merge-tasks table tr th.name {
    text-align: left
}

cu-merge-tasks table tr td {
    padding: 20px 0;
    vertical-align: middle
}

cu-merge-tasks table tr td img {
    display: block;
    margin: 0 auto
}

.merge-search-results {
    max-height: calc(100vh - 550px);
    margin: 10px 0 0
}

.cu-modal.cu-modal__help-modal .cu-modal__dialog {
    width: 620px;
    border-radius: 5px
}

.cu-modal.cu-modal__help-modal .cu-modal__dialog .cu-modal__header {
    margin: 0 0 50px
}

.cu-modal.cu-modal__help-modal .cu-modal__dialog .cu-modal__body {
    min-height: auto
}

.cu-modal.cu-modal__help-modal .cu-modal__dialog cu-help-modal h1,.cu-modal.cu-modal__help-modal .cu-modal__dialog cu-help-modal h2,.cu-modal.cu-modal__help-modal .cu-modal__dialog cu-contact-sales-modal h1,.cu-modal.cu-modal__help-modal .cu-modal__dialog cu-contact-sales-modal h2 {
    width: 100%;
    text-align: center
}

.cu-modal.cu-modal__help-modal .cu-modal__dialog cu-help-modal .cu-form__row:last-child,.cu-modal.cu-modal__help-modal .cu-modal__dialog cu-contact-sales-modal .cu-form__row:last-child {
    margin: 0
}

.cu-modal.cu-modal__help-modal .cu-modal__dialog cu-help-modal .cu-btn,.cu-modal.cu-modal__help-modal .cu-modal__dialog cu-contact-sales-modal .cu-btn {
    width: 100%
}

.cu-modal.cu-modal__help-modal .cu-modal__dialog cu-help-modal .help-foreword,.cu-modal.cu-modal__help-modal .cu-modal__dialog cu-contact-sales-modal .help-foreword {
    color: #aeacb0;
    font-weight: 300;
    font-size: 16px;
    line-height: 18px;
    margin-bottom: 16px
}

.cu-modal.cu-modal__help-modal .cu-modal__dialog cu-help-modal .help-foreword:last-of-type,.cu-modal.cu-modal__help-modal .cu-modal__dialog cu-contact-sales-modal .help-foreword:last-of-type {
    margin-bottom: 20px
}

.cu-modal.cu-modal__help-modal .cu-modal__dialog cu-help-modal textarea,.cu-modal.cu-modal__help-modal .cu-modal__dialog cu-contact-sales-modal textarea {
    border: 1px solid #e4e4e4;
    margin-top: 10px;
    border-radius: 3px;
    resize: none;
    padding: 12px
}

.dark-theme .cu-modal.cu-modal__help-modal .cu-modal__dialog cu-help-modal textarea,.dark-theme .cu-modal.cu-modal__help-modal .cu-modal__dialog cu-contact-sales-modal textarea {
    border: 1px solid #1e272e
}

.dark-theme .cu-modal.cu-modal__help-modal .cu-modal__dialog cu-help-modal .cu-form__input,.dark-theme .cu-modal.cu-modal__help-modal .cu-modal__dialog cu-contact-sales-modal .cu-form__input {
    border-bottom: 1px solid #1e272e
}

.cu-modal.cu-modal__help-modal .cu-modal__dialog cu-help-modal .help-or,.cu-modal.cu-modal__help-modal .cu-modal__dialog cu-contact-sales-modal .help-or {
    font-size: 13px;
    color: #aeacb0;
    margin: 20px 0 10px
}

.cu-modal.cu-modal__help-modal .cu-modal__dialog cu-help-modal .help-options,.cu-modal.cu-modal__help-modal .cu-modal__dialog cu-contact-sales-modal .help-options {
    display: flex;
    justify-content: space-around;
    margin: 50px auto 0
}

.cu-modal.cu-modal__help-modal .cu-modal__dialog cu-help-modal .help-options a,.cu-modal.cu-modal__help-modal .cu-modal__dialog cu-contact-sales-modal .help-options a {
    transition: all .2s cubic-bezier(.785,.135,.15,.86) 0s;
    width: 33.3333333333%;
    color: #aeacb0;
    text-align: center;
    cursor: pointer
}

.dark-theme .cu-modal.cu-modal__help-modal .cu-modal__dialog cu-help-modal .help-options a,.dark-theme .cu-modal.cu-modal__help-modal .cu-modal__dialog cu-contact-sales-modal .help-options a {
    color: #d5d6d7
}

.cu-modal.cu-modal__help-modal .cu-modal__dialog cu-help-modal .help-options a:not(:last-child),.cu-modal.cu-modal__help-modal .cu-modal__dialog cu-contact-sales-modal .help-options a:not(:last-child) {
    border-right: 1px solid #e4e4e4
}

.dark-theme .cu-modal.cu-modal__help-modal .cu-modal__dialog cu-help-modal .help-options a:not(:last-child),.dark-theme .cu-modal.cu-modal__help-modal .cu-modal__dialog cu-contact-sales-modal .help-options a:not(:last-child) {
    border-right: 1px solid #1e272e
}

.cu-modal.cu-modal__help-modal .cu-modal__dialog cu-help-modal .help-options a:hover,.cu-modal.cu-modal__help-modal .cu-modal__dialog cu-contact-sales-modal .help-options a:hover {
    color: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .cu-modal.cu-modal__help-modal .cu-modal__dialog cu-help-modal .help-options a:hover,.cu-modal.cu-modal__help-modal .cu-modal__dialog cu-contact-sales-modal .help-options a:hover {
        color:var(--theme-main-color)
    }
}

.cu-modal.cu-modal__help-modal .cu-modal__dialog cu-help-modal .help-options a:hover .cu-icon,.cu-modal.cu-modal__help-modal .cu-modal__dialog cu-contact-sales-modal .help-options a:hover .cu-icon {
    height: 50px;
    width: 50px;
    margin: -2px auto 8px
}

.cu-modal.cu-modal__help-modal .cu-modal__dialog cu-help-modal .help-options a .cu-icon,.cu-modal.cu-modal__help-modal .cu-modal__dialog cu-contact-sales-modal .help-options a .cu-icon {
    height: 46px;
    width: 46px;
    margin: 0 auto 10px
}

.cu-modal.cu-modal__help-modal .cu-modal__dialog cu-help-modal .help-options__badge,.cu-modal.cu-modal__help-modal .cu-modal__dialog cu-contact-sales-modal .help-options__badge {
    padding-right: 20px
}

.cu-modal.cu-modal__help-modal .cu-modal__dialog cu-help-modal .help-options__badge img,.cu-modal.cu-modal__help-modal .cu-modal__dialog cu-contact-sales-modal .help-options__badge img {
    width: 70px!important;
    height: 70px
}

.cu-modal.cu-modal__help-modal .cu-modal__dialog cu-help-modal .help-submitted,.cu-modal.cu-modal__help-modal .cu-modal__dialog cu-contact-sales-modal .help-submitted {
    margin: 20px 0 0
}

.cu-modal.cu-modal__help-modal .cu-modal__dialog cu-help-modal .help-submitted h1,.cu-modal.cu-modal__help-modal .cu-modal__dialog cu-contact-sales-modal .help-submitted h1 {
    color: #A2C44A;
    font-size: 28px
}

@supports (--theme-main-color: $color-purple) {
    .cu-modal.cu-modal__help-modal .cu-modal__dialog cu-help-modal .help-submitted h1,.cu-modal.cu-modal__help-modal .cu-modal__dialog cu-contact-sales-modal .help-submitted h1 {
        color:var(--theme-main-color)
    }
}

.cu-modal.cu-modal__help-modal .cu-modal__dialog cu-help-modal .help-submitted h2,.cu-modal.cu-modal__help-modal .cu-modal__dialog cu-contact-sales-modal .help-submitted h2 {
    font-size: 22px;
    margin-top: 15px;
    color: #aeacb0
}

.cu-modal.cu-modal__help-modal .cu-modal__dialog cu-help-modal .help-submitted h3,.cu-modal.cu-modal__help-modal .cu-modal__dialog cu-contact-sales-modal .help-submitted h3 {
    font-size: 16px;
    line-height: 20px;
    color: #aeacb0
}

.cu-modal.cu-modal__help-modal .cu-modal__dialog cu-help-modal .help-numbers,.cu-modal.cu-modal__help-modal .cu-modal__dialog cu-contact-sales-modal .help-numbers {
    color: #A2C44A;
    font-size: 28px;
    margin-top: 30px;
    padding-right: 25px;
    display: flex;
    justify-content: center;
    align-items: center
}

@supports (--theme-main-color: $color-purple) {
    .cu-modal.cu-modal__help-modal .cu-modal__dialog cu-help-modal .help-numbers,.cu-modal.cu-modal__help-modal .cu-modal__dialog cu-contact-sales-modal .help-numbers {
        color:var(--theme-main-color)
    }
}

.cu-modal.cu-modal__help-modal .cu-modal__dialog cu-help-modal .help-numbers svg,.cu-modal.cu-modal__help-modal .cu-modal__dialog cu-contact-sales-modal .help-numbers svg {
    height: 24px;
    width: 24px;
    margin-right: 7px
}

.cu-modal.cu-modal__help-modal .cu-modal__dialog .help-v2-header {
    width: calc(100% + 100px);
    position: absolute;
    left: -50px;
    top: -159px;
    height: 56px;
    display: flex;
    align-items: center;
    padding: 0 10px;
    justify-content: space-between
}

.cu-modal.cu-modal__help-modal .cu-modal__dialog .help-v2-header:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to right,#8930fd,#49ccf9);
    border-radius: 5px 5px 0 0;
    background-size: 250% 250%;
    animation: toast-app-has-been-upgraded 5s ease infinite
}

.cu-modal.cu-modal__help-modal .cu-modal__dialog .help-v2-header .help-v2-header-left {
    height: 100%;
    display: flex;
    align-items: center
}

.cu-modal.cu-modal__help-modal .cu-modal__dialog .help-v2-header .help-v2-header-left .help-v2-header-logo {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    width: 30px;
    height: 30px;
    background: #fff;
    border-radius: 50%;
    padding: 5px;
    margin-right: 10px;
    box-shadow: 0 9px 14px -5px #362e6dcc
}

.cu-modal.cu-modal__help-modal .cu-modal__dialog .help-v2-header .help-v2-header-left .help-v2-header-logo img {
    height: 100%
}

.cu-modal.cu-modal__help-modal .cu-modal__dialog .help-v2-header .help-v2-header-left a {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 16px;
    font-weight: 600;
    line-height: 1;
    position: relative;
    color: #fff;
    text-decoration: none;
    cursor: pointer;
    border-bottom: 1px dotted #fff
}

.cu-modal.cu-modal__show-header,.cu-modal.cu-modal__project-access-denied,.cu-modal.cu-modal__task-not-found {
    top: 65px;
    z-index: 99
}

.cu-modal.cu-modal__project-access-denied .cu-modal__dialog,.cu-modal.cu-modal__task-not-found .cu-modal__dialog {
    width: 500px
}

.cu-modal.cu-modal__task-not-found .cu-modal__inner {
    background: #fff
}

.cu-modal.cu-modal__notifications-settings .cu-modal__dialog {
    width: 450px
}

.cu-modal.cu-modal__create_project .cu-modal__dialog {
    width: 850px
}

.prevent-close .cu-modal__close {
    display: none
}

.prevent-close cu-create-project-modal .two-buttons {
    justify-content: flex-end
}

.prevent-close cu-create-project-modal .two-buttons .cancel {
    display: none
}

.cu-show-pwd {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 12px;
    font-weight: 500;
    color: #A2C44A;
    text-decoration: none;
    margin-right: 10px;
    -webkit-user-select: none;
    user-select: none;
    right: 0;
    white-space: nowrap;
    border-bottom: 1px dashed transparent
}

.cu-show-pwd:hover {
    border-bottom-color: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .cu-show-pwd:hover {
        border-bottom-color:var(--theme-main-color)
    }
}

.cu-show-pwd span {
    color: #A2C44A;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 12px;
    font-weight: 500;
    text-decoration: none;
    -webkit-user-select: none;
    user-select: none
}

@supports (--theme-main-color: $color-purple) {
    .cu-show-pwd span {
        color:var(--theme-main-color)
    }
}

@media screen and (max-width: 544px) and (max-width: 544px) {
    .cu-show-pwd span {
        display:none
    }
}

.cu-modal_minimal-header-text {
    font-size: 15px;
    font-weight: bolder;
    color: #4a4f55;
    margin-bottom: 30px
}

.modal-open {
    overflow: hidden!important
}

@media print {
    .modal-open {
        overflow: visible!important
    }
}

.cu-modal.cu-modal__frame-modal {
    background: rgba(0,0,0,.8)
}

.cu-modal.cu-modal__frame-modal .cu-modal__dialog {
    background: none;
    padding: 0;
    width: 80%;
    height: 90%
}

.cu-modal.cu-modal__frame-modal .cu-modal__control-item:last-child {
    margin-right: -30px
}

.cu-modal.cu-modal__frame-modal .cu-modal__frame-container {
    position: relative;
    padding-bottom: 56.25%;
    height: 100px;
    overflow: hidden;
    display: block
}

.cu-modal.cu-modal__frame-modal .cu-modal__frame-container .frame-error,.cu-modal.cu-modal__frame-modal .cu-modal__frame-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.cu-modal.cu-modal__frame-modal_vertical-align .cu-modal__dialog {
    display: flex;
    flex-direction: column;
    justify-content: center
}

.cu-modal.cu-modal__timezone-settings .cu-modal__dialog {
    width: 800px
}

.cu-modal.four-oh-four__modal {
    background: #fff
}

.cu-modal.cu-modal_task-selector .cu-modal__dialog {
    padding-bottom: 0;
    overflow: hidden
}

.cu-modal.cu-modal_task-selector .cu-modal__header {
    margin-left: -20px
}

[lang=fr-FR] .cu-modal.cu-modal_task-selector .cu-modal__header {
    margin-top: 16px
}

.cu-modal.cu-modal_task-selector .cu-modal__body {
    min-height: 0
}

.cu-modal.cu-modal_task-selector_merge .cu-modal__dialog {
    margin: 55px auto 0
}

[lang=fr-FR] .cu-modal.cu-modal_task-selector_merge .cu-modal__dialog {
    margin: 96px auto 0
}

.cu-modal.cu-modal_load-template .cu-modal__dialog {
    margin: 55px auto 0
}

@keyframes unfoldIn {
    0% {
        transform: scaleY(.005) scaleX(0)
    }

    50% {
        transform: scaleY(.005) scaleX(1)
    }

    to {
        transform: scaleY(1) scaleX(1)
    }
}

@keyframes unfoldOut {
    0% {
        transform: scaleY(1) scaleX(1)
    }

    50% {
        transform: scaleY(.005) scaleX(1)
    }

    to {
        transform: scaleY(.005) scaleX(0)
    }
}

@keyframes zoomInModal {
    0% {
        transform: scale(.9)
    }

    to {
        transform: scale(1)
    }
}

@keyframes zoomOut {
    0% {
        transform: scale(1)
    }

    to {
        transform: scale(0)
    }
}

@keyframes scaleUp {
    0% {
        transform: scale(.7) translateY(200px);
        opacity: 0
    }

    to {
        transform: scale(1) translateY(0);
        opacity: 1
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        transform: translateY(300px)
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

.cu-modal.cu-modal_md.cu-modal_aside-left .cu-modal__inner {
    transition: all .2s cubic-bezier(.785,.135,.15,.86) 0s;
    justify-content: flex-start;
    transform: translate(-100%)
}

.cu-modal.cu-modal_md.cu-modal_aside-left .cu-modal__dialog {
    display: flex;
    flex-direction: column;
    height: 100vh;
    margin: 0;
    padding: 0;
    overflow: visible;
    width: 848px
}

.cu-modal.cu-modal_md.cu-modal_aside-left .cu-modal__header {
    padding: 0;
    margin: 0;
    height: 0
}

.cu-modal.cu-modal_md.cu-modal_aside-left .cu-modal__body {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    height: 100%;
    padding: 0;
    overflow: auto
}

.cu-modal.cu-modal_md.cu-modal_aside-left .cu-modal__close {
    top: 20px;
    right: -40px
}

.cu-modal.cu-modal_md.cu-modal_aside-left .cu-modal__close use {
    stroke: #fff
}

.cu-modal.cu-modal_md.cu-modal_aside-left.cu-modal_open {
    display: flex;
    animation: fadeIn .4s cubic-bezier(.165,.84,.44,1) forwards
}

.cu-modal.cu-modal_md.cu-modal_aside-left.cu-modal_open .cu-modal__inner {
    animation: slideInLeft .4s cubic-bezier(.165,.84,.44,1) .4s forwards
}

.cu-modal.cu-modal_md.cu-modal_aside-left.cu-modal_open .cu-modal__dialog {
    animation: none
}

.cu-modal.cu-modal_md.cu-modal_aside-right .cu-modal__inner {
    transition: all .2s cubic-bezier(.785,.135,.15,.86) 0s;
    justify-content: flex-end;
    transform: translate(200%)
}

.cu-modal.cu-modal_md.cu-modal_aside-right .cu-modal__dialog {
    display: flex;
    flex-direction: column;
    height: 100vh;
    margin: 0;
    padding: 0;
    overflow: visible;
    width: 848px
}

.cu-modal.cu-modal_md.cu-modal_aside-right .cu-modal__header {
    padding: 0;
    margin: 0;
    height: 0
}

.cu-modal.cu-modal_md.cu-modal_aside-right .cu-modal__body {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    height: 100%;
    padding: 0;
    overflow: auto
}

.cu-modal.cu-modal_md.cu-modal_aside-right .cu-modal__close {
    top: 20px;
    left: -80px
}

.cu-modal.cu-modal_md.cu-modal_aside-right .cu-modal__close use {
    stroke: #fff
}

.cu-modal.cu-modal_md.cu-modal_aside-right.cu-modal_open {
    display: flex;
    animation: fadeIn .4s cubic-bezier(.165,.84,.44,1) forwards
}

.cu-modal.cu-modal_md.cu-modal_aside-right.cu-modal_open .cu-modal__inner {
    animation: slideInRight .4s cubic-bezier(.165,.84,.44,1) .4s forwards
}

.cu-modal.cu-modal_md.cu-modal_aside-right.cu-modal_open .cu-modal__dialog {
    animation: none
}

.cu-modal.cu-modal_md.cu-modal_under-header {
    top: auto;
    bottom: 0;
    z-index: 99;
    min-height: auto;
    height: 100%
}

.cu-modal.cu-modal_md.cu-modal_under-header .cu-modal__dialog {
    height: 100%
}

.cu-modal.cu-modal_md.cu-modal_under-header .cu-modal__controls {
    margin: 0
}

.cu-modal.cu-modal_md.cu-modal_under-header .cu-modal__controls .cu-modal__close {
    width: 36px;
    height: 36px;
    padding: 11px;
    background: #fff;
    border-radius: 50%;
    box-shadow: 0 1px 15px #00000012;
    top: 10px;
    left: -86px
}

.cu-modal.cu-modal_md.cu-modal_under-header .cu-modal__controls .cu-modal__close use {
    stroke: #979797
}

.cu-modal.cu-modal_md.cu-modal_list-details .cu-modal__dialog {
    width: 500px
}

.cu-modal.cu-modal_md.cu-modal_team-sidebar .cu-modal__dialog {
    width: 400px
}

.cu-modal.cu-modal_md.cu-modal_huge-shadow {
    background: transparent
}

.cu-modal.cu-modal_md.cu-modal_huge-shadow .cu-modal__inner {
    overflow: hidden
}

.cu-modal.cu-modal_md.cu-modal_huge-shadow .cu-modal__inner:before {
    content: "";
    position: absolute;
    left: auto;
    right: 0;
    top: -100px;
    bottom: -100px;
    box-shadow: 0 0 130px 5px #00000054
}

.cu-modal.cu-modal_md.cu-modal_huge-shadow.cu-modal_list-details .cu-modal__inner:before {
    width: 500px
}

.cu-modal.cu-modal_md.cu-modal_huge-shadow.cu-modal_team-sidebar .cu-modal__inner:before {
    width: 400px
}

.onboarding-vimeo-video .cu-modal__dialog {
    width: 80vw!important;
    height: auto!important;
    margin: auto!important
}

@media (max-height: 800px) {
    .onboarding-vimeo-video .cu-modal__dialog {
        width:60vw!important
    }

    .onboarding-vimeo-video .cu-modal__close {
        top: 30px
    }
}

@media (max-height: 600px) {
    .onboarding-vimeo-video .cu-modal__dialog {
        width:40vw!important
    }

    .onboarding-vimeo-video .cu-modal__close {
        top: 30px
    }
}

.cu-multi-email-input__item-add {
    height: 20px;
    width: 20px
}

.cu-multi-email-input__list {
    margin: 15px 0 0;
    max-height: 300px;
    overflow-y: auto
}

.cu-multi-email-input__item {
    display: inline-flex;
    height: 28px;
    line-height: 28px;
    margin: 0 5px 10px 0;
    padding: 0 10px;
    position: relative;
    border: 1px solid #bdbdbd;
    border-radius: 3px
}

.cu-multi-email-input__item.invalid {
    border: 1px solid #de2828
}

.cu-multi-email-input__remove {
    height: 28px;
    width: 15px;
    margin: 0 0 0 10px
}

@charset "UTF-8";.cu-notifications {
    box-sizing: border-box!important;
    overflow-x: hidden;
    overflow-y: auto;
    flex-grow: 1;
    background: #f2f4f7
}

.cu-os-win .cu-notifications {
    scrollbar-width: thin
}

.cu-os-win .cu-notifications::-webkit-scrollbar {
    background-color: #f2f4f7;
    width: 16px;
    height: 16px
}

.cu-os-win .cu-notifications::-webkit-scrollbar-track {
    background-color: #f2f4f7
}

.cu-os-win .cu-notifications::-webkit-scrollbar-track:hover {
    background-color: #f2f4f7
}

.cu-os-win .cu-notifications::-webkit-scrollbar-thumb {
    background-color: #babac080;
    border-radius: 16px;
    border: 5px solid #f2f4f7
}

.cu-os-win .cu-notifications::-webkit-scrollbar-thumb:hover {
    background-color: #a0a0a5;
    border: 3px solid #f2f4f7
}

.cu-os-win .cu-notifications::-webkit-scrollbar-button {
    display: none
}

.cu-os-win.contrast_high .cu-notifications::-webkit-scrollbar {
    background-color: #eee
}

.cu-os-win.contrast_high .cu-notifications::-webkit-scrollbar-track {
    background-color: #eee
}

.cu-os-win.contrast_high .cu-notifications::-webkit-scrollbar-track:hover {
    background-color: #eee
}

.cu-os-win.contrast_high .cu-notifications::-webkit-scrollbar-thumb {
    border-color: #eee
}

.cu-os-win.contrast_high .cu-notifications::-webkit-scrollbar-thumb:hover {
    border-color: #eee
}

.cu-os-win.dark-theme .cu-notifications::-webkit-scrollbar,.cu-os-win .dark-theme .cu-notifications::-webkit-scrollbar {
    background-color: #1e272e
}

.cu-os-win.dark-theme .cu-notifications::-webkit-scrollbar-track,.cu-os-win .dark-theme .cu-notifications::-webkit-scrollbar-track {
    background-color: #1e272e
}

.cu-os-win.dark-theme .cu-notifications::-webkit-scrollbar-track:hover,.cu-os-win .dark-theme .cu-notifications::-webkit-scrollbar-track:hover {
    background-color: #1e272e
}

.cu-os-win.dark-theme .cu-notifications::-webkit-scrollbar-thumb,.cu-os-win .dark-theme .cu-notifications::-webkit-scrollbar-thumb {
    border-color: #1e272e
}

.cu-os-win.dark-theme .cu-notifications::-webkit-scrollbar-thumb:hover,.cu-os-win .dark-theme .cu-notifications::-webkit-scrollbar-thumb:hover {
    border-color: #1e272e
}

.cu-os-win.dark-theme .cu-notifications::-webkit-scrollbar-corner,.cu-os-win .dark-theme .cu-notifications::-webkit-scrollbar-corner {
    background-color: #1e272e
}

.contrast_high .cu-notifications {
    background: #eee
}

.dark-theme .cu-notifications {
    background: #1e272e
}

@-moz-document url-prefix() {
    .cu-os-win .cu-notifications {
        scrollbar-color: #f2f4f7 #f2f4f7
    }

    .cu-os-win.contrast_high .cu-notifications {
        scrollbar-color: #eee #eee
    }

    .cu-os-win.dark-theme .cu-notifications {
        scrollbar-color: #1e272e #1e272e
    }

    .cu-os-win .cu-notifications:hover {
        scrollbar-color: #a0a0a5 #f2f4f7
    }

    .cu-os-win.contrast_high .cu-notifications:hover {
        scrollbar-color: #a0a0a5 #eee
    }

    .cu-os-win.dark-theme .cu-notifications:hover {
        scrollbar-color: #828588 #1e272e
    }
}

.cu-notifications_quote {
    background-image: url("data:image/svg+xml,%3Csvg width='38' height='38' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='4' y='4' width='6' height='6' rx='2' fill='%23E9EBF0'/%3E%3C/svg%3E")
}

.contrast_high .cu-notifications_quote {
    background-image: url("data:image/svg+xml,%3Csvg width='38' height='38' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='4' y='4' width='6' height='6' rx='2' fill='%23E2E2E3'/%3E%3C/svg%3E")
}

.dark-theme .cu-notifications_quote {
    background-image: url("data:image/svg+xml,%3Csvg width='38' height='38' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='4' y='4' width='6' height='6' rx='2' fill='%232a2e34'/%3E%3C/svg%3E")
}

.cu-notifications p:empty,.cu-notifications .p:empty {
    display: none
}

.cu-notifications__inner {
    max-width: 1100px;
    width: 100%;
    margin: 0 auto;
    padding: 20px 65px
}

.cu-notifications_quote .cu-notifications__inner {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 100%;
    max-width: none
}

.cu-notifications__inner_v6 {
    padding-top: 10px
}

html.todesktop-platform-darwin .cu-notifications__inner_v4:not(.cu-notifications__inner_spaces-bar-expanded):after,html.todesktop-platform-darwin .cu-notifications__inner_v5:after {
    content: "";
    display: block;
    position: fixed;
    -webkit-app-region: drag;
    width: 62px;
    height: 50px;
    top: 0;
    left: 0;
    z-index: 10;
    background: #f2f4f7
}

html.todesktop-platform-darwin .contrast_high .cu-notifications__inner_v4:not(.cu-notifications__inner_spaces-bar-expanded):after,html.todesktop-platform-darwin .contrast_high .cu-notifications__inner_v5:after {
    background: #eee
}

html.todesktop-platform-darwin .dark-theme .cu-notifications__inner_v4:not(.cu-notifications__inner_spaces-bar-expanded):after,html.todesktop-platform-darwin .dark-theme .cu-notifications__inner_v5:after {
    background: #1e272e
}

html.todesktop-platform-darwin .cu-notifications__inner_v4:not(.cu-notifications__inner_spaces-bar-expanded):after {
    width: 62px
}

html.todesktop-platform-darwin .cu-notifications__inner_v4:before,html.todesktop-platform-darwin .cu-notifications__inner_v5:before {
    content: "";
    display: block;
    position: fixed;
    -webkit-app-region: drag;
    top: 0;
    left: 0;
    width: 100%;
    height: 50px
}

.cu-notifications_quote .cu-notifications__inner_v4,.cu-notifications_quote .cu-notifications__inner_v5 {
    flex-direction: column;
    max-width: 1100px;
    padding: 20px 65px
}

@media screen and (max-width: 1100px) {
    .cu-notifications_quote .cu-notifications__inner_v4,.cu-notifications_quote .cu-notifications__inner_v5 {
        padding:20px 65px 20px 12px
    }
}

.cu-notifications_quote .cu-notifications__inner_v4>*,.cu-notifications_quote .cu-notifications__inner_v5>* {
    width: 100%
}

.cu-notifications_quote .cu-notifications__inner_v4 .cu-notifications__body,.cu-notifications_quote .cu-notifications__inner_v5 .cu-notifications__body {
    display: flex;
    align-items: center;
    flex-grow: 1
}

.cu-notifications__inner-loader_top {
    margin-bottom: -12px;
    display: block
}

.cu-notifications__inner-loader_top .cu-btn__spinner {
    padding: 0
}

.cu-notifications__container {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-direction: column;
    flex-grow: 1;
    padding: 0
}

.cu-notifications__error {
    margin-top: 15px;
    font-size: 18px;
    color: #fd71af
}

.cu-notifications__date-reminder {
    font-size: 11px;
    font-weight: 400;
    display: flex;
    align-items: center;
    margin: 2px 0 0 10px
}

.cu-notifications__date-reminder-label {
    color: #A2C44A;
    margin-right: 5px
}

@supports (--theme-main-color: $color-purple) {
    .cu-notifications__date-reminder-label {
        color:var(--theme-main-color)
    }
}

.cu-notifications__load-unseen {
    position: absolute;
    left: 50%;
    transform: translate(-50%);
    top: -20px;
    cursor: pointer
}

.cu-notifications__header_v6 .cu-notifications__load-unseen {
    top: auto;
    left: auto;
    position: relative;
    transform: none;
    margin-right: auto;
    margin-left: auto
}

.cu-notifications__load-unseen-border {
    transition: all .2s cubic-bezier(.785,.135,.15,.86) 0s;
    font-size: 13px;
    font-weight: 500;
    line-height: 1;
    color: #343434;
    padding: 10px 20px;
    height: 44px;
    border-radius: 4px;
    background-color: #fff;
    box-shadow: 0 5px 10px #0000000f;
    border: 1px solid #fff;
    display: flex;
    align-items: center;
    white-space: nowrap
}

.dark-theme .cu-notifications__load-unseen-border {
    color: #d5d6d7;
    background-color: #384047;
    border-color: #384047
}

.cu-notifications__header_v6 .cu-notifications__load-unseen-border {
    padding: 0;
    height: 26px;
    box-shadow: none;
    background: transparent;
    border-color: transparent;
    flex-wrap: wrap;
    overflow: hidden
}

.cu-notifications__load-unseen-border:hover {
    border-color: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .cu-notifications__load-unseen-border:hover {
        border-color:var(--theme-main-color)
    }
}

.cu-notifications__header_v6 .cu-notifications__load-unseen-border:hover {
    border-color: transparent
}

.cu-notifications__load-unseen-link {
    color: #A2C44A;
    display: inline-block;
    cursor: pointer;
    padding: 0 10px 0 5px
}

@supports (--theme-main-color: $color-purple) {
    .cu-notifications__load-unseen-link {
        color:var(--theme-main-color)
    }
}

.cu-notifications__load-unseen-shortcut {
    transition: all .2s cubic-bezier(.785,.135,.15,.86) 0s;
    border-radius: 3px;
    background: #e5e5e5;
    display: inline-block;
    padding-bottom: 3px
}

.cu-notifications__load-unseen-shortcut:hover {
    margin-top: 3px;
    padding-bottom: 0
}

.cu-notifications__header_v6 .cu-notifications__load-unseen-shortcut:hover {
    margin: 0
}

.cu-notifications__header_v6 .cu-notifications__load-unseen-shortcut {
    padding: 0;
    height: 24px;
    border-radius: 0;
    background: transparent
}

.cu-notifications__load-unseen-shortcut-key {
    display: flex;
    align-items: center;
    font-size: 7px;
    font-weight: 400;
    line-height: 1;
    border-radius: 3px;
    background: #efefef;
    color: #424242;
    text-transform: uppercase;
    padding: 8px 10px 5px
}

.cu-notifications__header_v6 .cu-notifications__load-unseen-shortcut-key {
    padding: 0 10px;
    height: 24px;
    border-radius: 4px;
    font-size: 10px;
    color: #7c828d;
    background: #f4f5f7
}

.dark-theme .cu-notifications__header_v6 .cu-notifications__load-unseen-shortcut-key {
    color: #abaeb0;
    background: #1e272e
}

.cu-notifications__load-unseen-banner {
    display: flex;
    align-items: center;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 12px;
    font-weight: 500;
    line-height: 1;
    color: #A2C44A;
    height: 24px;
    margin-right: 8px;
    padding: 0 8px;
    position: relative
}

@supports (--theme-main-color: $color-purple) {
    .cu-notifications__load-unseen-banner {
        color:var(--theme-main-color)
    }
}

.cu-notifications__load-unseen-banner:hover:before {
    opacity: .15
}

.cu-notifications__load-unseen-banner:before {
    content: "";
    display: block;
    position: absolute;
    background: #A2C44A;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: .08;
    border-radius: 4px
}

@supports (--theme-main-color: $color-purple) {
    .cu-notifications__load-unseen-banner:before {
        background:var(--theme-main-color)
    }
}

.cu-notifications__load-unseen-banner-icon {
    fill: #A2C44A;
    width: 16px;
    height: 10px;
    margin-right: 2px
}

@supports (--theme-main-color: $color-purple) {
    .cu-notifications__load-unseen-banner-icon {
        fill:var(--theme-main-color)
    }
}

.cu-notifications__header {
    display: flex;
    align-items: center;
    margin: 15px 0 30px;
    position: relative
}

.cu-notifications__header_v6 {
    padding: 0 15px 0 20px;
    margin: 0;
    min-height: 51px;
    flex-shrink: 0;
    border-bottom: 1px solid #e9ebf0;
    background: #fff
}

.dark-theme .cu-notifications__header_v6 {
    border-bottom-color: #1e272e;
    background: #2b343b
}

html.todesktop-platform-darwin .cu-notifications__header_v6 {
    -webkit-app-region: drag
}

html.todesktop-platform-darwin .cu-notifications__header_v6>* {
    -webkit-app-region: no-drag
}

html.todesktop-platform-darwin .cu-notifications__header_v6.cu-notifications__header_sidebar-collapsed:not(.cu-notifications__header_favorites-pinned) {
    padding-left: 90px
}

.cu-notifications__header-top {
    display: flex;
    align-items: center;
    flex: 1;
    height: 51px
}

.cu-notifications__header-actions {
    display: flex;
    align-items: center;
    margin-right: 3px
}

.cu-notifications__header_v6 .cu-notifications__header-actions {
    margin-left: auto
}

.cu-notifications__header-actions-item {
    display: flex;
    align-items: center;
    cursor: pointer;
    padding: 4px 5px
}

.cu-notifications__header-actions-item_settings {
    padding: 0
}

.cu-notifications__header-actions-item_settings .cu-dropdown__toggle {
    padding: 4px 5px
}

.cu-notifications__header-actions-item.cu-dropdown_open,.cu-notifications__header-actions-item:hover,.cu-notifications__header-actions-item:focus-within {
    color: #A2C44A;
    background-color: #e4e4e4;
    border-radius: 3px
}

@supports (--theme-main-color: $color-purple) {
    .cu-notifications__header-actions-item.cu-dropdown_open,.cu-notifications__header-actions-item:hover,.cu-notifications__header-actions-item:focus-within {
        color:var(--theme-main-color)
    }
}

.dark-theme .cu-notifications__header-actions-item.cu-dropdown_open,.dark-theme .cu-notifications__header-actions-item:hover,.dark-theme .cu-notifications__header-actions-item:focus-within {
    background-color: #2b343b
}

.cu-notifications__header_v6 .cu-notifications__header-actions-item.cu-dropdown_open,.cu-notifications__subheader_v6 .cu-notifications__header-actions-item.cu-dropdown_open,.cu-notifications__header_v6 .cu-notifications__header-actions-item:hover,.cu-notifications__subheader_v6 .cu-notifications__header-actions-item:hover,.cu-notifications__header_v6 .cu-notifications__header-actions-item:focus-within,.cu-notifications__subheader_v6 .cu-notifications__header-actions-item:focus-within {
    background-color: #f2f2f2
}

.dark-theme .cu-notifications__header_v6 .cu-notifications__header-actions-item.cu-dropdown_open,.dark-theme .cu-notifications__subheader_v6 .cu-notifications__header-actions-item.cu-dropdown_open,.dark-theme .cu-notifications__header_v6 .cu-notifications__header-actions-item:hover,.dark-theme .cu-notifications__subheader_v6 .cu-notifications__header-actions-item:hover,.dark-theme .cu-notifications__header_v6 .cu-notifications__header-actions-item:focus-within,.dark-theme .cu-notifications__subheader_v6 .cu-notifications__header-actions-item:focus-within {
    background-color: #1e272e
}

.cu-notifications__header-actions-item.cu-dropdown_open .cu-notifications__header-actions-item-icon,.cu-notifications__header-actions-item:hover .cu-notifications__header-actions-item-icon,.cu-notifications__header-actions-item:focus-within .cu-notifications__header-actions-item-icon {
    fill: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .cu-notifications__header-actions-item.cu-dropdown_open .cu-notifications__header-actions-item-icon,.cu-notifications__header-actions-item:hover .cu-notifications__header-actions-item-icon,.cu-notifications__header-actions-item:focus-within .cu-notifications__header-actions-item-icon {
        fill:var(--theme-main-color)
    }
}

.cu-notifications__header_v6 .cu-notifications__header-actions-item.cu-dropdown_open .cu-notifications__header-actions-item-icon,.cu-notifications__subheader_v6 .cu-notifications__header-actions-item.cu-dropdown_open .cu-notifications__header-actions-item-icon,.cu-notifications__header_v6 .cu-notifications__header-actions-item:hover .cu-notifications__header-actions-item-icon,.cu-notifications__subheader_v6 .cu-notifications__header-actions-item:hover .cu-notifications__header-actions-item-icon,.cu-notifications__header_v6 .cu-notifications__header-actions-item:focus-within .cu-notifications__header-actions-item-icon,.cu-notifications__subheader_v6 .cu-notifications__header-actions-item:focus-within .cu-notifications__header-actions-item-icon {
    fill: #7c828d
}

.dark-theme .cu-notifications__header_v6 .cu-notifications__header-actions-item.cu-dropdown_open .cu-notifications__header-actions-item-icon,.dark-theme .cu-notifications__subheader_v6 .cu-notifications__header-actions-item.cu-dropdown_open .cu-notifications__header-actions-item-icon,.dark-theme .cu-notifications__header_v6 .cu-notifications__header-actions-item:hover .cu-notifications__header-actions-item-icon,.dark-theme .cu-notifications__subheader_v6 .cu-notifications__header-actions-item:hover .cu-notifications__header-actions-item-icon,.dark-theme .cu-notifications__header_v6 .cu-notifications__header-actions-item:focus-within .cu-notifications__header-actions-item-icon,.dark-theme .cu-notifications__subheader_v6 .cu-notifications__header-actions-item:focus-within .cu-notifications__header-actions-item-icon {
    fill: #828588
}

.cu-notifications__header-actions-item.cu-dropdown_open .cu-notifications__header-actions-item-label,.cu-notifications__header-actions-item:hover .cu-notifications__header-actions-item-label,.cu-notifications__header-actions-item:focus-within .cu-notifications__header-actions-item-label {
    color: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .cu-notifications__header-actions-item.cu-dropdown_open .cu-notifications__header-actions-item-label,.cu-notifications__header-actions-item:hover .cu-notifications__header-actions-item-label,.cu-notifications__header-actions-item:focus-within .cu-notifications__header-actions-item-label {
        color:var(--theme-main-color)
    }
}

.cu-notifications__header_v6 .cu-notifications__header-actions-item.cu-dropdown_open .cu-notifications__header-actions-item-label,.cu-notifications__subheader_v6 .cu-notifications__header-actions-item.cu-dropdown_open .cu-notifications__header-actions-item-label,.cu-notifications__header_v6 .cu-notifications__header-actions-item:hover .cu-notifications__header-actions-item-label,.cu-notifications__subheader_v6 .cu-notifications__header-actions-item:hover .cu-notifications__header-actions-item-label,.cu-notifications__header_v6 .cu-notifications__header-actions-item:focus-within .cu-notifications__header-actions-item-label,.cu-notifications__subheader_v6 .cu-notifications__header-actions-item:focus-within .cu-notifications__header-actions-item-label {
    color: #53575e
}

.dark-theme .cu-notifications__header_v6 .cu-notifications__header-actions-item.cu-dropdown_open .cu-notifications__header-actions-item-label,.dark-theme .cu-notifications__subheader_v6 .cu-notifications__header-actions-item.cu-dropdown_open .cu-notifications__header-actions-item-label,.dark-theme .cu-notifications__header_v6 .cu-notifications__header-actions-item:hover .cu-notifications__header-actions-item-label,.dark-theme .cu-notifications__subheader_v6 .cu-notifications__header-actions-item:hover .cu-notifications__header-actions-item-label,.dark-theme .cu-notifications__header_v6 .cu-notifications__header-actions-item:focus-within .cu-notifications__header-actions-item-label,.dark-theme .cu-notifications__subheader_v6 .cu-notifications__header-actions-item:focus-within .cu-notifications__header-actions-item-label {
    color: #828588
}

.cu-notifications__header-actions-item+.cu-notifications__header-actions-item {
    margin-left: 15px
}

.cu-notifications__header-actions-item-icon {
    width: 16px;
    height: 16px;
    margin-right: 5px;
    fill: #b9bec7
}

.dark-theme .cu-notifications__header-actions-item-icon {
    fill: #464c52
}

.cu-notifications__header_v6 .cu-notifications__header-actions-item-icon,.cu-notifications__subheader_v6 .cu-notifications__header-actions-item-icon {
    fill: #7c828d
}

.dark-theme .cu-notifications__header_v6 .cu-notifications__header-actions-item-icon,.dark-theme .cu-notifications__subheader_v6 .cu-notifications__header-actions-item-icon {
    fill: #828588
}

.cu-notifications__header-actions-item-icon_cog {
    padding: 1px
}

.cu-notifications__header-actions-item-icon_ellipsis {
    width: 14px;
    height: 14px;
    margin: 0
}

.cu-notifications__header-actions-item-label {
    font-size: 10px;
    font-weight: 500;
    line-height: 1;
    text-transform: uppercase;
    margin-top: 2px;
    color: #b9bec7
}

.dark-theme .cu-notifications__header-actions-item-label {
    color: #464c52
}

.cu-notifications__header_v6 .cu-notifications__header-actions-item-label {
    font-size: 12px;
    font-weight: 400;
    line-height: 1;
    text-transform: capitalize;
    margin: 0;
    color: #53575e
}

.dark-theme .cu-notifications__header_v6 .cu-notifications__header-actions-item-label {
    color: #828588
}

.cu-notifications__subheader {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: -10px 0 20px;
    position: relative;
    height: 38px
}

.cu-notifications__subheader_v6 {
    padding: 0 20px;
    margin: 0;
    height: 36px;
    flex-shrink: 0;
    border-bottom: 1px solid #e9ebf0;
    background: #fff
}

.dark-theme .cu-notifications__subheader_v6 {
    border-bottom-color: #1e272e;
    background: #2b343b
}

.cu-notifications__subheader_v6 .cu-loader {
    position: absolute;
    top: 25px;
    left: 50%;
    transform: translate(-50%)
}

.cu-notifications__title {
    font-size: 28px;
    font-weight: 300;
    color: #4a4f55;
    flex-grow: 1;
    display: flex;
    align-items: center
}

.dark-theme .cu-notifications__title {
    color: #d5d6d7
}

.cu-notifications__header_v6 .cu-notifications__title {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 18px;
    font-weight: 500;
    line-height: 1;
    flex-grow: 0
}

html.todesktop-platform-darwin .cu-notifications__header_v6 .cu-notifications__title {
    -webkit-app-region: drag
}

.dark-theme .cu-notifications__header_v6 .cu-notifications__title {
    color: #d5d6d7
}

.cu-notifications__toggle {
    display: flex;
    align-items: center
}

.cu-notifications__header_v6 .cu-notifications__toggle {
    height: 100%;
    margin: 0 15px
}

.cu-notifications__toggle_filter {
    margin-left: auto
}

.cu-notifications__toggle-item {
    font-size: 16px;
    font-weight: 500;
    line-height: 1;
    opacity: .4;
    padding: 4px 5px;
    margin: -4px -5px;
    cursor: pointer;
    position: relative;
    color: #343434
}

.dark-theme .cu-notifications__toggle-item {
    color: #828588
}

.cu-notifications__header_v6 .cu-notifications__toggle-item {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    opacity: 1;
    height: 100%;
    padding: 0 13px;
    margin: 0;
    color: #7c828d
}

.dark-theme .cu-notifications__header_v6 .cu-notifications__toggle-item {
    color: #abaeb0
}

.cu-notifications__header_v6 .cu-notifications__toggle-item:before {
    content: "";
    display: block;
    position: absolute;
    transition: opacity .1s cubic-bezier(.785,.135,.15,.86) 0s;
    opacity: 0;
    width: calc(100% - 26px);
    height: 3px;
    left: 13px;
    bottom: 0;
    border-radius: 3px 3px 0 0
}

.cu-notifications__header_v6 .cu-notifications__toggle-item:after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 1px;
    height: 20px;
    background: #e9ebf0
}

.dark-theme .cu-notifications__header_v6 .cu-notifications__toggle-item:after {
    background: #1e272e
}

.cu-notifications__toggle-item:hover,.cu-notifications__toggle-item_selected {
    opacity: 1
}

.cu-notifications__header_v6 .cu-notifications__toggle-item:hover:before,.cu-notifications__header_v6 .cu-notifications__toggle-item_selected:before {
    opacity: 1
}

.cu-notifications__toggle-item:hover {
    color: #A2C44A;
    background-color: #e4e4e4;
    border-radius: 3px
}

@supports (--theme-main-color: $color-purple) {
    .cu-notifications__toggle-item:hover {
        color:var(--theme-main-color)
    }
}

.dark-theme .cu-notifications__toggle-item:hover {
    color: #A2C44A;
    background-color: #2b343b
}

@supports (--theme-main-color: $color-purple) {
    .dark-theme .cu-notifications__toggle-item:hover {
        color:var(--theme-main-color)
    }
}

.cu-notifications__header_v6 .cu-notifications__toggle-item:hover {
    background: transparent;
    color: #7c828d
}

.dark-theme .cu-notifications__header_v6 .cu-notifications__toggle-item:hover {
    color: #abaeb0;
    background: transparent
}

.cu-notifications__header_v6 .cu-notifications__toggle-item:hover:before {
    background: #bcc0c7
}

.dark-theme .cu-notifications__header_v6 .cu-notifications__toggle-item:hover:before {
    background: #828588
}

.cu-notifications__toggle-item_selected,.cu-notifications__toggle-item_selected:hover {
    color: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .cu-notifications__toggle-item_selected,.cu-notifications__toggle-item_selected:hover {
        color:var(--theme-main-color)
    }
}

.dark-theme .cu-notifications__toggle-item_selected,.dark-theme .cu-notifications__toggle-item_selected:hover {
    color: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .dark-theme .cu-notifications__toggle-item_selected,.dark-theme .cu-notifications__toggle-item_selected:hover {
        color:var(--theme-main-color)
    }
}

.cu-notifications__header_v6 .cu-notifications__toggle-item_selected,.cu-notifications__header_v6 .cu-notifications__toggle-item_selected:hover {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #A2C44A;
    font-weight: 500
}

@supports (--theme-main-color: $color-purple) {
    .cu-notifications__header_v6 .cu-notifications__toggle-item_selected,.cu-notifications__header_v6 .cu-notifications__toggle-item_selected:hover {
        color:var(--theme-main-color)
    }
}

.dark-theme .cu-notifications__header_v6 .cu-notifications__toggle-item_selected,.dark-theme .cu-notifications__header_v6 .cu-notifications__toggle-item_selected:hover {
    color: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .dark-theme .cu-notifications__header_v6 .cu-notifications__toggle-item_selected,.dark-theme .cu-notifications__header_v6 .cu-notifications__toggle-item_selected:hover {
        color:var(--theme-main-color)
    }
}

.cu-notifications__header_v6 .cu-notifications__toggle-item_selected:before,.cu-notifications__header_v6 .cu-notifications__toggle-item_selected:hover:before {
    background: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .cu-notifications__header_v6 .cu-notifications__toggle-item_selected:before,.cu-notifications__header_v6 .cu-notifications__toggle-item_selected:hover:before {
        background:var(--theme-main-color)
    }
}

.dark-theme .cu-notifications__header_v6 .cu-notifications__toggle-item_selected:before,.dark-theme .cu-notifications__header_v6 .cu-notifications__toggle-item_selected:hover:before {
    background: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .dark-theme .cu-notifications__header_v6 .cu-notifications__toggle-item_selected:before,.dark-theme .cu-notifications__header_v6 .cu-notifications__toggle-item_selected:hover:before {
        background:var(--theme-main-color)
    }
}

.cu-notifications__toggle-item+.cu-notifications__toggle-item {
    margin-left: 25px
}

.cu-notifications__header_v6 .cu-notifications__toggle-item+.cu-notifications__toggle-item {
    margin-left: 0
}

.cu-notifications__toggle-item_filter {
    font-size: 13px;
    padding: 8px;
    margin: -8px;
    border-radius: 4px
}

.cu-notifications__header-actions .cu-notifications__toggle-item_filter {
    opacity: 1;
    font-size: 12px;
    padding: 6px 10px;
    margin: 0;
    border-radius: 12px;
    font-weight: 400
}

.cu-notifications__header-actions .cu-notifications__toggle-item_filter:before,.cu-notifications__header-actions .cu-notifications__toggle-item_filter:after {
    display: none
}

.cu-notifications__toggle-item_filter:hover,.cu-notifications__toggle-item_filter.cu-notifications__toggle-item_selected {
    background-color: #fff;
    box-shadow: 0 2px 6px #0000001a
}

.dark-theme .cu-notifications__toggle-item_filter:hover,.dark-theme .cu-notifications__toggle-item_filter.cu-notifications__toggle-item_selected {
    background-color: #2b343b
}

.cu-notifications__header-actions .cu-notifications__toggle-item_filter:hover {
    box-shadow: none;
    background-color: #f2f2f2;
    color: #53575e
}

.dark-theme .cu-notifications__header-actions .cu-notifications__toggle-item_filter:hover {
    color: #828588;
    background-color: #1e272e
}

.cu-notifications__header-actions .cu-notifications__toggle-item_filter.cu-notifications__toggle-item_selected {
    background: #A2C44A;
    font-weight: 500;
    box-shadow: none;
    color: #fff
}

@supports (--theme-main-color: $color-purple) {
    .cu-notifications__header-actions .cu-notifications__toggle-item_filter.cu-notifications__toggle-item_selected {
        background:var(--theme-main-color)
    }
}

.dark-theme .cu-notifications__header-actions .cu-notifications__toggle-item_filter.cu-notifications__toggle-item_selected {
    background: #A2C44A;
    color: #fff
}

@supports (--theme-main-color: $color-purple) {
    .dark-theme .cu-notifications__header-actions .cu-notifications__toggle-item_filter.cu-notifications__toggle-item_selected {
        background:var(--theme-main-color)
    }
}

.cu-notifications__toggle-item_filter+.cu-notifications__toggle-item_filter {
    margin-left: 15px
}

.cu-notifications__header-actions .cu-notifications__toggle-item_filter+.cu-notifications__toggle-item_filter {
    margin-left: 5px
}

.cu-notifications__toggle-item_filter:last-child {
    margin-right: 0
}

.cu-notifications__header-actions .cu-notifications__toggle-item_filter:last-child {
    margin-right: 5px
}

.cu-notifications__body {
    padding-bottom: 60px;
    position: relative
}

.cu-notifications_quote .cu-notifications__body {
    width: 100%
}

.cu-notifications__body-inside {
    overflow: hidden
}

.cu-notifications__empty-chill {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding: 10px;
    text-align: center
}

.cu-notifications__empty-chill-image {
    margin-top: 10vh;
    margin-bottom: 36px;
    width: 210px
}

.cu-notifications__empty-chill-title {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 20px;
    font-weight: 400;
    line-height: 1.6;
    color: #292d34;
    margin-bottom: 8px
}

.dark-theme .cu-notifications__empty-chill-title {
    color: #d5d6d7
}

.cu-notifications__empty-chill-description {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.6;
    color: #292d34;
    max-width: 348px;
    margin-bottom: 26px
}

.dark-theme .cu-notifications__empty-chill-description {
    color: #d5d6d7
}

.cu-notification {
    position: relative;
    margin: 20px 0;
    border-radius: 6px;
    box-shadow: 0 0 11px #0000000f
}

.cu-notification:not(.cu-notification_group):hover {
    box-shadow: 0 0 11px #0003
}

.contrast_high .cu-notification {
    box-shadow: 0 0 11px #00000026
}

.contrast_high .cu-notification:not(.cu-notification_group):hover {
    box-shadow: 0 0 11px #0000004d
}

.dark-theme .cu-notification:not(.cu-notification_group):hover {
    box-shadow: 0 0 15px #00000080
}

.dark-theme .cu-notification:not(.cu-notification_group):hover .cu-notification__body,.dark-theme .cu-notification:not(.cu-notification_group):hover .cu-notification-item.attachments,.dark-theme .cu-notification:not(.cu-notification_group):hover .cu-notification-item.comment {
    transition: background .2s cubic-bezier(.785,.135,.15,.86);
    background: #32393f
}

.cu-notification__placeholder {
    opacity: .7;
    height: var(--cu-lazy-body-height, 60px)
}

.cu-notification.subtask {
    padding: 0 5px 5px;
    margin: 20px -5px;
    background: rgba(0,0,0,.03);
    border: 0;
    box-shadow: none;
    border-radius: 8px
}

.cu-notification.subtask:hover {
    box-shadow: 0 0 11px #0003
}

.contrast_high .cu-notification.subtask {
    background: rgba(0,0,0,.15)
}

.contrast_high .cu-notification.subtask:hover {
    box-shadow: 0 0 11px #0000001a
}

.dark-theme .cu-notification.subtask {
    background: rgba(0,0,0,.2)
}

.dark-theme .cu-notification.subtask:hover {
    box-shadow: 0 0 15px #00000080
}

.cu-notification.subtask .cu-notification__header {
    border-radius: 6px 6px 0 0
}

.cu-notification__group {
    padding: 0 15px 15px;
    box-sizing: border-box;
    border-radius: 6px;
    box-shadow: none;
    background: #e9ebf0;
    border: 1px solid rgba(185,190,199,.3)
}

.contrast_high .cu-notification__group {
    background: #cbcbcb
}

.dark-theme .cu-notification__group {
    background: #191f25;
    border-color: #0000004d
}

.cu-notification__group-title {
    font-size: 16px;
    font-weight: 500;
    line-height: 1;
    margin-top: 13px;
    color: #292d34
}

.dark-theme .cu-notification__group-title {
    color: #d5d6d7
}

.cu-notification__group-title-container {
    display: flex;
    position: sticky;
    top: 0;
    height: 42px;
    z-index: 100;
    margin: 0 -10px;
    padding: 0 10px;
    background: #e9ebf0
}

.contrast_high .cu-notification__group-title-container {
    background: #cbcbcb
}

.dark-theme .cu-notification__group-title-container {
    background: #191f25
}

.cu-notification__group-title-container .cu-notification-item__text {
    height: 17px;
    margin-top: 13px
}

.cu-notification__group .cu-notification__header {
    top: 42px
}

.cu-notification__group .cu-notification__header {
    border-radius: 6px 6px 0 0
}

.cu-notification__group-item {
    position: relative;
    border-radius: 6px
}

.cu-notification__group-item:hover {
    box-shadow: 0 0 11px #0003
}

.contrast_high .cu-notification__group-item:hover {
    box-shadow: 0 0 11px #0000004d
}

.dark-theme .cu-notification__group-item:hover {
    box-shadow: 0 0 15px #00000080
}

.dark-theme .cu-notification__group-item:hover .cu-notification__body,.dark-theme .cu-notification__group-item:hover .cu-notification-item.attachments,.dark-theme .cu-notification__group-item:hover .cu-notification-item.comment {
    transition: background .2s cubic-bezier(.785,.135,.15,.86);
    background: #32393f
}

.cu-notification__group-item+.cu-notification__group-item {
    margin-top: 8px
}

.cu-notification__group-item:before {
    content: "";
    display: block;
    position: absolute;
    width: 60px;
    height: 100%;
    right: -60px
}

.cu-notification__group-item_subtask {
    padding: 0 5px 5px;
    margin: 0 -5px;
    background: rgba(0,0,0,.03);
    border: 0;
    border-radius: 8px
}

.contrast_high .cu-notification__group-item_subtask {
    background: rgba(0,0,0,.15)
}

.dark-theme .cu-notification__group-item_subtask {
    background: rgba(0,0,0,.2)
}

.cu-notification__reply {
    width: 100%
}

.cu-notification__reply-thread {
    width: 100%;
    border-top: 1px solid #e9ebf0
}

.contrast_high .cu-notification__reply-thread {
    border-top-color: #dedede
}

.dark-theme .cu-notification__reply-thread {
    border-top-color: #1e272e
}

.cu-notification__reply .cu-notification__reply-toggle_reply {
    height: 36px;
    padding: 6px
}

.cu-notification__reply .cu-notification__reply-toggle_reply:hover .cu-notification__reply-toggle-text_reply {
    color: #fff;
    background: #A2C44A;
    border-bottom-color: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .cu-notification__reply .cu-notification__reply-toggle_reply:hover .cu-notification__reply-toggle-text_reply {
        background:var(--theme-main-color)
    }
}

@supports (--theme-main-color: $color-purple) {
    .cu-notification__reply .cu-notification__reply-toggle_reply:hover .cu-notification__reply-toggle-text_reply {
        border-bottom-color:var(--theme-main-color)
    }
}

.cu-notification__reply .cu-notification__reply-toggle_reply .cu-notification__reply-toggle-text_reply {
    border-radius: 4px;
    background: #f0f1f3;
    width: auto;
    padding: 6px 8px;
    color: #656f7d
}

.cu-notification__reply .cu-notification__reply-toggle_reply .cu-notification__reply-toggle-text_reply:hover {
    background: #A2C44A
}

@supports (--theme-main-color-dark: $color-purple-dark) {
    .cu-notification__reply .cu-notification__reply-toggle_reply .cu-notification__reply-toggle-text_reply:hover {
        background:var(--theme-main-color-dark)
    }
}

.dark-theme .cu-notification__reply .cu-notification__reply-toggle_reply .cu-notification__reply-toggle-text_reply {
    background: #1e272e
}

.cu-notification__reply-toggle {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    height: 30px;
    padding: 0 15px;
    cursor: pointer;
    position: relative;
    border-top: 1px solid #e9ebf0
}

.contrast_high .cu-notification__reply-toggle {
    border-top-color: #dedede
}

.dark-theme .cu-notification__reply-toggle {
    border-top-color: #1e272e
}

.cu-notification__reply-toggle:hover .cu-notification__reply-toggle-text {
    color: #A2C44A;
    border-bottom-color: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .cu-notification__reply-toggle:hover .cu-notification__reply-toggle-text {
        color:var(--theme-main-color)
    }
}

@supports (--theme-main-color: $color-purple) {
    .cu-notification__reply-toggle:hover .cu-notification__reply-toggle-text {
        border-bottom-color:var(--theme-main-color)
    }
}

.cu-notification__reply-toggle:hover .cu-email-comment__footer__reply-toggle_hidden-section .icon {
    fill: #fff
}

.cu-notification__reply-toggle:hover .cu-email-comment__footer__reply-toggle_hidden-section-text {
    color: #fff
}

.cu-notification__reply-toggle_left {
    justify-content: flex-start
}

.cu-notification__reply-toggle_hidden {
    display: none;
    position: absolute;
    width: calc(100% + 2px);
    left: -1px;
    border-radius: 0 0 10px 10px;
    background: #fff;
    border: 1px solid #e9ebf0
}

.contrast_high .cu-notification__reply-toggle_hidden {
    border-color: #dedede
}

.dark-theme .cu-notification__reply-toggle_hidden {
    background: #384047;
    border-color: #1e272e
}

.cu-comment:hover .cu-notification__reply-toggle_hidden {
    display: flex;
    z-index: 10;
    min-height: 30px;
    height: auto
}

.cu-comment:hover .cu-notification__reply-toggle_hidden:before {
    content: "";
    display: block;
    position: absolute;
    top: -9px;
    left: -1px;
    width: calc(100% + 2px);
    height: 8px;
    background: inherit;
    border-left: 1px solid #e9ebf0;
    border-right: 1px solid #e9ebf0
}

.contrast_high .cu-comment:hover .cu-notification__reply-toggle_hidden:before {
    border-left-color: #dedede;
    border-right-color: #dedede
}

.dark-theme .cu-comment:hover .cu-notification__reply-toggle_hidden:before {
    border-left-color: #1e272e;
    border-right-color: #1e272e
}

.cu-comment_to-me:hover .cu-notification__reply-toggle_hidden:before {
    width: 100%;
    left: 1px;
    border-left: 0
}

.cu-notification__reply-toggle-user-group {
    margin-right: 4px;
    margin-left: auto
}

.cu-notification__reply-toggle-text {
    transition: all .2s cubic-bezier(.785,.135,.15,.86) 0s;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 11px;
    font-weight: 500;
    line-height: 1;
    color: #7c828d
}

.dark-theme .cu-notification__reply-toggle-text {
    color: #abaeb0
}

.cu-notification__reply-toggle-text_collapse {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #b9bec7;
    border-bottom: 1px dashed #b9bec7
}

.dark-theme .cu-notification__reply-toggle-text_collapse {
    color: #828588;
    border-bottom-color: #828588
}

.cu-notification__reply-toggle-text.cu-notification__reply-email-options {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%
}

.cu-notification__reply-toggle-text.cu-notification__reply-auto-width {
    width: auto
}

.cu-notification__reply .comments-container {
    background-color: #fff;
    padding: 10px 16px 0
}

.cu-os-win .cu-notification__reply .comments-container {
    scrollbar-width: thin
}

.cu-os-win .cu-notification__reply .comments-container::-webkit-scrollbar {
    background-color: #fff;
    width: 16px;
    height: 16px
}

.cu-os-win .cu-notification__reply .comments-container::-webkit-scrollbar-track {
    background-color: #fff
}

.cu-os-win .cu-notification__reply .comments-container::-webkit-scrollbar-track:hover {
    background-color: #fff
}

.cu-os-win .cu-notification__reply .comments-container::-webkit-scrollbar-thumb {
    background-color: #babac080;
    border-radius: 16px;
    border: 5px solid #fff
}

.cu-os-win .cu-notification__reply .comments-container::-webkit-scrollbar-thumb:hover {
    background-color: #a0a0a5;
    border: 3px solid #fff
}

.cu-os-win .cu-notification__reply .comments-container::-webkit-scrollbar-button {
    display: none
}

.cu-os-win.dark-theme .cu-notification__reply .comments-container::-webkit-scrollbar,.cu-os-win .dark-theme .cu-notification__reply .comments-container::-webkit-scrollbar {
    background-color: #384047
}

.cu-os-win.dark-theme .cu-notification__reply .comments-container::-webkit-scrollbar-track,.cu-os-win .dark-theme .cu-notification__reply .comments-container::-webkit-scrollbar-track {
    background-color: #384047
}

.cu-os-win.dark-theme .cu-notification__reply .comments-container::-webkit-scrollbar-track:hover,.cu-os-win .dark-theme .cu-notification__reply .comments-container::-webkit-scrollbar-track:hover {
    background-color: #384047
}

.cu-os-win.dark-theme .cu-notification__reply .comments-container::-webkit-scrollbar-thumb,.cu-os-win .dark-theme .cu-notification__reply .comments-container::-webkit-scrollbar-thumb {
    border-color: #384047
}

.cu-os-win.dark-theme .cu-notification__reply .comments-container::-webkit-scrollbar-thumb:hover,.cu-os-win .dark-theme .cu-notification__reply .comments-container::-webkit-scrollbar-thumb:hover {
    border-color: #384047
}

.cu-os-win.dark-theme .cu-notification__reply .comments-container::-webkit-scrollbar-corner,.cu-os-win .dark-theme .cu-notification__reply .comments-container::-webkit-scrollbar-corner {
    background-color: #384047
}

.cu-os-win .cu-notification__reply .comments-container {
    padding-right: 0
}

.dark-theme .cu-notification__reply .comments-container {
    background-color: #384047
}

.cu-notification__reply .comment-bar__editor .ql-editor {
    border-radius: 0 0 8px 8px
}

.cu-notification-item.comment .cu-notification__reply .cu-comment {
    margin: 15px 0
}

.cu-notification__private-icon {
    height: 14px;
    width: 14px;
    margin-right: 4px;
    fill: #343434
}

.dark-theme .cu-notification__private-icon {
    fill: #d5d6d7
}

.cu-notification__section-breadcrumbs {
    border-radius: 3px;
    border: 1px solid #e9ebf0;
    padding: 3px 6px;
    display: flex;
    align-items: center;
    margin-right: 6px
}

.dark-theme .cu-notification__section-breadcrumbs {
    border-color: #1e272e
}

.cu-notification__section-breadcrumbs-item {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 11px;
    font-weight: 500;
    line-height: 1;
    color: #7c828d;
    white-space: nowrap;
    cursor: pointer;
    position: relative
}

.dark-theme .cu-notification__section-breadcrumbs-item {
    color: #828588
}

.cu-notification__section-breadcrumbs-icon {
    width: 3px;
    height: 7px;
    fill: #7c828d;
    margin: 0 6px
}

.dark-theme .cu-notification__section-breadcrumbs-icon {
    fill: #828588
}

.cu-notification__section-title {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 11px;
    font-weight: 500;
    align-items: flex-start;
    display: flex;
    opacity: .8;
    color: #7c828d;
    overflow-y: hidden;
    overflow-x: auto
}

.cu-notification__section-title::-webkit-scrollbar {
    display: none
}

.cu-notification__section-title .ps__rail-x {
    display: none!important;
    height: 5px!important
}

.cu-notification__section-title .ps__thumb-x {
    height: 3px!important
}

.cu-notification__section-title-wrapper.flex {
    display: flex;
    align-items: flex-start;
    height: 22px
}

.cu-notification__section-title-wrapper.flex .cu-notification__section-title-chevron.icon {
    margin: 1px 2px 0 3px
}

.cu-notification__section-title-other-lists {
    display: flex;
    overflow: hidden
}

.cu-notification__section-title-other-lists-item {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: flex;
    align-items: center
}

.cu-notification__section-title-other-lists span {
    padding: 0 10px 0 15px;
    font-size: 14px;
    position: relative;
    top: 1px;
    color: #b9bec7b3
}

.dark-theme .cu-notification__section-title-other-lists span {
    color: #d5d6d7
}

.cu-notification__section-title-other-lists .cu-notification__section-title {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.dark-theme .cu-notification__section-title {
    color: #828588;
    opacity: 1
}

.cu-notification__section-title:hover {
    color: #292d34
}

.dark-theme .cu-notification__section-title:hover {
    color: #d5d6d7
}

.cu-notification__header .cu-notification__section-title-chevron.icon {
    width: 10px;
    height: 7px;
    margin-top: 1px;
    margin-left: 0;
    display: inline-block;
    fill: #7c828d
}

.dark-theme .cu-notification__header .cu-notification__section-title-chevron.icon {
    fill: #828588
}

.cu-notification__parent-task {
    font-size: 11px;
    height: 25px;
    line-height: 25px;
    padding-left: 5px;
    cursor: pointer;
    outline: none;
    color: #49494980
}

.dark-theme .cu-notification__parent-task {
    color: #828588b3
}

.cu-notification__header {
    transition: all .2s cubic-bezier(.785,.135,.15,.86) 0s;
    position: sticky;
    top: 0;
    transition: background 0s;
    border-bottom: 1px solid #efeef0;
    margin-bottom: -1px;
    z-index: 20;
    border-radius: 6px 6px 0 0;
    display: flex;
    align-items: center;
    padding: 11px 0 5px 20px;
    background: #fff
}

.contrast_high .cu-notification__header {
    border-bottom: 1px solid #dedede
}

.dark-theme .cu-notification__header {
    background: #384047;
    border-bottom: 1px solid #1e272e
}

.cu-notification__header_clickable {
    cursor: pointer
}

.cu-notification__header .cu-priorities-view__icon {
    height: 16px;
    width: 24px
}

.cu-notification__header .icon {
    cursor: pointer
}

.cu-notification__header .icon.purple {
    fill: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .cu-notification__header .icon.purple {
        fill:var(--theme-main-color)
    }
}

.cu-notification__header .icon.gray {
    fill: #c8cadc
}

.cu-notification__header .icon.green {
    width: 22px;
    height: 22px;
    border-radius: 50%;
    background: #67cb48;
    padding: 5px!important;
    margin-right: -4px
}

.cu-notification__header .icon.green use {
    stroke: #fff
}

.cu-notification__header .lv-task__archived-icon.icon {
    width: 20px;
    height: 20px;
    margin-right: 4px;
    margin-bottom: 5px;
    cursor: initial;
    margin-top: 0;
    pointer-events: all;
    position: relative
}

.cu-notification__header .lv-task__dependency-icon.icon {
    width: 12px;
    height: 12px;
    margin-right: 4px;
    cursor: initial;
    margin-top: 0;
    pointer-events: all;
    position: relative
}

.cu-notification__header .lv-task__done-btn {
    width: 16px;
    height: 16px;
    padding: 0;
    margin: 0
}

.cu-notification__header .lv-task__done-btn_active:hover {
    stroke: #67cb48
}

.cu-notification__header .cu-avatar__assign-mono .cu-user-group__icon_purple,.cu-notification__header .cu-avatar__assign-mono .cu-user-group__icon_grey,.cu-notification__header .cu-avatar__assign-mono .cu-user-group__icon-mono,.cu-notification__header .cu-avatar__assign-mono:hover .cu-user-group__icon_purple,.cu-notification__header .cu-avatar__assign-mono:hover .cu-user-group__icon_grey,.cu-notification__header .cu-avatar__assign-mono:hover .cu-user-group__icon-mono {
    display: none
}

.cu-notification__header .cu-avatar__assign-mono .cu-user-group__icon_no-active,.cu-notification__header .cu-avatar__assign-mono:hover .cu-user-group__icon_no-active {
    display: block;
    padding: 12%;
    fill: #c8cadc
}

.cu-notification__header .cu-avatar__assign-mono .icon,.cu-notification__header .cu-avatar__assign-mono:hover .icon {
    margin-left: 0
}

.cu-notification__header .cu-notification__subtask-icon {
    width: 16px;
    height: 16px;
    display: inline-block;
    margin-left: 6px;
    pointer-events: none;
    fill: #cbc9cf
}

.dark-theme .cu-notification__header .cu-notification__subtask-icon {
    fill: #828588
}

.cu-notification__header .cu-notification__completed-icon {
    width: 16px;
    height: 13px;
    display: inline-block;
    margin-left: 0;
    margin-right: 10px
}

.cu-notification__header .cu-notification__completed-icon.green use {
    color: #67cb48;
    stroke: #67cb48
}

.cu-notification__header .cu-notification__completed-icon.gray use {
    color: #aeacb0;
    stroke: #aeacb0
}

.cu-notification__header-subcat {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: flex;
    align-items: center;
    margin-bottom: 6px;
    padding: 8px 0
}

.cu-notification__header-subcat-badge {
    font-size: 12px;
    font-weight: 500;
    line-height: 1;
    border-radius: 5px;
    color: #fff;
    padding: 4px 8px;
    background: #b9bec7;
    margin-right: 10px
}

.dark-theme .cu-notification__header-subcat-badge {
    color: #abaeb0;
    background: #1e272e
}

.cu-notification__header-subcat-item {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 12px;
    font-weight: 500;
    color: #7c828d;
    margin-bottom: -2px
}

.dark-theme .cu-notification__header-subcat-item {
    color: #828588
}

.cu-notification__header-subcat-item:last-child {
    font-size: 14px;
    color: #292d34;
    margin-bottom: 0
}

.dark-theme .cu-notification__header-subcat-item:last-child {
    color: #d5d6d7
}

.cu-notification__header-subcat-chevron.icon {
    width: 5px;
    height: 8px;
    margin: 0 10px;
    display: inline-block;
    fill: #343434
}

.dark-theme .cu-notification__header-subcat-chevron.icon {
    fill: #828588
}

.cu-notification__body {
    transition: background 0s;
    border-top: 1px solid #efeef0;
    background: #fbfbfb;
    border-radius: 0 0 6px 6px;
    position: relative
}

.dark-theme .cu-notification__body {
    border-top: 1px solid #1e272e;
    background: #2b343b
}

.cu-notification__toggle-block {
    transition: transform .05s cubic-bezier(.785,.135,.15,.86) 0s;
    position: absolute;
    width: 50px;
    height: 60px;
    right: -50px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.cu-notification__toggle-block:hover .cu-notification__toggle {
    background: #A2C44A
}

@supports (--theme-main-color-dark: $color-purple-dark) {
    .cu-notification__toggle-block:hover .cu-notification__toggle {
        background:var(--theme-main-color-dark)
    }
}

.cu-notification__toggle-block:active .cu-notification__toggle {
    transform: scale(.9)
}

.cu-notification__toggle-block_group {
    position: sticky;
    height: 42px;
    top: 0;
    margin-right: -66px;
    margin-top: -42px;
    margin-left: auto;
    z-index: 100;
    background: #f2f4f7
}

.contrast_high .cu-notification__toggle-block_group {
    background: #eee
}

.dark-theme .cu-notification__toggle-block_group {
    background: #1e272e
}

.cu-notification__group-item .cu-notification__toggle-block {
    width: 66px;
    right: -66px;
    top: 0;
    align-items: flex-start;
    height: 100px;
    padding-top: 13px;
    visibility: hidden
}

.cu-notification__group-item:hover .cu-notification__toggle-block {
    visibility: visible
}

.cu-notification__toggle {
    background: #A2C44A;
    height: 35px;
    width: 35px;
    padding: 9px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    fill: #fff
}

@supports (--theme-main-color: $color-purple) {
    .cu-notification__toggle {
        background:var(--theme-main-color)
    }
}

.cu-notification__toggle_group {
    stroke: #fff;
    padding: 5px
}

.cu-notification__icon {
    flex-shrink: 0;
    width: 28px;
    height: 28px;
    margin: 0 10px 0 0
}

.cu-notification__name {
    flex-grow: 1;
    min-width: 0
}

.cu-notification__title {
    display: flex;
    align-items: center;
    width: 100%;
    color: #494949;
    text-decoration: none;
    cursor: pointer
}

.cu-notification__title:hover {
    color: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .cu-notification__title:hover {
        color:var(--theme-main-color)
    }
}

.cu-notification__title:hover .cu-notification__task-name {
    color: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .cu-notification__title:hover .cu-notification__task-name {
        color:var(--theme-main-color)
    }
}

.cu-notification__title:hover .cu-notification__task-name-doc .icon {
    fill: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .cu-notification__title:hover .cu-notification__task-name-doc .icon {
        fill:var(--theme-main-color)
    }
}

.cu-notification__task-status-indicator {
    flex-shrink: 0;
    position: relative;
    width: 16px;
    height: 16px;
    border-radius: 3px;
    border: 1px solid transparent;
    transition: .1s;
    cursor: pointer;
    color: transparent
}

.cu-notification__task-status-indicator:after {
    content: "";
    display: block;
    position: absolute;
    top: 2px;
    left: 2px;
    width: 10px;
    height: 10px;
    border-radius: 2px;
    background: currentColor;
    transition: .1s
}

.cu-dropdown.cu-dropdown_open .cu-notification__task-status-indicator,.cu-notification__task-status-indicator:hover {
    border: 1px solid currentColor
}

.cu-dropdown.cu-dropdown_open .cu-notification__task-status-indicator_dark,.cu-notification__task-status-indicator_dark:hover {
    border: 1px solid #828588
}

.cu-notification__task-status-indicator_dark:after {
    box-shadow: 0 0 0 1px #828588
}

.cu-notification__task-status-indicator_custom-type {
    transform: rotate(45deg)
}

.cu-notification__task-name {
    transition: all .2s cubic-bezier(.785,.135,.15,.86) 0s;
    font-size: 17px;
    font-weight: 500;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding: 5px 5px 5px 10px
}

.dark-theme .cu-notification__task-name {
    color: #d5d6d7
}

.cu-notification__task-name-block {
    display: flex;
    align-items: center;
    min-width: 0
}

.cu-notification__task-name-doc {
    display: flex;
    align-items: center
}

.cu-notification__task-name-doc .icon {
    transition: fill .2s cubic-bezier(.785,.135,.15,.86) 0s;
    width: 14px;
    height: 14px;
    margin-left: 0;
    margin-right: 7px;
    fill: #343434
}

.dark-theme .cu-notification__task-name-doc .icon {
    fill: #d5d6d7
}

.cu-notification__task-name_archived {
    opacity: .6
}

.cu-notification__task-name-view-icon.icon {
    width: 16px;
    height: 16px;
    fill: #bcc0c7;
    flex-shrink: 0;
    position: relative;
    margin: -5px 15px 0 0
}

.dark-theme .cu-notification__task-name-view-icon.icon {
    fill: #828588
}

.cu-notification__task-name-no-view-name {
    font-style: italic;
    color: #34313a;
    opacity: .3
}

.dark-theme .cu-notification__task-name-no-view-name {
    color: #828588;
    opacity: 1
}

.cu-notification__subtitle {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 15px;
    font-weight: 400;
    display: block;
    width: 100%;
    text-decoration: none;
    color: #4a90e2
}

.dark-theme .cu-notification__subtitle {
    color: #72b3fd
}

.cu-notification__status {
    flex-shrink: 0;
    margin: 0 40px 0 20px
}

.cu-notification__users {
    flex-shrink: 0;
    margin: 0 0 0 auto
}

.cu-notification__seen-it-all {
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    text-align: center;
    color: #343434cc;
    margin-top: 50px
}

.dark-theme .cu-notification__seen-it-all {
    color: #828588
}

.cu-notification__go-to-top {
    color: #A2C44A;
    cursor: pointer;
    display: inline-block
}

@supports (--theme-main-color: $color-purple) {
    .cu-notification__go-to-top {
        color:var(--theme-main-color)
    }
}

.cu-notification .cu-comment__body-container .cu-comment__toolbar {
    bottom: auto;
    border-top-right-radius: 10px
}

.cu-notification .cu-comment__body-container:hover .cu-comment__toolbar {
    position: relative;
    cursor: pointer;
    padding: 0;
    opacity: 1;
    z-index: 1
}

.cu-notification .cu-comment__body-container:hover .cu-comment__toolbar .cu-notification-item__meta-action {
    display: flex;
    align-items: center;
    text-decoration: none
}

.cu-notification .cu-notifications-comment {
    width: 100%
}

.cu-notification .cu-notifications-comment .cu-comment__header__actions-toolbar {
    display: flex;
    margin-left: auto
}

.cu-notification .cu-notifications-comment .cu-comment.cu-comment_removed .cu-comment__undo {
    animation: fadeIn .2s forwards;
    display: flex
}

.cu-notification .cu-notifications-comment .cu-comment.cu-comment_removed .cu-notification__reply {
    display: none
}

.cu-notification .cu-notifications-comment .cu-comment.cu-comment_menu .cu-notifications-comment__toolbar {
    display: flex
}

.cu-notification .cu-notifications-comment .cu-comment__body-container_clickable {
    cursor: pointer
}

.cu-notification .cu-notifications-comment .cu-comment__body-container-expander {
    position: absolute;
    width: 170px;
    height: 100%;
    left: 0;
    top: 0;
    cursor: pointer;
    z-index: 10
}

.cu-notification .cu-notifications-comment .cu-comment__body-container_collapsed {
    position: relative
}

.cu-notification .cu-notifications-comment .cu-comment__body-container_collapsed .cu-comment__body-container-expander {
    width: 100%
}

.cu-notification .cu-notifications-comment .cu-comment__body-container_collapsed.cu-comment__body-container_truncated .cu-comment__text .ql-layout-row-container {
    display: inline-flex
}

.cu-notification .cu-notifications-comment .cu-comment__body-container_collapsed.cu-comment__body-container_truncated .cu-comment__text .ql-layout-row-container .ql-layout-col-container {
    display: inline-flex;
    padding: 0;
    width: auto;
    flex-direction: initial
}

.cu-notification .cu-notifications-comment .cu-comment__body-container_truncated {
    display: flex;
    min-width: 0;
    padding: 10px 15px
}

.cu-notification .cu-notifications-comment .cu-comment__body-container_truncated .cu-comment__text {
    padding: 0;
    position: relative
}

.cu-notification .cu-notifications-comment .cu-comment__body-container_truncated .cu-comment__text:after {
    content: "";
    display: block;
    position: absolute;
    right: 0;
    width: 11px;
    height: 100%;
    pointer-events: none;
    background: linear-gradient(to right,rgba(255,255,255,0) 0%,white 70%,white 100%)
}

.dark-theme .cu-notification .cu-notifications-comment .cu-comment__body-container_truncated .cu-comment__text:after {
    background: linear-gradient(to right,rgba(56,64,71,0) 0%,#384047 70%,#384047 100%)
}

.cu-notification .cu-notifications-comment .cu-comment__body-container_truncated .cu-notification-item__text-description {
    flex-shrink: 0;
    margin-top: 6px;
    margin-right: 10px;
    margin-left: 0
}

.cu-notification .cu-notifications-comment .cu-comment__body-container_truncated .cu-comment__text {
    padding: 1px 0 0;
    min-width: 0
}

.cu-notification .cu-notifications-comment .cu-comment__body-container_truncated cu-comment {
    min-width: 0;
    margin-right: 10px;
    margin-left: 10px
}

.cu-notification .cu-notifications-comment .cu-comment__body-container_truncated cu-comment.cu-notification-item__truncated-comment {
    margin-left: 5px
}

.cu-notification .cu-notifications-comment__open-in,.cu-notification .cu-notifications-comment__toolbar {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 11px;
    font-weight: 500;
    line-height: 1;
    z-index: 15;
    flex-shrink: 0;
    margin-left: 10px;
    cursor: pointer;
    align-self: flex-start;
    border-radius: 3px;
    color: #7c828d
}

.dark-theme .cu-notification .cu-notifications-comment__open-in,.dark-theme .cu-notification .cu-notifications-comment__toolbar {
    color: #abaeb0
}

.cu-notification .cu-notifications-comment__open-in {
    margin-top: 2px;
    padding: 5px
}

.cu-notification .cu-notifications-comment__open-in:hover {
    color: #A2C44A;
    background: #f2f2f2
}

@supports (--theme-main-color: $color-purple) {
    .cu-notification .cu-notifications-comment__open-in:hover {
        color:var(--theme-main-color)
    }
}

.dark-theme .cu-notification .cu-notifications-comment__open-in:hover {
    background: #1e272e
}

.cu-notification .cu-notifications-comment__toolbar {
    display: flex;
    align-items: center
}

.cu-notification .cu-notifications-comment .cu-comment__body-container_collapsed .cu-notifications-comment__open-in,.cu-notification .cu-notifications-comment .cu-comment__body-container_collapsed .cu-notifications-comment__toolbar {
    display: none
}

.cu-notification .cu-notifications-comment .cu-comment__body-container_collapsed.cu-comment__body-container_truncated:hover .cu-notifications-comment__open-in,.cu-notification .cu-notifications-comment .cu-comment__body-container_collapsed.cu-comment__body-container_truncated:hover .cu-notifications-comment__toolbar {
    display: flex
}

.cu-notification .cu-notifications-comment .cu-comment__body-container_collapsed cu-comment {
    margin-right: 0
}

.cu-notification .cu-notifications-comment .cu-comment__body-container_clickable .cu-notifications-comment__open-in {
    visibility: hidden;
    margin: 7px 0 0 auto
}

.cu-notification .cu-notifications-comment .cu-comment__body-container_clickable:hover .cu-notifications-comment__open-in {
    visibility: visible
}

.cu-notification .cu-notifications-comment .cu-comment__text {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 15px 22px 15px 15px
}

.cu-notification .cu-notifications-comment .cu-comment__text .p {
    color: #343434cc;
    white-space: pre-wrap
}

.cu-notification .cu-notifications-comment .cu-comment__text .resolve-container {
    min-height: 24px;
    margin-top: 10px;
    display: flex;
    justify-content: space-between
}

.cu-notification .cu-notifications-comment .cu-comment__text .resolve-container .assigned-to {
    font-size: 12px;
    line-height: 1;
    display: flex;
    color: #aeacb0;
    align-items: center
}

.cu-notification .cu-notifications-comment .cu-comment__text .resolve-container .assigned-to .assigned-to-text {
    margin-right: 5px;
    color: #aeacb0
}

.cu-notification .cu-notifications-comment .cu-comment__text .resolve-container .assigned-to.resolved {
    font-style: italic
}

.cu-notification .cu-notifications-comment .cu-comment__text .resolve-container .assigned-to.resolved .assigned-to-text {
    text-decoration: line-through
}

.cu-notification .cu-notifications-comment .cu-comment__text .resolve-container .assigned-to.resolved .icon-comment-resolved__bkg,.dark-theme .cu-notification .cu-notifications-comment .cu-comment__text .resolve-container .assigned-to.resolved .icon-comment-resolved__bkg {
    fill: #aeacb0
}

.cu-notification .cu-notifications-comment .cu-comment__text .resolve-container .assigned-to.resolved .icon-comment-resolved__check {
    fill: #fff
}

.dark-theme .cu-notification .cu-notifications-comment .cu-comment__text .resolve-container .assigned-to.resolved .icon-comment-resolved__check {
    fill: #384047
}

.cu-notification .cu-notifications-comment .cu-comment__text .resolve-container .assigned-to.mine {
    color: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .cu-notification .cu-notifications-comment .cu-comment__text .resolve-container .assigned-to.mine {
        color:var(--theme-main-color)
    }
}

.cu-notification .cu-notifications-comment .cu-comment__text .resolve-container .assigned-to.mine .assigned-to-text {
    color: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .cu-notification .cu-notifications-comment .cu-comment__text .resolve-container .assigned-to.mine .assigned-to-text {
        color:var(--theme-main-color)
    }
}

.cu-notification .cu-notifications-comment .cu-comment__text .resolve-container .assigned-to.mine .icon-comment-resolved__bkg {
    fill: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .cu-notification .cu-notifications-comment .cu-comment__text .resolve-container .assigned-to.mine .icon-comment-resolved__bkg {
        fill:var(--theme-main-color)
    }
}

.dark-theme .cu-notification .cu-notifications-comment .cu-comment__text .resolve-container .assigned-to.mine .icon-comment-resolved__bkg {
    fill: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .dark-theme .cu-notification .cu-notifications-comment .cu-comment__text .resolve-container .assigned-to.mine .icon-comment-resolved__bkg {
        fill:var(--theme-main-color)
    }
}

.cu-notification .cu-notifications-comment .cu-comment__text .resolve-container .assigned-to.mine .icon-comment-resolved__check {
    fill: #fff
}

.dark-theme .cu-notification .cu-notifications-comment .cu-comment__text .resolve-container .assigned-to.mine .icon-comment-resolved__check {
    fill: #384047
}

.cu-notification .cu-notifications-comment .cu-comment__text .resolve-container .assigned-to .icon {
    width: 24px;
    height: 24px;
    margin-right: 10px
}

.cu-notification .cu-notifications-comment .cu-comment__text .resolve-container .assigned-to .icon-comment-resolved__bkg,.dark-theme .cu-notification .cu-notifications-comment .cu-comment__text .resolve-container .assigned-to .icon-comment-resolved__bkg {
    fill: #aeacb0
}

.cu-notification .cu-notifications-comment .cu-comment__text .resolve-container .assigned-to .icon-comment-resolved__check {
    fill: #fff
}

.dark-theme .cu-notification .cu-notifications-comment .cu-comment__text .resolve-container .assigned-to .icon-comment-resolved__check {
    fill: #384047
}

.cu-notification .cu-notifications-comment .cu-checkbox {
    margin: 0;
    min-width: 80px
}

.cu-notification .cu-notifications-comment .cu-comment__resolve {
    color: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .cu-notification .cu-notifications-comment .cu-comment__resolve {
        color:var(--theme-main-color)
    }
}

.cu-notification .cu-notifications-comment .cu-comment_assigned {
    min-width: 0
}

.cu-notification__show-more {
    position: absolute;
    margin-top: -15px;
    margin-bottom: -15px;
    left: 50%;
    transform: translate(-50%);
    z-index: 15
}

.cu-notification__show-more .cu-show-more:before {
    background: linear-gradient(to right,transparent 0%,transparent 20%,#d8d8d8 40%,#d8d8d8 60%,transparent 80%,transparent 100%)
}

.cu-notification__show-more .cu-show-more__toggle {
    border: 1px solid #d8d8d8
}

.dark-theme .cu-notification__show-more .cu-show-more__toggle {
    border: 1px solid #1e272e
}

.cu-notification__show-more .cu-show-more__toggle:hover {
    border-color: #A2C44A;
    border: 1px solid
}

@supports (--theme-main-color: $color-purple) {
    .cu-notification__show-more .cu-show-more__toggle:hover {
        border-color:var(--theme-main-color)
    }
}

.cu-notification__watcher,.cu-notification__assignees,.cu-notification__task-minimize,.cu-notification__priority {
    display: block;
    margin-top: 1px;
    opacity: 0
}

.cu-notification__watcher.icon {
    width: 32px;
    height: 32px;
    margin: 0 10px 0 5px;
    padding: 6px
}

.cu-notification__watcher.icon:hover {
    border-radius: 4px;
    background-color: #f2f2f2
}

.dark-theme .cu-notification__watcher.icon:hover {
    background-color: #ffffff0d
}

.cu-notification__watcher-spacer {
    width: 15px
}

.cu-notification__priority .icon {
    cursor: default
}

.cu-notification__assignees .cu-avatar_bordered {
    border: 2px solid #fff;
    width: 28px;
    height: 28px;
    padding: 0
}

.dark-theme .cu-notification__assignees .cu-avatar_bordered {
    border: 2px solid #384047
}

.cu-notification__assignees .cu-user-group__more.cu-user-group__more_lg {
    font-size: 9px;
    font-weight: 500;
    line-height: 1;
    border: 2px solid #fff;
    min-width: 28px;
    height: 28px;
    margin-left: 2px;
    letter-spacing: 0
}

.cu-notification__assignees .cu-avatar__assign-mono {
    width: 24px;
    height: 24px;
    padding: 0
}

.cu-notification__assignees .cu-avatar_initials {
    padding: 2px 0 0
}

.cu-notification__assignees .cu-avatar_empty {
    display: none
}

.cu-notification__task-minimize {
    transition: background-color .2s cubic-bezier(.785,.135,.15,.86) 0s;
    position: relative;
    cursor: pointer;
    width: 32px;
    height: 32px;
    margin: 0 -5px 0 5px;
    flex-shrink: 0
}

.cu-notification__task-minimize:hover {
    border-radius: 4px;
    background-color: #f2f2f2
}

.dark-theme .cu-notification__task-minimize:hover {
    background-color: #ffffff0d
}

.cu-notification__task-minimize:hover .cu-notification__task-minimize-button {
    fill: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .cu-notification__task-minimize:hover .cu-notification__task-minimize-button {
        fill:var(--theme-main-color)
    }
}

.cu-notification__task-minimize-button {
    transition: fill .2s cubic-bezier(.785,.135,.15,.86) 0s;
    padding: 6px;
    fill: #c8cadc
}

.cu-notification__task-minimize-icon {
    transition: opacity .2s cubic-bezier(.785,.135,.15,.86) 0s;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    right: -1px;
    bottom: -1px;
    position: absolute;
    fill: #6aca4f
}

.cu-notification__task-minimize-icon_close {
    opacity: 0;
    visibility: hidden;
    fill: #e8364c
}

.cu-notification__task-minimize-icon_open {
    opacity: 0;
    visibility: hidden
}

.cu-notification__task-minimize-icon svg {
    position: relative
}

.cu-notification__task-minimize-icon:before {
    content: "";
    display: block;
    position: absolute;
    background-color: #fff;
    border-radius: 50%;
    width: 12px;
    height: 12px
}

.cu-notification__task-minimize_active .cu-stroke {
    stroke: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .cu-notification__task-minimize_active .cu-stroke {
        stroke:var(--theme-main-color)
    }
}

.cu-notification__task-minimize_active .cu-notification__task-minimize-icon_close {
    opacity: 0;
    visibility: hidden
}

.cu-notification__task-minimize_active .cu-notification__task-minimize-icon_open {
    opacity: 1;
    visibility: visible
}

.cu-notification__task-minimize_active:hover .cu-notification__task-minimize-icon_close {
    visibility: visible;
    opacity: 1
}

.cu-notification__task-minimize_active:hover .cu-notification__task-minimize-icon_open {
    visibility: hidden;
    opacity: 0
}

.cu-notification:hover .cu-notification__watcher,.cu-notification:hover .cu-notification__assignees,.cu-notification:hover .cu-notification__task-minimize,.cu-notification:hover .cu-notification__priority {
    opacity: 1
}

.cu-notification .cu-sparks-cuColors .lv-task__done-btn,.cu-notification .cu-sparks-solid .lv-task__done-btn {
    padding: 0
}

.cu-notification__subheader {
    display: flex;
    align-items: center;
    width: 100%;
    cursor: pointer;
    padding: 10px 10px 0 20px
}

.comment-resolved .cu-notification__subheader {
    padding: 0 0 10px
}

.cu-notification__subheader-title {
    font-size: 16px;
    font-weight: 500;
    color: #494949;
    text-decoration: none
}

.cu-notification__subheader-title:hover {
    color: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .cu-notification__subheader-title:hover {
        color:var(--theme-main-color)
    }
}

.cu-notification__subheader-title:hover .cu-notification__task-name {
    color: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .cu-notification__subheader-title:hover .cu-notification__task-name {
        color:var(--theme-main-color)
    }
}

.cu-notification__subheader-comment {
    font-size: 14px;
    font-weight: 400;
    background: rgba(255,200,0,.2);
    padding: 2px 4px;
    margin-left: 10px
}

.cu-notification__nested-comments_border {
    padding-top: 10px;
    border-top: 1px solid #e9ebf0
}

.contrast_high .cu-notification__nested-comments_border {
    border-top-color: #dedede
}

.dark-theme .cu-notification__nested-comments_border {
    border-top-color: #1e272e
}

.cu-notification:hover .cu-notification__nested-comments .cu-notification-item.comment,.cu-notification__nested-comments .cu-notification-item.comment,.dark-theme .cu-notification:hover .cu-notification__nested-comments .cu-notification-item.comment,.dark-theme .cu-notification__nested-comments .cu-notification-item.comment {
    border-bottom: 0;
    background: transparent
}

.cu-notification__main-comment {
    display: block;
    padding: 15px 20px 36px
}

.cu-notification__main-comment+.cu-notification__main-comment {
    padding-top: 0
}

.cu-notification__main-comment .cu-comment__assignee_dropdown {
    font-weight: 500
}

.cu-notification__main-comment .cu-comment__assignee_dropdown:hover .cu-comment-assignee__user {
    color: var(--theme-main-color)
}

.cu-notification_collapsed {
    border-radius: 3px 3px 0 0;
    margin-bottom: 25px
}

.cu-notification_collapsed .cu-notification__body {
    border-radius: 0
}

.cu-notification.cu-notification_read .cu-notification__toggle {
    background: center center/contain url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTlweCIgaGVpZ2h0PSIxNHB4IiB2aWV3Qm94PSIzIDQxIDE5IDE0IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4gIDxkZWZzPjwvZGVmcz4gIDxwYXRoIGQ9Ik0xOS43ODU3ODI0LDQyLjE5MzI2NjIgTDkuODc0NDk3NzQsNTIuMTA0NTUwOCBMNS40ODMxMzIyNyw0Ny43MTMxODU0IEM1LjE3NDYyNjcsNDcuNDA0Njc5OCA0LjY3NDE0NDU1LDQ3LjQwNDY3OTggNC4zNjYwMzQsNDcuNzEzMTg1NCBDNC4wNTc1Mjg0Myw0OC4wMjE2OTA5IDQuMDU3NTI4NDMsNDguNTIxNzc4MSA0LjM2NjAzNCw0OC44MzAyODM2IEw5LjMxNTk0ODYsNTMuNzgwNTkzMyBDOS40NjQwNzg2OCw1My45Mjg3MjMzIDkuNjY1MTQwNTcsNTQuMDExNjc2MiA5Ljg3NDQ5Nzc0LDU0LjAxMTY3NjIgQzEwLjA4Mzg1NDksNTQuMDExNjc2MiAxMC4yODQ5MTY4LDUzLjkyODcyMzMgMTAuNDMzMDQ2OSw1My43ODA1OTMzIEwyMC45MDMyNzU2LDQzLjMxMDM2NDUgQzIxLjIxMTc4MTIsNDMuMDAxODU4OSAyMS4yMTE3ODEyLDQyLjUwMTc3MTggMjAuOTAzMjc1Niw0Mi4xOTMyNjYyIEMyMC41OTQ3NzAxLDQxLjg4NDc2MDYgMjAuMDk0Mjg3OSw0MS44ODQzNjU2IDE5Ljc4NTc4MjQsNDIuMTkzMjY2MiBMMTkuNzg1NzgyNCw0Mi4xOTMyNjYyIFoiIGlkPSJTaGFwZS1Db3B5LTEwIiBzdHJva2U9IiM2QkM5NTAiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0iIzZCQzk1MCIgZmlsbC1ydWxlPSJldmVub2RkIj48L3BhdGg+PC9zdmc+) no-repeat transparent;
    background-size: 80%
}

.cu-notification.cu-notification_marked:before {
    content: "";
    display: block;
    position: absolute;
    width: 11px;
    height: 11px;
    border-radius: 50%;
    background: #A2C44A;
    top: 35px;
    left: -7px
}

@supports (--theme-main-color: $color-purple) {
    .cu-notification.cu-notification_marked:before {
        background:var(--theme-main-color)
    }
}

.due-date_display-view {
    display: flex;
    align-items: center;
    margin: 0 0 0 10px
}

.due-date_display-view .icon_due-date-calendar {
    width: 12px;
    height: 12px;
    margin: 0 6px 0 0
}

.due-date_display-view .icon_due-date-calendar use {
    fill: #cbc9cf
}

.dark-theme .due-date_display-view .icon_due-date-calendar use {
    fill: #abaeb0
}

.cu-notification-item {
    transition: all .2s cubic-bezier(.785,.135,.15,.86) 0s;
    font-size: 15px;
    font-weight: 300;
    display: flex;
    align-items: center;
    padding: 15px 20px;
    color: #544d61
}

.cu-notification-item+.cu-notification-item {
    border-top: 1px solid #efeef0
}

.contrast_high .cu-notification-item+.cu-notification-item {
    border-top-color: #544c611a
}

.dark-theme .cu-notification-item+.cu-notification-item {
    border-top-color: #1e272e
}

.cu-notification-item_align-top {
    align-items: flex-start
}

.cu-notification-item_align-top .cu-notification-item__author {
    margin-top: 2px
}

.cu-notification-item_align-top .cu-notification-item__date {
    margin-top: 7px
}

.cu-notification-item_align-top .cu-notification-item__text {
    margin-top: 6px
}

.cu-notification-item_align-top .cu-notification-item__values {
    margin-top: 4px
}

.cu-notification-item.due-soon {
    background: rgba(251,143,104,.1)
}

.cu-notification-item.due-soon .cu-notifications__date-reminder-label {
    color: #fb8f68
}

.cu-notification-item.due-soon .cu-notification-item__calendar-icon use {
    fill: #fb8f68
}

.cu-notification-item__warning {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 19px;
    font-weight: 500;
    line-height: 1;
    width: 29px;
    height: 29px;
    background: #ed4141;
    border-radius: 29px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    margin: -5px 0
}

.cu-notification-item.task-starting-soon {
    background: rgba(106,202,79,.08)
}

.cu-notification-item.task-starting-soon .cu-notifications__date-reminder-label {
    color: #6aca4f
}

.cu-notification-item.task-starting-soon .cu-notification-item__calendar-icon use {
    fill: #6aca4f
}

.cu-notification-item.task-starting-soon .due-date__info-value {
    color: #6aca4f
}

.cu-notification-item.overdue {
    background: rgba(237,65,65,.08)
}

.cu-notification-item.overdue .cu-notifications__date-reminder-label {
    color: #ed4141
}

.cu-notification-item.overdue .cu-notification-item__calendar-icon use {
    fill: #ed4141
}

.cu-notification-item.overdue-reminder {
    background: rgba(237,65,65,.08);
    justify-content: space-between
}

.cu-notification-item.overdue-reminder .cu-notifications__date-reminder-label {
    color: #ed4141
}

.cu-notification-item.overdue-reminder .cu-notification-item__calendar-icon use {
    fill: #ed4141
}

.cu-notification-item__reschedule {
    transition: all .2s cubic-bezier(.785,.135,.15,.86) 0s;
    font-size: 11px;
    font-weight: 300;
    line-height: 1;
    color: #544d61;
    border-bottom: 1px dashed #544d61;
    cursor: pointer;
    margin-left: 10px;
    padding-top: 2px
}

.dark-theme .cu-notification-item__reschedule {
    border-bottom: 1px dashed #828588;
    color: #828588
}

.cu-notification-item__reschedule:hover {
    color: #A2C44A;
    border-bottom-color: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .cu-notification-item__reschedule:hover {
        color:var(--theme-main-color)
    }
}

@supports (--theme-main-color: $color-purple) {
    .cu-notification-item__reschedule:hover {
        border-bottom-color:var(--theme-main-color)
    }
}

.cu-notification-item__strongtext {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: 500
}

.dark-theme .cu-notification-item__strongtext {
    color: #d5d6d7
}

.cu-notification-item-active .cu-notification-item__full-content {
    display: inline-block
}

.cu-notification-item-active .cu-notification-item__short-content {
    display: none
}

.cu-notification-item__full-content {
    display: none;
    min-width: 0
}

.cu-notification-item__checklist-item {
    display: block;
    max-width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.dark-theme .cu-notification-item__checklist-item {
    color: #d5d6d7
}

.cu-notification-item_flex-start {
    align-items: flex-start
}

.cu-notification-item_truncate {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.dark-theme .cu-notification-item_truncate {
    color: #d5d6d7
}

.cu-notification-item__row {
    display: flex;
    align-items: center
}

.cu-notification-item__short-content {
    color: #000;
    border-bottom: 1px dotted;
    cursor: pointer
}

.dark-theme .cu-notification-item__short-content {
    color: #d5d6d7
}

.cu-notification-item__short-content:hover {
    border-bottom-width: 0
}

.cu-notification-item.attachments,.cu-notification-item.comment {
    flex-direction: column;
    background-color: #fbfbfb;
    transition: background 0s
}

.dark-theme .cu-notification-item.attachments,.dark-theme .cu-notification-item.comment {
    background-color: #2b343b
}

.cu-notification-item__priority-icon {
    width: 15px;
    height: 15px;
    margin: -6px 0 0 10px
}

.cu-notification-item__priority-text {
    font-size: 13px;
    font-weight: 400;
    line-height: 11px;
    text-transform: capitalize;
    margin-left: 2px
}

.dark-theme .cu-notification-item__priority-text {
    color: #d5d6d7
}

.cu-notification-item__priority-text_none {
    margin-left: 8px
}

.cu-notification-item.comment .cu-notification-item__icon,.cu-notification-item.reaction .cu-notification-item__icon,.cu-notification-item.comment-resolved .cu-notification-item__icon {
    height: 20px;
    width: 20px;
    margin: 0 10px
}

.cu-notification-item.comment .cu-notification-item__icon_thumbs-up,.cu-notification-item.reaction .cu-notification-item__icon_thumbs-up,.cu-notification-item.comment-resolved .cu-notification-item__icon_thumbs-up {
    height: 20px;
    width: 20px;
    margin: -5px 8px -2px;
    flex-shrink: 0
}

.cu-notification-item.comment .cu-notification-item__icon_thumbs-up use,.cu-notification-item.reaction .cu-notification-item__icon_thumbs-up use,.cu-notification-item.comment-resolved .cu-notification-item__icon_thumbs-up use {
    color: #A2C44A;
    fill: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .cu-notification-item.comment .cu-notification-item__icon_thumbs-up use,.cu-notification-item.reaction .cu-notification-item__icon_thumbs-up use,.cu-notification-item.comment-resolved .cu-notification-item__icon_thumbs-up use {
        color:var(--theme-main-color)
    }
}

@supports (--theme-main-color: $color-purple) {
    .cu-notification-item.comment .cu-notification-item__icon_thumbs-up use,.cu-notification-item.reaction .cu-notification-item__icon_thumbs-up use,.cu-notification-item.comment-resolved .cu-notification-item__icon_thumbs-up use {
        fill:var(--theme-main-color)
    }
}

.cu-notification-item.comment .cu-notification-item__icon_checkbox,.cu-notification-item.reaction .cu-notification-item__icon_checkbox,.cu-notification-item.comment-resolved .cu-notification-item__icon_checkbox {
    height: 20px;
    width: 20px
}

.cu-notification-item.comment .cu-notification-item__icon_checkbox use,.cu-notification-item.reaction .cu-notification-item__icon_checkbox use,.cu-notification-item.comment-resolved .cu-notification-item__icon_checkbox use {
    color: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .cu-notification-item.comment .cu-notification-item__icon_checkbox use,.cu-notification-item.reaction .cu-notification-item__icon_checkbox use,.cu-notification-item.comment-resolved .cu-notification-item__icon_checkbox use {
        color:var(--theme-main-color)
    }
}

.cu-notification-item.comment .cu-notification-item__icon_comment-resolved,.cu-notification-item.reaction .cu-notification-item__icon_comment-resolved,.cu-notification-item.comment-resolved .cu-notification-item__icon_comment-resolved {
    height: 24px;
    width: 24px
}

.cu-notification-item.comment .cu-notification-item__icon_comment-resolved use,.cu-notification-item.reaction .cu-notification-item__icon_comment-resolved use,.cu-notification-item.comment-resolved .cu-notification-item__icon_comment-resolved use {
    fill: #a06ff3
}

.cu-notification-item.comment .cu-notification-item__text-description,.cu-notification-item.reaction .cu-notification-item__text-description,.cu-notification-item.comment-resolved .cu-notification-item__text-description {
    margin: 0
}

.cu-notification-item .due-date__info-value {
    cursor: default
}

.cu-notification-item .due-date__row {
    padding: 0
}

.cu-notification-item.priority {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.cu-notification-item.priority .cu-notification-item__calendar-icon {
    width: 12px;
    height: 12px;
    margin: -2px 6px 0 0
}

.cu-notification-item.priority .due-date_display-view_orange .due-date__info-value-display {
    color: #fb926a
}

.cu-notification-item.priority .due-date_display-view_orange use {
    fill: #fb926a
}

.cu-notification-item.overdue .due-date_display-view_orange .due-date__info-value-display,.cu-notification-item.overdue .due-date_display-view_orange .due-date__info-value-display .due-date__info-value {
    color: #ed4141
}

.cu-notification-item.overdue .due-date_display-view_orange use {
    fill: #ed4141
}

.cu-notification-item.comment {
    padding: 10px 20px 36px
}

.cu-notification-item.comment.comment-resolved {
    padding-bottom: 10px
}

.cu-comment__body .cu-notification-item.comment {
    padding: 10px 20px
}

.cu-notification-item.comment .cu-notification-item__icon_thumbs-up {
    margin-right: 3px
}

.cu-notification-item.comment .cu-notification-item__text-description {
    margin-left: 10px
}

.cu-notification-item.comment .cu-notification-item__text-description_inside-text {
    margin-left: 5px
}

.cu-notification-item.comment .cu-notification-item__text-description_no-margin {
    margin: 0
}

.cu-notification-item.comment .cu-notification-item__text-description_row {
    display: flex;
    align-items: center
}

.cu-notification-item.reaction {
    align-items: center;
    padding-top: 15px;
    padding-bottom: 18px
}

.cu-notification-item.reaction .cu-notification-item__author,.cu-notification-item.reaction .cu-notification-item__icon.cu-notification-item__icon_thumbs-up,.cu-notification-item.reaction .cu-notification-item__text-description,.cu-notification-item.reaction .cu-notification-item__date {
    display: flex;
    align-items: center
}

.cu-notification-item.reaction .cu-notification-item__date {
    justify-content: flex-end
}

.cu-notification-item.reaction .cu-notification-item__author {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    margin: 0;
    flex-shrink: 0;
    max-width: 60%
}

.cu-notification-item__comment {
    display: flex;
    align-items: flex-start;
    margin-top: 15px;
    width: 100%
}

.cu-notification-item__truncated-comment {
    margin: 0 0 0 2px;
    white-space: nowrap;
    overflow: hidden;
    min-width: 0;
    display: flex;
    align-items: center
}

.cu-notification-item__truncated-comment>* {
    display: inline
}

.cu-notification-item__truncated-comment cu-comment-attachment {
    display: inline-block
}

.cu-notification-item__truncated-comment cu-comment-attachment .attachment-preview {
    margin: 0 0 0 5px
}

.cu-notification-item__truncated-comment cu-comment-attachment .attachment-preview__picture {
    display: none
}

.cu-notification-item__truncated-comment cu-comment-attachment .attachment-preview__name {
    font-size: 13px;
    line-height: 1
}

.cu-notification-item__truncated-comment cu-comment-attachment .attachment-preview__download-link {
    margin-left: 5px
}

.cu-notification-item__truncated-comment .cu-comment-viewer-content:not(.cu-email-reply__content) {
    display: inline-flex;
    align-items: center
}

.cu-notification-item__truncated-comment .cu-comment-viewer-content:not(.cu-email-reply__content):last-child {
    padding-right: 7px
}

.cu-notification-item__truncated-comment .cu-comment-viewer-content:not(.cu-email-reply__content) code {
    line-height: 1
}

.cu-notification-item__truncated-comment .cu-comment-viewer-content:not(.cu-email-reply__content) blockquote {
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 15px
}

.cu-notification-item__truncated-comment .cu-comment-viewer-content:not(.cu-email-reply__content) ol {
    display: inline-flex;
    align-items: center;
    flex-direction: row;
    list-style: decimal;
    margin: 0 10px 0 0;
    padding: 0
}

.cu-notification-item__truncated-comment .cu-comment-viewer-content:not(.cu-email-reply__content) ol li {
    margin-left: 25px;
    line-height: 1.15
}

.cu-notification-item__truncated-comment .cu-comment-viewer-content:not(.cu-email-reply__content) ul {
    display: inline-flex;
    align-items: center;
    flex-direction: row;
    list-style: disc;
    margin: 0 10px 0 5px;
    padding: 0
}

.cu-notification-item__truncated-comment .cu-comment-viewer-content:not(.cu-email-reply__content) ul li {
    margin-left: 25px
}

.cu-notification-item__truncated-comment .cu-comment-viewer-content:not(.cu-email-reply__content) ul>li[data-checked] {
    list-style-type: none;
    pointer-events: none;
    margin-left: 0;
    padding: 0 0 0 30px;
    display: flex;
    align-items: center;
    position: relative
}

.cu-notification-item__truncated-comment .cu-comment-viewer-content:not(.cu-email-reply__content) ul>li[data-checked]:first-child {
    margin-left: 0
}

.cu-notification-item__truncated-comment .cu-comment-viewer-content:not(.cu-email-reply__content) ul>li[data-checked] * {
    pointer-events: all
}

.cu-notification-item__truncated-comment .cu-comment-viewer-content:not(.cu-email-reply__content) ul>li[data-checked]:before {
    color: #fff;
    pointer-events: none;
    margin: 0 0 0 -21px
}

.cu-notification-item__truncated-comment .cu-comment-viewer-content:not(.cu-email-reply__content) ul>li[data-checked=true]:before {
    content: "\2713"
}

.cu-notification-item__truncated-comment .cu-comment-viewer-content:not(.cu-email-reply__content) ul>li[data-checked=false]:before {
    content: ""
}

.cu-notification-item__truncated-comment .cu-comment-viewer-content:not(.cu-email-reply__content) table {
    flex-shrink: 0;
    width: auto
}

.cu-notification-item__truncated-comment .cu-comment-viewer-content:not(.cu-email-reply__content) table tr:not(:first-child) {
    display: none
}

.cu-notification-item__truncated-comment br {
    vertical-align: top;
    zoom:1;display: inline;
    content: " "
}

.cu-notification-item__truncated-comment p,.cu-notification-item__truncated-comment .p {
    font-size: 14px;
    margin-left: 5px;
    align-items: center;
    white-space: nowrap
}

.dark-theme .cu-notification-item__truncated-comment p,.dark-theme .cu-notification-item__truncated-comment .p {
    color: #d5d6d7
}

.cu-notification-item__truncated-comment p a,.cu-notification-item__truncated-comment .p a {
    margin-left: 5px;
    color: #4a90e2;
    text-decoration: underline
}

.dark-theme .cu-notification-item__truncated-comment p a,.dark-theme .cu-notification-item__truncated-comment .p a {
    color: #72b3fd
}

.cu-notification-item__truncated-comment p strong,.cu-notification-item__truncated-comment .p strong {
    padding: 0 5px
}

.cu-notification-item__truncated-comment .task-mention {
    margin: 0 5px
}

.cu-notification-item__truncated-comment .task-mention>span {
    margin-bottom: 0
}

.dark-theme .cu-notification-item__truncated-comment strong,.dark-theme .cu-notification-item__truncated-comment em,.dark-theme .cu-notification-item__truncated-comment s,.dark-theme .cu-notification-item__truncated-comment u {
    color: #d5d6d7
}

.cu-notification-item__truncated-comment strong.cu-emoticon,.cu-notification-item__truncated-comment em.cu-emoticon,.cu-notification-item__truncated-comment s.cu-emoticon,.cu-notification-item__truncated-comment u.cu-emoticon {
    margin-left: 5px
}

.cu-notification-item__truncated-comment strong.cu-mention,.cu-notification-item__truncated-comment strong.cu-mention__user-group,.cu-notification-item__truncated-comment strong.cu-mention__task-user-group,.cu-notification-item__truncated-comment em.cu-mention,.cu-notification-item__truncated-comment em.cu-mention__user-group,.cu-notification-item__truncated-comment em.cu-mention__task-user-group,.cu-notification-item__truncated-comment s.cu-mention,.cu-notification-item__truncated-comment s.cu-mention__user-group,.cu-notification-item__truncated-comment s.cu-mention__task-user-group,.cu-notification-item__truncated-comment u.cu-mention,.cu-notification-item__truncated-comment u.cu-mention__user-group,.cu-notification-item__truncated-comment u.cu-mention__task-user-group {
    color: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .cu-notification-item__truncated-comment strong.cu-mention,.cu-notification-item__truncated-comment strong.cu-mention__user-group,.cu-notification-item__truncated-comment strong.cu-mention__task-user-group,.cu-notification-item__truncated-comment em.cu-mention,.cu-notification-item__truncated-comment em.cu-mention__user-group,.cu-notification-item__truncated-comment em.cu-mention__task-user-group,.cu-notification-item__truncated-comment s.cu-mention,.cu-notification-item__truncated-comment s.cu-mention__user-group,.cu-notification-item__truncated-comment s.cu-mention__task-user-group,.cu-notification-item__truncated-comment u.cu-mention,.cu-notification-item__truncated-comment u.cu-mention__user-group,.cu-notification-item__truncated-comment u.cu-mention__task-user-group {
        color:var(--theme-main-color)
    }
}

.cu-notification-item__truncated-comment .pre,.cu-notification-item__truncated-comment .cu-comment-viewer-content code,.cu-notification-item__truncated-comment .cu-comment-viewer-content pre {
    display: inline;
    border: 1px solid #e4e4e4;
    background: #f7f7f7;
    border-radius: 2px;
    white-space: nowrap;
    padding: 0 4px!important;
    line-height: 20px;
    color: #d16464;
    margin: 0 4px!important
}

.dark-theme .cu-notification-item__truncated-comment .pre,.dark-theme .cu-notification-item__truncated-comment .cu-comment-viewer-content code,.dark-theme .cu-notification-item__truncated-comment .cu-comment-viewer-content pre {
    border: 1px solid #1e272e;
    background: #1e272e
}

.cu-notification-item__truncated-comment .pre p,.cu-notification-item__truncated-comment .pre .p,.cu-notification-item__truncated-comment .cu-comment-viewer-content code p,.cu-notification-item__truncated-comment .cu-comment-viewer-content code .p,.cu-notification-item__truncated-comment .cu-comment-viewer-content pre p,.cu-notification-item__truncated-comment .cu-comment-viewer-content pre .p {
    display: none
}

.cu-notification-item__truncated-comment .pre a,.cu-notification-item__truncated-comment .cu-comment-viewer-content code a,.cu-notification-item__truncated-comment .cu-comment-viewer-content pre a {
    color: #d16464
}

.cu-notification-item__truncated-comment .attachment-oneline {
    margin: 2px 5px 0
}

.cu-notification-item__truncated-comment .linkified {
    color: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .cu-notification-item__truncated-comment .linkified {
        color:var(--theme-main-color)
    }
}

.cu-notification-item__truncated-comment .cu-doc-page-element {
    display: none
}

.cu-notification-item__truncated-comment .ql-doc-mention {
    display: inline-block;
    margin-bottom: 4px
}

.cu-notification-item__comment-body {
    flex: 1 auto
}

.cu-notification-item__comment-body .cu-comment__icon {
    display: none
}

.cu-notification-item__comment-author {
    margin-right: 10px
}

.cu-notification-item.change-section .cu-notification-item__arrow {
    margin: 0 5px 0 10px
}

.cu-notification-item.comment .cu-comment {
    margin: 15px 0
}

.cu-notification-item.comment .cu-comment__icon.thumbs-up {
    right: 10px;
    top: 12px
}

.cu-notification-item .cu-comment__assignee {
    display: inline-block;
    font: inherit;
    line-height: 1.2;
    font-weight: 500
}

.cu-notification-item .cu-comment__assignee_dropdown {
    font-weight: 500
}

.cu-notification-item .cu-comment__assignee_dropdown:hover .cu-comment-assignee__user {
    color: var(--theme-main-color)
}

.cu-notification-item .cu-comment__assignee-other {
    color: #343434
}

.dark-theme .cu-notification-item .cu-comment__assignee-other {
    color: #d5d6d7
}

.cu-notification-item__assignees .cu-avatar_bordered {
    border: 2px solid #fff;
    width: 32px;
    height: 32px
}

.cu-notification-item.estimate .cu-notification-item__arrow {
    margin-left: 8px
}

.cu-notification-item.status-row .timeline-status {
    border-radius: 2px;
    height: 10px;
    width: 10px;
    margin: 0 3px
}

.cu-notification-item.status-row span {
    display: flex;
    align-items: center
}

.cu-notification-item.git {
    display: flex;
    flex-direction: column;
    align-items: flex-start
}

.cu-notification-item.git_compact,.cu-notification-item.git_compact:not(:last-of-type) {
    padding: 0;
    margin: 15px 0;
    border: 0
}

.cu-notification-item.git_compact .branch-name,.cu-notification-item.git_compact:not(:last-of-type) .branch-name {
    margin: 0!important
}

.cu-notification-item.git_compact .cu-notification-item__text-description,.cu-notification-item.git_compact:not(:last-of-type) .cu-notification-item__text-description {
    margin: 0 5px
}

.cu-notification-item.git_compact .cu-notification-item__author-github,.cu-notification-item.git_compact:not(:last-of-type) .cu-notification-item__author-github {
    margin: 0;
    color: #34343466
}

.dark-theme .cu-notification-item.git_compact .cu-notification-item__author-github,.dark-theme .cu-notification-item.git_compact:not(:last-of-type) .cu-notification-item__author-github {
    color: #d5d6d7
}

.cu-notification-item.git .meta,.cu-notification-item.git .link {
    display: flex
}

.cu-notification-item.git .link {
    align-items: baseline
}

.cu-notification-item.git .mono {
    font-family: Courier New,Courier,monospace
}

.cu-notification-item.git .meta {
    width: 100%;
    align-items: center
}

.cu-notification-item.git .meta .repo-name,.cu-notification-item.git .meta .branch-name {
    font-size: 13px;
    font-weight: 500;
    line-height: 1;
    display: flex;
    align-items: center;
    color: #343434
}

.dark-theme .cu-notification-item.git .meta .repo-name,.dark-theme .cu-notification-item.git .meta .branch-name {
    color: #d5d6d7
}

.cu-notification-item.git .meta .repo-name .cu-notification-item__icon,.cu-notification-item.git .meta .branch-name .cu-notification-item__icon {
    margin-right: 3px
}

.cu-notification-item.git .meta .repo-name__copy,.cu-notification-item.git .meta .branch-name__copy {
    transition: all .2s cubic-bezier(.785,.135,.15,.86) 0s;
    padding: 2px;
    margin-left: 1px;
    margin-right: -2px;
    cursor: pointer;
    width: 14px;
    height: 16px;
    fill: #343434
}

.dark-theme .cu-notification-item.git .meta .repo-name__copy,.dark-theme .cu-notification-item.git .meta .branch-name__copy {
    fill: #d5d6d7
}

.cu-notification-item.git .meta .repo-name__copy:hover,.cu-notification-item.git .meta .branch-name__copy:hover {
    fill: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .cu-notification-item.git .meta .repo-name__copy:hover,.cu-notification-item.git .meta .branch-name__copy:hover {
        fill:var(--theme-main-color)
    }
}

.cu-notification-item.git .meta .repo-name .cu-fill {
    fill: #343434
}

.dark-theme .cu-notification-item.git .meta .repo-name .cu-fill {
    fill: #d5d6d7
}

.cu-notification-item.git .meta .branch-name {
    margin: 0 5px 0 10px
}

.dark-theme .cu-notification-item.git .meta .branch-name {
    fill: #d5d6d7
}

.cu-notification-item.git .link {
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    margin: 10px 0 0 20px
}

.cu-notification-item.git .link .commit-message {
    color: #343434cc
}

.dark-theme .cu-notification-item.git .link .commit-message {
    color: #abaeb0
}

.cu-notification-item.git .link a {
    cursor: pointer;
    color: #4194f6;
    margin-right: 8px
}

.cu-notification-item:not(:last-of-type) {
    border-bottom: 1px solid #f1f1f1
}

.dark-theme .cu-notification-item:not(:last-of-type) {
    border-bottom: 1px solid #1e272e
}

.cu-notification-item__meta {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    width: 100%
}

.cu-notification-item__meta .cu-avatar {
    width: 28px;
    height: 28px
}

.cu-notification-item__meta .cu-email-comment__avatar-user {
    width: 20px;
    height: 20px
}

.cu-notification-item.comment:hover .cu-notification-item__meta_actions .cu-notification-item__meta-action {
    display: flex;
    align-items: center
}

.cu-notification-item.comment:hover .cu-notification-item__meta_actions .cu-comment__toolbar {
    position: relative;
    cursor: pointer;
    opacity: 1;
    z-index: 1;
    padding: 0 0 0 5px;
    background: transparent
}

.cu-notification-item.comment:hover .cu-notification-item__meta_actions .cu-comment__toolbar:before {
    display: none
}

.cu-notification-item.comment:hover .cu-notification-item__meta_actions .cu-comment__toolbar .cu-comment__link {
    text-decoration: none
}

.cu-notification-item__meta-action {
    margin-right: 15px;
    display: none;
    cursor: pointer
}

.cu-notification-item__meta-action:hover .cu-notification-item__meta-action-label {
    color: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .cu-notification-item__meta-action:hover .cu-notification-item__meta-action-label {
        color:var(--theme-main-color)
    }
}

.cu-notification-item__meta-action-icon {
    width: 14px;
    height: 14px;
    margin-right: 4px;
    fill: #979797
}

.cu-notification-item__meta-action-label {
    transition: color .2s cubic-bezier(.785,.135,.15,.86) 0s;
    font-size: 11px;
    font-weight: 400;
    line-height: 1;
    white-space: nowrap;
    color: #7c828d
}

.dark-theme .cu-notification-item__meta-action-label {
    color: #abaeb0
}

.cu-notification-item__avatar {
    margin-left: 10px
}

.cu-notification-item__author {
    font-weight: 400;
    font-size: 13px;
    line-height: 11px;
    margin: 0 0 0 8px;
    color: #343434;
    white-space: nowrap
}

.dark-theme .cu-notification-item__author {
    color: #d5d6d7
}

.cu-notification-item__author_btn {
    transition: background .2s cubic-bezier(.785,.135,.15,.86) 0s;
    border-radius: 3px;
    padding: 6px 4px;
    margin: -6px -4px -6px 4px
}

.cu-notification-item__author_btn:hover {
    background-color: #f2f2f2
}

.dark-theme .cu-notification-item__author_btn:hover {
    background-color: #1e272e
}

.cu-notification-item__author.cu-notification-item__author_subtext {
    margin: 0 0 0 5px
}

.cu-notification-item__description {
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    font-weight: 400;
    font-size: 13px;
    line-height: 1;
    margin: 0 0 0 8px;
    color: #343434;
    white-space: nowrap
}

.dark-theme .cu-notification-item__description {
    color: #d5d6d7
}

.cu-notification-item__description.cu-notification-item__description-custom-field {
    display: flex;
    align-items: center
}

.cu-notification-item__description.cu-notification-item__description-custom-field .cu-custom-fields__header-items-value__labels {
    margin: 0 3px
}

.cu-notification-item__description.cu-notification-item__description-custom-field .cu-custom-fields__multi-line-text {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.cu-notification-item__description-doc {
    margin: 0 0 0 4px
}

.cu-notification-item__description-doc strong {
    font-weight: 500;
    color: #343434
}

.dark-theme .cu-notification-item__description-doc strong {
    color: #d5d6d7
}

.cu-notification-item__description-doc span {
    transition: color .2s cubic-bezier(.785,.135,.15,.86) 0s;
    font-weight: 500;
    cursor: pointer;
    color: #343434
}

.cu-notification-item__description-doc span:hover {
    color: var(--theme-main-color)!important
}

.dark-theme .cu-notification-item__description-doc span {
    color: #d5d6d7
}

.cu-notification-item__assigner-section {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    min-width: 0;
    flex-shrink: 0
}

.cu-notification-item__assigner {
    font-size: 13px;
    font-weight: 400;
    line-height: 11px;
    margin-left: 5px;
    color: #343434;
    white-space: nowrap
}

.dark-theme .cu-notification-item__assigner {
    color: #d5d6d7
}

.cu-notification-item__assigner_btn {
    transition: background .2s cubic-bezier(.785,.135,.15,.86) 0s;
    border-radius: 3px;
    padding: 6px 4px;
    margin: -6px -4px -6px 1px
}

.cu-notification-item__assigner_btn-no-neg-margins {
    margin: 0 0 0 8px
}

.cu-notification-item__assigner_btn:hover {
    background-color: #f2f2f2
}

.dark-theme .cu-notification-item__assigner_btn:hover {
    background-color: #1e272e
}

.cu-notification-item__author-github {
    font-size: 13px;
    font-weight: 500;
    line-height: 1;
    margin: 0 0 0 6px;
    color: #343434
}

.dark-theme .cu-notification-item__author-github {
    color: #d5d6d7
}

.cu-notification-item__user {
    color: #A2C44A;
    font-size: 13px;
    font-weight: 500;
    line-height: 1;
    margin: 0 0 0 8px
}

@supports (--theme-main-color: $color-purple) {
    .cu-notification-item__user {
        color:var(--theme-main-color)
    }
}

.cu-notification-item__icon {
    height: 16px;
    width: 14px
}

.cu-notification-item__icon-commit {
    display: flex;
    height: 8px
}

.cu-notification-item__icon-commit .cu-fill {
    fill: #343434
}

.dark-theme .cu-notification-item__icon-commit .cu-fill {
    fill: #d5d6d7
}

.cu-notification-item__calendar {
    display: flex;
    align-items: center
}

.cu-notification-item__calendar-icon {
    width: 15px;
    height: 16px;
    margin-right: 9px
}

.cu-notification-item__calendar .due-date_display-view {
    margin-top: 0
}

.cu-notification-item__text {
    color: #A2C44A;
    font-size: 11px;
    font-weight: 500;
    line-height: 11px;
    margin: 0 0 0 10px;
    padding: 4px 8px;
    text-transform: uppercase;
    border-radius: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: visible;
    background: #fff;
    box-shadow: 0 0 3px #00000042;
    flex-shrink: 0
}

@supports (--theme-main-color: $color-purple) {
    .cu-notification-item__text {
        color:var(--theme-main-color)
    }
}

.dark-theme .cu-notification-item__text {
    background: #384047
}

.cu-notification-item__text.green {
    color: #67cb48
}

.cu-notification-item__text.blocking {
    background: #f18080;
    color: #fff
}

.cu-notification-item__text.waiting-on {
    background: #fc0;
    color: #fff
}

.cu-notification-item__text.linked {
    background: #A2C44A;
    color: #fff
}

.cu-notification-item__text.closed {
    background: #67cb48;
    color: #fff
}

.cu-notification-item__text.overdue {
    color: #fff;
    background: #ed4141;
    margin-left: 0
}

.cu-notification-item__text.overdue-reminder {
    color: #fff;
    background-color: #ed4141;
    margin-left: 0
}

.cu-notification-item__text.due-soon {
    color: #fff;
    background-color: #fb8f68;
    margin-left: 0
}

.cu-notification-item__text.task-starting-soon {
    color: #fff;
    background-color: #6aca4f;
    margin-left: 0
}

.cu-notification-item__text.purple {
    background: #A2C44A;
    border-color: #A2C44A;
    color: #fff;
    border: 1px solid
}

@supports (--theme-main-color: $color-purple) {
    .cu-notification-item__text.purple {
        background:var(--theme-main-color)
    }
}

@supports (--theme-main-color: $color-purple) {
    .cu-notification-item__text.purple {
        border-color:var(--theme-main-color)
    }
}

.cu-notification-item__text.gray {
    color: #fff;
    background: #ccc;
    border: 1px solid #ccc;
    box-shadow: none
}

.dark-theme .cu-notification-item__text.gray {
    background: #1e272e;
    border: 1px solid #1e272e;
    color: #828588
}

.cu-notification-item__text_gh-pull-request {
    flex-shrink: 1;
    justify-content: flex-start;
    display: block
}

.cu-notification-item__text-shared-item {
    cursor: pointer;
    color: var(--theme-main-color)
}

.cu-notification-item__text-doc {
    margin: 0 0 0 5px
}

.cu-notification-item__text-doc .cu-notification-item__text-shared-item {
    cursor: default
}

.cu-notification-item__text-description {
    font-size: 13px;
    font-weight: 400;
    line-height: 13px;
    color: #34343466;
    margin-left: 5px;
    white-space: nowrap
}

.contrast_high .cu-notification-item__text-description {
    color: #34343480
}

.dark-theme .cu-notification-item__text-description {
    color: #828588
}

.cu-notification-item__text-description.all-resolved:not(:last-child):after {
    content: ", "
}

.cu-notification-item__text-description.all-resolved span {
    font-size: 13px;
    font-weight: 400;
    line-height: 13px;
    color: #34343466
}

.cu-notification-item__text-description_at {
    margin: 0 5px 0 0
}

.cu-notification-item__resolved {
    display: flex
}

.cu-notification-item__change-section {
    font-size: 13px;
    font-weight: 400;
    line-height: 13px;
    display: inline-flex;
    align-items: center;
    height: 21px;
    padding: 0 8px;
    border-radius: 3px;
    border: 1px solid #d5d5d5;
    color: #343434;
    margin-left: 5px;
    white-space: nowrap;
    overflow: hidden;
    background: #fff
}

.dark-theme .cu-notification-item__change-section {
    border: 1px solid #828588;
    background: #2b343b;
    color: #828588
}

.cu-notification-item__change-section.before {
    opacity: .6;
    margin-left: 20px
}

.dark-theme .cu-notification-item__change-section.before {
    opacity: .5
}

.cu-notification-item__angle-right {
    width: 8px;
    height: 20px;
    margin: 0 5px
}

.dark-theme .cu-notification-item__angle-right {
    opacity: .5
}

.cu-notification-item__status {
    margin: 0 10px
}

.cu-notification-item__status_before {
    margin-left: 20px
}

.cu-notification-item__arrow {
    width: 14px;
    height: 12px
}

.cu-notification-item__arrow .cu-fill {
    fill: #4a4f55
}

.dark-theme .cu-notification-item__arrow .cu-fill {
    fill: #828588
}

.cu-notification-item__arrow .cu-stroke {
    stroke: #4a4f55
}

.dark-theme .cu-notification-item__arrow .cu-stroke {
    stroke: #828588
}

.cu-notification-item__arrow-priority {
    margin-left: 10px
}

.cu-notification-item__divider {
    flex-grow: 1;
    min-width: 10px
}

.cu-notification-item__date {
    font-size: 12px;
    font-weight: 400;
    line-height: 1;
    text-align: right;
    color: #343434;
    opacity: .4;
    white-space: nowrap
}

.dark-theme .cu-notification-item__date {
    color: #abaeb0
}

.cu-notification-item__attachments {
    display: flex;
    flex-direction: column;
    width: 100%;
    align-items: center;
    margin-bottom: 10px
}

.cu-notification-item__attachments:last-of-type {
    margin-bottom: 0
}

.cu-notification-item__preview-link {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 30px
}

.cu-notification-item__preview-link:last-of-type {
    margin-bottom: 0
}

.cu-notification-item__text {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.cu-notification-item__link {
    color: #A2C44A;
    cursor: pointer
}

@supports (--theme-main-color: $color-purple) {
    .cu-notification-item__link {
        color:var(--theme-main-color)
    }
}

.cu-notification-item__link_subtask {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-left: 5px;
    padding-right: 5px
}

.cu-notification-item__attachments-header {
    display: flex;
    flex-direction: row;
    width: 100%;
    align-items: center
}

.cu-notification-item__icon-download {
    transition: all .2s cubic-bezier(.785,.135,.15,.86) 0s;
    height: 14px;
    width: 14px;
    margin: 0 0 0 10px;
    display: inline-block;
    opacity: 0;
    cursor: pointer;
    fill: #b7b9bb
}

.cu-notification-item__icon-download:hover {
    transition: none
}

.cu-notification-item__icon-download:hover {
    fill: #61b0d8
}

.cu-notification-item__files {
    display: flex;
    flex-direction: row;
    width: 100%;
    align-items: center;
    padding-left: 36px
}

.cu-notification-item__files:hover .cu-notification-item__icon-download {
    opacity: 1
}

.cu-notification-item__link-file {
    color: #61b0d8;
    cursor: pointer;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.cu-notification-item__preview {
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: 102px;
    max-height: 102px;
    margin: 0 10px 0 0
}

.cu-notification-item__preview a {
    max-width: 102px;
    max-height: 102px;
    margin: 0;
    position: relative
}

.cu-notification-item__preview a>img {
    display: block;
    width: auto;
    height: auto;
    max-width: 100px;
    max-height: 100px;
    flex-shrink: 0
}

.cu-notification-item__preview img {
    display: block;
    width: auto;
    height: auto;
    max-width: 100px;
    max-height: 100px;
    flex-shrink: 0
}

.cu-notification-item.due-date {
    height: auto
}

.cu-notification-item__due-date,.cu-notification-item__due-date-reschedule {
    display: flex;
    align-items: center
}

.cu-notification-item__body {
    width: 100%;
    margin: 20px 0 0
}

.cu-notification-item__added-watcher-icon {
    width: 32px;
    height: 32px;
    margin: 0 -10px 0 10px;
    border: 2px solid #fbfbfb;
    background: #d8d8d8;
    border-radius: 50%;
    position: relative
}

.cu-notification-item__values {
    margin: 0 10px;
    min-width: 0;
    word-break: break-word;
    overflow-wrap: break-word;
    word-wrap: break-word
}

.cu-notification-item__values .cu-notification-item__arrow {
    display: inline-flex;
    margin: 0 5px
}

.cu-notification-item__values .diff-insert {
    font-weight: 500
}

.cu-notification-item__values .diff-delete {
    text-decoration: line-through;
    opacity: .5
}

.cu-notification-item__old-name {
    text-decoration: line-through;
    opacity: .6
}

.dark-theme .cu-notification-item__old-name {
    color: #abaeb0
}

.cu-notification-item__new-name {
    font-weight: 400
}

.dark-theme .cu-notification-item__new-name {
    color: #abaeb0
}

.cu-notification-item__tags,.cu-notification-item .time-estimates-view {
    margin-left: 10px
}

.cu-notification-item .time-estimates-view .time-estimates-view__full-value {
    cursor: default
}

.cu-notification-item .time-tracking-notifs {
    margin-left: 10px
}

.cu-notification-item .time-tracking-notifs .cu-dropdown__toggle {
    cursor: default
}

.cu-notification-item .time-tracking-notifs .time-tracking__display-time .cu-task-info__value,.dark-theme .cu-notification-item .time-tracking-notifs .time-tracking__display-time .cu-task-info__value {
    border-bottom: none
}

.cu-notification-item__zoom {
    width: 100%;
    margin-top: 15px
}

.cu-notification-item .cu-points-estimates-display {
    margin-left: 7px
}

.cu-notification-item .cu-points-estimates-display .cu-points-estimates-display__full-value {
    cursor: default
}

.cu-notification-item__toolbar {
    display: flex;
    align-items: center
}

.cu-notification-item__toolbar .cu-comment__toolbar {
    padding: 0;
    position: relative;
    background: transparent
}

.dark-theme .cu-notification-item__toolbar .cu-comment__toolbar {
    background: transparent
}

.cu-notification-item__toolbar .cu-comment__toolbar:before {
    display: none
}

.cu-notification-item__toolbar .cu-comment__link {
    margin: 0 10px 5px
}

.cu-notification-cc__modal .cu-modal__body {
    min-height: 100px
}

.cu-notification-cc__title {
    text-align: center;
    font-size: 30px;
    margin: 40px 0
}

.dark-theme .cu-notification-cc__title {
    color: #d5d6d7
}

.cu-notification-cc__options {
    display: flex;
    justify-content: center;
    align-items: center
}

.cu-notification-cc__options .cu-btn {
    margin: 0 10px
}

notifications-settings h3 {
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 15px
}

.dark-theme notifications-settings h3 {
    color: #d5d6d7
}

notifications-settings .cu-radio__label,notifications-settings .cu-checkbox__label {
    font-size: 16px;
    font-weight: 300;
    color: #767676;
    text-transform: inherit;
    cursor: pointer
}

.dark-theme notifications-settings .cu-radio__label,.dark-theme notifications-settings .cu-checkbox__label {
    color: #abaeb0
}

notifications-settings .cu-radio__label:before,notifications-settings .cu-checkbox__label:before {
    border-color: #A2C44A;
    border: 1px solid
}

@supports (--theme-main-color: $color-purple) {
    notifications-settings .cu-radio__label:before,notifications-settings .cu-checkbox__label:before {
        border-color:var(--theme-main-color)
    }
}

notifications-settings .cu-radio {
    margin-bottom: 10px
}

notifications-settings .cu-form__row_last {
    display: flex;
    justify-content: flex-end
}

notifications-settings .cu-form__row_last button {
    width: 200px
}

@media screen and (max-width: 768px) {
    .cu-notifications {
        padding:0 0 20px
    }

    .cu-notifications__inner.cu-notifications__inner_v6 {
        padding-top: 0
    }

    .cu-notifications__header {
        flex-wrap: wrap;
        margin-top: 25px
    }

    .cu-notifications__header_v6 {
        margin-top: 0;
        padding: 0 7px 0 16px
    }

    .cu-notifications__header_v6 .cu-notifications__toggle {
        flex: 1;
        justify-content: end;
        margin: 0;
        order: 1
    }

    .cu-notifications__header_v6 .cu-notifications__toggle_filter {
        order: 0;
        margin: 0;
        justify-content: start
    }

    .cu-notifications__header_v6 .cu-notifications__toggle-item:first-child:after {
        display: none
    }

    .cu-notifications__header_v6 .cu-notifications__header-top {
        padding: 0 4px
    }

    .cu-notifications__header_v6 .cu-notifications__header-actions {
        width: calc(100% + 40px);
        margin-left: -20px;
        margin-right: -20px;
        height: 32px;
        padding: 4px 16px;
        align-items: center;
        justify-content: space-between;
        display: flex;
        border-top: 1px #e9ebf0 solid
    }

    .dark-theme .cu-notifications__header_v6 .cu-notifications__header-actions {
        border-top-color: #1e272e
    }

    .cu-notifications__header_v6 .cu-notifications__load-unseen {
        order: 0;
        display: flex;
        justify-content: center
    }

    .cu-notifications__header-top {
        width: 100%
    }

    .cu-notifications__load-unseen {
        position: relative;
        left: auto;
        transform: none;
        top: 0;
        order: 1;
        padding: 15px 0;
        width: 100%
    }

    .cu-notifications__load-unseen-shortcut {
        display: none
    }

    .cu-notification__header {
        padding: 11px 20px 5px
    }

    .cu-notification__body .cu-notification-item .meta {
        flex-wrap: wrap
    }

    .cu-notification__body .cu-notification-item .link {
        width: 100%;
        margin: 10px 0 0
    }

    .cu-notification__body .cu-notification-item .link .commit-message {
        overflow: hidden;
        text-overflow: ellipsis
    }

    .cu-notification__watcher,.cu-notification__task-minimize,.cu-notification__priority {
        display: none
    }

    .cu-notification__assignees {
        opacity: 1
    }

    .cu-notification__name {
        width: 100%;
        padding-right: 50px
    }

    .cu-notification .cu-priorities-view__icon {
        margin-left: -4px
    }

    .cu-notification-item {
        padding: 20px;
        flex-wrap: wrap
    }

    .cu-notification-item.reaction {
        flex-wrap: nowrap
    }

    .cu-notification-item.status-row {
        flex-wrap: wrap
    }

    .cu-notification-item.status-row span {
        margin: 10px 0
    }

    .cu-notification-item.status-row .cu-notification-item__text {
        margin-left: 0
    }

    .cu-notification-item.status-row .status {
        padding: 0 5px
    }

    .cu-notification-item__date {
        padding: 10px 0
    }

    .cu-notification-item__meta {
        overflow: hidden
    }

    .cu-notification-item .resolve-container {
        flex-wrap: wrap
    }

    .cu-notification-item .resolve-container .cu-comment-assignee__resolve {
        margin-left: auto
    }

    .cu-notification-item .cu-comment__aside {
        display: none
    }

    .cu-notification-item .cu-comment__body {
        max-width: 100%
    }
}

@media screen and (max-width: 1100px) {
    .cu-notifications__inner {
        padding:20px 65px 20px 12px
    }
}

.no-access__modal-text {
    font-size: 14px;
    font-weight: 400
}

.no-access__modal-text,.no-access__modal-title,.no-access__modal-btn {
    margin-top: 35px
}

.no-access__modal .cu-modal__dialog {
    width: 500px!important
}

.no-access__modal .cu-modal__body {
    text-align: center
}

.no-access__modal .cu-modal__body .icon {
    height: 48px
}

.no-access__modal .cu-modal__body button {
    width: 300px;
    margin-top: 50px
}

.no-access__modal .cu-modal__body h2 {
    color: #A2C44A;
    font-size: 24px;
    line-height: 28px
}

@supports (--theme-main-color: $color-purple) {
    .no-access__modal .cu-modal__body h2 {
        color:var(--theme-main-color)
    }
}

.no-access__modal .cu-modal__body h4 {
    font-size: 20px;
    font-weight: 300;
    color: #aeacb0
}

.no-access__modal .cu-modal__body a {
    color: #A2C44A;
    display: block;
    margin-top: 30px;
    text-decoration: underline;
    cursor: pointer
}

@supports (--theme-main-color: $color-purple) {
    .no-access__modal .cu-modal__body a {
        color:var(--theme-main-color)
    }
}

.cu-onboarding {
    display: flex;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    min-height: 100%
}

.cu-onboarding__promo-code {
    position: absolute;
    top: 2px;
    width: 400px;
    left: calc(50% - 200px);
    display: flex;
    align-items: center;
    justify-content: space-between;
    box-shadow: 0 2px 16px #0000001a;
    background-color: #fff;
    border-radius: 5px;
    padding: 10px
}

.cu-onboarding__promo-code-left {
    display: flex;
    align-items: center;
    margin-right: 15px
}

.cu-onboarding__promo-code-applied {
    font-weight: 700;
    margin-bottom: 5px;
    color: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .cu-onboarding__promo-code-applied {
        color:var(--theme-main-color)
    }
}

.cu-onboarding__promo-code-applied-desc {
    color: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .cu-onboarding__promo-code-applied-desc {
        color:var(--theme-main-color)
    }
}

.cu-onboarding__promo-code-close {
    width: 20px;
    height: 20px;
    cursor: pointer
}

.cu-onboarding__promo-code-close use {
    stroke: #aeacb0
}

.cu-onboarding .cu-form-row.eu-signup .cu-checkbox a {
    text-decoration: underline
}

.cu-onboarding .cu-form-row.eu-signup .cu-checkbox__label {
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
    text-transform: none;
    height: auto;
    margin-bottom: 10px;
    color: #343434
}

.cu-onboarding input,.cu-onboarding input:focus {
    background-color: transparent;
    box-shadow: none
}

.cu-onboarding__tour-content {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 11px;
    font-weight: 400;
    line-height: 1;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: baseline;
    min-width: 140px;
    text-align: center;
    text-transform: none
}

.cu-onboarding__tour-content-title {
    font-size: 16px;
    font-weight: 600;
    line-height: 1;
    color: #fff;
    margin-right: 20px
}

.cu-onboarding__tour-content-next {
    font-size: 13px;
    font-weight: 400;
    line-height: 1;
    color: #fff;
    text-decoration: underline;
    cursor: pointer
}

.cu-onboarding__tour-content-close {
    transition: all .2s cubic-bezier(.785,.135,.15,.86) 0s;
    position: absolute;
    width: 15px;
    height: 15px;
    right: 0;
    top: 0;
    cursor: pointer
}

.cu-onboarding__tour-content-close:hover {
    transform: rotate(180deg)
}

.cu-onboarding__tour-content-guided {
    flex-direction: column;
    align-items: center;
    margin: 10px 0;
    position: relative
}

.cu-onboarding__tour-content-guided-tips {
    font-size: 14px;
    font-weight: 100;
    line-height: 1;
    color: #fff;
    margin-bottom: 15px
}

.cu-onboarding__tour-content-guided-message {
    font-size: 16px;
    font-weight: 600;
    line-height: 1;
    color: #fff;
    width: 100%
}

.cu-onboarding__tour-content-guided-message span.cu-onboarding__tour-content-guided-message-light {
    color: #fff;
    font-weight: 100
}

.cu-onboarding__tour-content-guided-message span.cu-onboarding__tour-content-guided-message-bold {
    color: #fff;
    font-weight: bolder;
    font-size: 17px
}

.cu-onboarding__tour-content-guided-message span.semicolon {
    margin-right: 3px;
    color: #fff
}

.cu-onboarding__tour-content-wider {
    width: 280px
}

.cu-onboarding__tour-content-continue {
    transition: all .2s cubic-bezier(.785,.135,.15,.86) 0s;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    color: #fff;
    padding: 5px 10px;
    border: 1px solid #fff;
    border-radius: 5px;
    white-space: nowrap
}

.cu-onboarding__tour-content-continue:hover {
    background: #A2C44A;
    border: 1px solid #A2C44A
}

@supports (--theme-main-color-dark: $color-purple-dark) {
    .cu-onboarding__tour-content-continue:hover {
        background:var(--theme-main-color-dark)
    }
}

@supports (--user-color-theme-dark: $color-purple-dark) {
    .cu-onboarding__tour-content-continue:hover {
        border:1px solid var(--theme-main-color)
    }
}

.cu-onboarding__tour-content-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 15px
}

.cu-onboarding__tour-content-read-more {
    text-decoration: underline;
    font-size: 13px;
    margin-right: 15px;
    margin-left: 5px;
    white-space: nowrap;
    color: #fff
}

.cu-onboarding__tour-content-read-more:hover {
    text-decoration: none
}

.cu-onboarding__tour-nav {
    display: flex;
    justify-content: space-around
}

.cu-onboarding__tour-nav a {
    color: #A2C44A;
    line-height: 40px;
    text-decoration: underline
}

@supports (--theme-main-color: $color-purple) {
    .cu-onboarding__tour-nav a {
        color:var(--theme-main-color)
    }
}

.cu-onboarding__banner {
    border-color: #A2C44A;
    position: fixed;
    width: 100vw;
    height: 50px;
    line-height: 50px;
    top: 81px;
    left: 0;
    background: #fff;
    border: 1px solid;
    display: flex;
    justify-content: space-around;
    align-items: center
}

@supports (--theme-main-color: $color-purple) {
    .cu-onboarding__banner {
        border-color:var(--theme-main-color)
    }
}

.cu-onboarding__banner p {
    color: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .cu-onboarding__banner p {
        color:var(--theme-main-color)
    }
}

.cu-onboarding__banner span {
    color: #A2C44A;
    border-bottom-color: #A2C44A;
    border-bottom: 1px solid;
    cursor: pointer
}

@supports (--theme-main-color: $color-purple) {
    .cu-onboarding__banner span {
        color:var(--theme-main-color)
    }
}

@supports (--theme-main-color: $color-purple) {
    .cu-onboarding__banner span {
        border-bottom-color:var(--theme-main-color)
    }
}

.cu-onboarding__banner a {
    cursor: pointer
}

.cu-onboarding__modal.cu-modal_md .cu-modal__dialog {
    background: none;
    width: auto;
    margin: 0;
    padding: 0;
    position: absolute
}

.cu-onboarding__modal.cu-modal_md.box-data,.cu-onboarding__modal.cu-modal_md.board-data {
    top: 81px
}

.cu-onboarding__modal.cu-modal_md.box-data .cu-modal__dialog,.cu-onboarding__modal.cu-modal_md.board-data .cu-modal__dialog {
    top: 50px;
    width: 80%;
    height: 100vh
}

.cu-onboarding__modal.cu-modal_md.box-data .cu-modal__dialog .cu-modal__body,.cu-onboarding__modal.cu-modal_md.board-data .cu-modal__dialog .cu-modal__body {
    min-height: auto;
    height: 100%
}

.cu-onboarding__modal.cu-modal_md.box-data .cu-modal__dialog p,.cu-onboarding__modal.cu-modal_md.board-data .cu-modal__dialog p {
    background: #A2C44A;
    width: 100%;
    height: 50px;
    line-height: 50px;
    text-align: center;
    color: #fff;
    margin: 0 0 10px
}

@supports (--theme-main-color: $color-purple) {
    .cu-onboarding__modal.cu-modal_md.box-data .cu-modal__dialog p,.cu-onboarding__modal.cu-modal_md.board-data .cu-modal__dialog p {
        background:var(--theme-main-color)
    }
}

.cu-onboarding__modal.cu-modal_md.box-data .cu-modal__dialog p span,.cu-onboarding__modal.cu-modal_md.board-data .cu-modal__dialog p span {
    color: #fff;
    border-bottom: 1px solid #fff;
    cursor: pointer
}

.cu-onboarding__modal.cu-modal_md.box-data .cu-modal__dialog .cu-onboarding__box-data,.cu-onboarding__modal.cu-modal_md.board-data .cu-modal__dialog .cu-onboarding__box-data,.cu-onboarding__modal.cu-modal_md.box-data .cu-modal__dialog .cu-onboarding__board-data,.cu-onboarding__modal.cu-modal_md.board-data .cu-modal__dialog .cu-onboarding__board-data {
    min-width: 100%;
    min-height: 100%
}

.cu-onboarding__modal-create-category,.cu-onboarding__modal-create-subcategory,.cu-onboarding__modal-create-task,.cu-onboarding__modal-create-task-button,.cu-onboarding__modal-project-list {
    display: flex
}

.cu-onboarding__modal-create-category h2,.cu-onboarding__modal-create-category h3,.cu-onboarding__modal-create-category h4,.cu-onboarding__modal-create-category p,.cu-onboarding__modal-create-category li,.cu-onboarding__modal-create-category a,.cu-onboarding__modal-create-subcategory h2,.cu-onboarding__modal-create-subcategory h3,.cu-onboarding__modal-create-subcategory h4,.cu-onboarding__modal-create-subcategory p,.cu-onboarding__modal-create-subcategory li,.cu-onboarding__modal-create-subcategory a,.cu-onboarding__modal-create-task h2,.cu-onboarding__modal-create-task h3,.cu-onboarding__modal-create-task h4,.cu-onboarding__modal-create-task p,.cu-onboarding__modal-create-task li,.cu-onboarding__modal-create-task a,.cu-onboarding__modal-create-task-button h2,.cu-onboarding__modal-create-task-button h3,.cu-onboarding__modal-create-task-button h4,.cu-onboarding__modal-create-task-button p,.cu-onboarding__modal-create-task-button li,.cu-onboarding__modal-create-task-button a,.cu-onboarding__modal-project-list h2,.cu-onboarding__modal-project-list h3,.cu-onboarding__modal-project-list h4,.cu-onboarding__modal-project-list p,.cu-onboarding__modal-project-list li,.cu-onboarding__modal-project-list a {
    color: #fff
}

.cu-onboarding__modal-create-category h2,.cu-onboarding__modal-create-subcategory h2,.cu-onboarding__modal-create-task h2,.cu-onboarding__modal-create-task-button h2,.cu-onboarding__modal-project-list h2 {
    font-size: 22px;
    line-height: 22px;
    margin: 15px 0 7.5px
}

.cu-onboarding__modal-create-category h3,.cu-onboarding__modal-create-subcategory h3,.cu-onboarding__modal-create-task h3,.cu-onboarding__modal-create-task-button h3,.cu-onboarding__modal-project-list h3 {
    font-size: 18px;
    font-weight: 200;
    margin-top: 15px
}

.cu-onboarding__modal-create-category p,.cu-onboarding__modal-create-subcategory p,.cu-onboarding__modal-create-task p,.cu-onboarding__modal-create-task-button p,.cu-onboarding__modal-project-list p {
    line-height: 25px
}

.cu-onboarding__modal-create-category ul,.cu-onboarding__modal-create-subcategory ul,.cu-onboarding__modal-create-task ul,.cu-onboarding__modal-create-task-button ul,.cu-onboarding__modal-project-list ul {
    margin: 15px 0;
    list-style-type: disc;
    list-style-position: inside
}

.cu-onboarding__modal-create-category ul li,.cu-onboarding__modal-create-subcategory ul li,.cu-onboarding__modal-create-task ul li,.cu-onboarding__modal-create-task-button ul li,.cu-onboarding__modal-project-list ul li {
    left: -10px
}

.cu-onboarding__modal-create-task {
    width: 350px;
    position: absolute;
    bottom: 35px;
    left: -365px
}

.cu-onboarding__modal-create-task p {
    line-height: 14px;
    margin-bottom: 15px
}

.cu-onboarding__modal-create-task a {
    font-size: 18px;
    text-decoration: underline
}

.cu-onboarding__modal-create-task .cu-icon {
    height: 55px;
    width: 75px;
    position: absolute;
    right: 0;
    bottom: -20px
}

.cu-onboarding__expose {
    z-index: 1001;
    position: relative
}

.cu-onboarding__expose-tour {
    z-index: 1001;
    position: relative;
    pointer-events: none
}

.cu-onboarding__sidebar {
    width: 43%;
    min-height: 100%;
    min-width: 350px;
    position: relative;
    background: #A2C44A;
    display: flex;
    flex-shrink: 0
}

.cu-onboarding__sidebar:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to right,#8930fd,#49ccf9)
}

@media screen and (max-width: 992px) {
    .cu-onboarding__sidebar {
        display:none
    }
}

.cu-onboarding__sidebar-container {
    max-width: 80%;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    position: relative;
    z-index: 2
}

.cu-onboarding__sidebar-container.signup-container .cu-onboarding__sidebar-content {
    width: 320px
}

.cu-onboarding__sidebar-logo {
    width: 138px;
    height: 36px;
    position: absolute;
    top: 25px;
    left: 30px;
    background: url(clickup_white.951fa2637638d7fb.svg) top center/contain no-repeat transparent
}

.cu-onboarding__sidebar-content {
    margin: 100px 0 130px;
    width: 264px
}

.cu-onboarding__sidebar-content.signup-sidebar-content {
    margin: 60px 0 130px
}

.cu-onboarding__sidebar-content.login-sidebar-content {
    width: 300px
}

.cu-onboarding__sidebar-content.login-sidebar-content .login-sidebar-header {
    font-size: 21px
}

.cu-onboarding__sidebar-content_top {
    flex: 1 100%;
    margin-top: 30%
}

.cu-onboarding__sidebar-comingsoon {
    font-size: 12px;
    font-weight: 500;
    line-height: 20px;
    display: inline-flex;
    align-items: center;
    height: 20px;
    padding: 0 6px;
    border: 1px solid #c55aa6;
    border-radius: 2px;
    background-color: #ff6eaf;
    margin-bottom: 10px;
    color: #fff;
    text-shadow: 0 1px 0 #c55aa6;
    text-transform: uppercase;
    text-align: center
}

.cu-onboarding__sidebar-comingsoon_hidden {
    visibility: hidden
}

.cu-onboarding__sidebar-header {
    font-size: 24px;
    font-weight: 400;
    line-height: 32px;
    color: #fff;
    margin-bottom: 15px
}

.cu-onboarding__sidebar-header.signup-header {
    width: 260px;
    font-size: 30px
}

.cu-onboarding__sidebar-comingsoon-img img {
    display: block;
    width: 100%
}

.cu-onboarding__header-image_email-code {
    margin-bottom: 40px;
    width: 203px;
    height: 139px
}

.cu-onboarding__header-image_phone-code {
    margin: -100px 0 40px;
    width: 116px;
    height: 194px
}

@media screen and (max-width: 992px) {
    .cu-onboarding__header-image_phone-code {
        margin:-50px auto;
        display: block;
        transform: scale(.45)
    }
}

.cu-onboarding__header-login_icon {
    width: 121px;
    height: 99px;
    margin: 0 auto
}

.cu-onboarding__progress-container {
    position: absolute;
    left: calc(50% - 4px);
    top: 50%;
    transform: translateY(-50%);
    width: 8px
}

.cu-onboarding__progress-dot {
    background: #A2C44A;
    height: 8px;
    width: 8px;
    border-radius: 4px;
    margin: 0 0 14px
}

@supports (--theme-main-color-dark: $color-purple-dark) {
    .cu-onboarding__progress-dot {
        background:var(--theme-main-color-dark)
    }
}

.cu-onboarding__progress-dot.active {
    background: #fff
}

.cu-onboarding__container {
    width: 500px;
    margin: 0 0 0 50px;
    padding: 0 0 100px;
    background: #fff
}

.cu-onboarding__container-login {
    width: auto;
    flex: 1 100%;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: relative
}

@media screen and (max-width: 992px) {
    .cu-onboarding__container-login {
        justify-content:flex-start
    }

    .cu-onboarding__container-login:before {
        content: "";
        display: block;
        width: 177px;
        height: 40px;
        background: url(/assets/images/brand/clickup_color.svg) center/contain no-repeat;
        margin: 35px auto 0
    }
}

.cu-onboarding .log-in-button-text {
    position: relative
}

.cu-onboarding__content-login {
    width: 580px;
    min-height: 500px;
    margin: 0 auto;
    padding: 40px
}

@media screen and (max-width: 992px) {
    .cu-onboarding__content-login {
        padding:15px;
        width: 100%;
        max-width: 530px
    }
}

.cu-onboarding__logo {
    height: 150px;
    width: 45%;
    background: url(logo20171213.8c303798e6742ab7.svg) center center/contain no-repeat transparent;
    margin: 0 0 50px
}

.cu-onboarding__header {
    font-size: 24px;
    font-weight: 400;
    line-height: 50px;
    margin: 0 0 15px;
    color: #343434
}

@media screen and (max-width: 992px) {
    .cu-onboarding__header {
        text-align:center
    }
}

@media screen and (max-width: 992px) {
    .cu-onboarding__header_2fa {
        font-size:18px;
        font-weight: 400;
        line-height: 28px;
        margin: 10px auto;
        max-width: 215px
    }
}

.cu-onboarding__header-link {
    color: #A2C44A;
    position: relative
}

.cu-onboarding__header-link:hover {
    color: #A2C44A
}

.cu-onboarding__header-link:hover:after {
    background: #A2C44A
}

.cu-onboarding__header-link:after {
    content: "";
    display: block;
    position: absolute;
    transition: all .2s cubic-bezier(.785,.135,.15,.86) 0s;
    bottom: 1px;
    left: 0;
    width: 100%;
    height: 1px;
    background: #A2C44A
}

.cu-onboarding__header-or {
    color: #d2d0d5
}

.cu-onboarding__subheader {
    font-weight: 400;
    color: #aeacb0;
    height: 25px;
    font-size: 16px;
    line-height: 18px
}

.cu-onboarding__subheader-dark {
    font-size: 18px;
    line-height: 18px
}

.cu-onboarding__subheader a {
    color: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .cu-onboarding__subheader a {
        color:var(--theme-main-color)
    }
}

.cu-onboarding__subheader .having-trouble {
    border-bottom: 1px dotted
}

.cu-onboarding__subheader b {
    color: #343434
}

.cu-onboarding__form {
    margin-top: 30px
}

@media screen and (max-width: 992px) {
    .cu-onboarding__form {
        margin-top:10px
    }
}

.cu-onboarding__form .cu-form__input {
    padding: 16px 20px 16px 0;
    caret-color: #343434
}

.dark-theme .cu-onboarding__form .cu-form__input {
    caret-color: #d5d6d7
}

.cu-onboarding__form .cu-form__input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 30px #fff inset;
    -webkit-transition: none;
    transition: none
}

@media screen and (max-width: 544px) and (max-width: 544px) {
    .cu-onboarding__form .cu-form__input-pwd {
        margin-right:60px
    }
}

.dark-theme .cu-onboarding__form .cu-form__field {
    border-bottom: 1px solid #828588
}

.cu-onboarding__form .cu-form__error {
    position: absolute;
    margin-top: 3px
}

.cu-onboarding__form .cu-form__error-text {
    margin: 0;
    font-size: 10px
}

.cu-onboarding__form .validate-code {
    margin: 0
}

.cu-onboarding__form .validate-code .cu-modal__bounce {
    color: #e54b4b
}

.cu-onboarding__form .validate-code.cu-form__row_error .validate-field {
    border-bottom: 1px solid transparent
}

.cu-onboarding__form .validate-code.cu-form__row_error .validate-input {
    border-bottom: 2px solid #de2828
}

.cu-onboarding__form .validate-code .cu-form__label {
    color: #222
}

.dark-theme .cu-onboarding__form .validate-code .cu-form__label {
    color: #d5d6d7
}

.cu-onboarding__form .validate-field,.dark-theme .cu-onboarding__form .validate-field {
    border-bottom: 1px solid transparent
}

.cu-onboarding__form .validate-input {
    margin: 10px 8% 0 0;
    padding: 0 0 10px;
    font-size: 72px;
    border-bottom: 2px solid #e4e4e4;
    text-align: center;
    color: #343434;
    font-weight: 300;
    width: 19%
}

.dark-theme .cu-onboarding__form .validate-input {
    color: #d5d6d7;
    border-bottom: 2px solid #828588
}

.cu-onboarding .cu-onboarding__form .validate-input {
    border-bottom: 2px solid #e4e4e4;
    color: #343434
}

.cu-onboarding__form .validate-input:focus {
    border-bottom: 2px solid #828588
}

.dark-theme .cu-onboarding__form .validate-input:focus {
    border-bottom: 2px solid #e4e4e4
}

.cu-onboarding .cu-onboarding__form .validate-input:focus {
    border-bottom: 2px solid #828588
}

.cu-onboarding__form .validate-input:last-child {
    margin-right: 0
}

.cu-onboarding__form_totp .validate-input {
    margin-right: 4%;
    width: 13%
}

.cu-onboarding__form .highlight input[type=text] {
    background: #cfdae3
}

.cu-onboarding__form .cu-btn.cu-btn_spinner {
    background: none;
    position: relative;
    border: none!important
}

.cu-onboarding__form .cu-btn.cu-btn_spinner:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to right,#8930fd,#49ccf9);
    border-radius: 5px;
    background-size: 250% 250%;
    animation: toast-app-has-been-upgraded 5s ease infinite
}

.cu-onboarding__form .cu-btn.cu-btn_sso {
    font-size: 15px;
    font-weight: 500;
    line-height: 1;
    background: #A2C44A;
    border: 1px solid #A2C44A;
    text-shadow: none;
    box-shadow: 0 1px 5px #00000047;
    height: 65px;
    color: #fff;
    margin-top: 20px
}

.cu-onboarding__form .cu-btn.cu-btn_sso:hover {
    background: #A2C44A;
    border: 1px solid #A2C44A
}

.cu-onboarding__form .cu-btn.cu-btn_sso .cu-btn__text {
    display: flex;
    align-items: center;
    justify-content: center
}

.cu-onboarding__form .cu-btn.cu-btn_sso .cu-btn__text-logo {
    width: 22px;
    height: 22px;
    margin-right: 10px
}

.cu-onboarding__form .cu-btn.cu-btn_sso .cu-btn__text-check {
    width: 20px;
    height: 20px;
    margin-left: 10px;
    stroke: #67cb48
}

.cu-onboarding__form-warning {
    font-size: 14px;
    font-weight: 400;
    line-height: 1.4;
    background: #fffee4;
    padding: 11px;
    border-radius: 4px;
    color: #e8a943;
    display: flex;
    margin-bottom: 25px
}

.cu-onboarding__form-warning--invalid-sso {
    background: #d9edfb
}

.cu-onboarding__form-warning-icon {
    width: 12px;
    height: 12px;
    margin-top: 2px;
    margin-right: 5px
}

.cu-onboarding__form-warning-icon use {
    fill: #e8a943
}

.cu-onboarding__form-warning-link {
    color: #A2C44A;
    transition: all .2s cubic-bezier(.785,.135,.15,.86) 0s;
    text-decoration: underline
}

@supports (--theme-main-color: $color-purple) {
    .cu-onboarding__form-warning-link {
        color:var(--theme-main-color)
    }
}

.cu-onboarding__form-warning-link:hover {
    color: #A2C44A
}

@supports (--theme-main-color-dark: $color-purple-dark) {
    .cu-onboarding__form-warning-link:hover {
        color:var(--theme-main-color-dark)
    }
}

.cu-onboarding__no-token {
    font-size: 18px
}

.cu-onboarding__no-token a {
    color: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .cu-onboarding__no-token a {
        color:var(--theme-main-color)
    }
}

.cu-onboarding__password-changed {
    text-align: center
}

.cu-onboarding__recover {
    margin-top: 30px;
    font-size: 26px;
    color: #343434;
    text-align: center
}

.cu-onboarding__label {
    font-size: 14px;
    font-weight: 300;
    color: #aeacb0;
    text-transform: none;
    margin: 0 auto
}

.cu-onboarding__form-label {
    font-size: 12px;
    font-weight: 500;
    line-height: 1;
    color: #343434;
    position: relative;
    display: block;
    margin: 0
}

.cu-onboarding__user_icon,.cu-onboarding__envelope_icon,.cu-onboarding__lock_icon {
    width: 20px;
    height: 20px;
    margin-right: 10px;
    fill: #b9bec7
}

.cu-onboarding__team-prompt,.cu-onboarding__join-team,.cu-onboarding__invite-expired {
    display: flex;
    flex-direction: column;
    text-align: center
}

.cu-onboarding__team-prompt-modal .cu-modal__dialog,.cu-onboarding__join-team-modal .cu-modal__dialog,.cu-onboarding__invite-expired-modal .cu-modal__dialog {
    width: 375px!important
}

.cu-onboarding__team-prompt-modal .cu-modal__dialog .cu-modal__header,.cu-onboarding__join-team-modal .cu-modal__dialog .cu-modal__header,.cu-onboarding__invite-expired-modal .cu-modal__dialog .cu-modal__header {
    display: none
}

.cu-onboarding__team-prompt-text,.cu-onboarding__team-prompt-link,.cu-onboarding__join-team-text,.cu-onboarding__join-team-link,.cu-onboarding__invite-expired-text,.cu-onboarding__invite-expired-link {
    color: #aeacb0;
    margin: 20px 0
}

.cu-onboarding__team-prompt-text:last-of-type,.cu-onboarding__team-prompt-link:last-of-type,.cu-onboarding__join-team-text:last-of-type,.cu-onboarding__join-team-link:last-of-type,.cu-onboarding__invite-expired-text:last-of-type,.cu-onboarding__invite-expired-link:last-of-type {
    margin: 0
}

.cu-onboarding__team-prompt-link,.cu-onboarding__join-team-link,.cu-onboarding__invite-expired-link {
    color: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .cu-onboarding__team-prompt-link,.cu-onboarding__join-team-link,.cu-onboarding__invite-expired-link {
        color:var(--theme-main-color)
    }
}

.cu-onboarding__team-prompt .cu-icon,.cu-onboarding__team-prompt-logo,.cu-onboarding__join-team .cu-icon,.cu-onboarding__join-team-logo,.cu-onboarding__invite-expired .cu-icon,.cu-onboarding__invite-expired-logo {
    font-size: 48px;
    font-weight: 500;
    line-height: 1;
    width: 150px;
    height: 150px;
    margin: 0 auto
}

.cu-onboarding__team-prompt button.cu-btn,.cu-onboarding__join-team button.cu-btn,.cu-onboarding__invite-expired button.cu-btn {
    margin: 0 auto;
    min-width: 300px
}

.cu-onboarding__join-team {
    justify-content: space-around;
    max-width: 1250px;
    padding: 0 10px
}

.cu-onboarding__join-team-modal .cu-modal__dialog {
    width: 510px!important
}

.cu-onboarding__join-team-email-warning {
    font-size: 20px
}

.cu-onboarding__join-team-email-warning span {
    font-size: 20px;
    color: #d16464;
    text-decoration: underline;
    cursor: pointer
}

.cu-onboarding__join-team-title {
    font-size: 30px;
    font-weight: 500;
    line-height: 40px;
    margin: 40px 20px 10px
}

.cu-onboarding__join-team-title_error {
    font-size: 24px;
    font-weight: 500;
    line-height: 40px
}

.cu-onboarding__join-team button.cu-btn {
    margin: 40px 30px 30px;
    padding: 10px 30px;
    min-width: 300px;
    min-height: 64px;
    height: auto;
    line-height: 1.6;
    position: relative;
    background-color: transparent;
    border: none
}

.cu-onboarding__join-team button.cu-btn:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to right,#8930fd,#49ccf9);
    border-radius: 5px;
    background-size: 250% 250%;
    animation: toast-app-has-been-upgraded 5s ease infinite
}

.cu-onboarding__join-team .cu-avatar-team_empty {
    display: none
}

.cu-onboarding__invite-expired-modal .cu-modal__dialog {
    width: 500px!important
}

.cu-onboarding__invite-expired-modal .cu-modal__dialog .cu-modal__title {
    font-size: 28px
}

.cu-onboarding__invite-expired-modal .cu-modal__dialog .cu-modal__controls {
    position: absolute;
    top: 15px;
    right: 15px
}

.cu-onboarding__invite-expired-modal .cu-modal__dialog .cu-modal__header {
    display: block;
    text-align: center
}

.cu-onboarding__invite-expired-modal .cu-modal__dialog .cu-modal__body {
    min-height: auto
}

.cu-onboarding__invite-expired-modal h1 {
    text-align: center;
    margin-top: 20px;
    font-size: 24px
}

.cu-onboarding__input-icon {
    height: 40px;
    width: 15px;
    margin-right: 7px
}

.cu-onboarding__footnote {
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
    color: #a4a5a5;
    margin: 20px -10px -13px;
    text-align: center
}

.cu-onboarding__footnote a {
    color: #a4a5a5;
    text-decoration: underline
}

.cu-onboarding__footnote.validate-code {
    margin: 10px 0 0
}

.cu-onboarding__footer-link {
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    display: inline-block;
    color: #343434;
    margin: 25px 0 0;
    padding: 0
}

.cu-onboarding__footer-link a {
    color: #A2C44A;
    cursor: pointer
}

.cu-onboarding__footer-link a:hover {
    color: #A2C44A
}

.cu-onboarding__footer-link .having-trouble {
    border-bottom: 1px dotted
}

.cu-onboarding__footer-link.last {
    padding: 0 0 0 15px;
    border-left: 1px solid #aeacb0
}

.cu-onboarding__footer-link.center {
    width: 100%;
    text-align: center
}

.cu-onboarding .cu-status-badge-list__open,.cu-onboarding .cu-status-badge-list__closed {
    height: 56px
}

.cu-forgot-pwd {
    text-align: center;
    margin: 15px 0 0
}

.cu-forgot-pwd__link {
    font-size: 14px;
    font-weight: 400;
    text-decoration: none;
    color: #222222b3
}

.onboarding__header {
    font-size: 24px;
    font-weight: 400;
    line-height: 50px;
    margin: 0 0 15px;
    color: #343434
}

@media screen and (max-width: 992px) {
    .onboarding__header {
        text-align:center
    }
}

@keyframes toast-app-has-been-upgraded {
    0% {
        background-position: 10% 0
    }

    50% {
        background-position: 91% 100%
    }

    to {
        background-position: 10% 0
    }
}

@media screen and (max-width: 768px) {
    .cu-onboarding__content-login .cu-onboarding__header-image_email-code {
        display:block;
        margin: 0 auto;
        transform: scale(.7)
    }

    .cu-onboarding__content-login .cu-onboarding__header {
        line-height: 2
    }

    .cu-onboarding__content-login .cu-onboarding__form .validate-input {
        font-size: 50px
    }
}

.cu-panel-board__placeholder {
    border-radius: 3px;
    background: #fff;
    box-shadow: 0 1px 2px #0000000f;
    cursor: pointer;
    border: 1px solid transparent;
    position: relative;
    z-index: 1
}

.cu-panel-board__placeholder.add-task__placeholder {
    order: 3;
    background: transparent;
    box-shadow: none
}

.contrast_high .cu-panel-board__placeholder {
    color: #34343466;
    box-shadow: none
}

.dark-theme .cu-panel-board__placeholder {
    background: transparent;
    color: #828588
}

.cu-panel-board__placeholder:hover {
    color: #A2C44A;
    box-shadow: none
}

@supports (--theme-main-color: $color-purple) {
    .cu-panel-board__placeholder:hover {
        color:var(--theme-main-color)
    }
}

.contrast_high .cu-panel-board__placeholder:hover {
    box-shadow: none
}

.dark-theme .cu-panel-board__placeholder:hover {
    background: transparent
}

.cu-panel-board {
    margin: 6px 0 6px 6px;
    border-radius: 3px;
    background: #fff;
    box-shadow: 0 1px 2px 1px #0000000f;
    cursor: pointer;
    position: relative
}

.cu-panel-board.cdk-drag-placeholder {
    opacity: .5
}

@-moz-document url-prefix() {
    .cu-panel-board {
        margin-right: 10px
    }
}

.cu-panel-board.add-task {
    order: 3;
    padding: 0 0 0 10px;
    margin-top: 10px;
    background: transparent;
    box-shadow: none;
    cursor: default
}

.contrast_high .cu-panel-board.add-task {
    color: #34343466;
    box-shadow: none
}

.dark-theme .cu-panel-board.add-task {
    background: transparent;
    color: #828588
}

.cu-panel-board.add-task:hover {
    color: #A2C44A;
    box-shadow: none
}

@supports (--theme-main-color: $color-purple) {
    .cu-panel-board.add-task:hover {
        color:var(--theme-main-color)
    }
}

.contrast_high .cu-panel-board.add-task:hover {
    box-shadow: none
}

.dark-theme .cu-panel-board.add-task:hover {
    background: transparent
}

.cu-panel-board.add-task .add-task__link {
    transition: all .2s cubic-bezier(.785,.135,.15,.86) 0s;
    font-size: 13px;
    color: #d2d0d5;
    cursor: pointer;
    display: inline-block
}

.contrast_high .cu-panel-board.add-task .add-task__link {
    color: #34343466
}

.dark-theme .cu-panel-board.add-task .add-task__link {
    color: #828588
}

.cu-panel-board.add-task .add-task__link:hover {
    color: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .cu-panel-board.add-task .add-task__link:hover {
        color:var(--theme-main-color)
    }
}

.cu-panel-board .cu-nav-section__color {
    margin: 0 3px 0 0;
    width: 10px;
    height: 10px
}

.cu-panel-board.lv-task_selected .cu-panel-board__toggle {
    display: block
}

.cu-panel-board.lv-task_selected .cu-panel-board__toggle-marker:after {
    opacity: 1
}

.contrast_high .cu-panel-board {
    box-shadow: 0 1px 2px #0000004d
}

.dark-theme .cu-panel-board {
    background: #2b343b
}

.cu-panel-board .cu-dashboard-board-card__features {
    margin-top: 1px
}

.cu-panel-board:hover,.cu-panel-board.cu-panel-board_hover-state {
    z-index: 10
}

.cu-panel-board:hover .cu-dashboard-board-card__task,.cu-panel-board.cu-panel-board_hover-state .cu-dashboard-board-card__task {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.cu-panel-board:hover .cu-dashboard-board-card__features,.cu-panel-board.cu-panel-board_hover-state .cu-dashboard-board-card__features {
    display: flex
}

.cu-panel-board:hover .cu-dashboard-board-card__features:after,.cu-panel-board.cu-panel-board_hover-state .cu-dashboard-board-card__features:after {
    display: none
}

.dark-theme .cu-panel-board:hover .cu-dashboard-board-card__features,.dark-theme .cu-panel-board.cu-panel-board_hover-state .cu-dashboard-board-card__features {
    background-color: #1e272e
}

.cu-panel-board:hover .cu-panel-board__mover,.cu-panel-board.cu-panel-board_hover-state .cu-panel-board__mover {
    background: #f8f8f8
}

.dark-theme .cu-panel-board:hover .cu-panel-board__mover,.dark-theme .cu-panel-board.cu-panel-board_hover-state .cu-panel-board__mover {
    background: #384047
}

.cu-panel-board:hover .cu-panel-board__mover:before,.cu-panel-board.cu-panel-board_hover-state .cu-panel-board__mover:before {
    background: #f8f8f8
}

.dark-theme .cu-panel-board:hover .cu-panel-board__mover:before,.dark-theme .cu-panel-board.cu-panel-board_hover-state .cu-panel-board__mover:before {
    background: #384047
}

.cu-panel-board:hover .due-date_board-view .cu-user-group__item_due-date,.cu-panel-board.cu-panel-board_hover-state .due-date_board-view .cu-user-group__item_due-date,.cu-panel-board:hover .cu-dashboard-board__collapse-icon,.cu-panel-board:hover .cu-panel-board__quick-action-ellipsis,.cu-panel-board:hover .cu-panel-board__toggle,.cu-panel-board.cu-panel-board_hover-state .cu-dashboard-board__collapse-icon,.cu-panel-board.cu-panel-board_hover-state .cu-panel-board__quick-action-ellipsis,.cu-panel-board.cu-panel-board_hover-state .cu-panel-board__toggle {
    display: block
}

.cu-panel-board:hover .cu-panel-board__header-users_unassigned .cu-user-group,.cu-panel-board.cu-panel-board_hover-state .cu-panel-board__header-users_unassigned .cu-user-group {
    opacity: 1
}

.cu-panel-board .cu-panel-board_loader:hover {
    margin: 6px 10px 6px 6px
}

.cu-panel-board.lv-task_selected,.cu-panel-board.lv-section_selected {
    border-color: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .cu-panel-board.lv-task_selected,.cu-panel-board.lv-section_selected {
        border-color:var(--theme-main-color)
    }
}

.cu-panel-board.lv-task_selected .cu-panel-board__toggle,.cu-panel-board.lv-section_selected .cu-panel-board__toggle {
    display: block
}

.cu-panel-board.lv-task_selected .cu-panel-board__toggle-marker:after,.cu-panel-board.lv-section_selected .cu-panel-board__toggle-marker:after {
    opacity: 1
}

.dark-theme .cu-panel-board_hover-state {
    background: #384047
}

.cu-panel-board_hover-state-add {
    background: #fff
}

.cu-panel-board_hover-state .priority-select {
    display: flex!important
}

.cu-panel-board_hover-state .due-date_board-view .cu-user-group__item_due-date {
    display: block
}

.cu-panel-board__toggle {
    cursor: pointer;
    position: relative;
    margin-right: 6px;
    margin-left: 10px
}

.cu-panel-board__toggle-marker {
    width: 16px;
    height: 16px;
    border-radius: 50%;
    border: 1px solid #dbdbdb;
    background: #fff;
    box-sizing: border-box
}

.dark-theme .cu-panel-board__toggle-marker {
    border: 1px solid #858585;
    background: #abaeb0
}

.cu-panel-board__toggle-marker:after {
    content: "";
    display: block;
    position: absolute;
    background: #A2C44A;
    opacity: 0;
    top: 3px;
    left: 3px;
    width: 10px;
    height: 10px;
    border-radius: 50%
}

@supports (--theme-main-color: $color-purple) {
    .cu-panel-board__toggle-marker:after {
        background:var(--theme-main-color)
    }
}

.cu-panel-board__sort-item {
    font-weight: 500
}

.cu-panel-board__rename-icon use {
    stroke: #979797
}

.cu-panel-board__task {
    order: 2;
    -moz-user-select: none
}

.cu-panel-board__task.cu-panel-board_hover-state+.cu-panel-board__task {
    opacity: .5
}

.cdk-drop-list-dragging .cu-panel-board__task.cu-panel-board_hover-state+.cu-panel-board__task {
    opacity: 1
}

.cu-panel-board__task.cu-panel-board__pending-task {
    opacity: .6;
    position: relative
}

.cu-panel-board__task.cu-panel-board__pending-task .disable-board-task {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.cu-panel-board__subtasks:hover {
    position: relative;
    z-index: 6;
    background-color: #fff
}

.dark-theme .cu-panel-board__subtasks:hover {
    background-color: #2b343b
}

.cu-panel-board__subtasks-loader {
    margin-top: 30px;
    display: block
}

.cu-panel-board__subtasks-item {
    display: flex;
    align-items: center;
    padding: 10px;
    border-top: 1px solid #eeefef;
    animation: fadeIn .2s forwards
}

.cu-panel-board__subtasks-item .due-date_subtask-view .cu-dropdown__toggle .cu-user-group_due-date .cu-user-group__item_due-date {
    display: block
}

.contrast_high .cu-panel-board__subtasks-item {
    border-top: 1px solid #dedede
}

.dark-theme .cu-panel-board__subtasks-item {
    border-top: 1px solid #1e272e
}

.cu-panel-board__subtasks-item-edit {
    word-break: break-word;
    overflow-wrap: break-word;
    word-wrap: break-word;
    -webkit-hyphens: auto;
    hyphens: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 12px;
    font-weight: 400;
    line-height: 1.3;
    position: relative;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    flex: 1 0 0
}

.cu-panel-board__subtasks-item-edit>*,.cu-panel-board__subtasks-item-edit .cu-tags-view__container-list {
    margin: 0 2.5px 5px
}

.cu-panel-board__subtasks-item-edit .cu-priorities-view__icon-select {
    width: 24px!important;
    height: 24px!important
}

.cu-panel-board__subtasks-item-edit .due-date_subtask-view_container {
    height: auto
}

.cu-panel-board__subtasks-item-edit.subtask-add-edit .cu-priorities-view .cu-stroke {
    stroke: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .cu-panel-board__subtasks-item-edit.subtask-add-edit .cu-priorities-view .cu-stroke {
        stroke:var(--theme-main-color)
    }
}

.cu-panel-board__subtasks-item-edit.subtask-add-edit .cu-priorities-view .cu-priorities-view__item.priority-select,.cu-panel-board__subtasks-item-edit.subtask-add-edit .task-todo-item_add-duedate {
    display: flex
}

.cu-panel-board__subtasks-item-edit.subtask-add-edit .cu-user-group .cu-user-group__item.cu-user-group__item_due-date .icon {
    width: 24px;
    height: 24px
}

.cu-panel-board__subtasks-item:hover .cu-panel-board__subtasks-ellipsis {
    display: block
}

.cu-panel-board__subtasks-item .cu-panel-board__quick-action .cu-dropdown_open .cu-panel-board__subtasks-ellipsis {
    fill: #A2C44A;
    display: block
}

@supports (--theme-main-color: $color-purple) {
    .cu-panel-board__subtasks-item .cu-panel-board__quick-action .cu-dropdown_open .cu-panel-board__subtasks-ellipsis {
        fill:var(--theme-main-color)
    }
}

.cu-panel-board__subtasks-item-name {
    padding-right: 4px
}

.cu-panel-board__subtasks-item__content {
    display: inline-block;
    width: 14px;
    height: 14px;
    margin: 0 4px -2px 0;
    stroke: #cccdde;
    cursor: pointer
}

.contrast_high .cu-panel-board__subtasks-item__content {
    stroke: #979797
}

.cu-panel-board__subtasks-item__attachments {
    display: inline-block;
    width: 14px;
    height: 14px;
    margin: 0 4px -2px 0;
    fill: #cccdde
}

.contrast_high .cu-panel-board__subtasks-item__attachments {
    fill: #979797
}

.cu-panel-board__subtasks-item .cu-task-row-date-picker:after {
    display: none
}

.cu-panel-board__subtasks-ellipsis {
    cursor: pointer;
    display: none;
    fill: #dbdbdb;
    width: 18px;
    height: 18px;
    padding: 1px;
    margin-left: 4px
}

.contrast_high .cu-panel-board__subtasks-ellipsis {
    fill: #979797
}

.cu-panel-board__subtasks-ellipsis:hover {
    fill: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .cu-panel-board__subtasks-ellipsis:hover {
        fill:var(--theme-main-color)
    }
}

.cu-panel-board__show-subtasks {
    color: #A2C44A;
    background: #fbfbfb;
    padding: 12px 0 12px 15px;
    border-top: 1px solid #eeefef
}

@supports (--theme-main-color: $color-purple) {
    .cu-panel-board__show-subtasks {
        color:var(--theme-main-color)
    }
}

.dark-theme .cu-panel-board__show-subtasks {
    background: #384047;
    border-top: 1px solid #1e272e
}

.cu-panel-board.cu-panel-board_hover-state .cu-panel-board__features {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.cu-panel-board__not-clickable {
    pointer-events: none
}

.cu-panel-board__header {
    display: flex;
    flex-direction: column
}

.cu-panel-board__header-container {
    padding: 7px 10px 2px;
    min-width: 0;
    flex-grow: 1
}

.cu-panel-board__header-options {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-shrink: 0;
    margin-left: 15px
}

.cu-panel-board__header-options .cu-panel-board__quick-action {
    display: flex
}

.cu-panel-board__header-options .cu-dashboard-board__collapse-icon {
    transform: rotate(-180deg);
    display: none;
    cursor: pointer
}

.cu-panel-board__header-hierarchy {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: flex;
    align-items: center;
    margin: 0 0 7px
}

.cu-panel-board__header-hierarchy-list {
    display: flex;
    align-items: center;
    min-width: 0
}

.cu-panel-board__header-priority-icon {
    width: 16px;
    height: 16px;
    margin-right: 8px
}

.cu-panel-board__header-tags {
    display: flex;
    flex-wrap: wrap;
    min-width: 0
}

.cu-panel-board__header-tags .cu-tags-badge {
    margin: 2px 0
}

.cu-panel-board__header-users {
    margin: -2px -2px -7px 2px
}

.cu-panel-board__header-users_unassigned .cu-user-group {
    opacity: 0
}

.cu-panel-board__header-users_unassigned .cu-dropdown_open .cu-user-group {
    opacity: 1
}

.cu-panel-board__header-assignee {
    display: flex;
    align-items: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 13px;
    font-weight: 500;
    line-height: 1.3;
    margin: 0 15px 0 0;
    color: #544d61
}

.dark-theme .cu-panel-board__header-assignee {
    color: #abaeb0
}

.cu-panel-board__header-assignee-label {
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 12px;
    font-weight: 500;
    line-height: 1;
    color: #292d34;
    white-space: nowrap;
    margin-left: 5px
}

.dark-theme .cu-panel-board__header-assignee-label {
    color: #d5d6d7
}

.cu-panel-board__sort {
    margin: 0 10px;
    min-height: 15px;
    display: flex;
    align-items: center;
    flex-wrap: wrap
}

.cu-view-embed .cu-panel-board__sort {
    margin-left: 0
}

.cu-panel-board__sort-label {
    font-size: 12px;
    margin-top: 1px;
    margin-right: 5px;
    font-weight: 300
}

.dark-theme .cu-panel-board__sort-label {
    color: #abaeb0
}

.cu-panel-board__sort-type {
    color: #A2C44A;
    font-size: 11px;
    display: flex;
    align-items: center;
    cursor: pointer;
    height: 34px
}

@supports (--theme-main-color: $color-purple) {
    .cu-panel-board__sort-type {
        color:var(--theme-main-color)
    }
}

.cu-panel-board__sort-type:not(:last-child) {
    margin-right: 7px
}

.cu-panel-board__sort-type .sortable__dir {
    margin: 0 0 0 3px
}

.cu-panel-board__sort-close {
    width: 13px;
    height: 13px;
    margin-right: 3px
}

.cu-panel-board__sort-close:hover {
    width: 15px;
    height: 15px;
    margin-right: 2px;
    margin-left: -1px
}

.cu-panel-board__header-status {
    justify-content: space-between;
    flex-direction: row
}

.cu-panel-board__status-info {
    display: flex;
    align-items: center;
    -webkit-user-select: none;
    user-select: none;
    position: relative;
    min-width: 0
}

.cu-panel-board__subcategory {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 10px;
    font-weight: 300;
    line-height: 1.2;
    color: #544d61
}

.dark-theme .cu-panel-board__subcategory {
    color: #828588
}

.cu-panel-board__subcategory .board-list-color {
    flex-shrink: 0;
    width: 8px;
    height: 8px;
    margin: 1px 3px 0 0;
    border-radius: 50%;
    float: left
}

.cu-panel-board__subcategory.space-project {
    margin-right: 3px
}

.cu-panel-board__subcategory div {
    font-size: 12px
}

.cu-panel-board__subcategory-chevron {
    flex-shrink: 0;
    width: 10px;
    height: 6px;
    stroke: transparent;
    fill: #7c828d
}

.dark-theme .cu-panel-board__subcategory-chevron {
    fill: #828588
}

.cu-panel-board_add.cu-panel-board_add--row .cu-panel-board__subcategory-chevron {
    transition: transform .2s cubic-bezier(.785,.135,.15,.86) 0s;
    width: 12px;
    height: 10px;
    transform: rotate(90deg);
    margin-left: 5px
}

.cu-panel-board_add.cu-panel-board_add--row .cu-dropdown_open .cu-panel-board__subcategory-chevron {
    transform: rotate(270deg)
}

.cu-panel-board__main-title {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 13px;
    font-weight: 500;
    line-height: 1.3;
    margin: 0 15px 0 0;
    color: #544d61;
    text-transform: uppercase
}

.dark-theme .cu-panel-board__main-title {
    color: #abaeb0
}

.cu-panel-board__main-title.board-group-due-date {
    text-transform: none
}

.cu-panel-board__title {
    margin: 0;
    color: #544d61;
    font-size: 0;
    position: relative
}

.cu-panel-board__title-container {
    display: flex;
    align-items: flex-start
}

.cu-panel-board__title-parent-name {
    font-size: 11px;
    font-weight: 400;
    line-height: 1;
    color: #4a4a4a;
    margin-bottom: 3px
}

.dark-theme .cu-panel-board__title-parent-name {
    color: #828588
}

.cu-panel-board__clickable {
    cursor: pointer;
    width: 100%;
    margin-bottom: 5px
}

.cu-panel-board__clickable-name {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 13px;
    font-weight: 400;
    line-height: 1.2;
    cursor: pointer;
    display: inline;
    color: #000;
    overflow-wrap: break-word;
    word-wrap: break-word;
    word-break: break-word;
    -webkit-hyphens: auto;
    hyphens: auto
}

.cu-panel-board__clickable-name.cu-panel-board__custom-type {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-weight: 600
}

.dark-theme .cu-panel-board__clickable-name {
    color: #d5d6d7
}

.cu-panel-board__spacer {
    height: 10px;
    position: fixed;
    top: 67px;
    background: #fafbfc;
    z-index: 10
}

.cu-panel-board__attachment {
    width: 14px;
    height: 13px;
    display: inline-block;
    transform: translateY(3px);
    margin-top: -3px;
    margin-left: 4px;
    fill: #cccdde
}

.contrast_high .cu-panel-board__attachment {
    fill: #979797
}

.cu-panel-board__content {
    width: 20px;
    height: 20px;
    padding: 4px;
    display: inline-block;
    transform: translateY(6px);
    margin-top: -3px;
    margin-left: 4px;
    stroke: #cccdde;
    border-radius: 4px
}

.cu-panel-board__content:hover,.cu-panel-board__content-active {
    background: #f0f1f3
}

.dark-theme .cu-panel-board__content:hover,.dark-theme .cu-panel-board__content-active {
    background: #1e272e
}

.contrast_high .cu-panel-board__content {
    stroke: #979797
}

.cu-panel-board__controls {
    flex-shrink: 0
}

.cu-panel-board__controls .cu-btn__spinner_loader {
    padding: 0
}

.cu-panel-board__more-tasks {
    text-align: center;
    color: #b4b1ba;
    cursor: pointer
}

.cu-panel-board__create-task {
    color: #A2C44A;
    cursor: pointer
}

@supports (--theme-main-color: $color-purple) {
    .cu-panel-board__create-task {
        color:var(--theme-main-color)
    }
}

.cu-panel-board__plus {
    font-size: 20px;
    font-weight: 500;
    line-height: 1;
    padding: 9px 10px 9px 2px;
    margin: -10px -10px -10px 4px;
    -webkit-user-select: none;
    user-select: none;
    cursor: pointer
}

.cu-panel-board__column {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    min-height: 400px;
    height: 0
}

@media print {
    .cu-panel-board__column {
        height: auto
    }
}

.cu-panel-board__column .empty-text {
    display: none
}

.cu-panel-board__column.empty {
    border: 1px dashed #eaeaea;
    display: flex;
    flex-direction: column;
    margin: 6px 10px 15px 6px
}

.contrast_high .cu-panel-board__column.empty {
    border: 1px dashed #c1c1c1
}

.dark-theme .cu-panel-board__column.empty {
    border-color: #384047
}

.cu-panel-board__column.empty .empty-text {
    display: inline-block;
    color: #aeacb0;
    width: 100%;
    text-align: center;
    margin-top: 230px;
    margin-bottom: 10px
}

.cu-panel-board__column .toggle-closed-truncate {
    width: 100%;
    height: 50px;
    line-height: 40px;
    text-align: center
}

.cu-panel-board__column .toggle-closed-truncate a {
    color: #A2C44A;
    border-bottom-color: #A2C44A;
    border-bottom: 1px dashed
}

@supports (--theme-main-color: $color-purple) {
    .cu-panel-board__column .toggle-closed-truncate a {
        color:var(--theme-main-color)
    }
}

@supports (--theme-main-color: $color-purple) {
    .cu-panel-board__column .toggle-closed-truncate a {
        border-bottom-color:var(--theme-main-color)
    }
}

.cu-panel-board__column dashboard-board-card-add {
    order: 1
}

.cu-panel-board__column-body {
    flex-grow: 1;
    padding: 0 1px;
    display: flex;
    flex-direction: column;
    overflow-y: scroll;
    scrollbar-width: thin;
    overflow-x: hidden
}

@media print {
    .cu-panel-board__column-body {
        overflow-y: visible!important
    }
}

@-moz-document url-prefix() {
    .cu-os-win .cu-panel-board__column-body {
        scrollbar-color: #fafbfc #fafbfc
    }

    .cu-os-win.contrast_high .cu-panel-board__column-body {
        scrollbar-color: #eee #eee
    }

    .cu-os-win.dark-theme .cu-panel-board__column-body {
        scrollbar-color: #1e272e #1e272e
    }

    .cu-os-win .cu-panel-board__column-body:hover {
        scrollbar-color: #a0a0a5 #fafbfc
    }

    .cu-os-win.contrast_high .cu-panel-board__column-body:hover {
        scrollbar-color: #a0a0a5 #eee
    }

    .cu-os-win.dark-theme .cu-panel-board__column-body:hover {
        scrollbar-color: #828588 #1e272e
    }
}

.cu-panel-board__column-body::-webkit-scrollbar {
    width: 10px
}

.cu-panel-board__column-body:hover::-webkit-scrollbar {
    background-color: #fafbfc;
    width: 10px
}

.contrast_high .cu-panel-board__column-body:hover::-webkit-scrollbar {
    background: #eee
}

.dark-theme .cu-panel-board__column-body:hover::-webkit-scrollbar {
    background: #1e272e
}

.cu-panel-board__column-body:hover::-webkit-scrollbar-track {
    background-color: #fafbfc
}

.contrast_high .cu-panel-board__column-body:hover::-webkit-scrollbar-track {
    background: #eee
}

.dark-theme .cu-panel-board__column-body:hover::-webkit-scrollbar-track {
    background: #1e272e
}

.cu-panel-board__column-body:hover::-webkit-scrollbar-track:hover {
    background-color: #fafbfc
}

.contrast_high .cu-panel-board__column-body:hover::-webkit-scrollbar-track:hover {
    background: #eee
}

.dark-theme .cu-panel-board__column-body:hover::-webkit-scrollbar-track:hover {
    background: #1e272e
}

.cu-panel-board__column-body:hover::-webkit-scrollbar-thumb {
    background-color: #babac0;
    border-radius: 10px;
    border: 2px solid #fafbfc
}

.contrast_high .cu-panel-board__column-body:hover::-webkit-scrollbar-thumb {
    border-color: #eee
}

.dark-theme .cu-panel-board__column-body:hover::-webkit-scrollbar-thumb {
    background-color: #384047;
    border-color: #1e272e
}

.cu-panel-board__column-body:hover::-webkit-scrollbar-thumb:hover {
    background-color: #a0a0a5;
    border: 1px solid #fafbfc
}

.contrast_high .cu-panel-board__column-body:hover::-webkit-scrollbar-thumb:hover {
    border-color: #eee
}

.dark-theme .cu-panel-board__column-body:hover::-webkit-scrollbar-thumb:hover {
    background-color: #828588;
    border-color: #1e272e
}

.cu-panel-board__column-body:hover::-webkit-scrollbar-button {
    display: none
}

.cu-panel-board__column-drag {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    padding-bottom: 100px;
    cursor: grab
}

.cu-unselectable .cu-panel-board__column-drag {
    cursor: grabbing;
    pointer-events: auto
}

.cu-panel-board__column-body_sticky .cu-panel-board_add {
    position: absolute;
    left: 0;
    bottom: 0
}

.cu-panel-board__column.loading .cu-panel-board__column-body {
    flex-grow: 0
}

.cu-panel-board__subs-comments {
    display: flex;
    align-items: center
}

.cu-panel-board__status {
    display: flex
}

.cu-panel-board__custom-status-value {
    display: flex;
    align-items: center;
    cursor: default
}

.cu-panel-board__status-box {
    width: 10px;
    height: 10px;
    margin: 0 7px 0 10px
}

.cu-panel-board__status-count {
    font-size: 11px;
    font-weight: 400;
    line-height: 11px;
    color: #a4a0ab;
    padding-top: 2px
}

.cu-panel-board__footer {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 4px 0 6px
}

.cu-panel-board__footer .recurring-view__toogle {
    margin-right: 0!important
}

.cu-panel-board__footer .cu-panel-board__quick-action {
    display: flex;
    height: 28px;
    flex-shrink: 0
}

.cu-panel-board__footer_left {
    display: flex;
    align-items: center;
    flex-grow: 1;
    flex-wrap: wrap
}

.cu-panel-board__footer_left-taskid {
    transition: color .2s cubic-bezier(.785,.135,.15,.86) 0s;
    font-size: 10px;
    font-weight: 400;
    line-height: 1;
    padding: 2px 0;
    color: #777
}

.contrast_high .cu-panel-board__footer_left-taskid {
    color: #858585
}

.dark-theme .cu-panel-board__footer_left-taskid {
    color: #828588
}

.cu-panel-board__footer_left .cu-tags-view__icon {
    height: 13px;
    margin-right: 5px;
    display: none
}

.cu-panel-board__footer_left .cu-priorities-view__icon-select {
    width: 30px;
    height: 30px
}

.cu-panel-board__footer_left .cu-priorities-view__icon-select .cu-stroke-dasharray {
    display: none
}

.cu-panel-board_add--row .cu-panel-board__footer_left .cu-priorities-view__icon-select .cu-stroke-dasharray {
    display: block
}

.cu-panel-board_add--row .cu-panel-board__footer_left .time-estimates-view {
    margin-left: 0
}

.cu-panel-board__footer_left .time-estimates-view .icon.time-estimates-view__icon {
    width: 30px;
    height: 30px
}

.cu-panel-board__footer_left .time-estimates-view .icon.time-estimates-view__icon .cu-stroke {
    stroke: #7c828d
}

.dark-theme .cu-panel-board__footer_left .time-estimates-view .icon.time-estimates-view__icon .cu-stroke {
    stroke: #979797
}

.cu-panel-board__footer_left .time-estimates-view .icon.time-estimates-view__icon:hover .cu-stroke {
    stroke: var(--theme-main-color)
}

.cu-panel-board__footer_left .time-estimates-view .cu-stroke-dasharray {
    display: none
}

.cu-panel-board__footer_left .cu-points-estimates-display__icon {
    width: 30px;
    height: 30px
}

.cu-panel-board__footer_left .cu-points-estimates,.cu-panel-board__footer_left .time-estimates-view,.cu-panel-board__footer_left .cu-recurring-date-dropdown {
    height: 30px;
    display: flex;
    align-items: center
}

.cu-panel-board__footer_left-comments {
    margin-left: 2px;
    margin-right: 5px
}

.cu-panel-board__footer_left-users {
    display: inherit
}

.cu-panel-board__footer_left-users-tags {
    display: flex
}

.cu-panel-board__footer_left .cu-task-row-date-picker {
    padding: 0
}

.cu-panel-board__footer_left .cu-task-row-date-picker:after {
    display: none
}

.cu-panel-board__footer_left .cu-task-row-date-picker .due-date__row {
    margin: 0 5px 0 0
}

.cu-panel-board__footer_left .cu-user-group__item.cu-user-group__item_due-date {
    margin: 0
}

.cu-panel-board__footer_left .cu-user-group__item.cu-user-group__item_due-date .icon {
    width: 30px;
    height: 30px
}

.cu-panel-board__footer_left .cu-user-group__item.cu-user-group__item_due-date .icon .cu-stroke-dasharray {
    display: none
}

.cu-panel-board_add--row .cu-panel-board__footer_left .cu-user-group__item.cu-user-group__item_due-date .icon .cu-stroke-dasharray {
    display: block
}

.cu-panel-board_add--row .cu-panel-board__footer_left .cu-due-date-view {
    display: flex
}

.cu-panel-board__footer_left .cu-due-date-picker-dropdown+.cu-due-date-picker-dropdown {
    display: block;
    height: 0
}

.cu-panel-board__footer_left .cu-priority-list-dropdown {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 30px
}

.cu-panel-board__enter {
    visibility: hidden;
    cursor: pointer
}

.cu-panel-board__enter_disabled {
    opacity: .8
}

.cu-panel-board__enter:hover .cu-panel-board__enter-button {
    background: #A2C44A
}

@supports (--theme-main-color-dark: $color-purple-dark) {
    .cu-panel-board__enter:hover .cu-panel-board__enter-button {
        background:var(--theme-main-color-dark)
    }
}

.cu-panel-board_add--row .cu-panel-board__enter {
    margin-left: 8px
}

.cu-panel-board_add--row .cu-panel-board__enter_disabled {
    cursor: default;
    opacity: .5
}

.cu-panel-board__enter_disabled:hover .cu-panel-board__enter-button {
    background: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .cu-panel-board__enter_disabled:hover .cu-panel-board__enter-button {
        background:var(--theme-main-color)
    }
}

.cu-panel-board__enter-button {
    background: #A2C44A;
    height: 17px;
    padding: 0 6px;
    border-radius: 3px;
    color: #fff;
    font-size: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-transform: uppercase
}

@supports (--theme-main-color: $color-purple) {
    .cu-panel-board__enter-button {
        background:var(--theme-main-color)
    }
}

.cu-panel-board_add--row .cu-panel-board__enter-button {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 13px;
    font-weight: 500;
    line-height: 1;
    text-transform: none;
    white-space: nowrap;
    height: 29px
}

.cu-panel-board_add-active .cu-panel-board__enter {
    visibility: visible
}

.cu-panel-board__close {
    visibility: hidden;
    cursor: pointer;
    position: absolute;
    left: -2px;
    top: 2px;
    z-index: 1;
    width: 12px;
    height: 12px;
    padding: 2px;
    fill: #bcc0c7
}

.dark-theme .cu-panel-board__close {
    fill: #828588
}

.cu-panel-board__close:hover {
    fill: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .cu-panel-board__close:hover {
        fill:var(--theme-main-color)
    }
}

.cu-panel-board_add-active .cu-panel-board__close {
    visibility: visible
}

.cu-panel-board__mover {
    border-color: #A2C44A;
    display: none;
    height: 44px;
    width: 20px;
    border: 1px solid;
    border-radius: 20px;
    background-color: #fff;
    position: relative
}

@supports (--theme-main-color: $color-purple) {
    .cu-panel-board__mover {
        border-color:var(--theme-main-color)
    }
}

.dark-theme .cu-panel-board__mover {
    background: #2b343b
}

.cu-panel-board__mover:before {
    content: "";
    position: absolute;
    background: #fff;
    width: 10px;
    height: 44px;
    top: -1px;
    left: -1px
}

.dark-theme .cu-panel-board__mover:before {
    background: #2b343b
}

.cu-panel-board_add-active .cu-panel-board__mover {
    display: block
}

.cu-panel-board__mover-container {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: -10px
}

.cu-panel-board__mover-control {
    width: 18px;
    height: 20px;
    padding: 2px;
    cursor: pointer;
    fill: #dbdbdb;
    transition: .1s;
    position: relative
}

.cu-panel-board__mover-control.hidden {
    visibility: hidden
}

.cu-panel-board__mover-control_active,.cu-panel-board__mover-control:hover {
    fill: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .cu-panel-board__mover-control_active,.cu-panel-board__mover-control:hover {
        fill:var(--theme-main-color)
    }
}

.cu-panel-board .cu-user-group .cu-user-group__item.no-permission {
    cursor: default
}

.cu-panel-board .cu-user-group .cu-user-group__item:last-child {
    margin-left: 0
}

.cu-panel-board .cu-user-group .cu-user-group__item .cu-avatar.cu-avatar_bordered {
    position: relative
}

.cu-panel-board .cu-user-group .cu-user-group__item .cu-avatar.cu-avatar_bordered:hover {
    z-index: 1
}

.cu-panel-board .cu-user-group .cu-user-group__item .cu-avatar_guest:after {
    width: 9px;
    height: 9px
}

.cu-panel-board .cu-user-group .cu-user-group__item .cu-user-group__more.cu-user-group__more_lg {
    min-width: 24px;
    height: 24px
}

.cu-panel-board .cu-user-group.cu-user-group_sm {
    justify-content: flex-start
}

.cu-panel-board .cu-panel-board__header-assignee .cu-user-group.cu-user-group_sm {
    justify-content: flex-end
}

.cu-panel-board .cu-assigned-comment-view {
    width: 18px;
    padding: 0
}

.cu-panel-board .cu-comment__body {
    max-width: 100%
}

.cu-panel-board .cu-comment__body .cu-comment__author-assigned {
    margin-left: 10px
}

.cu-panel-board__quick-action {
    display: flex;
    align-items: center;
    flex-shrink: 0;
    padding-right: 5px
}

.cu-panel-board__quick-action-ellipsis {
    width: 24px;
    height: 20px;
    padding: 0 4px;
    cursor: pointer;
    fill: #858585
}

.contrast_high .cu-panel-board__quick-action-ellipsis {
    fill: #979797
}

.dark-theme .cu-panel-board__quick-action-ellipsis {
    fill: #abaeb0
}

.cu-panel-board__quick-action-ellipsis:hover {
    fill: #A2C44A;
    opacity: 1
}

@supports (--theme-main-color: $color-purple) {
    .cu-panel-board__quick-action-ellipsis:hover {
        fill:var(--theme-main-color)
    }
}

.cu-panel-board__quick-action-ellipsis_subtask {
    width: 20px;
    height: 20px;
    padding: 1px
}

.cu-panel-board__quick-action .cu-dropdown_open .cu-panel-board__quick-action-ellipsis {
    fill: #A2C44A;
    display: block;
    opacity: 1
}

@supports (--theme-main-color: $color-purple) {
    .cu-panel-board__quick-action .cu-dropdown_open .cu-panel-board__quick-action-ellipsis {
        fill:var(--theme-main-color)
    }
}

.cu-panel-board .cu-ct__check-done {
    position: relative;
    cursor: default
}

.cu-panel-board .cu-task-row-recurring-date-picker__recur {
    margin-top: -2px
}

.cu-panel-board:hover .cu-custom-field-type-tasks__add {
    display: block
}

.cu-panel-board .cu-custom-field-type-tasks__add {
    display: none
}

.cu-panel-board__header-box {
    cursor: default
}

.cu-panel-board.cu-panel-board_caption {
    flex-shrink: 0;
    margin-right: 10px;
    margin-bottom: 9px;
    padding: 14px 10px 12px
}

.cu-panel-board.cu-panel-board_caption.wip_on .cu-dashboard-board-header__group-label {
    width: auto;
    min-width: 0;
    padding-right: 5px
}

.cu-panel-board.cu-panel-board_caption.wip_on .cu-panel-board__header-options {
    align-items: flex-end
}

.cu-panel-board.cu-panel-board_caption.cu-panel-board_add-status {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 13px;
    font-weight: 400;
    line-height: 1;
    background: transparent;
    box-shadow: none;
    cursor: pointer;
    text-transform: uppercase;
    margin: 6px 10px 0 6px;
    height: 46px;
    color: #bcc0c7
}

.dark-theme .cu-panel-board.cu-panel-board_caption.cu-panel-board_add-status {
    color: #828588
}

.cu-panel-board.cu-panel-board_caption:hover {
    box-shadow: 0 1px 2px #0000000f;
    background: #fff
}

.contrast_high .cu-panel-board.cu-panel-board_caption:hover {
    box-shadow: 0 1px 2px #0000004d
}

.dark-theme .cu-panel-board.cu-panel-board_caption:hover {
    background: #2b343b
}

.cu-panel-board.cu-panel-board_caption:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 2px;
    background: currentColor;
    border-radius: 3px 3px 0 0
}

.cu-panel-board.cu-panel-board_sticky {
    position: fixed;
    top: 77px;
    z-index: 9
}

.cu-panel-board.cu-panel-board_todo {
    border-top: 2px solid #aeacb0
}

.cu-panel-board.cu-panel-board_progress {
    border-top: 2px solid #4194f6
}

.cu-panel-board.cu-panel-board_review {
    border-top: 2px solid #fc0
}

.cu-panel-board.cu-panel-board_done {
    border-top: 2px solid #67cb48
}

.cu-panel-board.cu-panel-board_marked .cu-panel-board__title {
    position: relative
}

.cu-panel-board.cu-panel-board_marked .cu-panel-board__title:before {
    content: "";
    display: block;
    position: absolute;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #A2C44A;
    top: 5px;
    left: -12px
}

@supports (--theme-main-color: $color-purple) {
    .cu-panel-board.cu-panel-board_marked .cu-panel-board__title:before {
        background:var(--theme-main-color)
    }
}

.cu-panel-board_add.cu-panel-board_add-active {
    border-color: #A2C44A;
    border: 1px solid
}

@supports (--theme-main-color: $color-purple) {
    .cu-panel-board_add.cu-panel-board_add-active {
        border-color:var(--theme-main-color)
    }
}

.dark-theme .cu-panel-board_add.cu-panel-board_add-active {
    border-color: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .dark-theme .cu-panel-board_add.cu-panel-board_add-active {
        border-color:var(--theme-main-color)
    }
}

.cu-panel-board_add.cu-panel-board_add-active:hover {
    background: #fff
}

.dark-theme .cu-panel-board_add.cu-panel-board_add-active:hover {
    background: #2b343b
}

.cu-panel-board_add.cu-panel-board_add-active:hover .cu-panel-board__mover {
    background: #fff
}

.dark-theme .cu-panel-board_add.cu-panel-board_add-active:hover .cu-panel-board__mover {
    background: #2b343b
}

.cu-panel-board_add.cu-panel-board_add-active:hover .cu-panel-board__mover:before {
    background: #fff
}

.dark-theme .cu-panel-board_add.cu-panel-board_add-active:hover .cu-panel-board__mover:before {
    background: #2b343b
}

.cu-panel-board_add.cu-panel-board_add--missing {
    border: 1px solid #d35d5a
}

.dark-theme .cu-panel-board_add.cu-panel-board_add--missing,.cu-panel-board_add.cu-panel-board_add--missing .cu-panel-board__mover,.dark-theme .cu-panel-board_add.cu-panel-board_add--missing .cu-panel-board__mover {
    border-color: #d35d5a
}

.cu-panel-board_add {
    max-width: 250px;
    display: flex;
    flex-direction: row;
    margin-right: 7px;
    padding: 4px 10px 0 0;
    border: 1px solid #f4f4f4;
    box-shadow: none;
    position: relative
}

.cu-panel-board_add-missing {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 11px;
    font-weight: 500;
    line-height: 1;
    background: #d35d5a;
    color: #fff;
    position: absolute;
    bottom: 1px;
    padding: 3px 5px;
    border-radius: 0 0 4px 4px;
    transform: translateY(100%);
    margin: 0 -1px;
    cursor: default
}

.cu-panel-board_add-missing-text {
    font-size: 11px;
    font-weight: 500;
    line-height: 1;
    cursor: pointer;
    color: #fff;
    border-bottom: 1px dashed #fff
}

.cu-panel-board_add-missing-text:hover {
    border-bottom-color: transparent
}

.dark-theme .cu-panel-board_add {
    border: 1px solid #2b343b
}

.cu-panel-board_add--no-margin {
    margin: 0
}

.cu-panel-board_add .cu-panel-board__main {
    flex-grow: 1;
    min-width: 0
}

.cu-panel-board_add .cu-panel-board__header {
    padding-top: 6px;
    margin-left: 10px;
    display: flex;
    align-items: center;
    flex-direction: row
}

.cu-panel-board_add .cu-panel-board__title {
    flex-grow: 1;
    margin-right: 10px
}

.cu-panel-board_add.cu-panel-board_add--row .cu-panel-board_add .cu-panel-board__title {
    display: none
}

.cu-panel-board_add .cu-panel-board__controls {
    position: relative
}

.cu-panel-board_add .cu-panel-board__subcategory {
    font-size: 14px;
    padding-left: 8px;
    margin: 3px 0 -3px
}

.cu-panel-board_add .cu-panel-board__subcategory_empty {
    opacity: .5;
    transition: all .4s cubic-bezier(.785,.135,.15,.86) 0s
}

.cu-panel-board_add .cu-panel-board__subcategory_error {
    color: #fd71af;
    font-weight: 300;
    opacity: 1
}

.cu-panel-board_add .cu-panel-board__subcategory .cu-dropdown.cu-dropdown_top {
    margin: 0
}

.cu-panel-board_add .cu-panel-board__input {
    font-size: 13px;
    font-weight: 400;
    line-height: 1.2;
    color: #544d61;
    width: 100%;
    border: 0;
    background-color: transparent;
    box-shadow: none;
    resize: none;
    padding-right: 5px;
    padding-left: 15px
}

.cu-panel-board_add .cu-panel-board__input-loader {
    position: absolute;
    top: -17px;
    left: 0
}

.dark-theme .cu-panel-board_add .cu-panel-board__input {
    color: #d5d6d7
}

.cu-panel-board_add .cu-panel-board__input::placeholder {
    font-size: 13px;
    font-weight: 300;
    line-height: 1.2;
    opacity: .4
}

.cu-panel-board_add .cu-panel-board__input:hover {
    color: #343434
}

.dark-theme .cu-panel-board_add .cu-panel-board__input:hover {
    color: #d5d6d7
}

.cu-panel-board_add .cu-panel-board__input:focus {
    outline: none
}

.cu-panel-board_add .cu-panel-board__input.cu-slash-command__input,.cu-panel-board_add .cu-panel-board__input.cu-slash-command__original-text,.cu-panel-board_add .cu-panel-board__input.cu-slash-command__operator {
    width: initial
}

.cu-panel-board_add .cu-panel-board__footer {
    min-height: 30px
}

.cu-panel-board_add .cu-panel-board__footer_left {
    min-height: 30px;
    align-items: flex-start
}

.cu-panel-board_add .cu-panel-board__footer_left>* {
    margin-left: 8px
}

.cu-panel-board_add .cu-panel-board__footer .cu-user-group_due-date {
    margin-left: 0;
    padding: 0
}

.cu-panel-board_add--row {
    width: 500px;
    max-width: 100%;
    height: 55px;
    padding: 0 10px;
    border-radius: 6px;
    cursor: default;
    align-items: center
}

.cu-panel-board_add--row.cu-panel-board_add-active,.dark-theme .cu-panel-board_add--row.cu-panel-board_add-active {
    border-color: transparent
}

.cu-panel-board_add--row .cu-panel-board__main {
    display: flex;
    align-items: center;
    height: 100%;
    justify-content: space-between
}

.cu-panel-board_add--row .cu-panel-board__subcategory {
    margin: 0 10px 0 0;
    padding: 0;
    min-width: 100px;
    height: 100%
}

.cu-panel-board_add--row .cu-panel-board__subcategory div {
    font-size: 14px;
    font-weight: 400;
    opacity: 1
}

.cu-panel-board_add--row .cu-panel-board__subcategory .cu-dropdown__toggle {
    display: flex;
    align-items: center;
    height: 53px
}

.cu-panel-board_add--row .cu-panel-board__subcategory .cu-dropdown__toggle:hover div {
    color: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .cu-panel-board_add--row .cu-panel-board__subcategory .cu-dropdown__toggle:hover div {
        color:var(--theme-main-color)
    }
}

.cu-panel-board_add--row .cu-panel-board__subcategory .cu-quick-create-task-panel__subcategory {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-left: 17px
}

[lang=fr-FR] .cu-panel-board_add--row .cu-panel-board__subcategory .cu-quick-create-task-panel__subcategory {
    padding-left: 40px
}

.cu-panel-board_add--row .cu-panel-board__subcategory .cu-quick-create-task-panel__subcategory:before {
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    content: attr(data-content);
    display: block;
    position: absolute;
    left: 0;
    margin-top: 1px;
    color: #b9bec7
}

.dark-theme .cu-panel-board_add--row .cu-panel-board__subcategory .cu-quick-create-task-panel__subcategory:before {
    color: #828588
}

.cu-panel-board_add--row .cu-panel-board__title {
    display: none;
    margin-right: 5px
}

.cu-panel-board_add--row .cu-panel-board__header {
    padding: 0;
    flex-grow: 1;
    margin-left: 0
}

.cu-panel-board_add--row .cu-panel-board__footer {
    margin: 0;
    flex-shrink: 0
}

.cu-panel-board_add--row .cu-priorities-view__icon-select .cu-fill {
    fill: #7c828d
}

.dark-theme .cu-panel-board_add--row .cu-priorities-view__icon-select .cu-fill {
    fill: #979797
}

.cu-panel-board_add--row .cu-priorities-view__icon-select .cu-stroke {
    stroke: #7c828d
}

.dark-theme .cu-panel-board_add--row .cu-priorities-view__icon-select .cu-stroke {
    stroke: #979797
}

.cu-panel-board_add--row .cu-user-and-groups-list-dropdown {
    flex-shrink: 0;
    margin-left: auto
}

.cu-panel-board_add--row .cu-user-group__icon-mono {
    padding: 8px 8px 9px;
    width: 30px;
    height: 30px;
    flex-shrink: 0;
    position: relative
}

.cu-panel-board_add--row .cu-user-group__icon-mono:hover .icon {
    fill: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .cu-panel-board_add--row .cu-user-group__icon-mono:hover .icon {
        fill:var(--theme-main-color)
    }
}

.dark-theme .cu-panel-board_add--row .cu-user-group__icon-mono:hover .icon {
    fill: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .dark-theme .cu-panel-board_add--row .cu-user-group__icon-mono:hover .icon {
        fill:var(--theme-main-color)
    }
}

.cu-panel-board_add--row .cu-user-group__icon-mono:hover:before {
    border-color: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .cu-panel-board_add--row .cu-user-group__icon-mono:hover:before {
        border-color:var(--theme-main-color)
    }
}

.dark-theme .cu-panel-board_add--row .cu-user-group__icon-mono:hover:before {
    border-color: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .dark-theme .cu-panel-board_add--row .cu-user-group__icon-mono:hover:before {
        border-color:var(--theme-main-color)
    }
}

.cu-panel-board_add--row .cu-user-group__icon-mono:before {
    content: "";
    display: block;
    position: absolute;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    border: .6px dashed #7c828d;
    top: 0;
    left: 0
}

.dark-theme .cu-panel-board_add--row .cu-user-group__icon-mono:before {
    border-color: #979797
}

.cu-panel-board_add--row .cu-user-group__icon-mono .icon {
    fill: #7c828d
}

.dark-theme .cu-panel-board_add--row .cu-user-group__icon-mono .icon {
    fill: #979797
}

.cu-panel-board_add--row .cu-points-estimates-display .cu-points-estimates-display__icon {
    width: 30px;
    height: 30px
}

.cu-panel-board_add--row .cu-points-estimates-display .cu-points-estimates-display__icon .cu-stroke-dasharray,.cu-panel-board_add--row .time-estimates-view .cu-stroke-dasharray {
    display: block
}

.cu-panel-board_add--timeline.cu-panel-board_add-active {
    border-color: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .cu-panel-board_add--timeline.cu-panel-board_add-active {
        border-color:var(--theme-main-color)
    }
}

.dark-theme .cu-panel-board_add--timeline.cu-panel-board_add-active {
    border-color: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .dark-theme .cu-panel-board_add--timeline.cu-panel-board_add-active {
        border-color:var(--theme-main-color)
    }
}

.cu-panel-board_add--timeline .cu-panel-board__title {
    display: block
}

.cu-panel-board_add--title {
    border-top-left-radius: 0
}

.cu-panel-board-group {
    background: #eeeef1;
    padding: 5px 5px 3px;
    border-radius: 4px;
    margin-bottom: 15px
}

.cu-panel-board-group__header {
    display: flex;
    padding: 10px
}

.cu-panel-board-group__title {
    flex-grow: 1;
    margin: 0 10px 0 0;
    color: #544d61;
    font-size: 14px;
    line-height: 1.3;
    font-weight: 500
}

.cu-panel-board-group__controls {
    flex-grow: 0;
    flex-shrink: 0
}

.cu-checklist-ico {
    font-size: 11px;
    font-weight: 400;
    line-height: 1;
    display: inline-flex;
    position: relative;
    margin: 0 0 0 7px;
    color: #34343480
}

.dark-theme .cu-checklist-ico {
    color: #828588
}

.cu-checklist-ico--inline {
    vertical-align: top
}

.cu-checklist-ico__icon {
    width: 12px;
    height: 12px;
    margin-right: 3px
}

.cu-checklist-ico__dot {
    background-color: #A2C44A;
    position: absolute;
    height: 8px;
    width: 8px;
    left: 8px;
    margin-top: -7px;
    border: 1px solid #fff;
    border-radius: 50%
}

@supports (--theme-main-color: $color-purple) {
    .cu-checklist-ico__dot {
        background-color:var(--theme-main-color)
    }
}

.dark-theme .cu-checklist-ico__dot {
    border: 1px solid #2b343b
}

.cu-checklist-ico--active {
    color: #fff;
    background-color: #c2c2c2
}

.checklist-assign {
    display: inline-block
}

.checklist-container--hide {
    display: none!important
}

.checklist__title {
    outline: none;
    text-transform: uppercase;
    resize: none;
    width: 100%;
    height: 10px;
    border: none;
    padding: 0;
    color: #34343466;
    font-weight: 600;
    font-size: 11px
}

.checklist-add {
    color: #d6d6d6;
    text-transform: uppercase;
    font-size: 12px;
    line-height: 20px;
    border: none;
    padding: 0;
    margin: 0;
    background-color: transparent
}

.checklist-add:hover,.checklist-add:focus {
    color: #ccc
}

.checklist-item__status {
    color: #c2c2c2
}

.checklist-item__status:after {
    display: none
}

.checklist-item__status--active:after {
    display: block
}

.checklist-item__name {
    font-weight: 300;
    font-size: 15px;
    min-height: 20px;
    padding: 0;
    margin-top: 2px;
    transition: all .1s cubic-bezier(.785,.135,.15,.86) 0s
}

.checklist-item__name:hover {
    transition: none
}

.checklist-item__name--l-through {
    text-decoration: line-through
}

.checklist-item__container {
    max-width: 189px;
    line-height: 20px
}

.checklist-widget__sublist {
    margin-left: 15px
}

.checklist-widget__item {
    display: flex;
    width: 100%;
    margin-top: 10px
}

.checklist-widget__show-all {
    color: #A2C44A;
    cursor: pointer;
    margin-top: 15px
}

@supports (--theme-main-color: $color-purple) {
    .checklist-widget__show-all {
        color:var(--theme-main-color)
    }
}

.checklist-widget__show-all:hover {
    color: #A2C44A
}

@supports (--theme-main-color-dark: $color-purple-dark) {
    .checklist-widget__show-all:hover {
        color:var(--theme-main-color-dark)
    }
}

.cu-panel-box {
    padding: 20px 20px 0;
    border-radius: 3px;
    box-shadow: 0 5px 10px #0000000d;
    background: #fff;
    z-index: 0
}

.dark-theme .cu-panel-box {
    background: #384047
}

.cu-panel-box .section-view-all {
    cursor: pointer;
    margin-right: 1px
}

.cu-panel-box__body {
    padding-left: 4px
}

.cu-panel-box__expand-icon {
    width: 18px;
    height: 18px;
    position: absolute;
    bottom: -10px;
    left: -3px;
    border: 2px solid #eaeaea;
    border-radius: 2px;
    padding: 0;
    background-color: #fff;
    transform: rotate(0);
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center
}

.dark-theme .cu-panel-box__expand-icon {
    background: #384047;
    border: 2px solid #2b343b
}

.cu-panel-box__expand-icon:hover .cu-panel-box__expand-icon-arrow use {
    stroke: #343434;
    stroke-width: 2px
}

.dark-theme .cu-panel-box__expand-icon:hover .cu-panel-box__expand-icon-arrow use {
    stroke: #d5d6d7
}

.cu-panel-box__expand-icon-arrow {
    transition: all .2s cubic-bezier(.785,.135,.15,.86) 0s;
    width: 8px;
    height: 10px;
    padding-left: 1px;
    pointer-events: none
}

.cu-panel-box__expand-icon-arrow:hover {
    transition: none
}

.cu-panel-box__expand-icon-arrow.cu-panel-box__down {
    transform: rotate(90deg)
}

.cu-panel-box__expand-icon-arrow use {
    transition: all .2s cubic-bezier(.785,.135,.15,.86) 0s;
    stroke: #c9c8ca;
    stroke-width: 2px
}

.cu-panel-box__expand-icon-arrow use:hover {
    transition: none
}

.dark-theme .cu-panel-box__expand-icon-arrow use {
    stroke: #828588
}

.cu-panel-box__down {
    transform: rotate(90deg)
}

.cu-panel-box_compact {
    padding: 0;
    position: relative;
    box-shadow: 0 5px 10px #0000000d;
    background: #fff;
    border-radius: 3px;
    height: 270px;
    overflow: hidden
}

.contrast_high .cu-panel-box_compact {
    box-shadow: 0 5px 10px #00000026
}

.dark-theme .cu-panel-box_compact {
    background: #384047
}

.cu-panel-box__card {
    padding: 20px 20px 0;
    z-index: 100;
    position: relative
}

.cu-panel-box__header {
    display: flex;
    align-items: center;
    border-bottom: 2px solid rgba(216,216,216,.55);
    padding: 0 0 20px;
    margin: 0;
    position: relative
}

.dark-theme .cu-panel-box__header {
    border-bottom: 2px solid #2b343b
}

.cu-panel-box__header_compact {
    margin: 0 0 5px
}

.cu-panel-box__header+.box-loader__body-container {
    margin-top: 15px
}

.cu-panel-box__expand {
    display: flex;
    align-items: center
}

.cu-panel-box__worked-on-header {
    justify-content: space-between
}

.cu-panel-box__worked-on-header .cu-panel-box__title {
    flex: none
}

.cu-panel-box__header-comments {
    padding: 20px;
    margin-bottom: 0;
    background-color: #fff
}

.dark-theme .cu-panel-box__header-comments {
    background-color: #384047
}

.cu-panel-box__title {
    font-size: 16px;
    font-weight: 500;
    line-height: 1;
    flex-grow: 1;
    padding: 2px 0 0;
    color: #544d61
}

.dark-theme .cu-panel-box__title {
    color: #d5d6d7
}

.cu-panel-box__question {
    height: 16px;
    width: 16px;
    fill: #c4c7c9
}

.cu-panel-box__controls {
    flex-shrink: 0
}

.cu-panel-box .cu-comment__body {
    max-width: 100%
}

.cu-panel-box .cu-comment__body .cu-comment__header {
    padding: 10px 14px
}

.cu-panel-box .cu-comment__body .cu-checkbox {
    justify-content: flex-end
}

.cu-panel-box .cu-comment__body .cu-checkbox__label {
    color: #A2C44A;
    font-weight: 400
}

@supports (--theme-main-color: $color-purple) {
    .cu-panel-box .cu-comment__body .cu-checkbox__label {
        color:var(--theme-main-color)
    }
}

.cu-panel-box .cu-comment__body .cu-checkbox__label:before {
    border-color: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .cu-panel-box .cu-comment__body .cu-checkbox__label:before {
        border-color:var(--theme-main-color)
    }
}

.cu-panel-box .cu-comment__author-assigned {
    margin-left: 10px
}

.cu-panel-box .cu-dropdown__comments {
    margin-top: 0
}

.cu-panel-box .cu-dropdown__comments .cu-plate__tasks-link {
    font-size: 11px;
    font-weight: 500;
    line-height: 14px;
    opacity: .4;
    color: #343434
}

.dark-theme .cu-panel-box .cu-dropdown__comments .cu-plate__tasks-link {
    color: #d5d6d7
}

.cu-panel-box__body-no-comments {
    background: #fbfbfb;
    padding: 40px 20px
}

.dark-theme .cu-panel-box__body-no-comments {
    background: #384047
}

.cu-panel-box__body-no-tasks {
    padding: 40px 20px
}

.cu-panel-box__no-comments-icon {
    width: 60px;
    height: 60px;
    margin: 0 auto
}

.dark-theme .cu-panel-box__no-comments-icon {
    opacity: .4
}

.cu-panel-box__no-comments-text {
    font-size: 13px;
    font-weight: 400;
    line-height: 20px;
    opacity: .25;
    color: #343434;
    text-align: center;
    margin-top: 15px
}

.dark-theme .cu-panel-box__no-comments-text {
    color: #d5d6d7
}

.cu-panel-box__unassigned-icon {
    width: 28px;
    height: 28px;
    margin-right: 10px
}

.cu-panel-box__item:last-child .cu-plate__container {
    border-bottom: 0
}

.cu-panel-box__expand-card {
    height: 34px;
    width: 100%;
    position: absolute;
    bottom: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    background: linear-gradient(to top,white 0%,white 30%,rgba(255,255,255,.4) 65%,rgba(255,255,255,0) 100%);
    z-index: 100;
    cursor: pointer
}

.dark-theme .cu-panel-box__expand-card {
    background: linear-gradient(to top,#384047 0%,#384047 30%,rgba(56,64,71,.4) 65%,rgba(56,64,71,0) 100%)
}

.cu-panel-box__expand-card:hover use {
    fill: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .cu-panel-box__expand-card:hover use {
        fill:var(--theme-main-color)
    }
}

.cu-panel-box__expand-card-icon {
    transform: rotate(90deg);
    width: 9px;
    height: 16px
}

.cu-panel-box__expand-card-icon use {
    transition: all .2s cubic-bezier(.785,.135,.15,.86) 0s;
    fill: #aeacb0
}

.cu-panel-box.cu-panel-box_1-2 {
    width: calc(50% - 15px);
    margin: 0 30px 30px 0
}

.cu-panel-box.cu-panel-box_1-2:nth-of-type(2n) {
    margin-right: 0
}

.cu-panel-box.cu-panel-box_1-3 {
    width: calc(33.33% - 20px);
    margin: 0 30px 30px 0
}

.cu-panel-box.cu-panel-box_1-3:nth-of-type(3n) {
    margin-right: 0
}

.cu-panel-box.cu-panel-box_1-4 {
    width: calc(25% - 15px);
    margin: 0 20px 20px 0
}

.cu-panel-box.cu-panel-box_1-4:nth-of-type(4n) {
    margin-right: 0
}

.cu-panel-box-comments {
    padding: 0;
    min-height: 260px;
    background-color: #fbfbfb
}

.cu-panel-box-me {
    min-height: 260px
}

.box-project {
    padding: 0 0 0 20px
}

.box-project+.box-project {
    margin-top: 10px
}

.box-project__header {
    display: flex;
    align-items: center;
    cursor: pointer
}

.box-project__name {
    transition: all .2s cubic-bezier(.785,.135,.15,.86) 0s;
    font-size: 12px;
    font-weight: 400;
    color: #bdbdbd;
    padding: 2px 0 0
}

.box-project__name:hover {
    transition: none
}

.box-project__header:hover .box-project__name {
    color: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .box-project__header:hover .box-project__name {
        color:var(--theme-main-color)
    }
}

.box-project__icon {
    transition: all .2s cubic-bezier(.785,.135,.15,.86) 0s;
    flex-shrink: 0;
    margin: 0 0 0 2px;
    width: 12px;
    height: 12px;
    fill: #bdbdbd;
    opacity: 0
}

.box-project__icon:hover {
    transition: none
}

.box-project__header:hover .box-project__icon {
    fill: #A2C44A;
    opacity: 1
}

@supports (--theme-main-color: $color-purple) {
    .box-project__header:hover .box-project__icon {
        fill:var(--theme-main-color)
    }
}

.box-project__body {
    display: none
}

.box-project>.cu-plate.cu-plate_sub {
    padding: 4px 4px 4px 10px
}

.box-project.box-project_open .box-project__body {
    display: block
}

.box-project.box-project_open .box-project__icon {
    opacity: 1;
    transform: rotate(-90deg)
}

.cu-plate {
    display: flex;
    align-items: center;
    margin: 0;
    padding: 8px;
    border-radius: 4px;
    font-size: 14px;
    text-decoration: none
}

.cu-plate:hover .cu-plate__text_dashboard-box {
    color: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .cu-plate:hover .cu-plate__text_dashboard-box {
        color:var(--theme-main-color)
    }
}

.cu-plate:hover .cu-plate__tasks-link {
    color: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .cu-plate:hover .cu-plate__tasks-link {
        color:var(--theme-main-color)
    }
}

.cu-plate__icon {
    flex-shrink: 0;
    margin: 0 10px 0 0
}

.cu-plate__icon_dashboard-box {
    margin-right: 10px;
    margin-top: -1px
}

.cu-plate__text {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 12px;
    font-weight: 400;
    line-height: 12px;
    text-align: left;
    flex-grow: 1;
    color: #34313a;
    display: flex
}

.dark-theme .cu-plate__text {
    color: #d5d6d7
}

.cu-plate__text.status-dis {
    text-transform: capitalize
}

.cu-plate__text_dashboard-box {
    transition: all .2s cubic-bezier(.785,.135,.15,.86) 0s;
    font-size: 13px;
    font-weight: 400;
    line-height: 1.2;
    color: #343434
}

.cu-plate__text_dashboard-box:hover {
    color: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .cu-plate__text_dashboard-box:hover {
        color:var(--theme-main-color)
    }
}

.cu-plate__text_theme-main-color {
    color: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .cu-plate__text_theme-main-color {
        color:var(--theme-main-color)
    }
}

.cu-plate__text_right-icon {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.cu-plate__text_right-icon .cu-toggle-switch {
    display: block
}

.cu-plate__tasks-link {
    text-overflow: ellipsis;
    overflow: hidden;
    color: #777;
    flex: 1
}

.dark-theme .cu-plate__tasks-link {
    color: #abaeb0
}

.cu-plate__tasks-link:hover {
    color: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .cu-plate__tasks-link:hover {
        color:var(--theme-main-color)
    }
}

.cu-plate__tasks-link.cu-dropdown__comments_tasks-link {
    font-size: 11px;
    font-weight: 500;
    line-height: 14px;
    opacity: .4;
    color: #343434;
    cursor: pointer
}

.dark-theme .cu-plate__tasks-link.cu-dropdown__comments_tasks-link {
    color: #d5d6d7
}

.cu-plate__text_light {
    font: 14px -apple-system,BlinkMacSystemFont,Segoe UI,roboto,Helvetica Neue,helvetica,arial,sans-serif;
    color: #565656;
    text-shadow: none
}

.cu-plate__badge {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 11px;
    font-weight: 300;
    line-height: 11px;
    flex-shrink: 0;
    margin: 2px 0 0 10px;
    color: #9a9a9a
}

.contrast_high .cu-plate__badge {
    color: #858585
}

.cu-plate__chevron {
    width: 11px;
    height: 11px;
    margin-left: 5px;
    transform: rotate(90deg);
    display: none;
    color: #343434
}

.cu-plate__chevron use {
    fill: #343434
}

.cu-plate__chevron_top-level {
    transition: all .2s cubic-bezier(.785,.135,.15,.86) 0s;
    width: 5px;
    height: 8px;
    color: #343434;
    transform: rotate(0);
    display: inline-block;
    pointer-events: none
}

.cu-plate__chevron_top-level:hover {
    transition: none
}

.dark-theme .cu-plate__chevron_top-level {
    fill: #d5d6d7
}

.cu-plate__chevron-down {
    transform: rotate(0);
    display: inline-block
}

.cu-plate__chevron-down_top-level {
    transform: rotate(90deg)
}

.cu-plate__container {
    border-bottom: 1px solid #e4e4e4;
    cursor: pointer;
    padding-bottom: 5px
}

.dark-theme .cu-plate__container {
    border-bottom: 1px solid #1e272e
}

.cu-plate__row-sub:first-child .cu-plate_sub {
    padding-top: 8px
}

.cu-plate__row-sub:last-child .cu-plate_sub {
    padding-bottom: 8px
}

.cu-plate.cu-plate_active .cu-plate__text {
    color: #fff
}

.cu-plate.cu-plate_active .cu-plate__badge {
    color: #fff;
    display: none
}

.cu-plate.cu-plate_active>.cu-only-on-hover {
    display: none
}

.cu-plate.cu-plate_active:hover>.cu-no-show-hover {
    display: none
}

.cu-plate.cu-plate_active:hover>.cu-only-on-hover {
    display: flex
}

.cu-plate.cu-plate_selected .cu-plate__text {
    color: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .cu-plate.cu-plate_selected .cu-plate__text {
        color:var(--theme-main-color)
    }
}

.cu-plate.cu-plate_lg {
    padding: 8px 0
}

.cu-plate.cu-plate_lg_dashboard-box {
    padding: 12px 0 7px
}

.cu-plate.cu-plate_lg .cu-plate__badge {
    font-weight: 500
}

.cu-plate.cu-plate_lg:hover {
    cursor: pointer
}

.cu-plate.cu-plate_lg:hover .cu-plate__chevron {
    display: inline-block
}

.cu-plate.cu-plate_sm {
    font-size: 12px;
    line-height: 11px;
    padding: 5px 0
}

.cu-plate.cu-plate_team {
    position: relative;
    font-size: 13px;
    line-height: 13px;
    margin: 10px 0;
    padding: 0 10px 0 0;
    cursor: pointer
}

.cu-plate.cu-plate_team:before {
    content: "";
    display: block;
    position: absolute;
    transition: all .2s cubic-bezier(.785,.135,.15,.86) 0s;
    top: 1px;
    left: 15px;
    width: 96%;
    height: 34px;
    background: #fff;
    border-radius: 4px;
    z-index: -1
}

.cu-plate.cu-plate_team:before:hover {
    transition: none
}

.cu-plate.cu-plate_team .cu-avatar {
    width: 32px;
    height: 32px
}

.cu-plate.cu-plate_team .cu-avatar:not(.cu-avatar_empty) {
    border: 2px solid #fafbfc;
    width: 32px;
    height: 32px
}

.dark-theme .cu-plate.cu-plate_team .cu-avatar:not(.cu-avatar_empty) {
    border: 2px solid #2b343b
}

.cu-plate.cu-plate_team .cu-plate__icon-unassigned {
    width: 28px;
    height: 28px;
    margin-left: 2px
}

.cu-plate.cu-plate_team .cu-avatar.cu-avatar_empty {
    background: #fafbfc;
    box-shadow: 0 0 0 2px #fafbfc
}

.cu-plate.cu-plate_team .cu-avatar.cu-avatar_team {
    border: 1px solid #fafbfc
}

.cu-plate.cu-plate_team .cu-plate__icon-close {
    display: none
}

.cu-plate.cu-plate_team.cu-plate_active:before,.cu-plate.cu-plate_team.cu-plate_active:hover:before {
    background: #A2C44A;
    opacity: 1
}

.cu-plate.cu-plate_team.cu-plate_active,.cu-plate.cu-plate_team.cu-plate_active:hover {
    margin: -2px 0 -2px -2px;
    padding-right: 15px
}

.cu-plate.cu-plate_team.cu-plate_active:before,.cu-plate.cu-plate_team.cu-plate_active:hover:before {
    background: #A2C44A;
    opacity: 1;
    z-index: 0
}

@supports (--theme-main-color: $color-purple) {
    .cu-plate.cu-plate_team.cu-plate_active:before,.cu-plate.cu-plate_team.cu-plate_active:hover:before {
        background:var(--theme-main-color)
    }
}

.cu-plate.cu-plate_team.cu-plate_active .cu-plate__text,.cu-plate.cu-plate_team.cu-plate_active:hover .cu-plate__text {
    color: #fff;
    font-weight: 300;
    z-index: 1;
    position: relative
}

.cu-plate.cu-plate_team.cu-plate_active .cu-plate__badge,.cu-plate.cu-plate_team.cu-plate_active:hover .cu-plate__badge {
    z-index: 1
}

.cu-plate.cu-plate_team.cu-plate_active .cu-plate__icon,.cu-plate.cu-plate_team.cu-plate_active:hover .cu-plate__icon {
    margin-right: 8px
}

.cu-plate.cu-plate_team.cu-plate_active .cu-avatar,.cu-plate.cu-plate_team.cu-plate_active:hover .cu-avatar {
    width: 36px;
    height: 36px;
    z-index: 1;
    position: relative
}

.cu-plate.cu-plate_team.cu-plate_active div.cu-avatar,.cu-plate.cu-plate_team.cu-plate_active:hover div.cu-avatar {
    font-size: 12px
}

.cu-plate.cu-plate_team.cu-plate_active .cu-plate__icon,.cu-plate.cu-plate_team.cu-plate_active:hover .cu-plate__icon {
    z-index: 1
}

.cu-plate.cu-plate_team.cu-plate_active .cu-plate__icon-unassigned,.cu-plate.cu-plate_team.cu-plate_active:hover .cu-plate__icon-unassigned {
    width: 36px;
    height: 36px;
    border: 2px solid #fff;
    border-radius: 50%;
    margin-left: 0
}

.dark-theme .cu-plate.cu-plate_team.cu-plate_active .cu-plate__icon-unassigned,.dark-theme .cu-plate.cu-plate_team.cu-plate_active:hover .cu-plate__icon-unassigned {
    border: 2px solid #2b343b
}

.cu-plate.cu-plate_team.cu-plate_active .cu-only-on-hover,.cu-plate.cu-plate_team.cu-plate_active:hover .cu-only-on-hover {
    z-index: 1
}

.cu-plate.cu-plate_team.cu-plate_active .cu-plate__icon-close,.cu-plate.cu-plate_team.cu-plate_active:hover .cu-plate__icon-close {
    width: 12px;
    height: 12px;
    margin-right: -5px;
    z-index: 1;
    display: block
}

.cu-plate.cu-plate_team.cu-plate_active .cu-plate__icon-close use,.cu-plate.cu-plate_team.cu-plate_active:hover .cu-plate__icon-close use {
    fill: #fff
}

.cu-plate.cu-plate_team.cu-plate_unassigned.cu-plate_active,.cu-plate.cu-plate_team.cu-plate_unassigned.cu-plate_active:hover {
    margin: 6px 0 -4px -2px
}

.cu-plate__icon-close-collapsed {
    fill: #A2C44A;
    display: none;
    position: absolute;
    bottom: -3px;
    right: -3px;
    width: 16px;
    height: 16px;
    z-index: 1;
    background: #fff;
    border-radius: 50%;
    border: 1px solid #fff
}

@supports (--theme-main-color: $color-purple) {
    .cu-plate__icon-close-collapsed {
        fill:var(--theme-main-color)
    }
}

.cu-plate.cu-plate_sub {
    font-size: 13px;
    line-height: 13px;
    padding: 7px 0 7px 18px
}

.cu-plate.cu-plate_sub .cu-plate__tasks {
    color: #777;
    display: flex;
    align-items: center;
    padding: 0 0 0 30px;
    font-size: 13px;
    line-height: 1.1
}

.cu-plate.cu-plate_sub .cu-plate__tasks.show-more {
    color: #A2C44A;
    cursor: pointer
}

@supports (--theme-main-color: $color-purple) {
    .cu-plate.cu-plate_sub .cu-plate__tasks.show-more {
        color:var(--theme-main-color)
    }
}

.cu-plate.cu-plate_sub__badge {
    color: #b8b8b8
}

.cu-plate.cu-plate_sub_section {
    padding-left: 34px
}

.cu-plate.cu-plate_sub_section .cu-plate__tasks {
    padding: 0
}

.cu-plate.cu-plate_sub:hover {
    cursor: pointer
}

.cu-plate.cu-plate_sub:hover .cu-plate__chevron {
    display: inline-block
}

.cu-plate.cu-plate_bordered:not(:last-of-type) {
    border-bottom: 1px solid #e2e2e2
}

.dark-theme .cu-plate.cu-plate_bordered:not(:last-of-type) {
    border-bottom: 1px solid #2b343b
}

.cu-plate_selected {
    color: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .cu-plate_selected {
        color:var(--theme-main-color)
    }
}

.cu-plate.cu-plate_interact {
    cursor: pointer
}

.cu-plate.cu-plate_interact:hover .cu-plate__text {
    transition: all .2s cubic-bezier(.785,.135,.15,.86) 0s;
    color: #A2C44A
}

.cu-plate.cu-plate_interact:hover .cu-plate__text:hover {
    transition: none
}

@supports (--theme-main-color: $color-purple) {
    .cu-plate.cu-plate_interact:hover .cu-plate__text {
        color:var(--theme-main-color)
    }
}

.popover {
    background-color: #A2C44A;
    border-color: #A2C44A;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 100001;
    display: flex!important;
    max-width: 320px;
    padding: 1px;
    word-wrap: break-word;
    background-clip: padding-box;
    border: 1px solid;
    border-radius: 4px;
    box-shadow: 0 5px 10px #0003;
    pointer-events: auto
}

@supports (--theme-main-color: $color-purple) {
    .popover {
        background-color:var(--theme-main-color)
    }
}

@supports (--theme-main-color: $color-purple) {
    .popover {
        border-color:var(--theme-main-color)
    }
}

.popover.reminder-row-new-pop {
    z-index: 1000
}

.popover.popover-top,.popover.top,.popover.top-right,.popover.top-left,.popover.bs-tether-element-attached-bottom {
    margin-top: -10px
}

.popover.popover-top:before,.popover.popover-top:after,.popover.top:before,.popover.top:after,.popover.top-right:before,.popover.top-right:after,.popover.top-left:before,.popover.top-left:after,.popover.bs-tether-element-attached-bottom:before,.popover.bs-tether-element-attached-bottom:after {
    left: 50%;
    border-bottom-width: 0
}

.popover.popover-top:before,.popover.top:before,.popover.top-right:before,.popover.top-left:before,.popover.bs-tether-element-attached-bottom:before {
    border-top-color: transparent;
    bottom: -11px;
    margin-left: -11px
}

.popover.popover-top:after,.popover.top:after,.popover.top-right:after,.popover.top-left:after,.popover.bs-tether-element-attached-bottom:after {
    border-top-color: #A2C44A;
    bottom: -10px;
    margin-left: -10px
}

@supports (--theme-main-color: $color-purple) {
    .popover.popover-top:after,.popover.top:after,.popover.top-right:after,.popover.top-left:after,.popover.bs-tether-element-attached-bottom:after {
        border-top-color:var(--theme-main-color)
    }
}

.popover.popover-right,.popover.right,.popover.bs-tether-element-attached-left {
    margin-left: 10px
}

.popover.popover-right:before,.popover.popover-right:after,.popover.right:before,.popover.right:after,.popover.bs-tether-element-attached-left:before,.popover.bs-tether-element-attached-left:after {
    top: 50%;
    border-left-width: 0
}

.popover.popover-right:before,.popover.right:before,.popover.bs-tether-element-attached-left:before {
    left: -11px;
    margin-top: -11px
}

.popover.popover-right:after,.popover.right:after,.popover.bs-tether-element-attached-left:after {
    border-right-color: #A2C44A;
    left: -10px;
    margin-top: -10px
}

@supports (--theme-main-color: $color-purple) {
    .popover.popover-right:after,.popover.right:after,.popover.bs-tether-element-attached-left:after {
        border-right-color:var(--theme-main-color)
    }
}

.popover.popover-bottom,.popover.bottom,.popover.bottom-right,.popover.bottom-left,.popover.bs-tether-element-attached-top {
    margin-top: 10px
}

.popover.popover-bottom:before,.popover.popover-bottom:after,.popover.bottom:before,.popover.bottom:after,.popover.bottom-right:before,.popover.bottom-right:after,.popover.bottom-left:before,.popover.bottom-left:after,.popover.bs-tether-element-attached-top:before,.popover.bs-tether-element-attached-top:after {
    left: 50%;
    border-top-width: 0
}

.popover.popover-bottom:before,.popover.bottom:before,.popover.bottom-right:before,.popover.bottom-left:before,.popover.bs-tether-element-attached-top:before {
    border-bottom-color: transparent;
    top: -11px;
    margin-left: -11px
}

.popover.popover-bottom:after,.popover.bottom:after,.popover.bottom-right:after,.popover.bottom-left:after,.popover.bs-tether-element-attached-top:after {
    border-bottom-color: #A2C44A;
    top: -10px;
    margin-left: -10px
}

@supports (--theme-main-color: $color-purple) {
    .popover.popover-bottom:after,.popover.bottom:after,.popover.bottom-right:after,.popover.bottom-left:after,.popover.bs-tether-element-attached-top:after {
        border-bottom-color:var(--theme-main-color)
    }
}

.popover.popover-bottom .popover-title:before,.popover.bottom .popover-title:before,.popover.bottom-right .popover-title:before,.popover.bottom-left .popover-title:before,.popover.bs-tether-element-attached-top .popover-title:before {
    position: absolute;
    top: 0;
    left: 50%;
    display: block;
    width: 20px;
    margin-left: -10px;
    content: "";
    border-bottom: 1px solid black
}

.popover.popover-left,.popover.left,.popover.bs-tether-element-attached-right {
    margin-left: -10px
}

.popover.popover-left:before,.popover.popover-left:after,.popover.left:before,.popover.left:after,.popover.bs-tether-element-attached-right:before,.popover.bs-tether-element-attached-right:after {
    top: 50%;
    border-right-width: 0
}

.popover.popover-left:before,.popover.left:before,.popover.bs-tether-element-attached-right:before {
    border-left-color: transparent;
    right: -11px;
    margin-top: -11px
}

.popover.popover-left:after,.popover.left:after,.popover.bs-tether-element-attached-right:after {
    border-left-color: #A2C44A;
    right: -10px;
    margin-top: -10px
}

@supports (--theme-main-color: $color-purple) {
    .popover.popover-left:after,.popover.left:after,.popover.bs-tether-element-attached-right:after {
        border-left-color:var(--theme-main-color)
    }
}

.popover.top-right:before,.popover.top-right:after,.popover.top-left:before,.popover.top-left:after,.popover.bottom-right:before,.popover.bottom-right:after,.popover.bottom-left:before,.popover.bottom-left:after {
    display: none
}

.popover.popover_white {
    background: #fff;
    border-color: #fff
}

.dark-theme .popover.popover_white {
    background: #384047;
    border-color: #384047;
    box-shadow: 0 2px 16px #0000004d
}

.popover.popover_white.popover.popover-top:after,.popover.popover_white.popover.top:after,.popover.popover_white .popover.bs-tether-element-attached-bottom:after {
    border-top-color: #fff
}

.dark-theme .popover.popover_white.popover.popover-top:after,.dark-theme .popover.popover_white.popover.top:after,.dark-theme .popover.popover_white .popover.bs-tether-element-attached-bottom:after {
    border-top-color: #384047
}

.popover.popover_white.popover.popover-top:before,.popover.popover_white.popover.top:before,.popover.popover_white .popover.bs-tether-element-attached-bottom:before {
    display: none
}

.popover.popover_white.popover.popover-bottom:after,.popover.popover_white.popover.bottom:after,.popover.popover_white .popover.bs-tether-element-attached-top:after {
    border-bottom-color: #fff
}

.dark-theme .popover.popover_white.popover.popover-bottom:after,.dark-theme .popover.popover_white.popover.bottom:after,.dark-theme .popover.popover_white .popover.bs-tether-element-attached-top:after {
    border-bottom-color: #384047
}

.popover.popover_white.popover.popover-bottom:before,.popover.popover_white.popover.bottom:before,.popover.popover_white .popover.bs-tether-element-attached-top:before {
    display: none
}

.popover.popover_white.popover.popover-left:after,.popover.popover_white.popover.left:after,.popover.popover_white .popover.bs-tether-element-attached-right:after {
    border-left-color: #fff
}

.dark-theme .popover.popover_white.popover.popover-left:after,.dark-theme .popover.popover_white.popover.left:after,.dark-theme .popover.popover_white .popover.bs-tether-element-attached-right:after {
    border-left-color: #384047
}

.popover.popover_white.popover.popover-left:before,.popover.popover_white.popover.left:before,.popover.popover_white .popover.bs-tether-element-attached-right:before {
    display: none
}

.popover.popover_white.popover.popover-right:after,.popover.popover_white.popover.right:after,.popover.popover_white .popover.bs-tether-element-attached-left:after {
    border-right-color: #fff
}

.dark-theme .popover.popover_white.popover.popover-right:after,.dark-theme .popover.popover_white.popover.right:after,.dark-theme .popover.popover_white .popover.bs-tether-element-attached-left:after {
    border-right-color: #384047
}

.popover.popover_black {
    background: #000;
    border-color: #000
}

.dark-theme .popover.popover_black {
    background: #384047;
    border-color: #384047;
    box-shadow: 0 2px 16px #0000004d
}

.popover.popover_black.popover.popover-top:after,.popover.popover_black.popover.top:after,.popover.popover_black .popover.bs-tether-element-attached-bottom:after {
    border-top-color: #000
}

.dark-theme .popover.popover_black.popover.popover-top:after,.dark-theme .popover.popover_black.popover.top:after,.dark-theme .popover.popover_black .popover.bs-tether-element-attached-bottom:after {
    border-top-color: #384047
}

.popover.popover_black.popover.popover-top:before,.popover.popover_black.popover.top:before,.popover.popover_black .popover.bs-tether-element-attached-bottom:before {
    display: none
}

.popover.popover_black.popover.popover-bottom:after,.popover.popover_black.popover.bottom:after,.popover.popover_black .popover.bs-tether-element-attached-top:after {
    border-bottom-color: #000
}

.dark-theme .popover.popover_black.popover.popover-bottom:after,.dark-theme .popover.popover_black.popover.bottom:after,.dark-theme .popover.popover_black .popover.bs-tether-element-attached-top:after {
    border-bottom-color: #384047
}

.popover.popover_black.popover.popover-bottom:before,.popover.popover_black.popover.bottom:before,.popover.popover_black .popover.bs-tether-element-attached-top:before {
    display: none
}

.popover.popover_black.popover.popover-left:after,.popover.popover_black.popover.left:after,.popover.popover_black .popover.bs-tether-element-attached-right:after {
    border-left-color: #000
}

.dark-theme .popover.popover_black.popover.popover-left:after,.dark-theme .popover.popover_black.popover.left:after,.dark-theme .popover.popover_black .popover.bs-tether-element-attached-right:after {
    border-left-color: #384047
}

.popover.popover_black.popover.popover-left:before,.popover.popover_black.popover.left:before,.popover.popover_black .popover.bs-tether-element-attached-right:before {
    display: none
}

.popover.popover_black.popover.popover-right:after,.popover.popover_black.popover.right:after,.popover.popover_black .popover.bs-tether-element-attached-left:after {
    border-right-color: #000
}

.dark-theme .popover.popover_black.popover.popover-right:after,.dark-theme .popover.popover_black.popover.right:after,.dark-theme .popover.popover_black .popover.bs-tether-element-attached-left:after {
    border-right-color: #384047
}

.popover.popover_theme-main-color {
    border: none
}

.popover.popover_theme-main-color .popover-body:before {
    background-color: #dfdbfb;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: -5;
    height: 100%;
    width: 100%;
    border-radius: 3px;
    opacity: .3
}

@supports (--theme-main-color-light: $color-purple-light) {
    .popover.popover_theme-main-color .popover-body:before {
        background-color:var(--theme-main-color-light)
    }
}

.dark-theme .popover.popover_theme-main-color .popover-body:before {
    background-color: #A2C44A;
    opacity: .1
}

@supports (--theme-main-color: $color-purple) {
    .dark-theme .popover.popover_theme-main-color .popover-body:before {
        background-color:var(--theme-main-color)
    }
}

.popover.popover_no-padding {
    padding: 0;
    border: 0
}

.popover.popover_no-padding .popover-content {
    padding: 0
}

.popover.popover_no-padding .popover-arrow {
    display: none
}

.popover.popover_no-max-width {
    max-width: none
}

body.cu-dropdown_open .popover * {
    pointer-events: auto!important
}

.popover.clickapps__ge-popover {
    margin-top: -70px!important;
    margin-left: -77px!important
}

.popover.popover_push-left {
    transform: translate(-25%)
}

.popover_tooltip {
    max-width: 256px;
    border-radius: 8px;
    background: #292d34;
    border-color: #292d34
}

.dark-theme .popover_tooltip {
    background: #4f5762;
    border-color: #4f5762
}

.popover_tooltip.popover.popover-top:after,.popover_tooltip.popover.top:after,.popover_tooltip .popover.bs-tether-element-attached-bottom:after {
    border-top-color: #292d34
}

.dark-theme .popover_tooltip.popover.popover-top:after,.dark-theme .popover_tooltip.popover.top:after,.dark-theme .popover_tooltip .popover.bs-tether-element-attached-bottom:after {
    border-top-color: #4f5762
}

.popover_tooltip.popover.popover-top:before,.popover_tooltip.popover.top:before,.popover_tooltip .popover.bs-tether-element-attached-bottom:before {
    display: none
}

.popover_tooltip.popover.popover-bottom:after,.popover_tooltip.popover.bottom:after,.popover_tooltip .popover.bs-tether-element-attached-top:after {
    border-bottom-color: #292d34
}

.dark-theme .popover_tooltip.popover.popover-bottom:after,.dark-theme .popover_tooltip.popover.bottom:after,.dark-theme .popover_tooltip .popover.bs-tether-element-attached-top:after {
    border-bottom-color: #4f5762
}

.popover_tooltip.popover.popover-bottom:before,.popover_tooltip.popover.bottom:before,.popover_tooltip .popover.bs-tether-element-attached-top:before {
    display: none
}

.popover_tooltip.popover.popover-left:after,.popover_tooltip.popover.left:after,.popover_tooltip .popover.bs-tether-element-attached-right:after {
    border-left-color: #292d34
}

.dark-theme .popover_tooltip.popover.popover-left:after,.dark-theme .popover_tooltip.popover.left:after,.dark-theme .popover_tooltip .popover.bs-tether-element-attached-right:after {
    border-left-color: #4f5762
}

.popover_tooltip.popover.popover-left:before,.popover_tooltip.popover.left:before,.popover_tooltip .popover.bs-tether-element-attached-right:before {
    display: none
}

.popover_tooltip.popover.popover-right:after,.popover_tooltip.popover.right:after,.popover_tooltip .popover.bs-tether-element-attached-left:after {
    border-right-color: #292d34
}

.dark-theme .popover_tooltip.popover.popover-right:after,.dark-theme .popover_tooltip.popover.right:after,.dark-theme .popover_tooltip .popover.bs-tether-element-attached-left:after {
    border-right-color: #4f5762
}

.popover_tooltip .popover-content {
    padding: 5px 9px
}

.popover_tooltip-img {
    display: block;
    width: 232px;
    height: 148px;
    border-radius: 4px;
    margin-top: 3px;
    margin-bottom: 8px
}

.popover_tooltip-text {
    word-break: break-word;
    overflow-wrap: break-word;
    word-wrap: break-word;
    -webkit-hyphens: auto;
    hyphens: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 12px;
    font-weight: 500;
    line-height: 18px;
    color: #fff
}

.dark-theme .popover_tooltip-text {
    color: #fff
}

.popover_tooltip-text-href {
    color: var(--theme-main-color)
}

.popover_tooltip-text-href:hover {
    text-decoration: underline
}

.popover_tooltip-text-link {
    cursor: pointer;
    color: #fff;
    border-bottom: 1px solid #fff
}

.dark-theme .popover_tooltip-text-link {
    color: #fff;
    border-bottom-color: #fff
}

.popover_tooltip_prevent-overflow {
    top: -10px!important
}

.popover.popover_no-arrow:before,.popover.popover_no-arrow:after {
    display: none
}

.popover.popover_custom-role-limit {
    border-radius: 12px
}

.popover.popover_custom-role-limit .popover-arrow {
    display: none
}

.popover.popover_custom-role-limit:after {
    display: none!important
}

.popover-title {
    padding: 8px 14px;
    margin-bottom: 0;
    font-size: 1rem;
    background-color: #000;
    border-bottom: 1px solid black;
    border-top-right-radius: calc(.3rem - 1px);
    border-top-left-radius: calc(.3rem - 1px)
}

.popover-title:empty {
    display: none
}

.popover-content {
    padding: 6px 14px
}

.popover-content .cu-error-popover,.popover-content .cu-popover-inner {
    color: #fff
}

.popover-content .popover-content__title {
    font-size: 16px;
    font-weight: 400;
    line-height: 1.2;
    color: #343434;
    margin-bottom: 5px
}

.dark-theme .popover-content .popover-content__title {
    color: #d5d6d7
}

.popover-content .popover-content__title_center {
    text-align: center
}

.popover-content .popover-content__title_warning {
    color: #fd71af
}

.popover-content .popover-content__title_xl {
    font-size: 22px
}

.popover-content .popover-content__description {
    font-size: 13px;
    font-weight: 400;
    line-height: 1.2;
    color: #343434;
    margin-bottom: 10px
}

.dark-theme .popover-content .popover-content__description {
    color: #d5d6d7
}

.popover-content .popover-content__description_center {
    text-align: center
}

.popover-content .popover-content__description-link {
    color: #A2C44A;
    border-bottom-color: #A2C44A;
    cursor: pointer;
    border-bottom: 1px dotted;
    display: inline
}

@supports (--theme-main-color: $color-purple) {
    .popover-content .popover-content__description-link {
        color:var(--theme-main-color)
    }
}

@supports (--theme-main-color: $color-purple) {
    .popover-content .popover-content__description-link {
        border-bottom-color:var(--theme-main-color)
    }
}

.popover-content .popover-content__description-link:hover {
    color: #A2C44A;
    border-bottom-color: #A2C44A
}

@supports (--theme-main-color-dark: $color-purple-dark) {
    .popover-content .popover-content__description-link:hover {
        color:var(--theme-main-color-dark)
    }
}

@supports (--theme-main-color-dark: $color-purple-dark) {
    .popover-content .popover-content__description-link:hover {
        border-bottom-color:var(--theme-main-color-dark)
    }
}

.popover-content .popover-content__btns {
    margin-top: 10px;
    display: flex;
    align-items: center;
    justify-content: center
}

.popover-content .popover-content__btns .cu-btn+.cu-btn {
    margin-left: 10px
}

.popover-content__icon-exclamation {
    width: 31px;
    height: 28px;
    fill: #f5a623;
    margin: 10px auto
}

.popover:before,.popover:after {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid
}

.popover:before {
    content: "";
    border-width: 11px
}

.popover:after {
    content: "";
    border-width: 10px
}

.cu-git-info-icon .popover-content {
    border: 0;
    padding: 0
}

.cu-git-info-icon .popover {
    padding: 0;
    border: 0
}

.cu-git-info-icon .popover.popover-bottom,.cu-git-info-icon .popover.bottom,.cu-git-info-icon .popover.bs-tether-element-attached-top {
    margin-top: 10px
}

.cu-git-info-icon .popover.popover-bottom:before,.cu-git-info-icon .popover.popover-bottom:after,.cu-git-info-icon .popover.bottom:before,.cu-git-info-icon .popover.bottom:after,.cu-git-info-icon .popover.bs-tether-element-attached-top:before,.cu-git-info-icon .popover.bs-tether-element-attached-top:after {
    left: 50%;
    border-top-width: 0
}

.cu-git-info-icon .popover.popover-bottom:before,.cu-git-info-icon .popover.bottom:before,.cu-git-info-icon .popover.bs-tether-element-attached-top:before {
    top: -11px;
    margin-left: -11px;
    border-bottom-color: #343434
}

.cu-git-info-icon .popover.popover-bottom:after,.cu-git-info-icon .popover.bottom:after,.cu-git-info-icon .popover.bs-tether-element-attached-top:after {
    top: -10px;
    margin-left: -10px;
    border-bottom-color: #343434
}

.cu-git-info-icon .popover.popover-left,.cu-git-info-icon .popover.left,.cu-git-info-icon .popover.bs-tether-element-attached-right {
    margin-left: -10px
}

.cu-git-info-icon .popover.popover-left:before,.cu-git-info-icon .popover.popover-left:after,.cu-git-info-icon .popover.left:before,.cu-git-info-icon .popover.left:after,.cu-git-info-icon .popover.bs-tether-element-attached-right:before,.cu-git-info-icon .popover.bs-tether-element-attached-right:after {
    top: 50%;
    border-right-width: 0
}

.cu-git-info-icon .popover.popover-left:before,.cu-git-info-icon .popover.left:before,.cu-git-info-icon .popover.bs-tether-element-attached-right:before {
    border-left-color: #343434;
    right: -11px;
    margin-top: -11px
}

.cu-git-info-icon .popover.popover-left:after,.cu-git-info-icon .popover.left:after,.cu-git-info-icon .popover.bs-tether-element-attached-right:after {
    right: -10px;
    margin-top: -10px;
    border-left-color: #343434
}

.popover__icon-question {
    width: 14px;
    height: 14px;
    display: inline-block;
    margin-bottom: -2px
}

.popover__icon-question use {
    fill: #818193
}

.dark-theme .popover__icon-question use {
    fill: #343434
}

.markdown-tooltip {
    background: #384047;
    border-color: #384047
}

.dark-theme .markdown-tooltip {
    background: #d5d6d7;
    border-color: #d5d6d7
}

.markdown-tooltip .popover-content {
    font-size: 11px;
    font-weight: 400;
    line-height: 1.5;
    text-align: center;
    color: #ffffffe6;
    padding: 4px 8px;
    font-size: 13px
}

.dark-theme .markdown-tooltip .popover-content {
    color: #2b343b
}

.markdown-tooltip .popover-content__automation {
    color: #ffffffe6
}

.dark-theme .markdown-tooltip .popover-content__automation {
    color: #2b343b
}

.markdown-tooltip .popover-content__lineup {
    font-size: 11px;
    font-weight: 400;
    color: #ffffffe6;
    letter-spacing: .5px
}

.dark-theme .markdown-tooltip .popover-content__lineup {
    color: #2b343b
}

.markdown-tooltip .popover-content a,.markdown-tooltip .popover-content .popover-content_link {
    transition: color .2s cubic-bezier(.785,.135,.15,.86) 0s;
    color: #fff;
    border-bottom: 1px dotted #fff;
    cursor: pointer;
    display: inline-block;
    line-height: 1
}

.dark-theme .markdown-tooltip .popover-content a,.dark-theme .markdown-tooltip .popover-content .popover-content_link {
    color: #2b343b;
    border-bottom: 1px dotted #2b343b
}

.markdown-tooltip .popover-content a:hover,.markdown-tooltip .popover-content .popover-content_link:hover {
    color: #A2C44A;
    border-bottom-color: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .markdown-tooltip .popover-content a:hover,.markdown-tooltip .popover-content .popover-content_link:hover {
        color:var(--theme-main-color)
    }
}

@supports (--theme-main-color: $color-purple) {
    .markdown-tooltip .popover-content a:hover,.markdown-tooltip .popover-content .popover-content_link:hover {
        border-bottom-color:var(--theme-main-color)
    }
}

.markdown-tooltip .popover-content .popover-content_link-right {
    padding-left: 5px;
    color: #fff
}

.dark-theme .markdown-tooltip .popover-content .popover-content_link-right {
    color: #2b343b
}

.markdown-tooltip.popover.popover-top:after,.markdown-tooltip.popover.top:after,.markdown-tooltip .popover.bs-tether-element-attached-bottom:after {
    bottom: -5px;
    border-top-color: #384047
}

.dark-theme .markdown-tooltip.popover.popover-top:after,.dark-theme .markdown-tooltip.popover.top:after,.dark-theme .markdown-tooltip .popover.bs-tether-element-attached-bottom:after {
    border-top-color: #d5d6d7
}

.markdown-tooltip.popover.popover-top:before,.markdown-tooltip.popover.top:before,.markdown-tooltip .popover.bs-tether-element-attached-bottom:before {
    display: none
}

.markdown-tooltip.popover.popover-left:after,.markdown-tooltip.popover.left:after,.markdown-tooltip.popover.bs-tether-element-attached-right:after {
    border-left-color: #343434
}

.dark-theme .markdown-tooltip.popover.popover-left:after,.dark-theme .markdown-tooltip.popover.left:after,.dark-theme .markdown-tooltip.popover.bs-tether-element-attached-right:after {
    border-left-color: #d5d6d7
}

.markdown-tooltip.popover.popover-right:after,.markdown-tooltip.popover.right:after,.markdown-tooltip.popover.bs-tether-element-attached-left:after {
    border-right-color: #343434
}

.dark-theme .markdown-tooltip.popover.popover-right:after,.dark-theme .markdown-tooltip.popover.right:after,.dark-theme .markdown-tooltip.popover.bs-tether-element-attached-left:after {
    border-right-color: #d5d6d7
}

.markdown-tooltip.popover.popover-bottom:after,.markdown-tooltip.popover.bottom:after,.markdown-tooltip .popover.bs-tether-element-attached-bottom:after {
    border-bottom-color: #343434
}

.dark-theme .markdown-tooltip.popover.popover-bottom:after,.dark-theme .markdown-tooltip.popover.bottom:after,.dark-theme .markdown-tooltip .popover.bs-tether-element-attached-bottom:after {
    border-bottom-color: #d5d6d7
}

.markdown-tooltip.popover.popover-bottom:before,.markdown-tooltip.popover.bottom:before,.markdown-tooltip .popover.bs-tether-element-attached-bottom:before {
    display: none
}

.cu-light-popover {
    background: #fff;
    border: 0
}

.dark-theme .cu-light-popover {
    background: #384047
}

.cu-light-popover .popover-content {
    padding: 5px 0;
    min-width: 0
}

.cu-light-popover.popover {
    box-shadow: 1px 0 15px #0003;
    padding: 0
}

.cu-light-popover.popover .popover-arrow {
    display: none
}

.cu-light-popover.popover.popover-top:before,.cu-light-popover.popover.top:before,.cu-light-popover .popover.bs-tether-element-attached-top:before {
    border-top-color: #0000001a
}

.cu-light-popover.popover.popover-top:after,.cu-light-popover.popover.top:after,.cu-light-popover .popover.bs-tether-element-attached-top:after {
    border-top-color: #fff
}

.dark-theme .cu-light-popover.popover.popover-top:after,.dark-theme .cu-light-popover.popover.top:after,.dark-theme .cu-light-popover .popover.bs-tether-element-attached-top:after {
    border-top-color: #384047
}

.cu-light-popover.popover.popover-bottom:before,.cu-light-popover.popover.bottom:before,.cu-light-popover .popover.bs-tether-element-attached-bottom:before {
    border-bottom-color: #0000001a
}

.cu-light-popover.popover.popover-bottom:after,.cu-light-popover.popover.bottom:after,.cu-light-popover .popover.bs-tether-element-attached-bottom:after {
    border-bottom-color: #fff
}

.dark-theme .cu-light-popover.popover.popover-bottom:after,.dark-theme .cu-light-popover.popover.bottom:after,.dark-theme .cu-light-popover .popover.bs-tether-element-attached-bottom:after {
    border-bottom-color: #384047
}

.cu-light-popover.popover.popover-right:before,.cu-light-popover.popover.right:before,.cu-light-popover .popover.bs-tether-element-attached-right:before {
    border-right-color: #0000001a
}

.cu-light-popover.popover.popover-right:after,.cu-light-popover.popover.right:after,.cu-light-popover .popover.bs-tether-element-attached-right:after {
    border-right-color: #fff
}

.dark-theme .cu-light-popover.popover.popover-right:after,.dark-theme .cu-light-popover.popover.right:after,.dark-theme .cu-light-popover .popover.bs-tether-element-attached-right:after {
    border-right-color: #384047
}

.cu-light-popover.popover.popover-left:before,.cu-light-popover.popover.left:before,.cu-light-popover .popover.bs-tether-element-attached-right:before {
    border-left-color: #0000001a
}

.cu-light-popover.popover.popover-left:after,.cu-light-popover.popover.left:after,.cu-light-popover .popover.bs-tether-element-attached-right:after {
    border-left-color: #fff
}

.dark-theme .cu-light-popover.popover.popover-left:after,.dark-theme .cu-light-popover.popover.left:after,.dark-theme .cu-light-popover .popover.bs-tether-element-attached-right:after {
    border-left-color: #384047
}

.cu-score__row {
    display: flex;
    justify-content: flex-end;
    font-size: 13px;
    color: #35313b66
}

.cu-score__row_caption {
    font-size: 15px;
    color: #35313b
}

.cu-score__row_caption .cu-score__val:nth-of-type(2) {
    color: #aeacb0
}

.cu-score__row_caption .cu-score__val:nth-of-type(3) {
    color: #4194f6
}

.cu-score__row_caption .cu-score__val:nth-of-type(4) {
    color: #fc0
}

.cu-score__row_caption .cu-score__val:nth-of-type(5) {
    color: #67cb48
}

.cu-score__row:not(:first-child) .cu-score__val {
    border-width: 0 1px
}

.cu-score__row:nth-of-type(2) .cu-score__val {
    border-radius: 4px 4px 0 0;
    border-width: 1px 1px 0 1px
}

.cu-score__row:last-child .cu-score__val {
    border-radius: 0 0 4px 4px;
    border-width: 0 1px 1px 1px
}

.cu-score__key {
    flex-grow: 1;
    padding: 10px 10px 10px 0;
    color: inherit
}

.cu-score__val {
    flex-shrink: 0;
    font-size: 13px;
    width: 50px;
    padding: 10px 8px;
    margin-left: 10px;
    text-align: right;
    color: inherit;
    border-style: solid
}

.cu-score__val:nth-of-type(2) {
    border-color: #aeacb0
}

.cu-score__val:nth-of-type(3) {
    border-color: #4194f6
}

.cu-score__val:nth-of-type(4) {
    border-color: #fc0
}

.cu-score__val:nth-of-type(5) {
    border-color: #67cb48
}

.cu-score__val_caption {
    font-weight: 600;
    font-size: 12px;
    text-transform: uppercase;
    color: #4343434d;
    text-align: center
}

.cu-search {
    display: flex;
    position: relative;
    align-items: center;
    width: 100%
}

.cu-search[hidden] {
    display: none
}

.cu-search__invite {
    display: flex;
    position: relative;
    align-items: center;
    width: calc(100% - 16px);
    margin: 2px 0 2px 8px
}

.cu-search__invite_valid {
    background-color: #A2C44A;
    display: flex;
    position: relative;
    align-items: center;
    width: calc(100% - 16px);
    margin: 2px 0 2px 8px;
    cursor: pointer;
    border-radius: 6px
}

@supports (--theme-main-color: $color-purple) {
    .cu-search__invite_valid {
        background-color:var(--theme-main-color)
    }
}

.cu-search__invite_valid:hover {
    background-color: #A2C44A
}

@supports (--theme-main-color-dark: $color-purple-dark) {
    .cu-search__invite_valid:hover {
        background-color:var(--theme-main-color-dark)
    }
}

.cu-search__invite__nomatch {
    padding: 8px;
    text-align: center
}

.cu-search__invite_icon {
    position: absolute;
    left: 9.33px;
    top: 33px;
    transform: translateY(-100%);
    width: 13.26px;
    height: 30.67px;
    fill: #656f7d
}

.dark-theme .cu-search__invite_icon {
    fill: #d5d6d7
}

.cu-search__invite_icon_valid {
    position: absolute;
    left: 9.33px;
    top: 33px;
    transform: translateY(-100%);
    width: 13.26px;
    height: 30.67px;
    fill: #fff
}

.cu-search__invite_email {
    font-size: 12px;
    font-weight: 400;
    color: #4f5762;
    line-height: 20px;
    display: block;
    width: 100%;
    padding: 8px 8px 8px 36px;
    border: 0;
    margin: 0 0 -1px
}

.dark-theme .cu-search__invite_email {
    color: #d5d6d7
}

.cu-search__invite_email_strong {
    font-size: 12px;
    font-weight: 500;
    color: #4f5762;
    display: block;
    text-overflow: ellipsis;
    overflow-x: hidden
}

.dark-theme .cu-search__invite_email_strong {
    color: #d5d6d7
}

.cu-search__invite_email_valid {
    font-size: 12px;
    font-weight: 400;
    color: #fff;
    line-height: 20px;
    display: flex;
    width: 100%;
    padding: 8px 8px 8px 36px;
    border: 0;
    margin: 0 0 -1px
}

.dark-theme .cu-search__invite_email_valid {
    color: #d5d6d7
}

.cu-search__invite_email_valid_strong {
    font-size: 12px;
    font-weight: 500;
    color: #fff;
    display: block;
    text-overflow: ellipsis;
    overflow-x: hidden;
    padding: 0 8px 0 3px
}

.dark-theme .cu-search__invite_email_valid_strong {
    color: #d5d6d7
}

.cu-search__close-icon {
    cursor: pointer;
    display: inline-block;
    margin-left: 20px
}

.cu-search__close-icon .icon {
    stroke: #A2C44A;
    width: 10px;
    height: 10px
}

@supports (--theme-main-color: $color-purple) {
    .cu-search__close-icon .icon {
        stroke:var(--theme-main-color)
    }
}

.cu-search__icon {
    position: absolute;
    left: 18px;
    top: 50%;
    transform: translateY(-50%);
    width: 13.26px;
    height: 13.26px;
    stroke: #656f7d
}

.task-selector__search .cu-search__icon {
    left: 5px
}

.dark-theme .cu-search__icon {
    stroke: #d5d6d7
}

.cu-search__spinner {
    position: absolute;
    left: 4px;
    top: 50%;
    transform: translateY(-50%);
    width: 16px;
    height: 16px;
    animation: spinner 1.5s linear infinite;
    opacity: 0
}

.cu-search__sub-spinner {
    animation: spinner 1.5s linear infinite
}

.cu-search__input {
    font-size: 14px;
    font-weight: 400;
    line-height: 1.15;
    display: block;
    width: 100%;
    padding: 16px 20px 15px 44px;
    border: 0;
    border-bottom: 1px solid #f4f4f4;
    margin: 0 0 -1px;
    color: #2a2e34
}

.cu-search__input::placeholder {
    color: #2229;
    opacity: 1;
    font-size: "initial"
}

.dark-theme .cu-search__input {
    border-bottom: 1px solid #2b343b;
    background: #384047;
    color: #d5d6d7
}

.dark-theme .cu-search__input::placeholder {
    color: #d5d6d733;
    opacity: 1;
    font-size: "initial"
}

.cu-search__input:focus {
    outline: none
}

.dark-theme .cu-search__input:focus {
    box-shadow: none
}

.cu-search__close {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 16px;
    height: 16px;
    padding: 2px
}

.cu-search__close .cu-icon_close {
    transition: all .2s cubic-bezier(.785,.135,.15,.86) 0s
}

.cu-search__close .cu-icon_close:hover {
    transform: rotate(180deg)
}

.cu-search__icon-inline-left {
    position: absolute;
    top: 8px;
    width: 16px;
    height: 16px
}

.cu-search__icon-right {
    position: absolute;
    right: 25px;
    top: 8px;
    width: 16px;
    height: 16px
}

.cu-search_ds .cu-search__icon {
    left: 16px;
    stroke: initial;
    fill: #4f5762
}

.dark-theme .cu-search_ds .cu-search__icon {
    stroke: initial;
    fill: #adb3bd
}

.cu-search_ds .cu-search__input {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 14px;
    font-weight: 400;
    line-height: 16px;
    padding: 16px 20px 15px 44px;
    color: #2a2e34
}

.dark-theme .cu-search_ds .cu-search__input {
    color: #e8eaed
}

.cu-search_ds .cu-search__input::placeholder {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 14px;
    font-weight: 400;
    line-height: 16px;
    color: #2a2e34
}

.dark-theme .cu-search_ds .cu-search__input::placeholder {
    color: #e8eaed
}

.cu-search_compact {
    display: flex;
    align-items: center;
    padding: 0;
    height: 30px
}

.cu-search_compact .cu-search__icon {
    left: 0;
    width: 16px;
    height: 16px;
    stroke: #cccdde
}

.dark-theme .cu-search_compact .cu-search__icon {
    stroke: #d5d6d7
}

.cu-search_compact .cu-search__input {
    padding: 2px 10px 0 25px;
    border-bottom: 0;
    height: 100%
}

.cu-search_compact .cu-search__input_centered {
    padding-top: 0
}

.cu-search_compact .cu-search__input_centered::-moz-placeholder {
    line-height: 30px
}

.setup__show-examples {
    color: #A2C44A;
    margin-top: 20px;
    font-size: 16px;
    text-decoration: underline;
    cursor: pointer
}

@supports (--theme-main-color: $color-purple) {
    .setup__show-examples {
        color:var(--theme-main-color)
    }
}

.setup-header {
    justify-content: space-between;
    padding-right: 30px
}

.setup-header_join-team {
    padding: 100px 100px 0;
    background: 0 0!important;
    box-shadow: none!important;
    height: auto;
    justify-content: space-between;
    box-sizing: border-box;
    transition: background 0s;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    display: flex;
    align-items: center;
    z-index: 100
}

@media only screen and (max-width: 768px) {
    .setup-header_join-team {
        padding:100px 30px 0
    }
}

.setup-header__link-no {
    color: #A2C44A;
    font-size: 14px;
    font-weight: 400;
    line-height: 30px;
    cursor: pointer;
    white-space: nowrap
}

@supports (--theme-main-color: $color-purple) {
    .setup-header__link-no {
        color:var(--theme-main-color)
    }
}

.setup__statuses-header {
    margin-bottom: 15px;
    font-weight: 500
}

.setup__statuses-header-learn {
    color: #A2C44A;
    margin-left: 10px;
    font-weight: 100
}

@supports (--theme-main-color: $color-purple) {
    .setup__statuses-header-learn {
        color:var(--theme-main-color)
    }
}

.setup__statuses-header-learn:hover {
    text-decoration: underline
}

.setup__statuses-header-learn.why {
    font-size: 14px
}

.setup__statuses-header-learn.why:hover {
    text-decoration: underline
}

.setup__statuses-header-learn.create-space {
    margin-left: 0
}

.setup__statuses-header.options {
    font-size: 21px;
    font-weight: 500;
    margin: 45px 0 30px;
    color: #343434
}

.dark-theme .setup__statuses-header.options {
    color: #d5d6d7
}

.setup-logo {
    position: relative;
    margin-right: 30px
}

.setup-logo img {
    width: 130px;
    height: auto
}

.setup-logo svg {
    fill: #A2C44A;
    width: 102px;
    height: 31px
}

@supports (--theme-main-color: $color-purple) {
    .setup-logo svg {
        fill:var(--theme-main-color)
    }
}

.setup-user {
    margin: 0 30px 0 0
}

.setup__space-desc {
    font-size: 14px;
    font-weight: 400;
    margin: 0 0 35px;
    color: #2226
}

.dark-theme .setup__space-desc {
    color: #abaeb0
}

.setup__space-learn {
    font-size: 14px;
    font-weight: 400;
    display: inline-block
}

.setup__space-learn a:hover {
    text-decoration: underline
}

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

.setup__create-space {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.setup__create-space-later {
    border-left-color: #A2C44A;
    height: 70px;
    display: flex;
    align-items: center;
    padding-left: 30px;
    border-left: 4px solid;
    flex: 1 0 0;
    background-color: #f2f0f4;
    margin-right: 50px
}

@supports (--theme-main-color: $color-purple) {
    .setup__create-space-later {
        border-left-color:var(--theme-main-color)
    }
}

.dark-theme .setup__create-space-later {
    background: #2b343b
}

.setup-progress__item {
    font-size: 20px;
    font-weight: 500;
    line-height: 1;
    display: flex;
    align-items: center;
    flex-direction: column;
    height: 332px;
    width: 300px;
    min-width: 180px;
    border-radius: 6px;
    background-color: #fff;
    box-shadow: 0 5px 20px #0000000d;
    color: #dde1e5;
    border: 0;
    margin: 0 20px;
    padding: 10px
}

.dark-theme .setup-progress__item {
    background-color: #384047;
    color: #abaeb0
}

.setup-progress__item:first-child {
    margin-left: 0
}

.setup-progress__item:last-child {
    margin-right: 0
}

.setup-progress__item[disabled] {
    cursor: not-allowed
}

.setup-progress__item.active {
    background: #A2C44A;
    color: #fff;
    box-shadow: 0 20px 50px #0003
}

@supports (--theme-main-color: $color-purple) {
    .setup-progress__item.active {
        background:var(--theme-main-color)
    }
}

.setup-progress__item-icon {
    position: relative
}

.setup-progress__item-icon-team {
    background: url(create-team.e31d3ec765131e9b.svg) bottom center/contain no-repeat;
    width: 118px;
    height: 128px;
    margin: 60px auto 40px
}

.setup-progress__item-icon-space {
    background: url(create-space.59acbb39d940ac4e.svg) bottom center/contain no-repeat;
    width: 121px;
    height: 118px;
    margin: 70px auto 40px
}

.setup-progress__item-icon-projects {
    background: url(create-projects.18afdc9ca594972f.svg) bottom center/contain no-repeat;
    width: 126px;
    height: 118px;
    margin: 70px auto 40px
}

.setup-progress__item-mark {
    width: 48px;
    height: 48px;
    position: absolute;
    right: 0;
    bottom: 0
}

.setup-body {
    min-width: 700px;
    order: 2;
    overflow: auto;
    height: calc(100vh - 67px);
    flex-grow: 1;
    padding: 80px;
    background: url(body-bg.1d3cdf7d1facd5c8.png) no-repeat top right #fafbfc
}

.dark-theme .setup-body {
    background-color: #1e272e
}

.banner-popup_true .setup-body {
    height: calc(100vh - 117px)
}

.setup__add-category {
    margin-bottom: 15px
}

.setup-category-input-container {
    position: relative;
    margin-bottom: 15px
}

.setup-category-input-edit .sidebar__category-input {
    margin-top: 5px
}

.setup-category-input-edit .sidebar__section-input {
    font-size: 13px;
    font-weight: 300;
    line-height: 16px
}

.setup-category-input-container .icon-check,.setup-category-input-edit .icon-check {
    cursor: pointer;
    position: absolute;
    right: 8px;
    top: 8px;
    height: 20px;
    width: 20px
}

.setup-category-input-container .icon-check.subcategory,.setup-category-input-edit .icon-check.subcategory {
    right: 25px;
    top: 5px
}

.setup-category-input-container .icon-check.edit-category,.setup-category-input-edit .icon-check.edit-category {
    right: 40px;
    top: 0
}

.setup-category-input-container .icon-check.edit-subcategory,.setup-category-input-edit .icon-check.edit-subcategory {
    right: 40px;
    top: 5px
}

.setup-category-input-container .icon-check use,.setup-category-input-edit .icon-check use {
    color: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .setup-category-input-container .icon-check use,.setup-category-input-edit .icon-check use {
        color:var(--theme-main-color)
    }
}

.setup__disabled {
    color: #fd71af;
    margin-bottom: 10px
}

.setup__disabled.category-error {
    margin-top: 15px
}

.setup__sidebar-devider {
    margin: 0 -30px 30px;
    border-bottom: 1px solid #e4e4e4
}

.dark-theme .setup__sidebar-devider {
    border-bottom: 1px solid #1e272e
}

.setup__container .sidebar {
    overflow: visible
}

.setup__container .cu-add-subcategory {
    display: block
}

.setup__container .sidebar__category-tools-icon-edit,.setup__container .sidebar__category-tools-icon-x {
    display: none
}

.setup__container .drag-category {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.setup__container .sidebar__category-tools-icon-edit {
    margin: -4px 0 0 10px;
    width: 20px
}

.setup__container .sidebar__category-tools-icon-x {
    margin-top: -4px;
    width: 20px
}

.setup__container .sidebar__category-text-block {
    display: flex;
    height: 20px;
    overflow: hidden;
    align-items: center
}

.setup__progress.active {
    background: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .setup__progress.active {
        background:var(--theme-main-color)
    }
}

.setup-content {
    padding: 80px;
    min-width: 900px;
    border-radius: 4px;
    background: #fff;
    box-shadow: 0 0 11px #0000000f
}

.dark-theme .setup-content {
    background: #384047
}

.setup-content__row-flex {
    display: flex
}

.setup-content__row-full-width {
    width: 100%
}

.setup-content__column-full-width {
    flex: 1 100%
}

.setup__title {
    font-size: 24px;
    font-weight: 500;
    line-height: 30px;
    color: #343434;
    margin-bottom: 15px
}

.dark-theme .setup__title {
    color: #d5d6d7
}

.setup__title-team {
    margin-bottom: 30px
}

.setup__title_space {
    margin-bottom: 8px
}

.setup__description {
    font-size: 14px;
    font-weight: 400;
    line-height: 30px;
    color: #343434;
    margin: -10px 0 30px
}

.dark-theme .setup__description {
    color: #d5d6d7
}

.setup__avatar-picker {
    width: 150px;
    margin-right: 40px
}

.setup__icon-team-input-name {
    width: 18px;
    height: 16px;
    margin-right: 12px
}

.setup__icon-team-input-email {
    width: 18px;
    height: 14px;
    margin-right: 12px
}

.setup__icon-team-input-password {
    width: 14px;
    height: 18px;
    margin-right: 16px
}

.setup__icon-team-plus {
    width: 14px;
    height: 14px
}

.setup__container .cu-plate.cu-plate_team {
    cursor: default
}

.setup-preset-categories {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap
}

.setup-preset-categories__title {
    display: flex;
    align-items: center;
    margin-bottom: 20px
}

.setup-preset-categories__title-name {
    font-size: 20px;
    font-weight: 500;
    line-height: 30px;
    color: #000;
    margin-right: 15px
}

.dark-theme .setup-preset-categories__title-name {
    color: #d5d6d7
}

.setup-preset-categories__title-badge {
    font-size: 11px;
    font-weight: 500;
    line-height: 20px;
    height: 20px;
    border: 1px solid #efeef0;
    border-radius: 100px;
    background-color: #efeef0;
    color: #34343466;
    text-align: center;
    text-transform: uppercase;
    padding: 0 5px
}

.dark-theme .setup-preset-categories__title-badge {
    border: 1px solid #2b343b;
    background: #1e272e;
    color: #828588
}

.setup-preset-categories__button {
    min-width: 300px
}

.setup-preset-categories__category-title {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 12px;
    font-weight: 500;
    line-height: 12px;
    color: #bcbcbc;
    letter-spacing: 2px;
    text-transform: uppercase;
    margin-bottom: 15px
}

.dark-theme .setup-preset-categories__category-title {
    color: #828588
}

.setup-preset-categories__category-name {
    font-size: 16px;
    font-weight: 500;
    line-height: 34px;
    color: #343434b3
}

.dark-theme .setup-preset-categories__category-name {
    color: #abaeb0
}

.setup-preset-categories__subcategory-name {
    font-size: 13px;
    font-weight: 400;
    line-height: 34px;
    color: #343434;
    padding-left: 12px
}

.dark-theme .setup-preset-categories__subcategory-name {
    color: #828588
}

.setup-preset-categories__example {
    transition: all .2s cubic-bezier(.785,.135,.15,.86) 0s;
    display: flex;
    flex-direction: column;
    width: 260px;
    min-width: 180px;
    margin: 0 20px 50px;
    padding: 0;
    cursor: pointer
}

.setup-preset-categories__example:hover .setup-preset-categories__item {
    background-color: #f8f8f8;
    border: 1px solid #aeacb0
}

.dark-theme .setup-preset-categories__example:hover .setup-preset-categories__item {
    background-color: #2b343b;
    border: 1px solid #1e272e
}

.setup-preset-categories__example:hover .setup-preset-categories__item-btn {
    color: #000
}

.dark-theme .setup-preset-categories__example:hover .setup-preset-categories__item-btn {
    color: #d5d6d7
}

.setup-preset-categories__example:nth-child(3n+1) {
    margin-left: 0
}

.setup-preset-categories__example:nth-child(3n) {
    margin-right: 0
}

@media (max-width: 1480px) {
    .setup-preset-categories__example {
        width:220px
    }
}

@media (min-width: 1758px) {
    .setup-preset-categories__example {
        width:300px
    }
}

.setup-preset-categories__item {
    width: 100%;
    min-width: 180px;
    border: 1px solid #e4e4e4;
    padding: 30px;
    flex: 1 0 0
}

.dark-theme .setup-preset-categories__item {
    border: 1px solid #1e272e
}

.setup-preset-categories__item-btn {
    margin-top: 20px;
    border-radius: 4px;
    font-size: 14px;
    color: #aeacb0;
    background: none;
    border: 1px solid #aeacb0;
    text-shadow: none
}

.dark-theme .setup-preset-categories__item-btn {
    border: 1px solid #828588
}

.setup-preset-categories__item-btn:hover {
    background-color: #f8f8f8;
    border: 1px solid #aeacb0
}

.dark-theme .setup-preset-categories__item-btn:hover {
    border: 1px solid #828588;
    background-color: #828588;
    color: #2b343b
}

.setup__join-team {
    height: 100%;
    min-height: 650px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: -67px;
    padding-top: 67px;
    box-sizing: content-box
}

.setup-step-project__project-name.cu-form__input {
    font-size: 18px;
    font-weight: 400;
    line-height: 1;
    padding: 0 20px 12px 0;
    color: #665f5f
}

.setup-step-project .cu-form__row {
    margin-bottom: 20px
}

.setup-step-project .cu-form__error {
    margin-bottom: 10px
}

.setup-step-project .cu-form__field {
    border: 0
}

.setup-step-project__switch-block {
    display: flex;
    border: 1px solid #e2e2e2
}

.dark-theme .setup-step-project__switch-block {
    border: 1px solid #1e272e
}

.setup-step-project__switch-block-label {
    flex-grow: 1;
    cursor: pointer;
    display: flex;
    align-items: center;
    padding: 20px 0 20px 20px
}

.setup-step-project__switch-block-label.selected {
    border-color: #A2C44A;
    border: 1px solid
}

@supports (--theme-main-color: $color-purple) {
    .setup-step-project__switch-block-label.selected {
        border-color:var(--theme-main-color)
    }
}

.setup-step-project__preset-status-list {
    margin: 35px 0 40px;
    display: flex
}

.setup-step-project__preset-status-list-item {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 12px;
    font-weight: 500;
    line-height: 1;
    margin-right: 25px;
    cursor: pointer;
    color: #bbb
}

.dark-theme .setup-step-project__preset-status-list-item {
    color: #828588
}

.cu-onboarding-v2__step .setup-step-project__preset-status-list-item {
    color: #bbb
}

.setup-step-project__preset-status-list-item:hover {
    color: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .setup-step-project__preset-status-list-item:hover {
        color:var(--theme-main-color)
    }
}

.setup-step-project__preset-status-list-item-text {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 12px;
    font-weight: 500;
    line-height: 1;
    color: #bbb
}

.setup-step-project__preset-status-list-item-text.active {
    transition: all .2s cubic-bezier(.785,.135,.15,.86) 0s;
    border-bottom-color: #A2C44A;
    color: #343434;
    padding-bottom: 4px;
    margin-bottom: -6px;
    border-bottom: 2px solid
}

.setup-step-project__preset-status-list-item-text.active:hover {
    transition: none
}

@supports (--theme-main-color: $color-purple) {
    .setup-step-project__preset-status-list-item-text.active {
        border-bottom-color:var(--theme-main-color)
    }
}

.dark-theme .setup-step-project__preset-status-list-item-text.active {
    color: #d5d6d7
}

.setup-step-project__preset-status-list-item-text:hover {
    color: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .setup-step-project__preset-status-list-item-text:hover {
        color:var(--theme-main-color)
    }
}

.setup-step-project__preset-status-list-item-text-width-check {
    position: absolute;
    z-index: 0;
    opacity: 0;
    visibility: hidden
}

.setup-step-project__preset-status-list-item .nav-menu.cu-dropdown {
    position: inherit
}

.setup-step-project__preset-status-list-item.active {
    transition: all .2s cubic-bezier(.785,.135,.15,.86) 0s;
    border-bottom-color: #A2C44A;
    color: #343434;
    padding-bottom: 4px;
    margin-bottom: -6px;
    border-bottom: 2px solid
}

.setup-step-project__preset-status-list-item.active:hover {
    transition: none
}

@supports (--theme-main-color: $color-purple) {
    .setup-step-project__preset-status-list-item.active {
        border-bottom-color:var(--theme-main-color)
    }
}

.dark-theme .setup-step-project__preset-status-list-item.active {
    color: #d5d6d7
}

.setup-step-project__preset-status-list-item.template-item {
    position: relative;
    overflow: visible
}

.setup-step-project__preset-status-list-item.template-item .template-close {
    transition: all .2s cubic-bezier(.785,.135,.15,.86) 0s;
    width: 16px;
    height: 14px;
    padding: 2px 2px 2px 4px;
    position: absolute;
    top: -2px;
    right: -11px;
    cursor: pointer;
    display: none
}

.setup-step-project__preset-status-list-item.template-item .template-close use {
    fill: #343434
}

.dark-theme .setup-step-project__preset-status-list-item.template-item .template-close use {
    fill: #d5d6d7
}

.setup-step-project__preset-status-list-item.template-item:hover .template-close {
    display: flex;
    align-items: center
}

.setup-step-project .cu-radio__label {
    width: 28px;
    height: 28px;
    position: relative;
    margin-right: 20px
}

.setup-step-project .cu-radio__input {
    display: none
}

.setup-step-project .cu-radio__label:before {
    width: 28px;
    height: 28px;
    border: 1px solid #aeacb0
}

.setup-step-project .cu-radio__label:after {
    transition: all .2s cubic-bezier(.785,.135,.15,.86) 0s;
    background: #A2C44A;
    top: 6px;
    left: 6px;
    width: 16px;
    height: 16px;
    opacity: 0
}

.setup-step-project .cu-radio__label:after:hover {
    transition: none
}

@supports (--theme-main-color: $color-purple) {
    .setup-step-project .cu-radio__label:after {
        background:var(--theme-main-color)
    }
}

.setup-step-project__switch-title {
    font-size: 16px;
    font-weight: 400;
    line-height: 1;
    color: #222;
    margin-bottom: 8px;
    display: flex;
    align-items: center
}

.dark-theme .setup-step-project__switch-title {
    color: #d5d6d7
}

.setup-step-project__switch-title.rec {
    color: #fd71af;
    border: 1px solid #fd71af;
    font-size: 11px;
    padding: 5px 3px 3px;
    margin: 0 10px
}

.setup-step-project__switch-subtitle {
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    color: #2226
}

.dark-theme .setup-step-project__switch-subtitle {
    color: #abaeb0
}

.setup-step-project__switch-subtitle span {
    color: #222
}

.dark-theme .setup-step-project__switch-subtitle span {
    color: #d5d6d7
}

.setup-step-project__due-dates {
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    color: #222;
    margin-bottom: 8px
}

.setup-step-project__multiple-assignees {
    height: 50px;
    margin-right: 40px
}

.setup-step-project__multiple-assignees input {
    display: none
}

.setup-step-project__multiple-assignees .cu-checkbox__label {
    padding-left: 34px;
    flex-direction: column;
    text-transform: none;
    align-items: flex-start;
    justify-content: center
}

.setup-step-project__multiple-assignees-title {
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    color: #222;
    margin-bottom: 8px
}

.setup-step-project__multiple-assignees-subtitle {
    font-size: 13px;
    font-weight: 400;
    line-height: 1;
    color: #2226
}

.setup-step-project__last-row {
    display: flex;
    margin: 2px 0 30px;
    flex-wrap: wrap
}

.gu-mirror .sidebar__category-tools-icon-edit,.gu-mirror .sidebar__category-tools-icon-x {
    display: none
}

.cu-scene {
    position: fixed;
    overflow: hidden;
    width: 100vw;
    height: 100vh;
    z-index: 1
}

.cu-scene__header {
    transform: translateY(-100px);
    animation: sceneHeaderEntrance .4s .1s cubic-bezier(.165,.84,.44,1) forwards
}

.cu-scene__footer {
    position: absolute;
    bottom: -30%;
    left: 50%;
    margin-left: -500px;
    width: 1000px;
    transform: translateY(300px);
    opacity: 0;
    animation: sceneFooterEntrance .4s .1s cubic-bezier(.165,.84,.44,1) forwards
}

.frame {
    position: relative;
    margin: 0 0 30px;
    padding: 25px 8px 8px;
    box-sizing: border-box;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: 4px;
    animation-delay: 1.2s
}

.frame__dot {
    width: 7px;
    height: 7px;
    background: #b6b6b6;
    border-radius: 50%;
    display: block;
    position: absolute;
    top: 10px;
    right: 18px
}

.frame__dot:before,.frame__dot:after {
    display: block;
    width: 7px;
    height: 7px;
    background: #b6b6b6;
    border-radius: 50%;
    content: "";
    position: absolute
}

.frame__dot:before {
    left: -150%
}

.frame__dot:after {
    right: -150%
}

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

.frame__inner img {
    display: block;
    width: 100%;
    height: auto;
    border-radius: 2px
}

@keyframes sceneHeaderEntrance {
    0% {
        transform: translateY(-100px)
    }

    to {
        transform: translateY(0)
    }
}

@keyframes sceneFooterEntrance {
    0% {
        transform: translateY(300px);
        opacity: 0
    }

    to {
        transform: translateY(0);
        opacity: 1
    }
}

.sidebar-section {
    padding: 10px 0 0;
    min-width: 0;
    min-height: 0;
    display: grid;
    grid-template-rows: auto auto 1fr
}

.cu2-sidebar__body_v4 .sidebar-section {
    padding: 0
}

.cu2-sidebar__body_v5 .sidebar-section {
    display: block;
    height: 100%;
    padding-top: 8px
}

.sidebar-section__header {
    display: flex;
    align-items: center;
    padding: 0 18px 0 10px;
    min-width: 0;
    position: relative
}

.cu2-sidebar__body_v4 .sidebar-section__header,.cu2-sidebar__body_v5 .sidebar-section__header {
    padding: 0 15px
}

.cu2-sidebar__body_v4 .sidebar-section__header .nav-menu,.cu2-sidebar__body_v5 .sidebar-section__header .nav-menu {
    display: none
}

.cu2-sidebar__body_v4 .sidebar-section__header .nav-menu.cu-dropdown_open,.cu2-sidebar__body_v5 .sidebar-section__header .nav-menu.cu-dropdown_open,.cu2-sidebar__body_v4 .sidebar-section__header:hover .nav-menu,.cu2-sidebar__body_v5 .sidebar-section__header:hover .nav-menu {
    display: block
}

.sidebar-section__header:hover:before,.sidebar-section__header_active:before {
    content: "";
    display: block;
    position: absolute;
    background: #A2C44A;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 0;
    opacity: .08
}

@supports (--theme-main-color: $color-purple) {
    .sidebar-section__header:hover:before,.sidebar-section__header_active:before {
        background:var(--theme-main-color)
    }
}

.sidebar-section__header:after {
    transition: all .1s cubic-bezier(.785,.135,.15,.86) 0s;
    content: "";
    display: block;
    position: absolute;
    background: #A2C44A;
    left: 0;
    top: 0;
    width: 2px;
    height: 100%;
    opacity: 0
}

.sidebar-section__header:after:hover {
    transition: none
}

@supports (--theme-main-color: $color-purple) {
    .sidebar-section__header:after {
        background:var(--theme-main-color)
    }
}

.sidebar-section__header_active:after {
    opacity: 1
}

.sidebar-section__header-container {
    min-width: 0;
    min-height: 0
}

.sidebar-section__subheader {
    display: flex;
    align-items: center;
    min-width: 0;
    position: relative
}

.cu2-sidebar__body_v4 .sidebar-section__subheader,.cu2-sidebar__body_v5 .sidebar-section__subheader {
    padding: 0 15px;
    margin-top: 4px;
    height: 23px
}

.cu2-sidebar__body_v4 .sidebar-section__subheader {
    padding-top: 10px;
    height: 33px;
    z-index: 5
}

html.todesktop-platform-darwin .cu2-sidebar__body_v4 .sidebar-section__subheader {
    -webkit-app-region: drag
}

html.todesktop-platform-darwin .cu2-sidebar__body_v4 .sidebar-section__subheader>* {
    -webkit-app-region: no-drag
}

.sidebar-section__subheader-title {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 11px;
    font-weight: 500;
    line-height: 1;
    text-transform: uppercase;
    color: #7c828d;
    flex-grow: 1
}

html.todesktop-platform-darwin .cu2-sidebar__body_v4 .sidebar-section__subheader-title {
    -webkit-app-region: drag
}

.sidebar-section__subheader .nav-menu,.sidebar-section__subheader .sidebar-section__plus,.sidebar-section__subheader .sidebar-section__search {
    transition: opacity .2s cubic-bezier(.785,.135,.15,.86) 0s;
    visibility: hidden;
    opacity: 0
}

.cu-left-sidebar:hover .sidebar-section__subheader .nav-menu,.cu-left-sidebar:hover .sidebar-section__subheader .sidebar-section__plus,.cu-left-sidebar:hover .sidebar-section__subheader .sidebar-section__search,.cu-sidebar-show-v4-settings .sidebar-section__subheader .nav-menu,.cu-sidebar-show-v4-settings .sidebar-section__subheader .sidebar-section__plus,.cu-sidebar-show-v4-settings .sidebar-section__subheader .sidebar-section__search,.sidebar-section__subheader .sidebar-section__search_active,.sidebar-section__subheader .sidebar-section__plus.cu-dropdown_open,.sidebar-section__subheader .nav-menu.cu-dropdown_open {
    visibility: visible;
    opacity: 1
}

.sidebar-section__toolbar {
    transition: max-height .25s ease-in;
    padding: 0 10px;
    min-width: 0;
    overflow: hidden;
    max-height: 50px
}

.sidebar-section__toolbar_hidden {
    transition: max-height .25s ease-in;
    max-height: 0
}

.sidebar-section__toolbar .nav-filter {
    margin: 5px 0 10px
}

.sidebar-section__scrollable {
    flex-grow: 1;
    padding-bottom: 60px
}

.sidebar-section__scrollable .ps__rail-y {
    z-index: 10
}

.sidebar-section__hint {
    font-size: 14px;
    font-weight: 300;
    line-height: 16px;
    color: #4a4f55;
    text-align: center;
    padding: 20px 5px 10px;
    z-index: 10;
    position: relative
}

.sidebar-section__hint-link {
    transition: all .2s cubic-bezier(.785,.135,.15,.86) 0s;
    color: #A2C44A;
    text-decoration: underline;
    -webkit-text-decoration-style: dotted;
    text-decoration-style: dotted;
    cursor: pointer
}

@supports (--theme-main-color: $color-purple) {
    .sidebar-section__hint-link {
        color:var(--theme-main-color)
    }
}

.sidebar-section__name {
    display: flex;
    align-items: center;
    min-width: 0;
    flex-grow: 1
}

.sidebar-section__name_invert {
    flex-direction: row-reverse
}

.sidebar-section__name_invert .sidebar-section__name-link {
    order: 3
}

.sidebar-section__name_invert .nav-category__plus {
    order: 2
}

.sidebar-section__name_invert .nav-menu {
    order: 1;
    margin: -4px 0 -4px 2px
}

.sidebar-section__name_invert .nav-menu.cu-dropdown_open+.nav-category__plus {
    display: block;
    margin-left: 7px
}

.sidebar-section__name-title {
    color: #bcbcbc
}

.sidebar-section__name-link {
    font-size: 16px;
    font-weight: 500;
    line-height: 1;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #292d34;
    cursor: pointer;
    position: relative;
    padding: 8px 0 7px
}

.dark-theme .sidebar-section__name-link {
    color: #d5d6d7
}

.layout-size_compact .sidebar-section__name-link {
    font-size: 16px
}

.layout-size_default .sidebar-section__name-link {
    font-size: 17px
}

.layout-size_large .sidebar-section__name-link {
    font-size: 18px;
    padding: 9px 0 8px
}

.sidebar-section__search {
    transition: background-color .2s cubic-bezier(.785,.135,.15,.86) 0s,stroke .2s cubic-bezier(.785,.135,.15,.86) 0s;
    flex-shrink: 0;
    width: 23px;
    height: 23px;
    border-radius: 3px;
    stroke: #bcc0c7;
    cursor: pointer;
    padding: 5px;
    margin-left: 3px;
    position: relative
}

.dark-theme .sidebar-section__search {
    stroke: #828588
}

.sidebar-section__search:hover {
    stroke: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .sidebar-section__search:hover {
        stroke:var(--theme-main-color)
    }
}

.sidebar-section__search_active {
    stroke: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .sidebar-section__search_active {
        stroke:var(--theme-main-color)
    }
}

.sidebar-section__plus {
    transition: background-color .2s cubic-bezier(.785,.135,.15,.86) 0s,fill .2s cubic-bezier(.785,.135,.15,.86) 0s;
    flex-shrink: 0;
    width: 23px;
    height: 23px;
    border-radius: 3px;
    fill: #bcc0c7;
    cursor: pointer;
    margin-left: 3px
}

.dark-theme .sidebar-section__plus {
    fill: #828588
}

.sidebar-section__plus:hover,.sidebar-section__plus.cu-dropdown_open {
    fill: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .sidebar-section__plus:hover,.sidebar-section__plus.cu-dropdown_open {
        fill:var(--theme-main-color)
    }
}

.sidebar-section__plus-icon {
    padding: 6px
}

.sidebar-section__controls {
    margin: 0 0 0 10px
}

.sidebar-section__body {
    position: relative;
    margin: 0 20px
}

.cu2-sidebar__body_v5 .sidebar-section__body {
    margin: 0
}

.sidebar-section__notes {
    font-size: 13px;
    font-weight: 400;
    line-height: 1.5em;
    position: absolute;
    top: 25px;
    width: 100%;
    text-align: center;
    color: #34343480;
    font-style: italic
}

.dark-theme .sidebar-section__notes {
    color: #828588
}

.sidebar-section__notes_relative {
    position: relative
}

.sidebar-section__notes-arrow {
    display: flex;
    justify-content: flex-end
}

.sidebar-section__notes-arrow_hidden {
    visibility: hidden
}

.sidebar-section__notes-arrow svg {
    margin: 0 30% 10px 0;
    fill: #343434
}

.dark-theme .sidebar-section__notes-arrow svg {
    fill: #abaeb0
}

.sidebar-section__notes-link {
    color: #A2C44A;
    display: inline-block;
    cursor: pointer
}

@supports (--theme-main-color: $color-purple) {
    .sidebar-section__notes-link {
        color:var(--theme-main-color)
    }
}

.sidebar-section__notes-link:hover {
    color: #A2C44A
}

@supports (--theme-main-color-dark: $color-purple-dark) {
    .sidebar-section__notes-link:hover {
        color:var(--theme-main-color-dark)
    }
}

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

.sidebar-section__note {
    padding: 15px;
    text-align: center
}

.sidebar-section__note-text {
    font-size: 12px;
    font-weight: 400;
    line-height: 1.5em;
    text-align: center;
    color: #3434344d;
    font-style: italic;
    margin-bottom: 4px
}

.sidebar-section__note-link {
    color: #A2C44A;
    font-size: 11px;
    font-weight: 300;
    text-align: center
}

@supports (--theme-main-color: $color-purple) {
    .sidebar-section__note-link {
        color:var(--theme-main-color)
    }
}

.sidebar-section__note-link:hover {
    color: #A2C44A
}

@supports (--theme-main-color-dark: $color-purple-dark) {
    .sidebar-section__note-link:hover {
        color:var(--theme-main-color-dark)
    }
}

.sidebar-section__empty {
    font-size: 15px;
    font-weight: 400;
    line-height: 1.5em;
    padding: 25px 15px 15px;
    text-align: center;
    color: #343434b3
}

.sidebar-section__empty a {
    color: #A2C44A;
    border-bottom-color: #A2C44A;
    border-bottom: 1px dashed;
    animation: fadeOut .5s .4s;
    animation-iteration-count: 2
}

@supports (--theme-main-color: $color-purple) {
    .sidebar-section__empty a {
        color:var(--theme-main-color)
    }
}

@supports (--theme-main-color: $color-purple) {
    .sidebar-section__empty a {
        border-bottom-color:var(--theme-main-color)
    }
}

.sidebar-section__empty a:hover {
    color: #A2C44A
}

@supports (--theme-main-color-dark: $color-purple-dark) {
    .sidebar-section__empty a:hover {
        color:var(--theme-main-color-dark)
    }
}

.sidebar-section__empty_success-invited {
    animation: fadeOut .4s 4s forwards
}

.sidebar-section__empty_success-invited strong {
    color: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .sidebar-section__empty_success-invited strong {
        color:var(--theme-main-color)
    }
}

.sidebar-section__empty-title {
    font-size: 15px;
    font-weight: 500;
    line-height: 1.5em
}

.sidebar-section__empty-description {
    font-size: 14px;
    font-weight: 400;
    line-height: 1.5em
}

.sidebar-section .cu-nav-project__toggle-text {
    width: 230px
}

.nav-category,.nav-category__onboarding-container {
    margin: 0
}

.nav-category__onboarding-container .popover-content {
    padding: 0
}

.nav-category__onboarding-container.popover {
    background-color: transparent;
    border: none;
    box-shadow: none
}

.nav-category__onboarding-container.popover.popover-right:after,.nav-category__onboarding-container.popover.popover-right:before {
    display: none
}

.nav-category__onboarding-back {
    position: fixed;
    background-color: #000;
    opacity: .65;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0
}

.nav-category__onboarding-icon {
    position: relative;
    float: left
}

.nav-category__onboarding-icon.nav-category__plus {
    margin-right: 25px;
    margin-left: -35px;
    box-shadow: 0 7px 14px #00000080;
    border-radius: 50%;
    visibility: visible;
    background: #fff;
    flex-shrink: 0;
    width: 24px;
    height: 24px;
    cursor: pointer
}

.nav-category__onboarding-text {
    font-size: 30px;
    font-weight: 500;
    line-height: .8;
    position: relative;
    color: #fff;
    width: 500px;
    padding: 0 10px
}

.nav-category__onboarding-text svg {
    margin-right: 20px
}

.nav-category__menu {
    position: relative;
    z-index: 1
}

.section-editor {
    display: flex;
    padding: 2px 5px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #fff
}

.section-editor__input {
    flex-grow: 1;
    border: 1px solid #e4e4e4
}

.section-editor__input:focus {
    border-color: #A2C44A;
    outline: none;
    border: 1px solid
}

@supports (--theme-main-color: $color-purple) {
    .section-editor__input:focus {
        border-color:var(--theme-main-color)
    }
}

.section-view-all {
    transition: color .2s cubic-bezier(.785,.135,.15,.86) 0s;
    color: #A2C44A;
    font-size: 12px;
    font-weight: 400;
    line-height: 1;
    padding: 5px 10px;
    margin: -5px -10px;
    letter-spacing: normal;
    text-transform: capitalize;
    cursor: pointer;
    white-space: nowrap
}

@supports (--theme-main-color: $color-purple) {
    .section-view-all {
        color:var(--theme-main-color)
    }
}

.section-view-all:hover {
    color: #A2C44A
}

@supports (--theme-main-color-dark: $color-purple-dark) {
    .section-view-all:hover {
        color:var(--theme-main-color-dark)
    }
}

.section-view-all.section-view-all_inactive {
    color: #bcbcbc;
    cursor: default
}

.contrast_high .section-view-all.section-view-all_inactive {
    color: #979797
}

.top-section__body .section-view-all.section-view-all_inactive {
    font-size: 13px;
    font-weight: 500;
    line-height: 1;
    color: #4a4f55;
    cursor: default;
    position: relative
}

.dark-theme .top-section__body .section-view-all.section-view-all_inactive {
    color: #d5d6d7
}

.plus-control {
    transition: all .2s cubic-bezier(.785,.135,.15,.86) 0s;
    color: #A2C44A;
    font-size: 20px;
    font-weight: 500;
    line-height: 18px;
    padding: 3px;
    margin-right: 6px;
    margin-left: 6px;
    display: inline-block;
    cursor: pointer;
    outline: none
}

@supports (--theme-main-color: $color-purple) {
    .plus-control {
        color:var(--theme-main-color)
    }
}

.plus-control:hover {
    color: #A2C44A
}

@supports (--theme-main-color-dark: $color-purple-dark) {
    .plus-control:hover {
        color:var(--theme-main-color-dark)
    }
}

.sidebar-message {
    font-size: 14px;
    font-weight: 400;
    border-bottom: 1px solid #e4e4e4;
    padding: 24px 35px 16px 20px;
    color: #34343480;
    font-style: italic
}

.dark-theme .sidebar-message {
    color: #828588;
    border-bottom: 1px solid #1e272e
}

.cu-sidebar {
    position: relative
}

.cu-sidebar_guest.sidebar {
    padding: 0
}

.cu-sidebar-resizer {
    position: relative;
    z-index: 1
}

.cu-sidebar-resizer-handle {
    width: 6px;
    height: 100%;
    cursor: col-resize;
    position: absolute;
    right: -3px;
    z-index: 1
}

.cu-sidebar-resizer .cu-sidebar {
    width: 100%
}

.cu-sidebar-resizer .cu-sidebar.cu-sidebar_collapsed {
    width: 42px
}

.cu-sidebar__toggle {
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer;
    z-index: 1;
    fill: #d8d8d8
}

.cu-sidebar__toggle-icon {
    transition: all .2s cubic-bezier(.785,.135,.15,.86) 0s;
    fill: #d8d8d8;
    width: 34px;
    height: 42px;
    padding: 13px 13px 13px 5px
}

.contrast_high .cu-sidebar__toggle-icon {
    fill: #858585
}

.dark-theme .cu-sidebar__toggle-icon {
    fill: #828588
}

.cu2-sidebar_collapsed .cu-sidebar__toggle-icon {
    padding: 13px;
    width: 42px
}

.cu-sidebar__toggle-icon_open {
    display: none
}

.cu-sidebar__toggle:hover .cu-sidebar__toggle-icon {
    fill: #343434
}

.dark-theme .cu-sidebar__toggle:hover .cu-sidebar__toggle-icon {
    fill: #d5d6d7
}

.cu-sidebar .sidebar__category-opened-closed {
    width: 24px;
    height: 24px;
    filter: drop-shadow(0 0 3px rgba(0,0,0,.07));
    margin-left: 10px
}

.cu-sidebar .sidebar__category-opened,.cu-sidebar .sidebar__category-closed {
    display: none
}

.cu-sidebar__closed-total-container {
    display: flex;
    align-items: center;
    height: 105px;
    border-top: 1px solid #e4e4e4;
    margin: -105px 0 0;
    padding-left: 30px
}

.dark-theme .cu-sidebar__closed-total-container {
    border-top: 1px solid #1e272e
}

.cu-sidebar__closed-total {
    font-size: 45px;
    font-weight: 300;
    line-height: 1;
    color: #67cb48;
    margin-right: 12px
}

.cu-sidebar__closed-total-space {
    margin-top: -4px;
    margin-bottom: 5px
}

.cu-sidebar.cu-sidebar_collapsed {
    width: 42px;
    border-top: 1px solid #d8d8d8;
    padding: 0
}

.dark-theme .cu-sidebar.cu-sidebar_collapsed {
    border-top: 1px solid #1e272e
}

.cu-sidebar.cu-sidebar_collapsed .cu-sidebar__toggle {
    position: relative;
    fill: #343434;
    border-bottom: 1px solid #d8d8d8
}

.dark-theme .cu-sidebar.cu-sidebar_collapsed .cu-sidebar__toggle {
    border-bottom: 1px solid #1e272e
}

.cu-sidebar.cu-sidebar_collapsed .cu-nav-project__toggle {
    margin: 0
}

.cu-sidebar.cu-sidebar_collapsed .sidebar-section {
    padding: 10px 5px
}

.cu-sidebar.cu-sidebar_collapsed .cu-sidebar__toggle-icon.cu-sidebar__toggle-icon_open {
    display: block
}

.cu-sidebar.cu-sidebar_collapsed .cu-sidebar__toggle-icon.cu-sidebar__toggle-icon_open svg {
    width: 16px;
    height: 16px
}

.cu-sidebar.cu-sidebar_collapsed .cu-sidebar__toggle-icon.cu-sidebar__toggle-icon_close {
    display: none
}

.cu-sidebar.cu-sidebar_collapsed .cu-avatar.cu-avatar_self {
    box-shadow: none
}

.cu-sidebar.cu-sidebar_collapsed .cu-nav-project__toggle.cu-hidden {
    display: block!important
}

.cu-sidebar.cu-sidebar_collapsed .sidebar-message,.cu-sidebar.cu-sidebar_collapsed .cu-search_compact,.cu-sidebar.cu-sidebar_collapsed .cu-plate__text,.cu-sidebar.cu-sidebar_collapsed .cu-plate__badge,.cu-sidebar.cu-sidebar_collapsed .cu-plate__icon-close,.cu-sidebar.cu-sidebar_collapsed .ps__scrollbar-x-rail,.cu-sidebar.cu-sidebar_collapsed .ps__scrollbar-y-rail,.cu-sidebar.cu-sidebar_collapsed .sidebar-section_categories,.cu-sidebar.cu-sidebar_collapsed .sidebar-section_filters,.cu-sidebar.cu-sidebar_collapsed .sidebar-section__header,.cu-sidebar.cu-sidebar_collapsed .sidebar-section__toolbar,.cu-sidebar.cu-sidebar_collapsed .sidebar-section__note,.cu-sidebar.cu-sidebar_collapsed .cu-sidebar__closed-total-container,.cu-sidebar.cu-sidebar_collapsed .cu-nav-project__dropdown-settings_down,.cu-sidebar.cu-sidebar_collapsed .cu-nav-project__toggle-text,.cu-sidebar.cu-sidebar_collapsed .cu-nav-project__ellipsis,.cu-sidebar.cu-sidebar_collapsed .cu-plate_team:before {
    display: none!important
}

.cu-sidebar.cu-sidebar_collapsed .cu-plate__icon {
    margin: 0
}

.cu-sidebar.cu-sidebar_collapsed .sidebar-section_project {
    padding: 0
}

.cu-sidebar.cu-sidebar_collapsed .cu-nav-project__toggle {
    position: relative;
    display: flex;
    justify-content: center;
    width: 100%;
    height: 42px;
    padding: 0;
    text-align: center
}

.cu-sidebar.cu-sidebar_collapsed .cu-nav-project__mini-toggle {
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all .2s cubic-bezier(.785,.135,.15,.86) 0s;
    position: relative;
    flex-grow: 1;
    height: 42px
}

.dark-theme .cu-sidebar.cu-sidebar_collapsed .cu-nav-project__mini-toggle {
    color: #d5d6d7
}

.cu-sidebar.cu-sidebar_collapsed .cu-nav-project__mini-toggle:hover {
    color: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .cu-sidebar.cu-sidebar_collapsed .cu-nav-project__mini-toggle:hover {
        color:var(--theme-main-color)
    }
}

.cu-sidebar.cu-sidebar_collapsed .cu-nav-project__mini-toggle:hover:after {
    border-color: transparent transparent #343434 transparent
}

.dark-theme .cu-sidebar.cu-sidebar_collapsed .cu-nav-project__mini-toggle:hover:after {
    border-color: transparent transparent #828588 transparent
}

.cu-sidebar.cu-sidebar_collapsed .cu-nav-project__mini-toggle:after {
    content: "";
    display: block;
    position: absolute;
    transition: all .2s cubic-bezier(.785,.135,.15,.86) 0s;
    bottom: 4px;
    right: 4px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 0 6px 6px;
    border-color: transparent transparent #d8d8d8 transparent
}

.cu-sidebar.cu-sidebar_collapsed .cu-plate.cu-plate_team {
    margin: 5px 0
}

.cu-sidebar.cu-sidebar_collapsed .cu-plate.cu-plate_team.cu-plate_active .cu-avatar,.cu-sidebar.cu-sidebar_collapsed .cu-plate.cu-plate_team.cu-plate_active .cu-plate__icon-unassigned {
    width: 32px;
    height: 32px;
    box-shadow: 0 0 0 1px #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .cu-sidebar.cu-sidebar_collapsed .cu-plate.cu-plate_team.cu-plate_active .cu-avatar,.cu-sidebar.cu-sidebar_collapsed .cu-plate.cu-plate_team.cu-plate_active .cu-plate__icon-unassigned {
        box-shadow:0 0 0 1px var(--theme-main-color)
    }
}

.cu-sidebar.cu-sidebar_collapsed .cu-plate.cu-plate_team.cu-plate_active .cu-plate__icon-close-collapsed {
    display: block
}

.cu-sidebar-nav {
    position: relative;
    min-width: 100%
}

.cu-sidebar-nav.show-onboarding {
    pointer-events: none
}

.cu-sidebar-nav__container {
    position: relative;
    min-width: 100%
}

.cu-sidebar-nav__header {
    display: flex;
    align-items: center;
    margin: 0 0 25px
}

.cu-sidebar-nav__header_categories {
    margin-bottom: 18px
}

.cu-sidebar-nav__header .cu-controls {
    padding: 0;
    height: 18px
}

.cu-sidebar-nav__header .cu-controls .cu-controls__item {
    width: 14px;
    height: 14px
}

.cu-sidebar-nav__header .cu-controls .cu-search__icon {
    width: 14px;
    height: 14px;
    top: 0
}

.cu-sidebar-nav__title {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 12px;
    font-weight: 500;
    line-height: 12px;
    flex-grow: 1;
    height: 18px;
    color: #bcbcbc;
    letter-spacing: 2px;
    text-transform: uppercase;
    text-decoration: none;
    display: flex;
    align-items: center
}

.cu-sidebar-nav__title_link {
    transition: all .2s cubic-bezier(.785,.135,.15,.86) 0s
}

.cu-sidebar-nav__title_link:hover {
    transition: none
}

.cu-sidebar-nav__title_link:hover {
    color: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .cu-sidebar-nav__title_link:hover {
        color:var(--theme-main-color)
    }
}

.cu-sidebar-nav__title_name {
    color: #bcbcbc
}

.cu-sidebar-nav__plus {
    color: #A2C44A;
    font-size: 20px;
    font-weight: 600;
    line-height: 18px;
    display: inline-block;
    margin-left: 8px;
    padding-left: 2px;
    cursor: pointer;
    outline: none
}

@supports (--theme-main-color: $color-purple) {
    .cu-sidebar-nav__plus {
        color:var(--theme-main-color)
    }
}

.cu-sidebar-nav__controls {
    flex-shrink: 0
}

.cu-sidebar-nav__body .cu-avatar.cu-avatar__paper_airplane {
    margin: 0!important
}

.cu-sidebar-nav__body .cu-avatar .icon {
    width: 13px;
    height: 10px;
    padding-left: 3px
}

.cu-sidebar-nav__body .cu-avatar.cu-avatar__invite_people {
    width: 34px;
    height: 34px;
    margin: 0
}

.cu-sidebar-nav.cu-sidebar-nav_bordered {
    border-bottom: 1px solid #e5e5e5
}

.sidebar {
    width: 300px;
    -webkit-user-select: none;
    user-select: none;
    padding: 41px 0 0
}

.sidebar__perfect-scrollbar {
    position: relative;
    height: 100%;
    overflow: auto
}

.sidebar__category-tools {
    padding: 0
}

.sidebar__category-tools .icon {
    width: 12px;
    height: 12px;
    margin: -2px 10px 0 0
}

.sidebar__category-tools-item {
    display: flex;
    align-items: center;
    padding: 18px 20px 13px 15px;
    color: #343434;
    cursor: pointer
}

.sidebar__category-tools-item:hover {
    background-color: #fafbfc
}

.sidebar__category-tools-item_bordered {
    border-bottom: 1px solid #e4e4e4;
    padding: 23px 20px 18px 15px
}

.sidebar__category-tools-icon-edit {
    margin: 0 10px 0 0
}

.sidebar__category-tools-icon-edit use {
    stroke: #cbc9d0
}

.sidebar__category-tools-icon-move use {
    fill: #cbc9d0
}

.sidebar__category-tools-icon-remove {
    padding: 1px
}

.sidebar__category-tools-icon-remove use {
    stroke: #fd71af
}

.sidebar__category-tools-icon-plus {
    margin: 0 10px 0 0
}

.sidebar__category-tools-icon-plus use {
    stroke: #343434
}

.sidebar .sidebar__section-item {
    font-size: 13px;
    font-weight: 300;
    line-height: 13px;
    color: #343434;
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    height: 30px;
    padding: 0;
    margin: 0 -15px 3px -5px;
    border-radius: 3px;
    border-left: 2px solid #fff;
    background-color: #fff
}

.dark-theme .sidebar .sidebar__section-item {
    background: #384047;
    border-left: 2px solid #384047
}

.sidebar .sidebar__section-item:hover {
    box-shadow: 1px 0 8px #00000012;
    padding-right: 20px
}

.sidebar .sidebar__section-item:hover .sidebar__section-controls {
    display: flex
}

.sidebar .sidebar__section-item:hover .sidebar__section-icon-close {
    display: block
}

.sidebar .sidebar__section-item:hover .sidebar__section-taskcount {
    display: none
}

.sidebar .sidebar__section-item.sidebar__section-item_editing:hover {
    box-shadow: none
}

.sidebar .sidebar__section-item .sidebar__section-controls {
    margin-top: -3px;
    margin-right: 15px;
    margin-left: 10px
}

.sidebar .sidebar__section-item .sidebar__section-controls use {
    fill: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .sidebar .sidebar__section-item .sidebar__section-controls use {
        fill:var(--theme-main-color)
    }
}

.sidebar .sidebar__section-item .sidebar__section-icon-close {
    position: absolute;
    top: 9px;
    right: 15px;
    display: none;
    width: 12px;
    height: 12px;
    cursor: pointer
}

.sidebar .sidebar__section-item .sidebar__section-icon-close use {
    fill: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .sidebar .sidebar__section-item .sidebar__section-icon-close use {
        fill:var(--theme-main-color)
    }
}

.sidebar .sidebar__section-item .sidebar__section-header-link {
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    width: 100%;
    padding: 0 15px 0 12px
}

.sidebar .sidebar__section-item .sidebar__section-header,.sidebar .sidebar__section-item .sidebar__section-header:hover {
    box-shadow: none;
    border: 0
}

.sidebar .sidebar__section-item .sidebar__section-taskcount {
    font-size: 11px;
    font-weight: 400;
    line-height: 11px;
    padding: 2px 0 0;
    color: #9a9a9a;
    align-self: center;
    flex-grow: 0;
    flex-shrink: 0;
    margin-left: 10px
}

.sidebar__input-container {
    display: none
}

.sidebar__category-input {
    border-color: #A2C44A;
    font-size: 16px;
    font-weight: 400;
    line-height: 16px;
    position: absolute;
    top: 0;
    left: 0;
    display: none;
    background: #fff;
    width: 265px;
    border: 1px solid;
    border-radius: 4px;
    box-shadow: none;
    padding: 7px 10px 4px 9px;
    margin: -6px 0 0 -10px;
    color: #343434
}

@supports (--theme-main-color: $color-purple) {
    .sidebar__category-input {
        border-color:var(--theme-main-color)
    }
}

.sidebar__category-input:focus {
    background: none
}

.sidebar__category-input.sidebar__edit-category-error {
    border: 1px solid #fd7368;
    color: #fd7368
}

.sidebar__section-input {
    border-color: #A2C44A;
    font-size: 12px;
    font-weight: 300;
    line-height: 12px;
    position: absolute;
    top: 0;
    left: 0;
    display: none;
    background: #fff;
    width: 260px;
    border: 1px solid;
    border-radius: 4px;
    box-shadow: none;
    padding: 8px 10px 6px 15px;
    margin: 0 0 0 -4px;
    color: #343434
}

@supports (--theme-main-color: $color-purple) {
    .sidebar__section-input {
        border-color:var(--theme-main-color)
    }
}

.sidebar__section-input:focus {
    background: none
}

.sidebar__section-input-error {
    border: 1px solid #fd7368;
    color: #fd7368
}

.sidebar__header_editing {
    overflow: inherit
}

.sidebar__header_editing .sidebar__category-input,.sidebar__header_editing .sidebar__input-container,.sidebar .sidebar__section-item_editing .sidebar__section-input {
    display: block
}

.sidebar__metab-active {
    padding-bottom: 0
}

.sidebar__content-metab_active {
    min-height: 100%;
    padding-bottom: 135px
}

.gu-mirror {
    z-index: 200000
}

.gu-mirror .sidebar__section-taskcount,.gu-mirror .sidebar__category-opened-closed,.gu-mirror .sidebar__section-icon-close {
    display: none!important
}

.sidebar-search {
    transition: all .2s cubic-bezier(.785,.135,.15,.86) 0s;
    position: absolute;
    top: 0;
    right: -30px;
    width: 110px;
    height: 14px;
    align-items: center;
    display: flex
}

.sidebar-search:hover {
    transition: none
}

.sidebar-search_visible {
    transition: all .2s cubic-bezier(.785,.135,.15,.86) 0s;
    width: 100%;
    right: 0
}

.sidebar-search_visible:hover {
    transition: none
}

.sidebar-search_visible .sidebar-search__link-block {
    width: auto;
    padding: 0
}

.sidebar-search_visible .sidebar-search__input {
    transition: all .2s cubic-bezier(.785,.135,.15,.86) 0s;
    font-size: 12px;
    font-weight: 400;
    display: block;
    width: 100%;
    right: 0;
    padding: 7px 20px 6px 24px;
    border: 0;
    border-bottom: 1px solid #e4e4e4;
    transition: .2s
}

.sidebar-search_visible .sidebar-search__input::placeholder {
    color: #34313a66;
    opacity: 1;
    font-size: "initial"
}

.sidebar-search_visible .sidebar-search__input:hover {
    transition: none
}

.sidebar-search_visible .sidebar-search__input:focus {
    outline: none;
    border-color: #e4e4e4
}

.sidebar-search_visible .sidebar-search__icon-loupe {
    top: 0;
    left: 0
}

.sidebar-search__link-block {
    cursor: pointer;
    width: 100%;
    padding: 10px 0 10px 10px
}

.sidebar-search__title {
    font-size: 13px;
    font-weight: 300;
    line-height: 13px;
    opacity: .4;
    color: #343434
}

.sidebar-search__icon-loupe {
    top: 0;
    left: auto;
    right: 30px;
    width: 14px;
    height: 14px
}

.sidebar-search__icon-close {
    position: absolute;
    top: 0;
    right: 0;
    left: auto;
    width: 11px;
    height: 11px
}

.sidebar-search__icon-close use {
    fill: #cccdde
}

.status {
    background-color: #A2C44A;
    font-size: 11px;
    font-weight: 500;
    line-height: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 21px;
    padding: 0 12px;
    border-radius: 3px;
    color: #fff;
    text-transform: uppercase
}

@supports (--theme-main-color: $color-purple) {
    .status {
        background-color:var(--theme-main-color)
    }
}

.status_block {
    justify-content: center
}

.status_block_light {
    color: #343434
}

.status_fw {
    justify-content: center;
    min-width: 110px
}

.status__settings {
    background-color: #fff;
    height: 28px;
    padding: 0;
    margin-bottom: 10px
}

.dark-theme .status__settings {
    background: transparent
}

.status__settings .cu-tags-input__field {
    font-size: 16px;
    border: 0
}

.status__settings .cu-tags-input__badge {
    text-transform: uppercase
}

.status-add {
    transition: all .2s cubic-bezier(.785,.135,.15,.86) 0s;
    background: #A2C44A;
    height: 28px;
    border-radius: 3px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    border: 1px solid transparent
}

@supports (--theme-main-color: $color-purple) {
    .status-add {
        background:var(--theme-main-color)
    }
}

.status-add:hover {
    background: #A2C44A
}

@supports (--theme-main-color-dark: $color-purple-dark) {
    .status-add:hover {
        background:var(--theme-main-color-dark)
    }
}

.status-add_full-width {
    margin: 0 0 5px
}

.status-add_active {
    background: #fff;
    border: 1px solid #d8d8d8;
    cursor: text
}

.dark-theme .status-add_active {
    background: #384047;
    border: 1px solid #1e272e
}

.status-add_active:hover {
    background: #fff
}

.dark-theme .status-add_active:hover {
    background: #384047
}

.status-add_active .status-add__button {
    display: none
}

.status-add_active .status-add__input {
    display: flex
}

.status-add__button {
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    text-transform: capitalize;
    color: #fff;
    cursor: pointer;
    padding: 0 10px;
    height: 28px;
    display: flex;
    align-items: center
}

.status-add__input {
    display: none;
    justify-content: center;
    align-items: center;
    padding: 0 5px 0 10px
}

.status-add__input-field {
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    transition: all .2s cubic-bezier(.785,.135,.15,.86) 0s;
    border: 0;
    box-shadow: none;
    margin-right: 5px;
    color: #2229;
    padding: 7px 0 0;
    height: 28px;
    text-transform: uppercase;
    min-width: 20px
}

.dark-theme .status-add__input-field {
    color: #abaeb0
}

.status-add__input-field * {
    color: inherit!important;
    font-size: inherit!important;
    font-style: inherit!important;
    font-family: inherit!important;
    margin: inherit!important;
    padding: inherit!important;
    display: inline!important;
    line-height: inherit!important
}

.status-add__input-field.error_taken {
    color: #d16464
}

.status-add__input-enter {
    padding: 5px;
    stroke: #67cb48;
    height: 18px;
    width: 21px;
    margin-left: 2px;
    cursor: pointer
}

.status.status_open {
    box-shadow: inset 0 0 0 1px #aeacb0;
    background: transparent!important;
    color: #aeacb0
}

.time-tracking__error {
    color: #fd71af;
    padding: 10px 0 20px;
    text-align: center
}

.time-tracking__dropdown-title {
    background: #A2C44A;
    height: 50px;
    border-top-right-radius: 6px;
    border-top-left-radius: 6px
}

@supports (--theme-main-color: $color-purple) {
    .time-tracking__dropdown-title {
        background:var(--theme-main-color)
    }
}

.time-tracking__dropdown-title .time-tracking__title-top-arrow {
    background: #A2C44A;
    position: absolute;
    top: -5px;
    left: 50%;
    margin-left: -7px;
    width: 14px;
    height: 14px;
    transform: rotate(45deg);
    border-top: 1px solid rgba(0,0,0,.03);
    border-left: 1px solid rgba(0,0,0,.03)
}

@supports (--theme-main-color: $color-purple) {
    .time-tracking__dropdown-title .time-tracking__title-top-arrow {
        background:var(--theme-main-color)
    }
}

.time-tracking__dropdown-title_row {
    display: flex;
    width: 100%;
    height: 50px
}

.time-tracking__dropdown-title-item {
    color: #fff;
    width: 50%;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center
}

.time-tracking__dropdown-title-item:last-child .time-tracking__dropdown-title-text {
    border-left: 1px solid rgba(239,239,240,.5)
}

.time-tracking__dropdown-title-text {
    width: 100%;
    height: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff
}

.time-tracking__dropdown-title-inactive {
    cursor: pointer
}

.time-tracking__dropdown-title-inactive .time-tracking__dropdown-title-text {
    color: #efeff080
}

.time-tracking__dropdown-item {
    margin: 20px 30px
}

.time-tracking__dropdown-row_btn {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 80px;
    border-top: 1px solid #f4f4f4
}

.dark-theme .time-tracking__dropdown-row_btn {
    border-top: 1px solid #1e272e
}

.time-tracking__dropdown-row_change-time {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 38px
}

.time-tracking__dropdown-row_change-time:first-child {
    margin: 20px 0 8px
}

.time-tracking__dropdown-row_change-time:nth-child(2) {
    margin-bottom: 20px
}

.time-tracking__dropdown-row_time {
    padding: 20px;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.time-tracking__dropdown-btn.cu-btn.cu-btn_sm {
    font-size: 14px;
    font-weight: 500;
    line-height: 1;
    width: 119px;
    height: 40px;
    margin: 0 5px;
    text-shadow: none
}

.time-tracking__dropdown-btn:first-child {
    background: #fff;
    border: 1px solid #aeacb0;
    color: #aeacb0
}

.dark-theme .time-tracking__dropdown-btn:first-child {
    background: #384047;
    border: 1px solid #828588;
    color: #828588
}

.time-tracking__dropdown-btn:first-child:hover {
    background: #fbfbfb
}

.dark-theme .time-tracking__dropdown-btn:first-child:hover {
    background: #2b343b
}

.time-tracking__dropdown-select-title {
    font-size: 14px;
    font-weight: 400;
    line-height: 38px;
    color: #544d61;
    width: 90px
}

.dark-theme .time-tracking__dropdown-select-title {
    color: #d5d6d7
}

.time-tracking__dropdown-select_time-range {
    width: 160px;
    outline: none;
    border: 1px solid #d8d8d8;
    border-radius: 3px;
    height: 38px
}

.dark-theme .time-tracking__dropdown-select_time-range {
    background: #384047;
    border-color: #1e272e
}

.time-tracking__dropdown-select_time-range:focus {
    box-shadow: none
}

.time-tracking__dropdown-select_time-range .datepicker__dates-input-container-val.natural-language {
    text-decoration: none;
    width: 100%!important;
    padding: 0 10px
}

.time-tracking__dropdown-select_time-range .datepicker__dates-input-container-inner.natural-language.focused-date,.time-tracking__dropdown-select_time-range .datepicker__dates-input-container-inner.natural-language:hover {
    border-color: transparent;
    background: transparent
}

.time-tracking__dropdown-select_time {
    width: 49%
}

.time-tracking__dropdown-when {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 12px;
    font-weight: 500;
    line-height: 1;
    color: #fff;
    display: flex
}

.time-tracking__dropdown-when-link {
    transition: all .2s cubic-bezier(.785,.135,.15,.86) 0s;
    color: #fff;
    border-bottom-color: #fff;
    cursor: pointer;
    border-bottom: 1px dashed;
    margin-left: 4px
}

.time-tracking__calendar-container {
    height: auto;
    border-top: 1px solid #f4f4f4;
    padding-top: 5px;
    margin-top: 10px
}

.dark-theme .time-tracking__calendar-container {
    border-top: 1px solid #1e272e
}

.time-tracking__calendar-container .datepicker__calendar {
    position: relative
}

.time-tracking__calendar-container .datepicker__dates-input-container-val.natural-language {
    text-decoration: none;
    width: 100%!important;
    padding: 0 10px;
    outline: none;
    border: 1px solid #d8d8d8;
    border-radius: 4px;
    height: 38px
}

.dark-theme .time-tracking__calendar-container .datepicker__dates-input-container-val.natural-language {
    background: #384047;
    border-color: #1e272e
}

.time-tracking__calendar-container .datepicker__dates-input-container-inner {
    width: 100%;
    padding: 10px 20px 5px
}

.time-tracking__calendar-container .datepicker__dates-input-container-inner.focused-date,.time-tracking__calendar-container .datepicker__dates-input-container-inner.natural-language:hover {
    border-color: transparent;
    background: transparent
}

.time-tracking__items {
    max-height: 400px;
    overflow: auto
}

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

.time-tracking__item-time-counter {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 12px;
    font-weight: 400;
    line-height: 1
}

.time-tracking__item-row {
    transition: all .2s cubic-bezier(.785,.135,.15,.86) 0s;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 20px 10px 15px;
    cursor: pointer;
    border-bottom: 1px solid #efeef0
}

.dark-theme .time-tracking__item-row {
    border-bottom: 1px solid #1e272e
}

.time-tracking__item-row:hover {
    background-color: #fafbfc
}

.dark-theme .time-tracking__item-row:hover {
    background: #2b343b
}

.time-tracking__item cu-user-group {
    display: inline-block
}

.time-tracking__display-time {
    padding-right: 20px
}

.time-tracking__display-time:hover .cu-task-info__value,.dark-theme .time-tracking__display-time:hover .cu-task-info__value {
    border-bottom: none
}

.time-tracking__display-time .cu-task-info__value {
    display: table;
    color: #343434;
    padding: 3px;
    border-radius: 3px
}

.dark-theme .time-tracking__display-time .cu-task-info__value {
    border-bottom: none;
    color: #abaeb0
}

.time-tracking__display-time .time-tracking__icon {
    width: 14px;
    height: 14px;
    margin-top: -3px
}

.task__header .time-tracking__display-time .time-tracking__icon {
    display: none
}

.time-tracking__value {
    display: flex;
    align-items: center
}

.time-tracking__icon {
    width: 16px;
    height: 16px;
    margin-right: 5px
}

.time-tracking__settime-text {
    width: 119px;
    height: 40px;
    display: flex;
    align-items: center;
    border: 1px solid #e4e4e4;
    border-radius: .3em;
    padding: 0 25px 0 10px
}

.dark-theme .time-tracking__settime-text {
    border: 1px solid #1e272e;
    color: #d5d6d7
}

.time-tracking__settime-dropdown {
    width: 119px;
    max-height: 300px;
    overflow-y: scroll
}

.time-tracking__toggle-arrow-down {
    position: absolute;
    top: 15px;
    right: 10px;
    width: 14px;
    height: 9px
}

.time-tracking__toggle-arrow-down use {
    fill: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .time-tracking__toggle-arrow-down use {
        fill:var(--theme-main-color)
    }
}

.time-tracking__intervals {
    padding: 0 15px;
    background: #fff;
    margin: 0;
    border-bottom: 1px solid #efeef0
}

.dark-theme .time-tracking__intervals {
    border-bottom: 1px solid #1e272e;
    background: #384047
}

.time-tracking__intervals-item {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 12px;
    font-weight: 400;
    line-height: 1;
    color: #A2C44A;
    display: flex;
    align-items: center;
    min-height: 40px;
    padding: 5px 0;
    border-bottom: 1px solid #efeef0
}

@supports (--theme-main-color: $color-purple) {
    .time-tracking__intervals-item {
        color:var(--theme-main-color)
    }
}

.time-tracking__intervals-item-entry {
    width: 100%
}

.dark-theme .time-tracking__intervals-item {
    color: #d5d6d7;
    border-bottom: 1px solid #1e272e
}

.time-tracking__intervals-item-value {
    flex-grow: 1
}

.time-tracking__intervals-item-time {
    color: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .time-tracking__intervals-item-time {
        color:var(--theme-main-color)
    }
}

.time-tracking__intervals-item-close {
    margin: 0 -2px 0 10px;
    width: 16px;
    height: 16px;
    cursor: pointer
}

.time-tracking__intervals-item-close:hover use {
    fill: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .time-tracking__intervals-item-close:hover use {
        fill:var(--theme-main-color)
    }
}

.time-tracking__intervals-item-close use {
    transition: all .2s cubic-bezier(.785,.135,.15,.86) 0s;
    fill: #cbc9cf
}

.dark-theme .time-tracking__intervals-item-close use {
    fill: #828588
}

.time-tracking__intervals-item-edit {
    margin: 0 -2px 0 10px;
    width: 14px;
    height: 14px;
    cursor: pointer
}

.time-tracking__intervals-item-edit:hover use {
    stroke: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .time-tracking__intervals-item-edit:hover use {
        stroke:var(--theme-main-color)
    }
}

.time-tracking__intervals-item-edit use {
    transition: all .2s cubic-bezier(.785,.135,.15,.86) 0s;
    stroke: #cbc9cf
}

.dark-theme .time-tracking__intervals-item-edit use {
    stroke: #828588
}

.time-tracking__intervals-item-editing {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    width: 100%
}

.time-tracking__intervals-item-editing-container {
    display: flex;
    flex-direction: column;
    width: 100%
}

.time-tracking__intervals-item-editing-container .time-tracking__calendar-container {
    margin: 0 -15px;
    background: #fff
}

.dark-theme .time-tracking__intervals-item-editing-container .time-tracking__calendar-container {
    background: #384047
}

.time-tracking__intervals-item-editing-left {
    display: flex;
    align-items: center;
    flex-grow: 1;
    margin-bottom: 6px
}

.time-tracking__intervals-item-editing-right {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin-bottom: 6px
}

.time-tracking__intervals-item-editing-input {
    font-size: 12px;
    font-weight: 400;
    line-height: 1;
    width: 10px;
    min-width: 50px;
    outline: none;
    border: 1px solid #aeacb0;
    border-radius: 3px;
    height: 22px;
    display: inline-flex;
    align-items: center;
    padding: 0 2px 0 5px;
    background: #fff;
    margin-right: 5px;
    color: #343434
}

.dark-theme .time-tracking__intervals-item-editing-input {
    background: #384047;
    border-color: #1e272e;
    color: #d5d6d7
}

.time-tracking__intervals-item-editing-input_truncate {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: auto
}

.time-tracking__intervals-item-editing-divider {
    flex-grow: 1
}

.time-tracking__intervals-item-editing .datepicker__dates-input-container-val.natural-language {
    text-decoration: none;
    width: 70px!important;
    padding: 0 5px;
    outline: none;
    border: 1px solid #aeacb0;
    border-radius: 3px;
    height: 22px
}

.dark-theme .time-tracking__intervals-item-editing .datepicker__dates-input-container-val.natural-language {
    background: #384047;
    border-color: #1e272e
}

.time-tracking__intervals-item-editing .datepicker__dates-input-container-inner {
    padding: 0
}

.time-tracking__intervals-item-editing .datepicker__dates-input-container-inner.natural-language {
    border: 0
}

.time-tracking__intervals-item-editing .datepicker__dates-input-container-inner.natural-language.focused-date,.time-tracking__intervals-item-editing .datepicker__dates-input-container-inner.natural-language:hover {
    border-color: transparent;
    background: transparent;
    border: 0
}

.time-tracking__intervals-item-editing .cu-btn {
    height: 22px;
    border-radius: 3px;
    padding: 0 10px;
    font-size: 11px;
    line-height: 10px;
    font-weight: 500
}

.time-tracking__intervals-item-editing .cu-btn+.time-tracking__intervals-item-editing .cu-btn {
    margin-left: 6px
}

.time-tracking__intervals-date-header {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 12px;
    font-weight: 500;
    line-height: 1;
    margin-top: 13px;
    color: #544d61
}

.dark-theme .time-tracking__intervals-date-header {
    color: #d5d6d7
}

.time-tracking__user {
    display: flex;
    align-items: center
}

.time-tracking__user-name {
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    color: #544d61;
    margin-left: 10px
}

.dark-theme .time-tracking__user-name {
    color: #d5d6d7
}

.time-tracking__user-name_you {
    font-weight: 500
}

time-tracking-item {
    width: 100%
}

.time-tracking-btn {
    transition: all .2s cubic-bezier(.785,.135,.15,.86) 0s;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 20px;
    border-bottom: 1px solid #f4f4f4;
    cursor: pointer
}

.dark-theme .time-tracking-btn {
    border-bottom: 1px solid #1e272e
}

.time-tracking-btn .cu-btn {
    width: 100%
}

.time-tracking-btn .cu-btn+.cu-btn {
    margin-top: 15px
}

.time-tracking__dropdown-select_time-range .datepicker__dates-input-container-inner.natural-language.focused-date,.time-tracking__dropdown-select_time-range .datepicker__dates-input-container-inner.natural-language:hover,.cu-time-tracker-create-manual__range .datepicker__dates-input-container-inner,.datepicker__dates-input-container-inner.natural-language:hover {
    border: none!important
}

.cu-toast {
    position: fixed;
    bottom: 17px;
    left: 17px;
    display: flex;
    flex-direction: column-reverse;
    z-index: 1001
}

.cu-toast__error-new {
    position: relative;
    padding: 12px 60px 12px 20px;
    background-color: #fff;
    box-shadow: 0 16px 24px #0000000f,0 2px 6px #0000000a,0 0 1px #0000000a;
    border-radius: 4px;
    border-left: 3px solid #f8250a;
    max-width: 600px
}

.dark-theme .cu-toast__error-new {
    background-color: #1e272e
}

.cu-toast__error-new-top {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 14px;
    font-weight: 500;
    line-height: 1;
    color: #f8250a;
    padding-bottom: 6px
}

.cu-toast__error-new-bot {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    color: #292d34
}

.dark-theme .cu-toast__error-new-bot {
    color: #d5d6d7
}

.cu-toast__error-new-close {
    transition: transform .2s cubic-bezier(.785,.135,.15,.86) 0s;
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    fill: #f8250a;
    height: 14px;
    width: 14px;
    cursor: pointer
}

.cu-toast__error-new-close:hover {
    transform: translateY(-50%) rotate(180deg)
}

.cu-toast__error {
    background: #f8240a;
    border-radius: 2px;
    color: #fff;
    margin: 10px 0 0;
    width: 100%;
    display: flex;
    justify-content: space-between;
    cursor: pointer
}

.cu-toast__error span {
    font-size: 14px;
    font-weight: 500;
    line-height: 1;
    color: #fff;
    padding: 13px 10px
}

.cu-toast__description {
    cursor: text
}

.cu-toast__close-button {
    transition: all .2s cubic-bezier(.785,.135,.15,.86) 0s;
    display: flex
}

.cu-toast__close-button:hover {
    transform: rotate(180deg)
}

.toast.toast_left {
    left: 17px
}

.toast {
    position: fixed;
    bottom: 17px;
    left: 17px;
    display: flex;
    flex-direction: column;
    z-index: 1001;
    width: 340px
}

[lang=fr-FR] .toast {
    width: 420px
}

.toast__timer,.toast__timer .base-timer {
    width: 30px;
    height: 30px
}

.toast__timer .base-timer__label {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 12px;
    font-weight: 500;
    line-height: 1;
    width: 30px;
    height: 30px
}

.toast__settings {
    border-bottom: 1px dashed;
    cursor: pointer
}

.toast__success {
    background: #fff;
    color: #343434;
    border-radius: 4px;
    border-left: 3px solid #67cb48;
    margin: 5px 0 0;
    padding: 20px;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    box-shadow: 0 5px 10px #0003;
    opacity: 0;
    animation: fadeInUp ease-out .3s
}

.dark-theme .toast__success {
    background: #1e272e
}

.toast__success:nth-last-child(1) {
    opacity: 1
}

.toast__success:nth-last-child(2) {
    opacity: .7
}

.toast__success:nth-last-child(3) {
    opacity: .5
}

.toast__success:nth-last-child(4) {
    opacity: .3
}

.toast__success:nth-last-child(5) {
    opacity: .2
}

.toast__success-header {
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    display: inherit;
    margin-bottom: 14px
}

.toast__success-footer {
    color: #67cb48
}

.toast__success-content {
    word-break: break-word;
    overflow-wrap: break-word;
    word-wrap: break-word;
    -webkit-hyphens: auto;
    hyphens: auto;
    font-size: 14px;
    font-weight: 300;
    line-height: 20px;
    color: #343434
}

.dark-theme .toast__success-content {
    color: #d5d6d7
}

.toast__success-content span {
    font-size: 14px;
    font-weight: 500;
    line-height: 20px
}

.toast__success-content .status {
    margin: 4px 4px 0 0
}

.toast__success-icon {
    width: 18px;
    height: 18px
}

.toast__success-icon use {
    stroke: #67cb48
}

.toast__success-button-block {
    display: flex;
    align-items: center;
    cursor: pointer;
    padding: 5px;
    margin: -5px 0 0 -5px
}

.toast__success-close-button {
    transition: all .2s cubic-bezier(.785,.135,.15,.86) 0s;
    transform: rotate(45deg);
    position: absolute;
    top: 7px;
    right: 7px;
    width: 12px;
    height: 12px;
    fill: #343434
}

.dark-theme .toast__success-close-button {
    fill: #abaeb0
}

.toast__success-close-button:hover {
    transform: rotate(225deg)
}

.toast__warning {
    background: #fff;
    color: #343434;
    border-radius: 4px;
    border-left: 3px solid #fc0;
    margin: 5px 0 0;
    padding: 20px;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    box-shadow: 0 5px 10px #0003;
    opacity: 0;
    animation: fadeInUp ease-out .3s
}

.dark-theme .toast__warning {
    background: #1e272e
}

.toast__warning:nth-last-child(1) {
    opacity: 1
}

.toast__warning:nth-last-child(2) {
    opacity: .7
}

.toast__warning:nth-last-child(3) {
    opacity: .5
}

.toast__warning:nth-last-child(4) {
    opacity: .3
}

.toast__warning:nth-last-child(5) {
    opacity: .2
}

.toast__warning-header {
    font-size: 14px;
    font-weight: 500;
    line-height: 18px;
    display: inherit;
    margin-bottom: 14px
}

.toast__warning-header use {
    color: #fc0
}

.toast__warning-footer {
    color: #fc0;
    display: flex;
    justify-content: flex-end;
    align-items: center
}

.toast__warning-content {
    word-break: break-word;
    overflow-wrap: break-word;
    word-wrap: break-word;
    -webkit-hyphens: auto;
    hyphens: auto;
    font-size: 14px;
    font-weight: 300;
    line-height: 20px;
    color: #343434;
    margin-bottom: 14px
}

.dark-theme .toast__warning-content {
    color: #d5d6d7
}

.toast__warning-content span {
    font-size: 14px;
    font-weight: 500;
    line-height: 20px
}

.toast__warning-content .status {
    margin: 4px 4px 0 0
}

.toast__warning-icon {
    fill: #fc0;
    width: 16px;
    height: 16px
}

.toast__warning-button-block {
    display: flex;
    align-items: center;
    cursor: pointer;
    padding: 5px;
    margin: -5px 0 0 -5px
}

.toast__warning-close-button {
    transition: all .2s cubic-bezier(.785,.135,.15,.86) 0s;
    transform: rotate(45deg);
    width: 12px;
    height: 12px;
    cursor: pointer;
    fill: #343434
}

.dark-theme .toast__warning-close-button {
    fill: #abaeb0
}

.toast__warning-close-button:hover {
    transform: rotate(225deg)
}

.toast__message {
    color: #fff;
    border-radius: 4px;
    padding: 20px;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    box-shadow: 0 5px 10px #0003;
    opacity: 0;
    cursor: pointer;
    animation: fadeInUp ease-out .3s;
    background: linear-gradient(to right,#8930fd,30%,#49ccf9)
}

.toast__message:before {
    content: "";
    display: block;
    position: absolute;
    border-radius: 4px;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to right,#49ccf9,30%,#8930fd);
    background-size: 250% 250%;
    animation: fadeIn 2.5s ease-in-out infinite alternate
}

.toast__message:nth-last-child(1) {
    opacity: 1
}

.toast__message:nth-last-child(2) {
    opacity: .7
}

.toast__message:nth-last-child(3) {
    opacity: .5
}

.toast__message:nth-last-child(4) {
    opacity: .3
}

.toast__message:nth-last-child(5) {
    opacity: .2
}

.toast__message-header {
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    display: inherit;
    color: #fff;
    margin-bottom: 2px
}

.toast__message-header use {
    color: #fc0
}

.toast__message-footer {
    color: #fff
}

.toast__message-content {
    word-break: break-word;
    overflow-wrap: break-word;
    word-wrap: break-word;
    -webkit-hyphens: auto;
    hyphens: auto;
    font-size: 12px;
    font-weight: 100;
    color: #fff;
    margin-bottom: 14px
}

.toast__message-content span {
    font-size: 14px;
    font-weight: 500;
    line-height: 20px
}

.toast__message-content .status {
    margin: 4px 4px 0 0
}

.toast__message-icon {
    display: inline-block;
    margin-right: 8px;
    fill: #fff;
    width: 12px;
    height: 12px
}

.toast__message-button-block {
    display: flex;
    align-items: center;
    cursor: pointer;
    padding: 5px;
    margin: -5px 0 0 -5px
}

.toast__message-refresh {
    width: 74px;
    height: 74px;
    margin-right: 24px;
    position: relative
}

.toast_rescheduled-tasks {
    width: 380px
}

.toast__rescheduled-tasks {
    border-left-color: #A2C44A;
    background: #fff;
    color: #343434;
    border-radius: 4px;
    border-left: 7px solid;
    margin: 5px 0 0;
    padding: 20px;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    box-shadow: 0 5px 10px #0003;
    opacity: 1;
    animation: fadeInUp ease-out .3s
}

@supports (--theme-main-color: $color-purple) {
    .toast__rescheduled-tasks {
        border-left-color:var(--theme-main-color)
    }
}

.dark-theme .toast__rescheduled-tasks {
    background: #1e272e
}

.toast__rescheduled-tasks-header {
    display: flex
}

.toast__rescheduled-tasks-header-icon {
    flex-shrink: 0;
    margin-right: 20px;
    position: relative
}

.toast__rescheduled-tasks-header-icon-clickbot {
    width: 34px;
    height: 42px
}

.toast__rescheduled-tasks-header-icon-check-o-green {
    width: 22px;
    height: 22px;
    position: absolute;
    top: 23px;
    left: 20px
}

.toast__rescheduled-tasks-header-title {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.2;
    flex-grow: 1;
    color: #343434;
    margin-top: 5px
}

.dark-theme .toast__rescheduled-tasks-header-title {
    color: #d5d6d7
}

.toast__rescheduled-tasks-header-title-row {
    display: flex;
    align-items: center
}

.toast__rescheduled-tasks-header-title-link {
    color: #A2C44A;
    border-color: #A2C44A;
    cursor: pointer;
    border-bottom: 1px dashed
}

@supports (--theme-main-color: $color-purple) {
    .toast__rescheduled-tasks-header-title-link {
        color:var(--theme-main-color)
    }
}

@supports (--theme-main-color: $color-purple) {
    .toast__rescheduled-tasks-header-title-link {
        border-color:var(--theme-main-color)
    }
}

.toast__rescheduled-tasks-header-title-link:hover {
    color: #A2C44A;
    border-color: #A2C44A
}

@supports (--theme-main-color-dark: $color-purple-dark) {
    .toast__rescheduled-tasks-header-title-link:hover {
        color:var(--theme-main-color-dark)
    }
}

@supports (--theme-main-color-dark: $color-purple-dark) {
    .toast__rescheduled-tasks-header-title-link:hover {
        border-color:var(--theme-main-color-dark)
    }
}

.toast__rescheduled-tasks-header-title-arrow {
    transition: all .2s cubic-bezier(.785,.135,.15,.86) 0s;
    width: 6px;
    height: 6px;
    transform: rotate(90deg);
    margin: 0 6px 0 5px;
    cursor: pointer
}

.toast__rescheduled-tasks-header-title-arrow:hover use {
    fill: #A2C44A
}

@supports (--theme-main-color-dark: $color-purple-dark) {
    .toast__rescheduled-tasks-header-title-arrow:hover use {
        fill:var(--theme-main-color-dark)
    }
}

.toast__rescheduled-tasks-header-title-arrow_up {
    transform: rotate(-90deg)
}

.toast__rescheduled-tasks-header-title-arrow use {
    fill: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .toast__rescheduled-tasks-header-title-arrow use {
        fill:var(--theme-main-color)
    }
}

.toast__rescheduled-tasks-close {
    transition: all .2s cubic-bezier(.785,.135,.15,.86) 0s;
    width: 11px;
    height: 11px;
    flex-shrink: 0;
    cursor: pointer
}

.toast__rescheduled-tasks-close:hover {
    transform: rotate(180deg)
}

.toast__rescheduled-tasks-item {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 13px;
    font-weight: 400;
    line-height: 1;
    padding: 12px 0;
    color: #343434
}

.dark-theme .toast__rescheduled-tasks-item {
    color: #d5d6d7
}

.toast__rescheduled-tasks-item:first-child {
    margin-top: 10px
}

.toast__rescheduled-tasks-item:not(:first-child) {
    border-top: 1px solid #e4e4e4
}

.dark-theme .toast__rescheduled-tasks-item:not(:first-child) {
    border-top: 1px solid #384047
}

.toast__rescheduled-tasks-item-status {
    display: inline-block;
    width: 9px;
    height: 9px;
    border-radius: 2px;
    margin-right: 8px
}

.toast__rescheduled-tasks .toast__buttons {
    margin-top: 10px
}

.toast__undo-wrapper {
    opacity: 0;
    display: none
}

.toast__undo-wrapper:nth-last-child(1) {
    opacity: 1;
    display: flex
}

.toast__undo-wrapper:nth-last-child(2) {
    opacity: 1;
    display: flex
}

.toast__undo {
    border-left-color: #A2C44A;
    background: #fff;
    color: #343434;
    border-radius: 4px;
    border-left: 3px solid;
    margin: 5px 0 0;
    padding: 20px 20px 15px;
    width: 100%;
    flex-direction: column;
    justify-content: space-between;
    box-shadow: 0 5px 10px #0003;
    opacity: 0;
    display: none;
    animation: fadeInUp ease-out .3s
}

@supports (--theme-main-color: $color-purple) {
    .toast__undo {
        border-left-color:var(--theme-main-color)
    }
}

.dark-theme .toast__undo {
    background: #1e272e
}

.toast__undo_timl-deleted .toast__buttons {
    justify-content: flex-end
}

.toast__undo_timl-deleted .toast__visit-trash-button-block {
    font-size: 14px;
    font-weight: 500;
    line-height: 14px;
    cursor: pointer;
    color: #818193;
    margin: 0 24px
}

.toast__undo_timl-deleted .toast__visit-trash-button-block,.toast__undo_timl-deleted .toast__undo-button-block {
    border-radius: 4px;
    padding: 8px;
    height: 24px;
    display: flex;
    align-items: center
}

.toast__undo_timl-deleted .toast__close-button-block:hover .toast__close-button {
    transform: rotate(225deg)
}

.toast__undo_timl-deleted .toast__visit-trash-button-block:hover,.toast__undo_timl-deleted .toast__undo-button-block:hover,.toast__undo_timl-deleted .toast__close-button-block:hover {
    color: #4f5762;
    background-color: #e9ebf0
}

.toast__undo_deleted {
    display: flex;
    align-items: center;
    flex-direction: row;
    border-left-color: #7c828d;
    padding: 7px 15px
}

.toast__undo_deleted .toast__buttons {
    margin: 0 0 0 10px
}

.toast__undo_deleted .toast__undo-button .cu-fill {
    fill: #7c828d!important
}

.toast__undo_deleted .toast__undo-button-link {
    color: #7c828d
}

.toast__undo_deleted .toast__close-button-block {
    margin-right: -5px;
    margin-left: 15px
}

.toast__undo_deleted .toast__close-button-block:before {
    content: "";
    display: block;
    position: absolute;
    width: 1px;
    height: 16px;
    margin-left: -12px;
    margin-top: -2px;
    background: #e9ebf0
}

.dark-theme .toast__undo_deleted .toast__close-button-block:before {
    background: #384047
}

.toast__undo:nth-last-child(1) {
    opacity: 1;
    display: flex
}

.toast__undo:nth-last-child(2) {
    opacity: 1;
    display: flex
}

.toast__undo-row {
    display: flex;
    align-items: center;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 13px;
    font-weight: 400;
    line-height: 1;
    color: #292d34;
    flex-wrap: wrap
}

.dark-theme .toast__undo-row {
    color: #d5d6d7
}

.toast__undo-row-name {
    font-weight: 500
}

.toast__undo-row-text {
    white-space: normal;
    margin-left: 4px
}

.toast__undo-row-link {
    margin-left: 4px;
    margin-bottom: -1px;
    cursor: pointer;
    border-bottom: 1px dashed #292d34
}

.dark-theme .toast__undo-row-link {
    border-bottom-color: #d5d6d7
}

.toast__undo-row-link:hover {
    color: #A2C44A;
    border-color: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .toast__undo-row-link:hover {
        color:var(--theme-main-color)
    }
}

@supports (--theme-main-color: $color-purple) {
    .toast__undo-row-link:hover {
        border-color:var(--theme-main-color)
    }
}

.toast__undo .toast__undo-content-html.toast__name-link .toast__name-link-text {
    transition: all .2s cubic-bezier(.785,.135,.15,.86) 0s;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 13px;
    font-weight: 500;
    line-height: 15px;
    cursor: pointer;
    display: inline
}

.dark-theme .toast__undo .toast__undo-content-html.toast__name-link .toast__name-link-text {
    border-bottom: 1px dashed #d5d6d7
}

.toast__undo .toast__undo-content-html.toast__name-link .toast__name-link-text:hover {
    color: #A2C44A;
    border-bottom-color: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .toast__undo .toast__undo-content-html.toast__name-link .toast__name-link-text:hover {
        color:var(--theme-main-color)
    }
}

@supports (--theme-main-color: $color-purple) {
    .toast__undo .toast__undo-content-html.toast__name-link .toast__name-link-text:hover {
        border-bottom-color:var(--theme-main-color)
    }
}

.toast__undo .toast__undo-content-html.toast__name-link .toast__name-link-bold {
    font-size: 14px;
    font-weight: 500;
    line-height: 20px
}

.toast__undo-content {
    word-break: break-word;
    overflow-wrap: break-word;
    word-wrap: break-word;
    -webkit-hyphens: auto;
    hyphens: auto;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    display: flex;
    justify-content: space-between;
    color: #343434;
    margin-bottom: 14px
}

.toast__undo-content.toast__settings-link {
    display: block
}

.dark-theme .toast__undo-content {
    color: #d5d6d7
}

.toast__undo-content .toast__name-link {
    transition: all .2s cubic-bezier(.785,.135,.15,.86) 0s
}

.toast__undo-content .toast__name-link-text {
    transition: all .2s cubic-bezier(.785,.135,.15,.86) 0s;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    cursor: pointer;
    border-bottom: 1px dashed #343434;
    display: inline
}

.dark-theme .toast__undo-content .toast__name-link-text {
    border-bottom: 1px dashed #d5d6d7
}

.toast__undo-content .toast__name-link-text:hover {
    color: #A2C44A;
    border-bottom-color: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .toast__undo-content .toast__name-link-text:hover {
        color:var(--theme-main-color)
    }
}

@supports (--theme-main-color: $color-purple) {
    .toast__undo-content .toast__name-link-text:hover {
        border-bottom-color:var(--theme-main-color)
    }
}

.toast__undo-content-html {
    word-break: break-word;
    overflow-wrap: break-word;
    word-wrap: break-word;
    -webkit-hyphens: auto;
    hyphens: auto;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    color: #343434;
    margin-bottom: 14px;
    display: flex;
    align-items: flex-start
}

.toast__undo-content-html-right {
    margin-left: 10px
}

.toast__undo-content-html-right span {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 11px;
    font-weight: 500;
    line-height: 11px
}

.toast__undo-content-html .status {
    margin: 4px 0 0
}

.toast__undo-content-html .status.light {
    color: #343434
}

.toast__undo-button-block {
    display: flex;
    align-items: center;
    cursor: pointer;
    padding: 5px;
    margin: 0
}

.toast__undo-simple-success-icon {
    width: 16px;
    height: 16px;
    display: inline-block;
    margin: 0 5px 0 -5px;
    padding-top: 4px
}

.toast__undo-simple-success-icon svg {
    width: 100%;
    height: 100%;
    stroke: #67cb48;
    stroke-width: 2px
}

.toast__undo-simple-success-icon polyline {
    stroke: #67cb48
}

.toast__payment-success {
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    align-items: center
}

.toast__payment-success-content {
    word-break: break-word;
    overflow-wrap: break-word;
    word-wrap: break-word;
    -webkit-hyphens: auto;
    hyphens: auto;
    margin-bottom: 0
}

.toast_refresh {
    width: 360px
}

.toast_refresh .toast__message {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    cursor: default
}

.toast_refresh .toast__message-right {
    flex: 1;
    position: relative
}

.toast_refresh .toast__message-header {
    margin-bottom: 3px
}

.toast_refresh .toast__message-content {
    word-break: break-word;
    overflow-wrap: break-word;
    word-wrap: break-word;
    -webkit-hyphens: auto;
    hyphens: auto;
    font-size: 14px;
    font-weight: 300;
    line-height: 1
}

.toast_refresh .toast__message-footer {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative
}

.toast_refresh .toast__message-refresh-block {
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    display: flex;
    align-items: center;
    color: #fff;
    cursor: pointer;
    position: relative;
    padding-left: 16px;
    height: 17px
}

.toast_refresh .toast__message-refresh-block:hover .toast__message-icon {
    transform: rotate(180deg)
}

.toast_refresh .toast__message-refresh-block .toast__message-icon {
    transition: all .2s cubic-bezier(.785,.135,.15,.86) 0s;
    position: absolute;
    top: 2px;
    left: 0
}

.toast_refresh .toast__message-close-button {
    transition: all .2s cubic-bezier(.785,.135,.15,.86) 0s;
    transform: rotate(45deg);
    position: absolute;
    cursor: pointer;
    top: 2px;
    right: 0;
    width: 12px;
    height: 12px;
    fill: #fff
}

.toast_refresh .toast__message-close-button:hover {
    transform: rotate(225deg)
}

.toast__buttons {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: -5px
}

.toast__buttons.toast__settings-link {
    justify-content: flex-end
}

.toast__buttons-justify-start {
    justify-content: start
}

.toast__undo-button-block {
    position: relative;
    padding-left: 18px
}

.toast__undo-button-block svg {
    width: 100%;
    height: 100%
}

.toast__undo-button-block:hover .toast__undo-button {
    transform: rotate(180deg)
}

.toast__minimize-button-block {
    display: flex;
    align-items: center;
    cursor: pointer;
    position: relative;
    padding: 5px 5px 5px 18px;
    margin: 0 0 0 15px;
    font-weight: 500;
    color: #818193
}

.toast__minimize-button-block svg {
    position: absolute;
    left: 0;
    top: 3px
}

.toast__undo-button {
    transition: all .2s cubic-bezier(.785,.135,.15,.86) 0s;
    width: 14px;
    height: 14px;
    position: absolute;
    top: 4px;
    left: 0
}

.toast__undo-button-link {
    color: #A2C44A;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 14px;
    font-weight: 500;
    line-height: 14px
}

@supports (--theme-main-color: $color-purple) {
    .toast__undo-button-link {
        color:var(--theme-main-color)
    }
}

.toast__view-button {
    width: 11px;
    height: 14px;
    position: absolute;
    top: 4px;
    left: 0
}

.toast__view-button svg {
    width: 100%;
    height: 100%
}

.toast__open-button {
    width: 16px;
    height: 16px;
    position: absolute;
    top: 3px;
    left: 0
}

.toast__open-button svg {
    width: 100%;
    height: 100%
}

.toast__view-button-link {
    color: #A2C44A;
    font-size: 14px;
    font-weight: 500;
    line-height: 14px
}

@supports (--theme-main-color: $color-purple) {
    .toast__view-button-link {
        color:var(--theme-main-color)
    }
}

.toast__view-button-link-underlined {
    color: #A2C44A;
    border-bottom-color: #A2C44A;
    font-size: 14px;
    font-weight: 500;
    line-height: 14px;
    display: inline;
    border-bottom: 1px dashed
}

@supports (--theme-main-color: $color-purple) {
    .toast__view-button-link-underlined {
        color:var(--theme-main-color)
    }
}

@supports (--theme-main-color: $color-purple) {
    .toast__view-button-link-underlined {
        border-bottom-color:var(--theme-main-color)
    }
}

.toast__view-button-link-underlined:hover {
    border-bottom-color: transparent
}

.toast__copy-button-block {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 6px 8px;
    margin-right: -10px;
    cursor: pointer;
    min-width: 94px
}

.toast__copy-button {
    width: 17px;
    height: 16px;
    margin: -4px 4px 0 0;
    stroke: #818193
}

.toast__copy-button_cu2-copy-link2 {
    margin: 0 4px 0 0;
    fill: #818193
}

.toast__copy-button_cu2-plus {
    margin: 0 2px 0 -10px;
    padding: 1px;
    fill: #818193
}

.toast__copy-button_download-v4 {
    fill: #818193;
    stroke: transparent
}

.toast__copy-button-link {
    font-size: 12px;
    font-weight: 500;
    line-height: 1;
    color: #818193;
    white-space: nowrap
}

.toast__close-button-block {
    width: 22px;
    height: 22px;
    padding: 5px;
    margin: -5px -10px -5px 0;
    cursor: pointer
}

.toast__close-button-block.toast__close-button-block_top-right {
    position: absolute;
    top: 15px;
    right: 15px
}

.toast__close-button {
    transition: all .2s cubic-bezier(.785,.135,.15,.86) 0s;
    transform: rotate(45deg);
    width: 12px;
    height: 12px;
    fill: #7c828d
}

.toast__close-button:hover {
    transform: rotate(225deg)
}

.toast__icon-block {
    width: 22px;
    height: 22px
}

.toast__icon {
    width: 12px;
    height: 12px
}

.toast_bold {
    font-size: 14px;
    font-weight: 500;
    line-height: 20px
}

.toast__shortcuts {
    font-size: 11px;
    font-weight: 400;
    line-height: 1;
    margin-left: 4px;
    color: #343434;
    opacity: .5
}

.dark-theme .toast__shortcuts {
    color: #d5d6d7
}

.toast__description {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 12px;
    font-weight: 400;
    line-height: 1.3;
    padding-bottom: 15px
}

.toast__red {
    border-left-color: #d16464
}

.toast__red .toast__undo-content {
    color: #d16464
}

.toast__red .toast__close-button use {
    stroke: #d16464!important
}

.toast__red .toast__description {
    font-weight: 500;
    line-height: 1.3
}

.toast__green {
    border-left-color: #67cb48
}

.toast__green .toast__undo-content {
    color: #67cb48
}

.toast__green .toast__close-button use {
    stroke: #67cb48!important
}

.toast__green .toast__description {
    font-weight: 500;
    line-height: 1.3
}

@charset "UTF-8";.cu-todo-list__header {
    display: flex;
    align-items: center;
    margin: 0 0 20px
}

.cu-todo-list__container {
    display: flex;
    align-items: center;
    flex-direction: column;
    flex: 1;
    max-width: 100%
}

.cu-todo-list__container-items {
    display: flex;
    align-items: flex-start;
    flex: 1;
    position: relative;
    width: 100%
}

.checklist-todo-item .cu-todo-list__container-items,.cu-todo-list__container-items_middle {
    align-items: center
}

.cu-todo-list__container-items .lv-task__quick-action {
    margin-top: 1px
}

.cu-todo-list__container-items .cu-user-group__item {
    margin-top: 2px
}

.cu-todo-list__container-items .nav-editor_subtask {
    margin-top: -3px
}

.cu-todo-list__container-items .nav-editor_subtask .nav-editor__input {
    height: 100%
}

.cu-todo-list__container-items .cu-quick-actions-menu-editor {
    z-index: 15
}

.cu-todo-list__title {
    font-size: 20px;
    font-weight: 300
}

.cu-todo-list__body+.cu-todo-list__body {
    margin: 15px 0 0
}

.cu-todo-list__add {
    -webkit-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    transition: all .2s cubic-bezier(.785,.135,.15,.86) 0s;
    border-color: #A2C44A;
    margin: 0 0 0 10px;
    border-radius: 3px;
    height: 22px;
    padding: 0 7px 0 8px;
    border: 1px solid;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer
}

.cu-todo-list__add:hover {
    transition: none
}

@supports (--theme-main-color: $color-purple) {
    .cu-todo-list__add {
        border-color:var(--theme-main-color)
    }
}

.cu-todo-list__add:hover,.cu-dropdown.cu-dropdown_open .cu-todo-list__add {
    background-color: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .cu-todo-list__add:hover,.cu-dropdown.cu-dropdown_open .cu-todo-list__add {
        background-color:var(--theme-main-color)
    }
}

.cu-todo-list__add:hover *,.cu-dropdown.cu-dropdown_open .cu-todo-list__add * {
    color: #fff
}

.cu-todo-list__add:hover .cu-todo-list__add-dropdown use,.cu-dropdown.cu-dropdown_open .cu-todo-list__add .cu-todo-list__add-dropdown use {
    fill: #fff
}

.cu-dropdown.cu-dropdown_open .cu-todo-list__add .cu-todo-list__add-dropdown {
    transform: rotate(180deg)
}

.cu-todo-list__add:active {
    background-color: #A2C44A
}

@supports (--theme-main-color-dark: $color-purple-dark) {
    .cu-todo-list__add:active {
        background-color:var(--theme-main-color-dark)
    }
}

.cu-todo-list__add-text {
    color: #A2C44A;
    font-size: 12px;
    font-weight: 400;
    line-height: 1
}

@supports (--theme-main-color: $color-purple) {
    .cu-todo-list__add-text {
        color:var(--theme-main-color)
    }
}

.cu-todo-list__add-dropdown {
    transition: all .2s cubic-bezier(.785,.135,.15,.86) 0s;
    fill: #A2C44A;
    width: 6px;
    height: 4px;
    margin-left: 6px
}

.cu-todo-list__add-dropdown:hover {
    transition: none
}

@supports (--theme-main-color: $color-purple) {
    .cu-todo-list__add-dropdown {
        fill:var(--theme-main-color)
    }
}

.cu-todo-list__controls {
    margin: 0 0 0 auto
}

.cu-todo-list__status {
    height: 20px;
    padding: 0 9px;
    margin-right: 8px
}

.task-todo-item {
    display: flex;
    align-items: flex-start;
    margin: 0
}

.task-todo-item.cu-subtask-drag {
    flex-direction: column
}

.task-todo-item_comment {
    margin-bottom: 15px
}

@media screen and (max-width: 992px) {
    .task-todo-item .lv-task__quick-action-ellipsis {
        display:block
    }

    .task-todo-item .lv-task__edit-icon {
        display: inline-flex;
        cursor: pointer
    }

    .task-todo-item .lv-task__toggle-marker {
        opacity: 0
    }
}

.task-todo-item_hover-state .cu-user-group__item_due-date {
    opacity: 1!important
}

.task-todo-item_hover-state .priority-select {
    display: flex!important
}

.task-todo-item__content {
    display: inline-block;
    width: 14px;
    height: 14px;
    margin: 0 5px -2px 0;
    stroke: #cccdde
}

.contrast_high .task-todo-item__content {
    stroke: #979797
}

.task-todo-item__attachments {
    display: inline-block;
    width: 14px;
    height: 14px;
    margin: 0 10px -2px 0;
    fill: #cccdde
}

.contrast_high .task-todo-item__attachments {
    fill: #979797
}

.task-todo-item .subtask__container .lv-task__toggle {
    width: 23px
}

.task-todo-item .subtask__container .lv-task__toggle .lv-task__toggle-marker {
    top: 50%
}

.task-todo-item__handle {
    position: absolute;
    flex-shrink: 0;
    width: 14px;
    padding: 0;
    left: -38px;
    cursor: move;
    overflow: hidden;
    display: none;
    height: 20px;
    fill: #bcc0c7
}

.dark-theme .task-todo-item__handle {
    fill: #828588
}

.task-todo-item__handle:hover {
    fill: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .task-todo-item__handle:hover {
        fill:var(--theme-main-color)
    }
}

.task-todo-item__handle svg {
    pointer-events: none;
    width: 6px;
    height: 23px
}

.task-todo-item__toggle {
    transition: border-color .2s cubic-bezier(.785,.135,.15,.86) 0s;
    flex-shrink: 0;
    width: 20px;
    height: 20px;
    border: 1px solid #e2e2e2;
    border-radius: 3px;
    margin: 0 12px 0 0;
    cursor: pointer
}

.dark-theme .task-todo-item__toggle {
    border: 1px solid #abaeb0
}

.task-todo-item__toggle:hover {
    border-color: #A2C44A;
    background: center center/contain url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTlweCIgaGVpZ2h0PSIxNHB4IiB2aWV3Qm94PSIzIDQxIDE5IDE0IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4gIDxkZWZzPjwvZGVmcz4gIDxwYXRoIGQ9Ik0xOS43ODU3ODI0LDQyLjE5MzI2NjIgTDkuODc0NDk3NzQsNTIuMTA0NTUwOCBMNS40ODMxMzIyNyw0Ny43MTMxODU0IEM1LjE3NDYyNjcsNDcuNDA0Njc5OCA0LjY3NDE0NDU1LDQ3LjQwNDY3OTggNC4zNjYwMzQsNDcuNzEzMTg1NCBDNC4wNTc1Mjg0Myw0OC4wMjE2OTA5IDQuMDU3NTI4NDMsNDguNTIxNzc4MSA0LjM2NjAzNCw0OC44MzAyODM2IEw5LjMxNTk0ODYsNTMuNzgwNTkzMyBDOS40NjQwNzg2OCw1My45Mjg3MjMzIDkuNjY1MTQwNTcsNTQuMDExNjc2MiA5Ljg3NDQ5Nzc0LDU0LjAxMTY3NjIgQzEwLjA4Mzg1NDksNTQuMDExNjc2MiAxMC4yODQ5MTY4LDUzLjkyODcyMzMgMTAuNDMzMDQ2OSw1My43ODA1OTMzIEwyMC45MDMyNzU2LDQzLjMxMDM2NDUgQzIxLjIxMTc4MTIsNDMuMDAxODU4OSAyMS4yMTE3ODEyLDQyLjUwMTc3MTggMjAuOTAzMjc1Niw0Mi4xOTMyNjYyIEMyMC41OTQ3NzAxLDQxLjg4NDc2MDYgMjAuMDk0Mjg3OSw0MS44ODQzNjU2IDE5Ljc4NTc4MjQsNDIuMTkzMjY2MiBMMTkuNzg1NzgyNCw0Mi4xOTMyNjYyIFoiIGlkPSJTaGFwZS1Db3B5LTEwIiBzdHJva2U9IiM2QkM5NTAiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0iIzZCQzk1MCIgZmlsbC1ydWxlPSJldmVub2RkIj48L3BhdGg+PC9zdmc+) no-repeat transparent;
    background-size: 80%
}

@supports (--theme-main-color: $color-purple) {
    .task-todo-item__toggle:hover {
        border-color:var(--theme-main-color)
    }
}

.task-todo-item__toggle_disabled {
    pointer-events: none
}

.lv-subtask .task-todo-item__toggle {
    width: 16px;
    height: 16px;
    margin: 2px 12px 0 0
}

.task-todo-item__icon {
    -webkit-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    flex-shrink: 0;
    margin: 0 5px 0 0
}

.task-todo-item__name {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 15px;
    font-weight: 400;
    line-height: 20px;
    color: #343434;
    padding: 0;
    transition: color .1s;
    margin-top: -2px
}

.task-todo-item__name:hover {
    color: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .task-todo-item__name:hover {
        color:var(--theme-main-color)
    }
}

.task-todo-item__name-text {
    width: 100%
}

.task-todo-item__name .due-date_subtask-view {
    height: 20px;
    vertical-align: middle;
    padding: 0;
    margin: 0 5px
}

.task-todo-item__name .due-date_subtask-view-start {
    margin-left: 0
}

.task-todo-item__name .due-date_subtask-view .cu-task-row-recurring-date-picker {
    padding-left: 0
}

.task-todo-item__name .due-date_subtask-view .cu-task-row-recurring-date-picker .cu-user-group__item_due-date {
    width: 24px;
    height: 24px;
    margin: 0;
    display: block;
    opacity: 1
}

.task-todo-item__name .due-date_subtask-view .cu-task-row-recurring-date-picker .due-date_subtask-view {
    width: auto;
    height: 20px;
    align-items: center
}

.task-todo-item__name .due-date_subtask-view .cu-task-row-recurring-date-picker .task-todo-item__name .due-date_subtask-view {
    height: auto;
    vertical-align: baseline;
    padding: 0
}

.task-todo-item__name .due-date_subtask-view .cu-task-row-recurring-date-picker__recur {
    margin: -2px 4px 0 0
}

.task-todo-item__name .due-date_subtask-view+.due-date_subtask-view {
    margin-left: 0
}

.task-todo-item__name .due-date_subtask-view .due-date__row.due-date_subtask-view {
    margin-right: 5px
}

.task-todo-item__name .due-date_subtask-view_empty {
    width: 0;
    height: 0;
    margin: 0;
    position: absolute
}

.task-todo-item__name.subtask {
    word-break: break-word;
    overflow-wrap: break-word;
    word-wrap: break-word;
    -webkit-hyphens: auto;
    hyphens: auto;
    margin-top: 0;
    max-width: 100%;
    display: flex;
    align-items: flex-start;
    flex-grow: 1
}

.task-todo-item__name.subtask .task-todo-item__name-text-inner {
    display: inline-flex
}

.task-todo-item__name.subtask .task-todo-item__name-text-inner:hover .task-todo-item__actions-inner {
    display: flex
}

.task-todo-item__name.subtask .task-todo-item__name-text-inner-link {
    margin-right: 10px;
    transition: color .1s;
    color: #343434;
    line-height: 22px
}

.dark-theme .task-todo-item__name.subtask .task-todo-item__name-text-inner-link {
    color: #d5d6d7
}

.task-todo-item__name.subtask .task-todo-item__name-text-inner-link:hover {
    color: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .task-todo-item__name.subtask .task-todo-item__name-text-inner-link:hover {
        color:var(--theme-main-color)
    }
}

.task-todo-item__name.subtask .task-todo-item__name-text .task-todo-item__custom-text {
    font-weight: 600
}

.task-todo-item__name.subtask .task-todo-item__actions {
    display: inline-flex;
    padding-left: 3px;
    margin-right: 0;
    position: relative;
    z-index: 10
}

.task-todo-item__name.subtask .task-todo-item__actions-inner {
    display: none;
    position: static;
    align-items: center;
    padding-left: 7px;
    left: 0;
    height: 21px;
    background: #fff
}

.dark-theme .task-todo-item__name.subtask .task-todo-item__actions-inner {
    background: #384047
}

.task-todo-item__name.subtask .task-todo-item__actions-inner:after {
    content: "";
    display: block;
    position: absolute;
    width: 8px;
    height: 100%;
    right: -7px;
    pointer-events: none;
    background: linear-gradient(to left,rgba(255,255,255,0) 0%,white 100%)
}

.dark-theme .task-todo-item__name.subtask .task-todo-item__actions-inner:after {
    background: linear-gradient(to left,rgba(56,64,71,0) 0%,#384047 100%)
}

.task-todo-item__name.subtask .lv-task__recurring,.task-todo-item__name.subtask .lv-task__quick-action {
    display: inline-block
}

.task-todo-item__name.subtask .lv-task__quick-action {
    margin-bottom: -5px
}

.task-todo-item__name.subtask .lv-task__recurring.recurring-view_active .recurring-view__icon {
    margin-top: -6px;
    margin-right: 0
}

.task-todo-item__name.subtask .lv-task__recurring.recurring-view_active .recurring-view__toogle {
    margin-right: 0
}

.task-todo-item__name.subtask .time-estimates-view__hide .time-estimates-view__icon {
    display: none;
    margin-top: -6px
}

.task-todo-item__name.subtask .time-estimates-view__hide.time-estimates-view_active .time-estimates-view__icon {
    display: block
}

.task-todo-item__name.subtask .cu-tags-view__container-list {
    width: auto;
    order: initial;
    align-items: baseline;
    vertical-align: middle
}

.task-todo-item__name.subtask .cu-tags-view__container-list.multi-list {
    margin-right: 35px;
    margin-top: -4px
}

.task-todo-item__name.subtask .cu-tags-view__container-list .cu-tags-view {
    flex-wrap: nowrap;
    position: relative
}

.task-todo-item__name.subtask .cu-tags-view__container-list .cu-tags-view__truncate {
    position: absolute;
    right: 0;
    transform: translate(100%)
}

.task-todo-item__name.subtask .time-estimates-view__full-value {
    min-width: 36px
}

.task-todo-item__name.subtask .lv-task__quick-action {
    display: none
}

.task-todo-item__name.subtask .lv-task__checklists {
    margin: 0 5px 0 0
}

.task-todo-item__name.subtask .lv-task__checklists .cu-checklist-ico {
    margin: 0;
    align-items: center
}

.task-todo-item__name.subtask .task-todo-item__attachments {
    margin: 0 5px -2px 0
}

.task-todo-item__name.subtask .lv-task__edit-icon {
    position: relative;
    margin-right: 10px
}

.task-todo-item__name.subtask .lv-task__edit-icon .cu-stroke {
    transition: all .2s cubic-bezier(.785,.135,.15,.86) 0s
}

.task-todo-item__name.subtask .lv-task__edit-icon:before {
    transition: all .2s cubic-bezier(.785,.135,.15,.86) 0s;
    content: "";
    position: absolute;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    border: .6px dashed #aeacb0;
    left: -5px;
    top: -4px
}

.cu-task-row__container:hover .task-todo-item__name.subtask .lv-task__edit-icon:before {
    display: block
}

.task-todo-item__name.subtask .lv-task__edit-icon:hover:before {
    border: .6px dashed var(--theme-main-color)!important
}

.task-todo-item__name .cu-task-row-recurring-date-picker__value-no-dates .due-date_subtask-view {
    margin: 0
}

.task-todo-item__name .cu-user-group__item_due-date {
    display: none!important
}

.task-todo-item__comment-attachment {
    transition: all .2s cubic-bezier(.785,.135,.15,.86) 0s;
    padding: 3px 7px 3px 2px;
    height: auto;
    position: relative;
    background: #e9ebf0;
    display: flex;
    align-items: center;
    margin: 0 6px 0 0;
    border-radius: 3px;
    max-width: 200px;
    cursor: pointer
}

.dark-theme .task-todo-item__comment-attachment {
    background: #2b343b
}

.task-todo-item__comment-attachment-title {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 13px;
    font-weight: 400;
    line-height: 1;
    color: #343434
}

.dark-theme .task-todo-item__comment-attachment-title {
    color: #d5d6d7
}

.task-todo-item__comment-attachment-preview {
    min-height: 18px;
    min-width: 18px;
    width: 18px;
    height: 18px;
    margin-right: 2px;
    border-radius: 3px
}

.task-todo-item__comment-attachment .cu-attachment-preview {
    display: flex;
    justify-content: center;
    width: 100%;
    height: 100%
}

.task-todo-item__comment-attachment .cu-attachment-preview__container,.task-todo-item__comment-attachment .cu-attachment-preview__thumbnail,.task-todo-item__comment-attachment .cu-attachment-preview__img {
    min-height: 100%;
    min-width: 100%
}

.task-todo-item__comment-attachment .cu-attachment-preview__img {
    border-radius: 2px;
    max-height: 12px
}

.task-todo-item__comment-attachment .cu-attachment-preview__comments {
    display: none
}

.task-todo-item__comment-attachment_task-comment {
    margin-left: 5px;
    display: inline-flex;
    vertical-align: middle
}

.task-todo-item__comment-attachment_notification {
    margin-left: 5px
}

.task-todo-item__comment-attachment_task-history {
    display: inline-flex
}

.task-todo-item__comment-block {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: flex;
    width: 100%;
    position: relative;
    height: 22px;
    margin: -1px 0
}

.task-todo-item__comment-block-doc {
    margin: 0
}

.task-todo-item__comment-block-gradient {
    width: 30px;
    min-width: 30px;
    margin-left: -30px;
    background-image: linear-gradient(to right,rgba(255,255,255,0),white);
    z-index: 1
}

.dark-theme .task-todo-item__comment-block-gradient {
    background-image: linear-gradient(to right,rgba(56,64,71,0),#384047)
}

.task-todo-item__comment-block-attachment {
    cursor: pointer
}

.task-todo-item__comment-block-attachment:hover .task-todo-item__comment p {
    color: var(--theme-main-color)
}

.task-todo-item__comment-block-attachment:hover .task-todo-item__comment-attachment {
    background: #ddd
}

.dark-theme .task-todo-item__comment-block-attachment:hover .task-todo-item__comment-attachment {
    background: #1e272e
}

.task-todo-item__comment {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: flex;
    align-items: center;
    width: 100%;
    position: relative
}

.task-todo-item__comment .cu-frame-link,.task-todo-item__comment .cu-attachment-link,.task-todo-item__comment .cu-bookmark-link {
    display: none
}

.task-todo-item__comment .pre {
    display: inline;
    border: 1px solid #e4e4e4;
    background: #f7f7f7;
    border-radius: 2px;
    padding: 0 4px;
    line-height: 26px;
    color: #d16464;
    margin: 0 3px;
    white-space: nowrap
}

.task-todo-item__comment pre,.task-todo-item__comment pre.syntax {
    font-family: monospace;
    font-size: 90%;
    line-height: 1!important;
    background: #f7f7f7!important;
    color: #343434!important;
    margin: 0 0 0 4px!important;
    padding: 4px 5px!important;
    flex-shrink: 0;
    white-space: nowrap!important
}

.dark-theme .task-todo-item__comment pre,.dark-theme .task-todo-item__comment pre.syntax {
    color: #d5d6d7!important;
    background: rgba(130,133,136,.2)!important
}

.task-todo-item__comment blockquote {
    border-left: 4px solid #d8d8d8;
    padding-left: 5px;
    padding-right: 6px;
    margin: 0 0 0 10px!important;
    font-style: italic;
    white-space: nowrap
}

.dark-theme .task-todo-item__comment blockquote {
    color: #d5d6d7!important
}

.task-todo-item__comment blockquote:after {
    content: " "
}

.task-todo-item__comment blockquote br {
    display: none
}

.task-todo-item__comment code {
    display: inline-block;
    border: 1px solid #e4e4e4;
    background: #f7f7f7;
    border-radius: 2px;
    padding: 0 4px;
    line-height: 18px;
    font-size: 100%!important;
    color: #d16464!important;
    white-space: nowrap
}

.dark-theme .task-todo-item__comment code {
    border: 1px solid #1e272e;
    background: #2b343b
}

.task-todo-item__comment code+.task-todo-item__comment code {
    margin-left: 5px
}

.task-todo-item__comment code p {
    display: none
}

.task-todo-item__comment code a {
    color: #d16464
}

.task-todo-item__comment table {
    flex-shrink: 0;
    table-layout: fixed;
    border-collapse: collapse;
    align-self: flex-start
}

.task-todo-item__comment table tr:not(:first-child) {
    display: none
}

.task-todo-item__comment td {
    outline: none;
    border: 1px solid #7c828d;
    padding: 0 5px
}

.dark-theme .task-todo-item__comment td {
    border-color: #828588
}

.task-todo-item__comment *[style*="background-color:#fffa78"],.task-todo-item__comment *[style*="background-color:#eedbf6"],.task-todo-item__comment *[style*="background-color:#e6ffcf"],.task-todo-item__comment *[style*="background-color:#ffe0e0"],.task-todo-item__comment *[style*="background-color:#cae4f6"],.task-todo-item__comment *[style*="background-color:#ffdbba"],.task-todo-item__comment *[style*="background-color:#eedbf6"],.task-todo-item__comment *[style*="background-color: rgb(255, 250, 120);"],.task-todo-item__comment *[style*="background-color: rgb(230, 255, 207);"],.task-todo-item__comment *[style*="background-color: rgb(255, 224, 224);"],.task-todo-item__comment *[style*="background-color: rgb(202, 228, 246);"],.task-todo-item__comment *[style*="background-color: rgb(255, 219, 186);"],.task-todo-item__comment *[style*="background-color: rgb(238, 219, 246);"] {
    padding: 2px 0
}

.dark-theme .task-todo-item__comment *[style*="background-color:#fffa78"],.dark-theme .task-todo-item__comment *[style*="background-color:#eedbf6"],.dark-theme .task-todo-item__comment *[style*="background-color:#e6ffcf"],.dark-theme .task-todo-item__comment *[style*="background-color:#ffe0e0"],.dark-theme .task-todo-item__comment *[style*="background-color:#cae4f6"],.dark-theme .task-todo-item__comment *[style*="background-color:#ffdbba"],.dark-theme .task-todo-item__comment *[style*="background-color:#eedbf6"],.dark-theme .task-todo-item__comment *[style*="background-color: rgb(255, 250, 120);"],.dark-theme .task-todo-item__comment *[style*="background-color: rgb(230, 255, 207);"],.dark-theme .task-todo-item__comment *[style*="background-color: rgb(255, 224, 224);"],.dark-theme .task-todo-item__comment *[style*="background-color: rgb(202, 228, 246);"],.dark-theme .task-todo-item__comment *[style*="background-color: rgb(255, 219, 186);"],.dark-theme .task-todo-item__comment *[style*="background-color: rgb(238, 219, 246);"],.dark-theme .task-todo-item__comment *[style*="background-color:#fffa78"] *,.dark-theme .task-todo-item__comment *[style*="background-color:#eedbf6"] *,.dark-theme .task-todo-item__comment *[style*="background-color:#e6ffcf"] *,.dark-theme .task-todo-item__comment *[style*="background-color:#ffe0e0"] *,.dark-theme .task-todo-item__comment *[style*="background-color:#cae4f6"] *,.dark-theme .task-todo-item__comment *[style*="background-color:#ffdbba"] *,.dark-theme .task-todo-item__comment *[style*="background-color: rgb(255, 250, 120);"] *,.dark-theme .task-todo-item__comment *[style*="background-color: rgb(230, 255, 207);"] *,.dark-theme .task-todo-item__comment *[style*="background-color: rgb(255, 224, 224);"] *,.dark-theme .task-todo-item__comment *[style*="background-color: rgb(202, 228, 246);"] *,.dark-theme .task-todo-item__comment *[style*="background-color: rgb(255, 219, 186);"] *,.dark-theme .task-todo-item__comment *[style*="background-color: rgb(238, 219, 246);"] * {
    color: #2b343b;
    font-weight: 400
}

.task-todo-item__comment-doc {
    cursor: pointer
}

.task-todo-item__comment-doc:hover .ql-doc-mention>span {
    background: #ddd
}

.dark-theme .task-todo-item__comment-doc:hover .ql-doc-mention>span {
    background: #1e272e
}

.task-todo-item__comment-doc>p {
    display: flex;
    align-items: center;
    line-height: 1
}

.task-todo-item__comment-doc .ql-doc-mention {
    margin: 0 6px 0 0;
    overflow: hidden;
    display: flex;
    align-items: center;
    line-height: 1
}

.task-todo-item__comment-doc .ql-doc-mention__icon {
    height: 17px;
    width: auto
}

.task-todo-item__comment-doc .ql-doc-mention__name {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
    max-width: 200px;
    font-weight: 400;
    font-size: 13px;
    margin: 0
}

.task-todo-item__comment-doc .ql-doc-mention>span {
    padding: 0 7px 0 5px;
    border-radius: 3px;
    overflow: hidden;
    min-height: 0;
    display: flex!important;
    align-items: center;
    margin: 0
}

.task-todo-item__comment-doc .ql-doc-mention>span a {
    display: inline-flex
}

.task-todo-item__comment-doc .ql-doc-mention:not([data-updated]):not([data-failed]):not([data-in-sharing-app]) .ql-doc-mention__name {
    background-color: transparent!important;
    width: auto;
    transform: none;
    animation: none;
    height: auto
}

.task-todo-item__comment,.task-todo-item__comment * {
    font-size: 14px;
    font-weight: 300;
    line-height: 20px;
    color: #343434;
    transition: .1s;
    white-space: nowrap
}

.dark-theme .task-todo-item__comment,.dark-theme .task-todo-item__comment * {
    color: #d5d6d7
}

.task-todo-item__comment:hover,.task-todo-item__comment:hover *,.task-todo-item__comment *:hover,.task-todo-item__comment *:hover * {
    color: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .task-todo-item__comment:hover,.task-todo-item__comment:hover *,.task-todo-item__comment *:hover,.task-todo-item__comment *:hover * {
        color:var(--theme-main-color)
    }
}

.task-todo-item__comment .cu-mention,.task-todo-item__comment .cu-mention__user-group,.task-todo-item__comment .cu-mention__task-user-group,.task-todo-item__comment * .cu-mention,.task-todo-item__comment * .cu-mention__user-group,.task-todo-item__comment * .cu-mention__task-user-group {
    color: #A2C44A;
    display: inline;
    font-weight: 400
}

@supports (--theme-main-color: $color-purple) {
    .task-todo-item__comment .cu-mention,.task-todo-item__comment .cu-mention__user-group,.task-todo-item__comment .cu-mention__task-user-group,.task-todo-item__comment * .cu-mention,.task-todo-item__comment * .cu-mention__user-group,.task-todo-item__comment * .cu-mention__task-user-group {
        color:var(--theme-main-color)
    }
}

.task-todo-item__comment .cu-mention.cu-mention_me,.task-todo-item__comment .cu-mention__user-group.cu-mention_me,.task-todo-item__comment .cu-mention__task-user-group.cu-mention_me,.task-todo-item__comment * .cu-mention.cu-mention_me,.task-todo-item__comment * .cu-mention__user-group.cu-mention_me,.task-todo-item__comment * .cu-mention__task-user-group.cu-mention_me {
    padding: 3px 5px;
    margin: 0;
    font-weight: 500
}

.task-todo-item__comment p+p,.task-todo-item__comment * p+p {
    margin-left: 5px
}

.task-todo-item__comment p+p:empty,.task-todo-item__comment * p+p:empty {
    margin-left: 0
}

.task-todo-item__comment .task-mention>span,.task-todo-item__comment * .task-mention>span {
    margin-bottom: 0
}

.task-todo-item__comment strong,.task-todo-item__comment * strong {
    margin-left: 0;
    font-weight: 500
}

.task-todo-item__comment strong.cu-emoticon,.task-todo-item__comment * strong.cu-emoticon {
    margin-left: 5px
}

.task-todo-item__comment *+.attachment-oneline,.task-todo-item__comment * *+.attachment-oneline {
    margin-left: 5px
}

.task-todo-item__comment .pre,.task-todo-item__comment * .pre {
    line-height: 18px
}

.task-todo-item__comment .linkified,.task-todo-item__comment * .linkified {
    color: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .task-todo-item__comment .linkified,.task-todo-item__comment * .linkified {
        color:var(--theme-main-color)
    }
}

.task-todo-item__comment em,.task-todo-item__comment * em {
    font-style: italic
}

.task-todo-item__comment ol,.task-todo-item__comment * ol {
    display: inline-flex;
    list-style: decimal;
    margin: 0 10px 0 0
}

.task-todo-item__comment ol li,.task-todo-item__comment * ol li {
    margin-left: 25px
}

.task-todo-item__comment ul,.task-todo-item__comment * ul {
    display: inline-flex;
    list-style: disc;
    margin: 0 10px 0 5px
}

.task-todo-item__comment ul li,.task-todo-item__comment * ul li {
    margin-left: 25px
}

.task-todo-item__comment ul>li[data-checked],.task-todo-item__comment * ul>li[data-checked] {
    list-style-type: none;
    pointer-events: none;
    margin-left: 15px
}

.task-todo-item__comment ul>li[data-checked] *,.task-todo-item__comment * ul>li[data-checked] * {
    pointer-events: all
}

.task-todo-item__comment ul>li[data-checked]:before,.task-todo-item__comment * ul>li[data-checked]:before {
    color: #777;
    pointer-events: all;
    padding-right: 10px
}

.task-todo-item__comment ul>li[data-checked=true]:before,.task-todo-item__comment * ul>li[data-checked=true]:before {
    content: "\2611"
}

.task-todo-item__comment ul>li[data-checked=false]:before,.task-todo-item__comment * ul>li[data-checked=false]:before {
    content: "\2610"
}

.task-todo-item__comment .ql-frame-container,.task-todo-item__comment * .ql-frame-container {
    display: inline-block
}

.task-todo-item__comment div[container=loom]:before,.task-todo-item__comment * div[container=loom]:before {
    color: #A2C44A;
    content: "Loom video";
    padding: 0 5px
}

@supports (--theme-main-color: $color-purple) {
    .task-todo-item__comment div[container=loom]:before,.task-todo-item__comment * div[container=loom]:before {
        color:var(--theme-main-color)
    }
}

.task-todo-item__comment div[container=loom] iframe,.task-todo-item__comment * div[container=loom] iframe {
    display: none
}

.task-todo-item__comment div[container=youtube]:before,.task-todo-item__comment * div[container=youtube]:before {
    color: #A2C44A;
    content: "YouTube video";
    padding: 0 5px
}

@supports (--theme-main-color: $color-purple) {
    .task-todo-item__comment div[container=youtube]:before,.task-todo-item__comment * div[container=youtube]:before {
        color:var(--theme-main-color)
    }
}

.task-todo-item__comment div[container=youtube] iframe,.task-todo-item__comment * div[container=youtube] iframe {
    display: none
}

.task-todo-item__comment div[container=vimeo]:before,.task-todo-item__comment * div[container=vimeo]:before {
    color: #A2C44A;
    content: "Vimeo video";
    padding: 0 5px
}

@supports (--theme-main-color: $color-purple) {
    .task-todo-item__comment div[container=vimeo]:before,.task-todo-item__comment * div[container=vimeo]:before {
        color:var(--theme-main-color)
    }
}

.task-todo-item__comment div[container=vimeo] iframe,.task-todo-item__comment * div[container=vimeo] iframe {
    display: none
}

.task-todo-item__comment div[container=vine]:before,.task-todo-item__comment * div[container=vine]:before {
    color: #A2C44A;
    content: "Vine video";
    padding: 0 5px
}

@supports (--theme-main-color: $color-purple) {
    .task-todo-item__comment div[container=vine]:before,.task-todo-item__comment * div[container=vine]:before {
        color:var(--theme-main-color)
    }
}

.task-todo-item__comment div[container=vine] iframe,.task-todo-item__comment * div[container=vine] iframe {
    display: none
}

.task-todo-item__comment div[container=videopress]:before,.task-todo-item__comment * div[container=videopress]:before {
    color: #A2C44A;
    content: "VideoPress video";
    padding: 0 5px
}

@supports (--theme-main-color: $color-purple) {
    .task-todo-item__comment div[container=videopress]:before,.task-todo-item__comment * div[container=videopress]:before {
        color:var(--theme-main-color)
    }
}

.task-todo-item__comment div[container=videopress] iframe,.task-todo-item__comment * div[container=videopress] iframe {
    display: none
}

.task-todo-item__comment div[container=figma]:before,.task-todo-item__comment * div[container=figma]:before {
    color: #A2C44A;
    content: "Figma file";
    padding: 0 5px
}

@supports (--theme-main-color: $color-purple) {
    .task-todo-item__comment div[container=figma]:before,.task-todo-item__comment * div[container=figma]:before {
        color:var(--theme-main-color)
    }
}

.task-todo-item__comment div[container=figma] iframe,.task-todo-item__comment * div[container=figma] iframe {
    display: none
}

.task-todo-item__comment div[container=cloudapp]:before,.task-todo-item__comment * div[container=cloudapp]:before {
    color: #A2C44A;
    content: "CloudApp file";
    padding: 0 5px
}

@supports (--theme-main-color: $color-purple) {
    .task-todo-item__comment div[container=cloudapp]:before,.task-todo-item__comment * div[container=cloudapp]:before {
        color:var(--theme-main-color)
    }
}

.task-todo-item__comment div[container=cloudapp] iframe,.task-todo-item__comment * div[container=cloudapp] iframe {
    display: none
}

.task-todo-item__comment div[container=clickup_video]:before,.task-todo-item__comment * div[container=clickup_video]:before {
    color: #A2C44A;
    content: "ClickUp video";
    padding: 0 5px
}

@supports (--theme-main-color: $color-purple) {
    .task-todo-item__comment div[container=clickup_video]:before,.task-todo-item__comment * div[container=clickup_video]:before {
        color:var(--theme-main-color)
    }
}

.task-todo-item__comment div[container=clickup_video] iframe,.task-todo-item__comment * div[container=clickup_video] iframe {
    display: none
}

.task-todo-item__comment video,.task-todo-item__comment * video {
    display: none
}

.task-todo-item__comment br,.task-todo-item__comment * br {
    display: none
}

.task-todo-item__user {
    flex-shrink: 0;
    margin: 0 15px 0 0
}

.task-todo-item__assignee {
    margin: -1px 7px 0 0
}

.task-todo-item .task-todo-item__custom-type .lv-task__status {
    transform: rotate(45deg)
}

.task-todo-item .lv-task__status,.task-todo-item__status {
    transition: border-color .2s cubic-bezier(.785,.135,.15,.86) 0s;
    position: relative;
    height: 20px;
    width: 20px;
    margin: 0 10px 0 0;
    padding: 0;
    cursor: pointer;
    flex-shrink: 0;
    border: 1px solid currentColor
}

.task-todo-item .lv-task__status:hover,.task-todo-item__status:hover {
    border-color: currentColor;
    border-radius: 3px
}

.task-todo-item .lv-task__status:after,.task-todo-item__status:after {
    content: "";
    display: block;
    position: absolute;
    top: 3px;
    left: 3px;
    width: 12px;
    height: 12px;
    border-radius: 2px;
    background: currentColor
}

.task-todo-item .lv-task__status-container,.task-todo-item__status-container {
    width: 30px
}

.task-todo-item_add .task-todo-item .lv-task__status,.task-todo-item_add .task-todo-item__status {
    pointer-events: none
}

.public-sharing .task-todo-item .lv-task__status,.public-sharing .task-todo-item__status {
    cursor: default
}

.task-todo-item .cu-user-group__item_due-date {
    width: 24px;
    height: 24px;
    cursor: pointer
}

.task-todo-item .cu-user-group__item_due-date .icon {
    width: 24px!important;
    height: 24px!important;
    position: relative!important;
    top: 0!important;
    margin: 0!important
}

.task-todo-item .subtask__recurring-view {
    display: inline-block;
    vertical-align: text-top
}

.task-todo-item .subtask__time-estimates-view {
    display: inline-flex;
    align-items: center;
    vertical-align: middle;
    margin-right: 5px;
    height: 20px
}

.task-todo-item .subtask__time-estimates-view .time-estimates-view__toogle {
    margin-top: -2px
}

.task-todo-item .subtask__priorities {
    display: inline-block;
    vertical-align: middle;
    margin-top: -2px;
    margin-bottom: -2px
}

.task-todo-item .subtask__priorities_empty {
    width: 0;
    height: 0;
    margin: 0;
    position: absolute
}

.task-todo-item .subtask__priorities .cu-priorities-view__item {
    margin-left: 0
}

.task-todo-item .subtask__dependency-icon {
    display: inline-block;
    vertical-align: text-top;
    margin-top: 5px;
    margin-right: 4px
}

.task-todo-item .cu-priorities-view__icon-select {
    width: 24px!important;
    height: 24px!important
}

.task-todo-item:hover .cu-user-group__item_due-date {
    opacity: 1
}

.task-todo-item .due-date_subtask-view .cu-dropdown_open .cu-user-group__item_due-date,.task-todo-item.task-todo-item_add .cu-dropdown_open .cu-user-group__item_due-date {
    display: flex;
    opacity: 1
}

.task-todo-item.task-todo-item_add.task-todo-item_add-simple {
    padding-left: 39px
}

.task-todo-item_pending {
    opacity: .5
}

.task-todo-item-popover__content {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 11px;
    font-weight: 400;
    line-height: 1;
    color: #fff;
    display: flex;
    justify-content: center;
    min-width: 140px;
    text-align: center;
    text-transform: none;
    flex-direction: column;
    align-items: center;
    margin: 10px 0;
    position: relative
}

.task-todo-item-popover__content-close {
    transition: all .2s cubic-bezier(.785,.135,.15,.86) 0s;
    position: absolute;
    width: 15px;
    height: 15px;
    right: 0;
    top: 0;
    cursor: pointer
}

.task-todo-item-popover__content-close:hover {
    transform: rotate(180deg)
}

.task-todo-item-popover__content-message {
    font-size: 16px;
    font-weight: 300;
    line-height: 1;
    color: #fff;
    margin-right: 24px
}

.task-todo-item-popover__content-button {
    transition: all .2s cubic-bezier(.785,.135,.15,.86) 0s;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    color: #fff;
    padding: 5px 10px;
    margin-top: 15px;
    border: 1px solid #fff;
    border-radius: 5px
}

.task-todo-item-popover__content-button:hover {
    background: #A2C44A;
    border: 1px solid #A2C44A
}

@supports (--theme-main-color-dark: $color-purple-dark) {
    .task-todo-item-popover__content-button:hover {
        background:var(--theme-main-color-dark)
    }
}

@supports (--user-color-theme-dark: $color-purple-dark) {
    .task-todo-item-popover__content-button:hover {
        border:1px solid var(--theme-main-color)
    }
}

.task-todo-item_add-duedate {
    height: 24px;
    display: flex;
    align-items: center
}

.task-todo-item_add-duedate .cu-due-date-view {
    margin-top: 2px
}

.task-todo-item.task-todo-item_add {
    transition: all .2s cubic-bezier(.785,.135,.15,.86) 0s;
    margin: -4px -8px 0;
    border: 1px solid #fff;
    border-radius: 3px;
    padding: 4px 7px 0;
    align-items: center
}

@media screen and (max-width: 992px) {
    .task-todo-item.task-todo-item_add {
        margin:-4px -8px 0 15px
    }
}

.dark-theme .task-todo-item.task-todo-item_add {
    border: 1px solid #384047
}

.task-todo-item.task-todo-item_add.task-todo-item_active {
    border-color: #A2C44A;
    border: 1px solid
}

@supports (--theme-main-color: $color-purple) {
    .task-todo-item.task-todo-item_add.task-todo-item_active {
        border-color:var(--theme-main-color)
    }
}

.task-todo-item.task-todo-item_add.task-todo-item_add-clickable-area {
    margin-top: -4px;
    margin-bottom: -4px;
    padding-top: 4px;
    padding-bottom: 4px;
    cursor: pointer
}

.task-todo-item.task-todo-item_add .task-todo-item__status {
    color: #ccc;
    opacity: .4;
    cursor: default
}

.task-todo-item.task-todo-item_add input.task-todo-item__input {
    width: 100%
}

.task-todo-item.task-todo-item_add .task-todo-item__input {
    font-size: 15px;
    font-weight: 400;
    line-height: 20px;
    color: #343434;
    flex-grow: 1;
    top: 0;
    border: 0;
    background-color: transparent;
    box-shadow: none;
    margin: 0;
    padding: 0
}

.task-todo-item.task-todo-item_add .task-todo-item__input-container {
    flex-grow: 1
}

.dark-theme .task-todo-item.task-todo-item_add .task-todo-item__input {
    color: #d5d6d7
}

.task-todo-item.task-todo-item_add .task-todo-item__input::placeholder {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    opacity: .6
}

.dark-theme .task-todo-item.task-todo-item_add .task-todo-item__input::placeholder {
    color: #d5d6d74d;
    opacity: 1
}

.contrast_high .task-todo-item.task-todo-item_add .task-todo-item__input::placeholder {
    opacity: .7
}

.task-todo-item.task-todo-item_add .task-todo-item__input:hover {
    color: #343434
}

.dark-theme .task-todo-item.task-todo-item_add .task-todo-item__input:hover {
    color: #d5d6d7
}

.task-todo-item.task-todo-item_add .task-todo-item__input:focus {
    outline: none
}

.task-todo-item.task-todo-item_add cu-due-date-picker {
    height: 24px
}

.task-todo-item.task-todo-item_add .cu-priorities-view__icon-select-subtask-add .cu-fill {
    fill: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .task-todo-item.task-todo-item_add .cu-priorities-view__icon-select-subtask-add .cu-fill {
        fill:var(--theme-main-color)
    }
}

.task-todo-item.task-todo-item_add .cu-priorities-view__icon-select-subtask-add .cu-stroke {
    stroke: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .task-todo-item.task-todo-item_add .cu-priorities-view__icon-select-subtask-add .cu-stroke {
        stroke:var(--theme-main-color)
    }
}

.task-todo-item.task-todo-item_done .task-todo-item__toggle {
    background: center center/contain url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTlweCIgaGVpZ2h0PSIxNHB4IiB2aWV3Qm94PSIzIDQxIDE5IDE0IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4gIDxkZWZzPjwvZGVmcz4gIDxwYXRoIGQ9Ik0xOS43ODU3ODI0LDQyLjE5MzI2NjIgTDkuODc0NDk3NzQsNTIuMTA0NTUwOCBMNS40ODMxMzIyNyw0Ny43MTMxODU0IEM1LjE3NDYyNjcsNDcuNDA0Njc5OCA0LjY3NDE0NDU1LDQ3LjQwNDY3OTggNC4zNjYwMzQsNDcuNzEzMTg1NCBDNC4wNTc1Mjg0Myw0OC4wMjE2OTA5IDQuMDU3NTI4NDMsNDguNTIxNzc4MSA0LjM2NjAzNCw0OC44MzAyODM2IEw5LjMxNTk0ODYsNTMuNzgwNTkzMyBDOS40NjQwNzg2OCw1My45Mjg3MjMzIDkuNjY1MTQwNTcsNTQuMDExNjc2MiA5Ljg3NDQ5Nzc0LDU0LjAxMTY3NjIgQzEwLjA4Mzg1NDksNTQuMDExNjc2MiAxMC4yODQ5MTY4LDUzLjkyODcyMzMgMTAuNDMzMDQ2OSw1My43ODA1OTMzIEwyMC45MDMyNzU2LDQzLjMxMDM2NDUgQzIxLjIxMTc4MTIsNDMuMDAxODU4OSAyMS4yMTE3ODEyLDQyLjUwMTc3MTggMjAuOTAzMjc1Niw0Mi4xOTMyNjYyIEMyMC41OTQ3NzAxLDQxLjg4NDc2MDYgMjAuMDk0Mjg3OSw0MS44ODQzNjU2IDE5Ljc4NTc4MjQsNDIuMTkzMjY2MiBMMTkuNzg1NzgyNCw0Mi4xOTMyNjYyIFoiIGlkPSJTaGFwZS1Db3B5LTEwIiBzdHJva2U9IiM2QkM5NTAiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0iIzZCQzk1MCIgZmlsbC1ydWxlPSJldmVub2RkIj48L3BhdGg+PC9zdmc+) no-repeat transparent;
    background-size: 80%
}

.task-todo-item.task-todo-item_done .task-todo-item__name {
    position: relative
}

.task-todo-item__name-text.task-todo-item_done a {
    text-decoration: line-through
}

.task-todo-item.task-todo-item_hidden {
    animation: fadeOut .2s linear forwards
}

.task-todo {
    padding: 20px 20px 20px 30px
}

@media screen and (max-width: 992px) {
    .task-todo {
        padding:10px
    }
}

@media print {
    .task-todo {
        padding-top: 0
    }
}

.task-todo__section {
    margin-bottom: 15px
}

.task-todo.cu-invisible {
    visibility: visible
}

.task-todo.cu-invisible .task-todo-nav {
    visibility: hidden
}

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

.task-todo__title {
    font-size: 20px;
    font-weight: 300;
    line-height: unset
}

.dark-theme .task-todo__title {
    color: #d5d6d7
}

.task-todo__title .cu-todo-list__add {
    vertical-align: top
}

.task-todo__title .cu-dt-filter__dropdown {
    color: #A2C44A;
    display: inline-block
}

@supports (--theme-main-color: $color-purple) {
    .task-todo__title .cu-dt-filter__dropdown {
        color:var(--theme-main-color)
    }
}

.task-todo__title .cu-dt-filter__dropdown .icon svg {
    fill: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .task-todo__title .cu-dt-filter__dropdown .icon svg {
        fill:var(--theme-main-color)
    }
}

.task-todo__title .cu-dt-filter__dropdown:hover .cu-dropdown__toggle {
    color: #fff
}

.task-todo__title .cu-dt-filter__dropdown:hover .icon svg {
    fill: #fff
}

.task-todo__title .cu-dt-filter__dropdown:hover .cu-dropdown_open .cu-dropdown__toggle {
    color: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .task-todo__title .cu-dt-filter__dropdown:hover .cu-dropdown_open .cu-dropdown__toggle {
        color:var(--theme-main-color)
    }
}

.task-todo__title .cu-dt-filter__dropdown:hover .cu-dropdown_open .icon svg {
    fill: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .task-todo__title .cu-dt-filter__dropdown:hover .cu-dropdown_open .icon svg {
        fill:var(--theme-main-color)
    }
}

.task-todo__subtitle {
    position: relative
}

.task-todo__subtitle .cu-dt-filter__value {
    font-size: 11px;
    font-weight: 600
}

.task-todo__subtitle .cu-dropdown__toggle {
    color: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .task-todo__subtitle .cu-dropdown__toggle {
        color:var(--theme-main-color)
    }
}

.task-todo__subtitle .lv-task__toggle-marker {
    display: none!important;
    top: 5px!important
}

.task-todo__subtitle:hover .lv-task__toggle-marker {
    display: block!important
}

.task-todo__subtitle-row {
    display: flex;
    align-items: center;
    margin: 20px 0 0
}

.task-todo__subtitle-row_comments {
    margin: 25px 0 15px
}

@media screen and (max-width: 992px) {
    .task-todo__subtitle-row_comments {
        margin-top:15px
    }
}

.task-todo__subtitle-reorder {
    margin-left: 20px
}

.task-todo__subtitle {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 11px;
    font-weight: 600;
    color: #34343499;
    text-transform: uppercase
}

.dark-theme .task-todo__subtitle {
    color: #abaeb0
}

.task-todo .cu-task-row-new__left {
    width: calc(100% - 150px);
    flex-grow: 1;
    padding-right: 0
}

.task-todo .cu-task-row-new__left .cu-task-row-new__main {
    min-width: 0
}

.task-todo .cu-task-row-new__left .cu-task-row-new__input {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 15px
}

.task-todo .cu-task-row-new__options {
    padding-left: 20px
}

.task-todo .cu-task-row-new__options .cu-task-row-recurring-date-picker:after {
    content: "";
    display: none
}

.task-todo .cu-task-row-new__options .cu-task-row-recurring-date-picker-subtask.cu-task-row-recurring-date-picker-start-new .due-date__info-value {
    margin-right: 2px
}

.task-todo .cu-task-row-new__options .cu-task-row__time-estimate {
    padding-left: 0
}

.task-todo .cu-task-row-new__options .cu-task-row__time-estimate .cu-task-info__value {
    margin-right: 5px
}

.task-todo .cu-task-row-new__options .cu-task-row-assignee {
    padding-left: 5px
}

.task-todo-nav {
    display: flex
}

@media screen and (max-width: 992px) {
    .task-todo-nav {
        display:none
    }
}

.task-todo-nav__item {
    font-size: 13px;
    font-weight: 500;
    line-height: 24px;
    color: #34343466;
    padding: 5px 0;
    transition: color .1s;
    -webkit-user-select: none;
    user-select: none
}

.task-todo-nav__item.task-todo-nav__item-expand {
    padding: 0;
    cursor: pointer
}

.dark-theme .task-todo-nav__item {
    color: #abaeb0
}

.task-todo-nav__item:not(:first-child) {
    margin-left: 20px
}

.cu-dropdown_open .task-todo-nav__item,.task-todo-nav__item:hover {
    color: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .cu-dropdown_open .task-todo-nav__item,.task-todo-nav__item:hover {
        color:var(--theme-main-color)
    }
}

.dark-theme .cu-dropdown_open .task-todo-nav__item,.dark-theme .task-todo-nav__item:hover {
    color: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .dark-theme .cu-dropdown_open .task-todo-nav__item,.dark-theme .task-todo-nav__item:hover {
        color:var(--theme-main-color)
    }
}

.cu-dropdown_open .task-todo-nav__item .task-todo-nav__item-order,.task-todo-nav__item:hover .task-todo-nav__item-order {
    stroke: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .cu-dropdown_open .task-todo-nav__item .task-todo-nav__item-order,.task-todo-nav__item:hover .task-todo-nav__item-order {
        stroke:var(--theme-main-color)
    }
}

.cu-dropdown_open .task-todo-nav__item .task-todo-nav__item-title,.task-todo-nav__item:hover .task-todo-nav__item-title {
    color: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .cu-dropdown_open .task-todo-nav__item .task-todo-nav__item-title,.task-todo-nav__item:hover .task-todo-nav__item-title {
        color:var(--theme-main-color)
    }
}

.dark-theme .cu-dropdown_open .task-todo-nav__item .task-todo-nav__item-title,.dark-theme .task-todo-nav__item:hover .task-todo-nav__item-title {
    color: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .dark-theme .cu-dropdown_open .task-todo-nav__item .task-todo-nav__item-title,.dark-theme .task-todo-nav__item:hover .task-todo-nav__item-title {
        color:var(--theme-main-color)
    }
}

.task-todo-nav__item_row {
    display: inline-flex;
    align-items: center
}

.task-todo-nav__item-title {
    font-size: 13px;
    font-weight: 500;
    line-height: 24px;
    color: #34343466;
    transition: color .1s
}

.dark-theme .task-todo-nav__item-title {
    color: #abaeb0
}

.task-todo-nav__item-order {
    stroke: #34343466;
    margin-top: -2px;
    margin-right: 3px;
    width: 14px;
    height: 12px
}

.dark-theme .task-todo-nav__item-order {
    stroke: #abaeb0
}

.task-todo-nav__item-order_ask {
    padding: 1px 3px 3px 2px
}

.task-todo-nav__item-order_desc {
    transform: rotate(180deg);
    padding: 3px 3px 1px 2px
}

.task-todo-nav__menu {
    padding: 10px 17px 0;
    min-width: 140px
}

.task-todo-nav__menu-title {
    font-size: 10px;
    font-weight: 400;
    line-height: 1;
    color: #aeacb0;
    text-transform: uppercase;
    margin: 5px 0
}

.dark-theme .task-todo-nav__menu-title {
    color: #828588
}

.task-todo-nav__menu-item {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 13px;
    font-weight: 400;
    line-height: 1;
    cursor: pointer;
    color: #343434;
    padding: 9px 17px;
    margin: 0 -17px;
    display: flex
}

.dark-theme .task-todo-nav__menu-item {
    color: #d5d6d7
}

.task-todo-nav__menu-item:hover {
    color: #A2C44A;
    background: #f9f9f9
}

@supports (--theme-main-color: $color-purple) {
    .task-todo-nav__menu-item:hover {
        color:var(--theme-main-color)
    }
}

.dark-theme .task-todo-nav__menu-item:hover {
    background: #2b343b
}

.task-todo-nav_mobile {
    display: none
}

@media screen and (max-width: 992px) {
    .task-todo-nav_mobile {
        display:flex
    }

    .task-todo-nav__show-all {
        color: #A2C44A;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-size: 13px;
        font-weight: 500;
        line-height: 1;
        display: flex;
        align-items: center
    }

    @supports (--theme-main-color: $color-purple) {
        .task-todo-nav__show-all {
            color:var(--theme-main-color)
        }
    }

    .task-todo-nav__show-all-icon {
        fill: #A2C44A;
        margin-left: 5px;
        width: 8px;
        height: 14px;
        margin-bottom: 2px
    }

    @supports (--theme-main-color: $color-purple) {
        .task-todo-nav__show-all-icon {
            fill:var(--theme-main-color)
        }
    }

    .task-todo-nav__show-all-menu {
        padding: 10px
    }
}

@media screen and (max-width: 768px) {
    .task-todo .cu-task-row-new__shortkey {
        display:none
    }

    .task-todo .cu-task-row-new__left {
        width: auto;
        flex-grow: 1
    }

    .task-todo .cu-task-row-new__left .cu-task-row-new__main {
        width: 100%!important;
        min-width: 0
    }
}

.cu-toggle-switch {
    position: relative;
    display: inline-block;
    width: 24px;
    height: 14px
}

.cu-toggle-switch input {
    opacity: 0
}

.cu-toggle-switch_disabled {
    opacity: .5
}

.cu-toggle-switch_not-clickable {
    pointer-events: none
}

.cu-toggle-switch__slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    transition: .2s
}

.dark-theme .cu-toggle-switch__slider {
    background: #828588
}

.cu-toggle-switch__slider_disabled {
    cursor: not-allowed
}

.cu-toggle-switch__slider:before {
    position: absolute;
    content: "";
    height: 10px;
    width: 10px;
    left: 2px;
    bottom: 2px;
    background-color: #fff
}

.dark-theme .cu-toggle-switch__slider:before {
    background-color: #384047
}

input:checked+.cu-toggle-switch__slider {
    background-color: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    input:checked+.cu-toggle-switch__slider {
        background-color:var(--theme-main-color)
    }
}

input:focus+.cu-toggle-switch__slider {
    box-shadow: 0 0 1px #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    input:focus+.cu-toggle-switch__slider {
        box-shadow:0 0 1px var(--theme-main-color)
    }
}

input:checked+.cu-toggle-switch__slider:before {
    transform: translate(10px)
}

.cu-toggle-switch__round {
    border-radius: 34px
}

.cu-toggle-switch__round:before {
    border-radius: 50%
}

.cu-toggle-switch_shadow {
    position: relative;
    z-index: 1
}

.cu-toggle-switch_shadow:after {
    content: "";
    width: 32px;
    height: 22px;
    position: absolute;
    left: -4px;
    top: -4px;
    background: var(--theme-main-color);
    border: 1px solid var(--theme-main-color);
    opacity: .2;
    z-index: -1;
    box-sizing: border-box;
    border-radius: 46px
}

.cu-toggle-switch-med {
    width: 34px;
    height: 20px
}

.cu-toggle-switch-med .cu-toggle-switch__slider:before {
    width: 16px;
    height: 16px
}

.cu-toggle-switch-med input:checked+.cu-toggle-switch__slider:before {
    transform: translate(14px)
}

.tooltip {
    word-break: break-word;
    overflow-wrap: break-word;
    word-wrap: break-word;
    -webkit-hyphens: auto;
    hyphens: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 11px;
    font-weight: 500;
    line-height: 14px;
    position: absolute;
    padding: 5px 8px;
    background: #384047;
    border-radius: 4px;
    z-index: 110000;
    color: #fff;
    text-align: center;
    -webkit-user-select: none;
    user-select: none;
    letter-spacing: .5px;
    min-width: 60px;
    max-width: 256px;
    opacity: 0;
    animation: fadeIn .07s linear .07s forwards;
    white-space: pre-line;
    pointer-events: none
}

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

.tooltip_with-subtitle .tooltip__text {
    white-space: normal
}

.tooltip_with-subtitle .tooltip__text_subtitle {
    font-style: italic;
    padding-top: 4px;
    opacity: .9
}

.dark-theme .tooltip {
    background: #4f5762;
    color: #fff
}

.tooltip_legacy {
    transform: translate(-50%,-100%)
}

.tooltip__triangle {
    content: "";
    display: block;
    position: absolute;
    height: 0;
    width: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px;
    border-top-color: #384047;
    left: calc(50% - 5px);
    bottom: -9px
}

.dark-theme .tooltip__triangle {
    height: 0;
    width: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px;
    border-top-color: #4f5762
}

.tooltip * {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 11px;
    font-weight: 500;
    line-height: 14px;
    color: #fff;
    white-space: nowrap
}

.tooltip__shortcuts {
    font-size: 10px;
    line-height: 1;
    font-weight: 400;
    color: #abaeb0
}

.dark-theme .tooltip__shortcuts {
    color: #d5d6d7
}

.tooltip_below .tooltip__triangle,.tooltip_placement-bottom .tooltip__triangle {
    height: 0;
    width: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px;
    border-bottom-color: #384047;
    bottom: auto;
    top: -10px
}

.dark-theme .tooltip_below .tooltip__triangle,.dark-theme .tooltip_placement-bottom .tooltip__triangle {
    height: 0;
    width: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px;
    border-bottom-color: #4f5762
}

.tooltip_placement-left .tooltip__triangle {
    height: 0;
    width: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px;
    border-left-color: #384047;
    left: auto;
    right: -10px;
    bottom: calc(50% - 5px)
}

.dark-theme .tooltip_placement-left .tooltip__triangle {
    height: 0;
    width: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px;
    border-left-color: #4f5762
}

.tooltip_placement-right .tooltip__triangle {
    height: 0;
    width: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px;
    border-right-color: #384047;
    left: -10px;
    bottom: calc(50% - 5px)
}

.dark-theme .tooltip_placement-right .tooltip__triangle {
    height: 0;
    width: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px;
    border-right-color: #4f5762
}

.tooltip.tooltip_web-component {
    max-width: 256px;
    padding: 7px 12px;
    border-radius: 8px;
    background: #292d34
}

.dark-theme .tooltip.tooltip_web-component {
    background: #4f5762
}

.tooltip.tooltip_web-component .tooltip__text {
    word-break: break-word;
    overflow-wrap: break-word;
    word-wrap: break-word;
    -webkit-hyphens: auto;
    hyphens: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 12px;
    font-weight: 500;
    line-height: 18px;
    white-space: normal;
    text-align: left;
    color: #fff
}

.dark-theme .tooltip.tooltip_web-component .tooltip__text {
    color: #fff
}

.tooltip.tooltip_web-component .tooltip__text_italic {
    font-weight: 400;
    font-style: italic
}

.tooltip.tooltip_web-component .tooltip__text+.tooltip__text {
    margin-top: 8px
}

.tooltip.tooltip span {
    color: inherit
}

.tooltip.tooltip_left {
    transform: translate(-70%,-100%)
}

.tooltip.tooltip_left .tooltip__triangle {
    left: calc(70% - 5px)
}

.tooltip.tooltip_right {
    transform: translate(-15px,-100%)
}

.tooltip.tooltip_right .tooltip__triangle {
    left: 10px
}

.tooltip.tooltip_right-unfurl-tooltip {
    transform: translate(-40px,-80%)
}

.tooltip.tooltip_right-unfurl-tooltip .tooltip__triangle {
    left: 37px
}

.tooltip.tooltip_right-far {
    transform: translate(-40px,-120%)
}

.tooltip.tooltip_right-far .tooltip__triangle {
    left: 35px
}

.tooltip.tooltip_less-near {
    transform: translate(-50%,-35%)
}

.tooltip.tooltip_near {
    transform: translate(-50%,-50%)
}

.tooltip.tooltip_near-right {
    transform: translateY(-50%);
    left: 20px!important
}

.tooltip.tooltip_near-right .tooltip__triangle {
    left: 30px
}

.tooltip.tooltip_closer {
    transform: translate(-50%,-5px)
}

.tooltip.tooltip_closer-x2 {
    transform: translate(-50%,25px)
}

.tooltip.tooltip_extra-closer {
    transform: translate(-50%,250%)
}

.tooltip.tooltip_far {
    transform: translate(-50%,-120%)
}

.tooltip.tooltip_onboarding {
    transform: translate(-10%,-70%)
}

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

.tooltip.tooltip_extra-far {
    transform: translate(-50%,-200%)
}

.tooltip.tooltip_indent-on-bottom {
    margin-top: -7px
}

.tooltip.tooltip_bottom {
    margin-top: -20px
}

.tooltip.tooltip_nowrap {
    white-space: nowrap
}

.tooltip.tooltip_left-nowrap {
    white-space: nowrap;
    transform: translate(-85%,-100%)
}

.tooltip.tooltip_left-nowrap .tooltip__triangle {
    left: calc(85% - 5px)
}

.tooltip.tooltip_for-portfolios-statuses {
    transform: translate(-50%,10px);
    color: #fff
}

.tooltip.tooltip_medium {
    max-width: 350px
}

.tooltip.tooltip_small-multiline {
    max-width: 160px
}

.tooltip.tooltip_medium-small {
    max-width: 200px
}

.tooltip.tooltip_v4-near {
    transform: translate(-50%,-150%)
}

.tooltip.tooltip_below-far {
    transform: translate(-50%,220%)
}

.tooltip.tooltip_below-far .tooltip__triangle {
    bottom: auto;
    top: -9px;
    transform: rotate(180deg)
}

.tooltip.tooltip_online,.dark-theme .tooltip.tooltip_online {
    color: #fff;
    background: #1ad67b
}

.tooltip.tooltip_online .tooltip__triangle {
    content: "";
    display: block;
    position: absolute;
    height: 0;
    width: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px;
    border-bottom-color: #1ad67b;
    left: calc(50% - 5px)
}

.dark-theme .tooltip.tooltip_online .tooltip__triangle {
    height: 0;
    width: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px;
    border-bottom-color: #1ad67b
}

.tooltip.tooltip_no-word-break {
    word-break: normal
}

.tooltip.tooltip_no-hyphens {
    -webkit-hyphens: manual;
    hyphens: manual
}

.cu-cursor-tooltip {
    display: none;
    white-space: nowrap;
    position: relative
}

.cu-cursor-tooltip__container:hover .cu-cursor-tooltip {
    display: block
}

.cu-cursor-tooltip_disabled {
    display: none!important
}

.cu-cursor-tooltip .tooltip {
    position: fixed;
    white-space: nowrap
}

.tour-banner {
    background: #A2C44A;
    position: fixed;
    height: 240px;
    width: 100%;
    bottom: 0;
    z-index: 1000;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding-top: 30px
}

@supports (--theme-main-color: $color-purple) {
    .tour-banner {
        background:var(--theme-main-color)
    }
}

.tour-banner-content button {
    color: #A2C44A;
    border: 1px solid #fff;
    background: #fff
}

@supports (--theme-main-color: $color-purple) {
    .tour-banner-content button {
        color:var(--theme-main-color)
    }
}

.tour-banner-content button:hover {
    color: #fff
}

.tour-banner-counter {
    color: #ffffff80
}

.tour-banner-text {
    font-size: 20px;
    font-weight: 500;
    line-height: 30px;
    margin: 20px 0;
    color: #fff;
    width: 420px;
    text-align: center
}

.tour-banner-text div {
    color: #fff
}

.tour-banner .cu-btn_x-sm {
    font-size: 14px;
    font-weight: 600;
    padding: 0 20px
}

.tour-banner .close {
    transition: all .2s cubic-bezier(.785,.135,.15,.86) 0s;
    height: 20px;
    width: 20px;
    position: absolute;
    top: 20px;
    right: 20px;
    cursor: pointer
}

.tour-banner .close:hover {
    transform: rotate(180deg)
}

.tour-banner__tip-img {
    display: flex;
    justify-content: center;
    align-items: center
}

.tour-banner__tip-img-play {
    transition: all .2s cubic-bezier(.785,.135,.15,.86) 0s;
    width: 76px;
    height: 76px;
    padding: 25px 23px 25px 27px;
    background: rgba(0,0,0,.3);
    border-radius: 50%;
    cursor: pointer
}

.tour-banner__tip-img-play:hover {
    background: rgba(0,0,0,.5)
}

.tour-banner__tip-img-play use {
    fill: #fff
}

.tour-banner__tip1-img {
    position: absolute;
    bottom: 0;
    left: 40px;
    width: 380px;
    height: 216px;
    background: url(tip1.30a386b7d23aab33.png) bottom center/contain no-repeat
}

@media screen and (max-width: 1200px) and (max-width: 1200px) {
    .tour-banner__tip1-img {
        display:none
    }
}

.tour-banner__tip2-img {
    position: absolute;
    bottom: 0;
    left: 40px;
    width: 380px;
    height: 210px;
    background: url(tip2.901f73bb099f5f6f.png) bottom center/contain no-repeat
}

@media screen and (max-width: 1200px) and (max-width: 1200px) {
    .tour-banner__tip2-img {
        display:none
    }
}

.tour-banner__tip4-img {
    position: absolute;
    bottom: 0;
    left: 40px;
    width: 339px;
    height: 235px;
    background: url(tip4.924dbad9e1be38b2.png) bottom center/contain no-repeat
}

@media screen and (max-width: 1200px) and (max-width: 1200px) {
    .tour-banner__tip4-img {
        display:none
    }
}

strong {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-weight: 700;
    color: inherit
}

em {
    font-style: italic;
    color: inherit
}

sub,sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sup {
    top: -.5em
}

sub {
    bottom: -.25em
}

.cu-phone-select {
    width: 100%;
    position: relative;
    display: flex
}

.cu-phone-select__flag {
    display: flex;
    justify-content: center;
    flex-direction: column
}

.cu-phone-select__input {
    position: relative
}

.cu-phone-select__input input,.cu-phone-select__input input::placeholder {
    color: #343434;
    font-size: 34px
}

.cu-phone-select__input-brackets {
    font-size: 34px;
    position: absolute;
    top: 16px;
    left: -10px
}

.cu-countries-filter {
    margin: 12px 0 0 20px
}

.cu-countries-list {
    width: 350px;
    max-height: 175px;
    overflow: auto;
    padding: 0 10px 10px
}

.cu-country {
    display: flex;
    align-items: center;
    padding: 10px;
    cursor: pointer;
    -webkit-user-select: none;
    user-select: none
}

.cu-country:hover {
    background: #f7f7f7
}

.cu-country:active {
    background: #f1f1f1
}

.cu-country.current {
    background: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .cu-country.current {
        background:var(--theme-main-color)
    }
}

.cu-country.current .cu-country__code,.cu-country.current .cu-country__title {
    color: #fff
}

.cu-country__flag {
    flex-shrink: 0;
    margin: 0 10px 0 0
}

.cu-country__title {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 14px;
    font-weight: 400;
    flex-grow: 1;
    padding: 2px 0 0
}

.cu-country__code {
    color: #A2C44A;
    font-size: 12px;
    font-weight: 400;
    flex-shrink: 0;
    margin: 0 0 0 5px;
    padding: 2px 0 0
}

@supports (--theme-main-color: $color-purple) {
    .cu-country__code {
        color:var(--theme-main-color)
    }
}

.cu-flag {
    width: 30px;
    height: 20px;
    float: left;
    border-radius: 2px;
    background: #d8d8d8;
    display: inline-block;
    margin-right: 8px
}

.cu-flag__code {
    color: #2229;
    float: left;
    height: 20px;
    padding: 0 5px;
    font-size: 34px;
    line-height: 20px;
    text-align: center
}

.cu-uploader {
    width: 100%;
    padding: 30px 0;
    min-height: 60px
}

.cu-uploader__header {
    display: flex;
    align-items: flex-start
}

.cu-uploader__title {
    font-size: 12px;
    font-weight: 600;
    flex-grow: 1;
    color: #222;
    margin: 0 0 5px
}

.cu-uploader__dropzone {
    display: flex;
    align-items: center;
    font-size: 13px;
    font-style: italic;
    color: #2229
}

.dark-theme .cu-uploader__dropzone {
    color: #abaeb0
}

.cu-uploader__icon {
    width: 16px;
    height: 16px;
    margin-right: 8px;
    fill: #2229
}

.dark-theme .cu-uploader__icon {
    fill: #abaeb0
}

.cu-uploader.cu-uploader_compact {
    padding: 10px 30px;
    min-height: 0
}

.cu-uploader.cu-uploader_compact .cu-uploader__header {
    display: none
}

.cu-uploader-trigger {
    position: relative;
    display: flex;
    align-items: center;
    cursor: pointer;
    padding: 5px
}

.cu-uploader-trigger__text {
    transition: all .2s cubic-bezier(.785,.135,.15,.86) 0s;
    color: #A2C44A;
    border-bottom-color: #A2C44A;
    font-size: 13px;
    font-weight: 500;
    position: relative;
    z-index: 2;
    border-bottom: 1px dashed;
    text-decoration: none;
    font-style: italic;
    cursor: pointer
}

.cu-uploader-trigger__text:hover {
    transition: none
}

@supports (--theme-main-color: $color-purple) {
    .cu-uploader-trigger__text {
        color:var(--theme-main-color)
    }
}

@supports (--theme-main-color: $color-purple) {
    .cu-uploader-trigger__text {
        border-bottom-color:var(--theme-main-color)
    }
}

.cu-uploader-trigger__text_link {
    font-size: 14px;
    font-weight: 500;
    font-style: italic;
    display: block;
    width: 100%;
    color: #4a90e2;
    border: 0;
    text-align: center;
    margin: 5px 0
}

.dark-theme .cu-uploader-trigger__text_link {
    color: #72b3fd
}

.cu-uploader-trigger__input {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer
}

.cu-uploader-file {
    display: flex;
    align-items: center;
    padding: 15px 0
}

.cu-uploader-file:not(:last-child) {
    border-bottom: 1px solid #e2e2e2
}

.cu-uploader-file__upgrade {
    text-decoration: underline
}

.cu-uploader-file__icon {
    width: 20px;
    height: 20px;
    flex-shrink: 0;
    margin: 0 10px 0 0
}

.cu-uploader-file__icon img {
    width: 100%;
    height: 100%;
    border-radius: 2px
}

.cu-uploader-file__name {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 14px;
    color: #2229;
    padding: 0;
    line-height: 1.15
}

.dark-theme .cu-uploader-file__name {
    color: #abaeb0
}

.cu-uploader-file__controls {
    flex-shrink: 0
}

.cu-attachment-preview-img {
    margin: auto;
    display: flex;
    max-height: calc(100% - 40px);
    max-width: calc(100% - 40px)
}

.cu-uploader-file.cu-uploader-file_error .cu-uploader-file__name {
    color: #de2828
}

.cu-uploader-file.cu-uploader-file_error .cu-uploader-file__name>* {
    color: inherit
}

.progress {
    display: flex;
    flex-grow: 1;
    width: 100%;
    height: 8px;
    background: #efeef0;
    border-radius: 8px
}

.progress__bar {
    background: #A2C44A;
    border-radius: 8px;
    transition: .2s
}

@supports (--theme-main-color: $color-purple) {
    .progress__bar {
        background:var(--theme-main-color)
    }
}

.progress.progress_small {
    height: 5px;
    border-radius: 5px
}

.progress.progress_small .progress__bar {
    border-radius: 5px
}

.progress.progress_complete {
    animation: hideProgress .2s linear .2s both
}

.progress.progress_complete .progress__bar {
    background: #67cb48
}

@keyframes hideProgress {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        display: none
    }
}

.cu-circular-progress {
    display: block;
    width: 100%;
    height: 100%
}

.cu-user-hint {
    position: absolute!important;
    bottom: 100%;
    left: 0;
    width: 100%;
    max-height: 40vh;
    background: #fff;
    padding: 20px 0;
    z-index: 2000;
    box-shadow: 0 0 10px #0000001a
}

.dark-theme .cu-user-hint {
    background: #384047
}

.cu-user-hint__item {
    transition: all .2s cubic-bezier(.785,.135,.15,.86) 0s;
    display: flex;
    align-items: center;
    padding: 8px 30px 8px 15px;
    cursor: pointer
}

.cu-user-hint__item:hover {
    transition: none
}

.cu-user-hint__item_active,.cu-user-hint__item:hover {
    background: #f2f3f4
}

.dark-theme .cu-user-hint__item_active,.dark-theme .cu-user-hint__item:hover {
    background: #2b343b
}

.cu-user-hint__avatar {
    margin: 0 15px 0 0;
    flex-shrink: 0
}

.cu-user-hint__username {
    font-size: 14px;
    font-weight: 400;
    flex-grow: 1;
    color: #343434
}

.dark-theme .cu-user-hint__username {
    color: #d5d6d7
}

.cu-user-hint__email {
    font-size: 12px;
    font-weight: 400;
    color: #544d6199
}

.dark-theme .cu-user-hint__email {
    color: #828588
}

.user-no-project {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 500;
    background: #fff
}

.dark-theme .user-no-project {
    background: #1e272e
}

.user-no-project__inner {
    width: 400px;
    margin: 100px 0 auto;
    text-align: center
}

.user-no-project__title {
    color: #A2C44A;
    font-size: 24px;
    font-weight: 300;
    margin: 0 0 20px
}

@supports (--theme-main-color: $color-purple) {
    .user-no-project__title {
        color:var(--theme-main-color)
    }
}

.user-no-project__description {
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
    margin: 0 0 20px;
    color: #3e3e3ecc
}

.dark-theme .user-no-project__description {
    color: #abaeb0
}

.user-no-project__question {
    font-size: 15px;
    font-weight: 500;
    color: #3e3e3ecc;
    margin: 0 0 30px
}

.dark-theme .user-no-project__question {
    color: #abaeb0
}

.user-no-project__select {
    font-size: 16px;
    font-weight: 400;
    position: relative;
    padding: 10px 20px 10px 0;
    border-bottom: 1px solid #e4e4e4;
    text-align: left;
    color: #2229;
    cursor: pointer
}

.dark-theme .user-no-project__select {
    border-bottom-color: #828588;
    color: #d5d6d7
}

.user-no-project__select:after {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    background: url(arrow-down.1d14d21bc3072521.svg) center center/contain no-repeat transparent;
    top: 12px;
    right: 0;
    width: 12px;
    height: 12px
}

.user-no-project__select-item {
    text-align: left;
    padding: 10px;
    cursor: pointer
}

.user-no-project__select-item:hover {
    background: #f5f5f5
}

.user-no-project__controls {
    margin: 30px 0 0;
    padding: 0 30px
}

.user-no-project__controls>*+* {
    margin-top: 5px
}

.user-no-project__dropdown-menu {
    width: 250px;
    padding: 0 10px
}

.usm {
    width: 330px;
    background: #fff;
    box-shadow: 0 2px 16px #0000001a;
    border-radius: 6px;
    left: -235px;
    margin-top: 17px;
    padding: 0;
    max-height: calc(100vh - 116px);
    overflow-y: auto
}

.usm__teams {
    padding: 30px 30px 25px
}

.usm__teams-title {
    display: flex;
    align-items: center
}

.usm__teams-title-name {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 12px;
    font-weight: 500;
    line-height: 12px;
    color: #bcbcbc;
    letter-spacing: 2px;
    text-transform: uppercase;
    text-decoration: none
}

.usm__teams-plus {
    color: #A2C44A;
    transition: all .2s cubic-bezier(.785,.135,.15,.86) 0s;
    font-size: 20px;
    font-weight: 500;
    line-height: 19px;
    display: inline-block;
    margin-left: 8px;
    padding-left: 2px;
    cursor: pointer;
    outline: none
}

@supports (--theme-main-color: $color-purple) {
    .usm__teams-plus {
        color:var(--theme-main-color)
    }
}

.usm__teams-plus:hover {
    color: #A2C44A
}

@supports (--theme-main-color-dark: $color-purple-dark) {
    .usm__teams-plus:hover {
        color:var(--theme-main-color-dark)
    }
}

.usm__teams-content {
    display: flex;
    flex-wrap: wrap;
    max-height: 90px;
    margin: 5px 0 0;
    position: relative
}

.usm__teams-content:before {
    content: "";
    display: block;
    position: sticky;
    width: 100%;
    height: 8px;
    top: 0;
    z-index: 1;
    background: linear-gradient(0deg,rgba(255,255,255,0) 0%,white 100%)
}

.dark-theme .usm__teams-content:before {
    background: linear-gradient(0deg,rgba(56,64,71,0) 0%,#384047 100%)
}

.usm__teams-content:after {
    content: "";
    display: block;
    position: sticky;
    width: 100%;
    height: 8px;
    bottom: 0;
    background: linear-gradient(0deg,white 0%,rgba(255,255,255,0) 100%)
}

.dark-theme .usm__teams-content:after {
    background: linear-gradient(0deg,#384047 0%,rgba(56,64,71,0) 100%)
}

.usm__teams-content-item {
    transition: all .2s cubic-bezier(.785,.135,.15,.86) 0s;
    width: 49px;
    height: 49px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 5px 10px 5px 0;
    border: 1px solid transparent;
    border-radius: 50%;
    cursor: pointer
}

.usm__teams-content-item:hover {
    border-color: #858585
}

.dark-theme .usm__teams-content-item:hover {
    border-color: #1e272e
}

.usm__teams-content-item_active {
    border-color: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .usm__teams-content-item_active {
        border-color:var(--theme-main-color)
    }
}

.dark-theme .usm__teams-content-item_active:hover {
    border-color: #A2C44A
}

@supports (--theme-main-color-dark: $color-purple-dark) {
    .dark-theme .usm__teams-content-item_active:hover {
        border-color:var(--theme-main-color-dark)
    }
}

.usm__divider {
    height: 1px;
    background-color: #e4e4e4
}

.dark-theme .usm__divider {
    background-color: #2b343b
}

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

.usm__menu-title {
    color: #A2C44A;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 13px;
    font-weight: 500;
    line-height: 1;
    text-transform: uppercase;
    margin: 15px 0 10px
}

@supports (--theme-main-color: $color-purple) {
    .usm__menu-title {
        color:var(--theme-main-color)
    }
}

.usm__menu-item {
    width: 45%
}

.usm__menu-item_row {
    display: flex;
    align-items: center
}

.usm__menu-item-link {
    transition: all .2s cubic-bezier(.785,.135,.15,.86) 0s;
    font-size: 13px;
    font-weight: 400;
    line-height: 30px;
    cursor: pointer;
    color: #343434;
    outline: none;
    display: inline-flex
}

.dark-theme .usm__menu-item-link {
    color: #d5d6d7
}

.usm__menu-item-link:hover,.usm__menu-item-link_active {
    color: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .usm__menu-item-link:hover,.usm__menu-item-link_active {
        color:var(--theme-main-color)
    }
}

.dark-theme .usm__menu-item-link:hover,.dark-theme .usm__menu-item-link_active {
    color: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .dark-theme .usm__menu-item-link:hover,.dark-theme .usm__menu-item-link_active {
        color:var(--theme-main-color)
    }
}

.usm__menu-item-link:hover .usm__menu-item-link-icon .cu-fill,.usm__menu-item-link_active .usm__menu-item-link-icon .cu-fill {
    fill: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .usm__menu-item-link:hover .usm__menu-item-link-icon .cu-fill,.usm__menu-item-link_active .usm__menu-item-link-icon .cu-fill {
        fill:var(--theme-main-color)
    }
}

.usm__menu-item-link:hover .usm__menu-item-link-icon .cu-stroke,.usm__menu-item-link_active .usm__menu-item-link-icon .cu-stroke {
    stroke: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .usm__menu-item-link:hover .usm__menu-item-link-icon .cu-stroke,.usm__menu-item-link_active .usm__menu-item-link-icon .cu-stroke {
        stroke:var(--theme-main-color)
    }
}

.usm__menu-item-link-btn {
    transition: all .2s cubic-bezier(.785,.135,.15,.86) 0s;
    color: #A2C44A;
    border-color: #A2C44A;
    font-size: 11px;
    font-weight: 500;
    line-height: 24px;
    cursor: pointer;
    width: 100%;
    height: 24px;
    outline: none;
    border: 1px solid;
    border-radius: 3px;
    text-align: center;
    text-transform: uppercase
}

@supports (--theme-main-color: $color-purple) {
    .usm__menu-item-link-btn {
        color:var(--theme-main-color)
    }
}

@supports (--theme-main-color: $color-purple) {
    .usm__menu-item-link-btn {
        border-color:var(--theme-main-color)
    }
}

.usm__menu-item-link-btn:hover {
    background: #A2C44A;
    color: #fff
}

@supports (--theme-main-color: $color-purple) {
    .usm__menu-item-link-btn:hover {
        background:var(--theme-main-color)
    }
}

.dark-theme .usm__menu-item-link-btn:hover {
    color: #d5d6d7
}

.usm__menu-item-link-btn_plus {
    width: 18px;
    height: 18px;
    line-height: 18px;
    margin-left: 7px;
    margin-top: -2px
}

.usm__menu-item-link_logout:hover {
    color: #d16464!important
}

.usm__menu-item-link_logout:hover svg {
    fill: #d16464!important
}

.usm__menu-item-link_logout svg {
    margin: 7px 0 0 10px;
    fill: #d8d8d8
}

.usm__menu-item-link .cu-fill,.usm__menu-item-link .cu-stroke {
    transition: all .2s cubic-bezier(.785,.135,.15,.86) 0s
}

.usm__menu-item-link-icon {
    margin: 5px 10px 0 0
}

.usm__menu-item-link-icon .cu-fill {
    fill: #d8d8d8
}

.usm__menu-item-link-icon .cu-stroke {
    stroke: #d8d8d8
}

.usm__menu-item-apps {
    display: flex;
    align-items: center;
    height: 30px;
    margin-right: 10px
}

.usm__menu-item-apps .cu-stroke {
    transition: all .2s cubic-bezier(.785,.135,.15,.86) 0s;
    stroke: #d8d8d8
}

.dark-theme .usm__menu-item-apps .cu-stroke {
    stroke: #828588
}

.usm__menu-item-apps .cu-fill {
    transition: all .2s cubic-bezier(.785,.135,.15,.86) 0s;
    fill: #d8d8d8
}

.dark-theme .usm__menu-item-apps .cu-fill {
    fill: #828588
}

.usm__menu-item-apps .usm__menu-item-apps-all {
    transition: all .2s cubic-bezier(.785,.135,.15,.86) 0s;
    fill: #343434
}

.dark-theme .usm__menu-item-apps .usm__menu-item-apps-all {
    fill: #d5d6d7
}

.usm__menu-item-apps:hover .cu-fill,.usm__menu-item-apps:hover .usm__menu-item-apps-all {
    fill: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .usm__menu-item-apps:hover .cu-fill,.usm__menu-item-apps:hover .usm__menu-item-apps-all {
        fill:var(--theme-main-color)
    }
}

.usm__menu-item-apps:hover .cu-stroke {
    stroke: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .usm__menu-item-apps:hover .cu-stroke {
        stroke:var(--theme-main-color)
    }
}

.usm__menu-item-apps-label {
    transition: all .2s cubic-bezier(.785,.135,.15,.86) 0s;
    font-size: 9px;
    font-weight: 500;
    line-height: 1;
    color: #d8d8d8;
    background: #f7f7f7;
    padding: 6px 7px 4px;
    border-radius: 20px;
    margin-right: 7px;
    white-space: nowrap;
    text-transform: uppercase;
    cursor: pointer
}

.dark-theme .usm__menu-item-apps-label {
    background: #2b343b;
    color: #828588
}

.usm__menu-item-apps-label:hover {
    background: #A2C44A;
    color: #fff
}

@supports (--theme-main-color: $color-purple) {
    .usm__menu-item-apps-label:hover {
        background:var(--theme-main-color)
    }
}

.dark-theme .usm__menu-item-apps-label:hover {
    color: #d5d6d7
}

.usm__me {
    padding: 20px 30px
}

.usm__me-title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 5px
}

.usm__me-name {
    color: #A2C44A;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 13px;
    font-weight: 500;
    line-height: 24px;
    text-transform: uppercase
}

@supports (--theme-main-color: $color-purple) {
    .usm__me-name {
        color:var(--theme-main-color)
    }
}

.usm__dark-theme {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 24px;
    flex-shrink: 0;
    margin-left: 10px;
    cursor: pointer
}

.usm__dark-theme-title {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 11px;
    font-weight: 400;
    line-height: 1;
    color: #343434;
    opacity: .4;
    margin-right: 10px
}

.dark-theme .usm__dark-theme-title {
    color: #d5d6d7
}

.usm__other {
    padding: 20px 30px 15px;
    background: #fafbfc
}

.dark-theme .usm__other {
    background: #2b343b
}

.usm__v2 {
    display: flex;
    align-items: center;
    height: 90px;
    padding: 0 15px;
    background: linear-gradient(to right,#8930fd,#49ccf9);
    background-size: 250% 250%;
    animation: v2-bkg 5s ease infinite;
    position: sticky;
    top: 0;
    z-index: 10
}

@keyframes v2-bkg {
    0% {
        background-position: 10% 0
    }

    50% {
        background-position: 91% 100%
    }

    to {
        background-position: 10% 0
    }
}

.usm__v2-logo {
    background: #fff;
    box-shadow: 0 9px 14px -5px #362e6dcc;
    width: 50px;
    height: 50px;
    flex-shrink: 0;
    border-radius: 50%;
    margin-right: 15px;
    padding: 8px
}

.usm__v2-logo svg {
    width: 100%;
    height: 100%
}

.usm__v2-title {
    font-size: 20px;
    font-weight: 600;
    line-height: 1;
    color: #fff;
    margin-bottom: 4px;
    text-transform: uppercase
}

.usm__v2-subtitle {
    font-size: 14px;
    font-weight: 500;
    line-height: 1;
    color: #fff
}

.usm__v2-btn {
    transition: all .2s cubic-bezier(.785,.135,.15,.86) 0s;
    font-size: 13px;
    font-weight: 500;
    line-height: 1;
    cursor: pointer;
    position: absolute;
    height: 30px;
    background: #fff;
    box-shadow: 0 4px 12px 2px #0000001c;
    border-radius: 15px;
    bottom: -20px;
    left: 50%;
    transform: translate(-50%);
    display: flex;
    align-items: center;
    padding: 0 10px 0 15px;
    border: 1px solid #fff;
    color: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .usm__v2-btn {
        color:var(--theme-main-color)
    }
}

.usm__v2-btn:hover {
    background: #A2C44A;
    color: #fff
}

.usm__v2-btn:hover .usm__v2-btn-arrow {
    fill: #fff;
    stroke: #fff
}

.usm__v2-btn-arrow {
    transition: all .2s cubic-bezier(.785,.135,.15,.86) 0s;
    width: 14px;
    height: 12px;
    fill: #A2C44A;
    stroke: #A2C44A;
    margin-left: 10px
}

.lv {
    padding: 0;
    overflow-x: hidden
}

.cu-body_collapsed .lv {
    padding: 0
}

.lv__content {
    position: relative;
    min-height: 100%;
    overflow: auto;
    padding: 0;
    display: flex;
    flex-direction: column
}

@media print {
    .lv__content {
        height: auto;
        padding: 10px
    }
}

.lv-rows {
    padding: 10px 25px 0;
    flex-grow: 1;
    overflow: auto;
    height: 0;
    position: relative;
    width: 100%
}

@media print {
    .lv-rows {
        height: auto;
        overflow: initial
    }
}

.lv-rows:after {
    position: relative;
    width: 100%;
    height: 70px;
    content: "";
    display: block
}

.lv-rows_beacons:after {
    height: 190px
}

.lv-loading .box-loader {
    padding: 0 40px
}

.lv-page-loading {
    position: fixed;
    bottom: 30px;
    left: 50%;
    margin-left: 38px
}

.lv-loader {
    min-height: 70px;
    margin-top: -70px
}

.lv-loader .cu-btn__spinner_loader {
    padding: 10px
}

@media all and (-ms-high-contrast: none),(-ms-high-contrast: active) {
    .lv-rows {
        height: 100%
    }
}

.lv-closed-message {
    background: #A2C44A;
    font-size: 13px;
    font-weight: 500;
    line-height: 1;
    color: #fff;
    border-radius: 4px;
    text-align: center;
    padding: 9px 15px;
    margin: 1px 0 0 10px;
    box-shadow: 0 2px 10px #0000001a;
    position: relative;
    display: inline-flex;
    white-space: nowrap
}

@supports (--theme-main-color: $color-purple) {
    .lv-closed-message {
        background:var(--theme-main-color)
    }
}

.dark-theme .lv-closed-message {
    color: #d5d6d7
}

.lv-closed-message .lv-view-all {
    transition: all .2s cubic-bezier(.785,.135,.15,.86) 0s;
    color: #fff;
    cursor: pointer;
    border-bottom: 1px dashed #fff;
    margin-left: 5px
}

.lv-closed-message .lv-view-all:hover,.dark-theme .lv-closed-message .lv-view-all {
    color: #d5d6d7;
    border-bottom: 1px dashed #d5d6d7
}

.dark-theme .lv-closed-message .lv-view-all:hover {
    color: #fff;
    border-bottom: 1px dashed #fff
}

.lv-closed-message .lv-check-icon {
    width: 11px;
    height: 12px;
    margin-right: 10px
}

.lv-closed-message .lv-check-icon_save-filter {
    width: 12px;
    height: 12px
}

.lv-closed-message .lv-check-icon use {
    fill: #fff
}

.dark-theme .lv-closed-message .lv-check-icon use {
    color: #d5d6d7
}

.lv-all-title {
    word-break: break-word;
    overflow-wrap: break-word;
    word-wrap: break-word;
    -webkit-hyphens: auto;
    hyphens: auto;
    font-size: 26px;
    font-weight: 400;
    line-height: 1;
    color: #343434;
    margin-top: 7px;
    flex-grow: 1;
    padding-right: 10px;
    min-width: 200px
}

@media print {
    .lv-all-title {
        margin-top: 0
    }
}

.dark-theme .lv-all-title,.dark-theme .lv-all-title div {
    color: #d5d6d7
}

.lv-all-title-row {
    display: flex;
    justify-content: space-between;
    align-items: flex-start
}

.lv-all-title_filter {
    margin-top: 7px;
    margin-bottom: -5px
}

.lv-all-title-wrapper {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    position: sticky;
    left: 0;
    padding: 0 40px;
    z-index: 2
}

.lv-project {
    font-size: 26px;
    font-weight: 400;
    margin-top: 30px;
    color: #343434
}

.dark-theme .lv-project {
    color: #d5d6d7
}

.lv-category {
    margin-top: 20px;
    margin-bottom: -22px;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.lv-category_add {
    position: sticky;
    left: 40px;
    margin: 20px 40px 0
}

.lv-category__input {
    position: relative;
    top: -24px;
    left: 1px
}

.lv-category__input input[type=text]:focus {
    background: none!important;
    background-color: transparent;
    box-shadow: none
}

.lv-category__input-edit {
    font-size: 24px;
    font-weight: 300;
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    border: 0;
    outline: none;
    box-shadow: none;
    background: transparent;
    padding: 7px 10px 4px 9px;
    margin: -6px 0 0 -10px;
    color: #343434;
    width: 100%
}

.lv-category__input-category-error {
    color: #fd7368
}

.lv-category__tools-icon-edit {
    width: 14px;
    height: 14px;
    cursor: pointer;
    visibility: hidden;
    display: inline-flex;
    margin: 5px 0 0 5px;
    background: #fff
}

.lv-category__tools-icon-edit use {
    stroke: #cbc9d0
}

.lv-category__tools-icon-edit.hidden {
    visibility: hidden
}

.lv-category__title-block .lv-category__title {
    font-size: 24px;
    font-weight: 300;
    color: #343434;
    float: left
}

.lv-category__title-block .lv-category__title.hidden {
    visibility: hidden
}

.lv-category__title-block:hover .lv-category__tools-icon-edit {
    visibility: visible
}

.lv-category__title-block-category {
    font-size: 24px;
    font-weight: 300;
    color: #343434
}

.lv-category__toggle {
    position: absolute;
    left: -28px;
    top: 0;
    width: 28px;
    height: 100%;
    cursor: pointer
}

.lv-category__header {
    position: relative;
    display: flex;
    align-items: flex-end
}

.lv-category__header-category {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px
}

.lv-category__header:hover .lv-category__toggle-marker {
    display: block
}

.lv-category__toggle-marker {
    display: none;
    position: absolute;
    top: 17px;
    left: 0;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    border: 1px solid #dbdbdb;
    background: #fff
}

.contrast_high .lv-category__toggle-marker {
    border: 1px solid #dedede
}

.dark-theme .lv-category__toggle-marker {
    border: 1px solid #2b343b;
    background: #384047
}

.lv-category__toggle-marker:after {
    content: "";
    display: block;
    position: absolute;
    background: #A2C44A;
    opacity: 0;
    top: 2px;
    left: 2px;
    width: 10px;
    height: 10px;
    border-radius: 50%
}

@supports (--theme-main-color: $color-purple) {
    .lv-category__toggle-marker:after {
        background:var(--theme-main-color)
    }
}

.lv-category_selected .lv-category__toggle-marker {
    display: block
}

.lv-category_selected .lv-category__toggle-marker:after {
    opacity: 1
}

.lv-category.lv-category_touched .lv-category__toggle-marker {
    display: block
}

.lv-category.lv-category_touched .lv-category__toggle-marker:after {
    opacity: 1;
    background: #e4e4e4
}

.lv-category-edit {
    position: relative;
    display: flex;
    align-items: center;
    height: 30px;
    margin: 0 10px 0 0
}

.lv-category-edit__quick-action {
    width: 0;
    margin: -2px 0 0 2px;
    visibility: hidden
}

.lv-location_open .lv-category-edit__quick-action {
    visibility: visible;
    width: 24px;
    min-width: 24px
}

.lv-category-edit__quick-action-ellipsis {
    transition: all .2s cubic-bezier(.785,.135,.15,.86) 0s;
    width: 24px;
    height: 24px;
    padding: 4px;
    cursor: pointer;
    fill: #343434
}

.dark-theme .lv-category-edit__quick-action-ellipsis {
    fill: #828588
}

.lv-category-edit__quick-action-ellipsis:hover {
    fill: #A2C44A;
    opacity: 1
}

@supports (--theme-main-color: $color-purple) {
    .lv-category-edit__quick-action-ellipsis:hover {
        fill:var(--theme-main-color)
    }
}

.lv-category-edit .cu-dropdown_open .lv-category-edit__quick-action-ellipsis {
    fill: #A2C44A;
    display: block;
    opacity: 1
}

@supports (--theme-main-color: $color-purple) {
    .lv-category-edit .cu-dropdown_open .lv-category-edit__quick-action-ellipsis {
        fill:var(--theme-main-color)
    }
}

.lv-category-edit__name {
    font-size: 18px;
    font-weight: 400;
    line-height: 20px;
    color: #343434;
    padding: 3px 0 0;
    letter-spacing: 1px
}

.dark-theme .lv-category-edit__name {
    color: #d5d6d7
}

.lv-category-edit_subcategory .lv-category-edit__name {
    font-size: 15px;
    font-weight: 400;
    line-height: 20px;
    padding-top: 2px!important
}

.lv-category-edit__btn {
    transition: all .1s cubic-bezier(.785,.135,.15,.86) 0s;
    flex-shrink: 0;
    margin: 0 0 0 10px;
    width: 16px;
    height: 16px;
    stroke: #cbc9cf;
    cursor: pointer;
    opacity: 0
}

.lv-category-edit__btn:hover {
    transition: none
}

.lv-category-edit__btn:hover {
    stroke: #777
}

.lv-category-edit:hover .lv-category-edit__btn {
    opacity: 1
}

.lv-category-edit__editor {
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    display: none;
    align-items: center;
    height: 30px;
    background: #fafbfc;
    letter-spacing: 1px
}

.lv-category-edit__popover {
    color: #A2C44A;
    font-size: 24px;
    font-weight: 300;
    padding: 0 10px 0 0
}

@supports (--theme-main-color: $color-purple) {
    .lv-category-edit__popover {
        color:var(--theme-main-color)
    }
}

.lv-category-edit__input {
    color: #A2C44A;
    font-size: 16px;
    font-weight: 400;
    line-height: 1;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    background: #fafbfc;
    letter-spacing: 1px;
    padding-top: 4px;
    border: 0;
    z-index: 1;
    margin-left: -1px
}

@supports (--theme-main-color: $color-purple) {
    .lv-category-edit__input {
        color:var(--theme-main-color)
    }
}

.dark-theme .lv-category-edit__input {
    background: #1e272e
}

.lv-category-edit__input:focus {
    background: #fafbfc;
    box-shadow: none
}

.dark-theme .lv-category-edit__input:focus {
    background: #1e272e
}

.lv-category-edit_editing .lv-category-edit__editor {
    display: flex;
    height: 19px;
    position: relative
}

.lv-category-edit_editing .lv-category-edit__btn,.lv-category-edit_editing .lv-category-edit__name {
    display: none
}

.lv-category-edit_error .lv-category-edit__input {
    color: #d16464
}

.lv-category-edit.lv-category-edit_subcategory {
    height: 30px
}

.lv-category-edit.lv-category-edit_subcategory .lv-category-edit__name,.lv-category-edit.lv-category-edit_subcategory .lv-category-edit__input,.lv-category-edit.lv-category-edit_subcategory .lv-category-edit__popover {
    font-size: 16px;
    font-weight: 400;
    padding: 3px 0 0
}

.lv-category-edit.lv-category-edit_subcategory .lv-category-edit__popover {
    padding: 3px 10px 0 0
}

.lv-category-edit.lv-category-edit_subcategory .lv-category-edit__editor {
    height: 24px
}

.lv-category-edit.lv-category-edit_subcategory .lv-category-edit__btn {
    width: 11px;
    height: 11px;
    margin: 0 0 0 8px
}

.lv-category-edit.lv-category-edit_subcategory.lv-category-edit_editing {
    padding: 0
}

.lv-subcategory {
    margin-top: 10px;
    margin-bottom: 15px;
    position: sticky;
    left: 0;
    padding: 0 40px;
    z-index: 1
}

@media print {
    .lv-subcategory {
        margin-top: 5px;
        margin-bottom: 0
    }
}

.lv-task-add+.lv-subcategory,.lv-task+.lv-subcategory {
    margin-top: 25px
}

.lv-subcategory__input {
    position: relative;
    top: -17px;
    left: 2px
}

.lv-subcategory__input input[type=text]:focus {
    background: none!important;
    background-color: transparent;
    box-shadow: none
}

.lv-subcategory__input-edit {
    font-size: 16px;
    font-weight: 400;
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    border: 0;
    outline: none;
    box-shadow: none;
    background-color: transparent;
    padding: 6px 11px 5px 3px;
    margin: -5px 0 0 -7px;
    color: #343434;
    width: 100%
}

.lv-subcategory__input-category-error {
    color: #fd7368
}

.lv-subcategory__tools-icon-edit {
    width: 12px;
    height: 12px;
    cursor: pointer;
    visibility: hidden;
    display: inline-flex;
    margin: 0 0 0 5px;
    background: transparent
}

.lv-subcategory__tools-icon-edit.hidden {
    visibility: hidden
}

.lv-subcategory__tools-icon-edit use {
    stroke: #cbc9d0
}

.lv-subcategory__title-block .lv-subcategory__title-title {
    font-size: 16px;
    font-weight: 400;
    color: #343434;
    float: left
}

.lv-subcategory__title-block .lv-subcategory__title-title.hidden {
    visibility: hidden
}

.lv-subcategory__title-block:hover .lv-subcategory__tools-icon-edit {
    visibility: visible
}

.lv-subcategory_simple-statuses {
    margin-bottom: 5px
}

.lv-category.lv-category_add .lv-category__input {
    font-size: 16px;
    font-weight: 400;
    color: #343434;
    flex-grow: 1;
    top: 0;
    background-color: transparent;
    box-shadow: none;
    border: 0
}

.lv-category.lv-category_add .lv-category__input::placeholder {
    font-size: 14px;
    font-weight: 300;
    line-height: 21px;
    opacity: .4
}

.lv-category.lv-category_add .lv-category__input:hover {
    color: #343434
}

.lv-category.lv-category_add .lv-category__input:focus {
    outline: none
}

.lv-new-task-btn {
    flex-shrink: 0;
    display: inline-flex;
    align-items: center;
    height: 24px;
    margin: 0 0 0 15px;
    padding: 2px 10px 0;
    color: #c2c2c2;
    border: 0;
    border-radius: 3px;
    transition: .1s
}

.contrast_high .lv-new-task-btn {
    color: #858585
}

.lv-new-task-btn+.lv-new-task-btn:before {
    content: "|";
    color: #c2c2c2;
    position: absolute;
    margin-left: -18px
}

.contrast_high .lv-new-task-btn+.lv-new-task-btn:before {
    color: #858585
}

.lv-new-task-btn__icon {
    font-size: 11px;
    font-weight: 400;
    line-height: 1;
    flex-shrink: 0;
    margin: 0 4px 0 0;
    color: inherit
}

.lv-new-task-btn__icon_share {
    width: 15px;
    height: 15px;
    fill: #c2c2c2
}

.contrast_high .lv-new-task-btn__icon_share {
    fill: #858585
}

.lv-new-task-btn__text {
    font-size: 11px;
    font-weight: 400;
    line-height: 1;
    text-transform: uppercase;
    color: inherit
}

.lv-new-task-btn:hover {
    color: #fff;
    background: #c2c2c2
}

.lv-new-task-btn:hover .lv-new-task-btn__icon_share {
    fill: #fff
}

.lv-status {
    margin: 15px 0 0;
    padding: 0 40px;
    min-width: 100%
}

@media print {
    .lv-status {
        margin-top: 0
    }
}

.lv-status__toggle {
    position: absolute;
    left: -29px;
    top: 0;
    width: 30px;
    height: 100%;
    cursor: pointer
}

.lv-status__header {
    position: relative;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    height: 28px
}

.lv-status__header:hover .lv-status__toggle-marker {
    display: block
}

.lv-status__toggle-marker {
    display: none;
    position: absolute;
    bottom: 2px;
    left: 0;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    border: 1px solid #dbdbdb;
    background: #fff
}

.contrast_high .lv-status__toggle-marker {
    border: 1px solid #dedede
}

.dark-theme .lv-status__toggle-marker {
    border: 1px solid #2b343b;
    background: #384047
}

.lv-status__toggle-marker:after {
    content: "";
    display: block;
    position: absolute;
    background: #A2C44A;
    opacity: 0;
    top: 2px;
    left: 2px;
    width: 10px;
    height: 10px;
    border-radius: 50%
}

@supports (--theme-main-color: $color-purple) {
    .lv-status__toggle-marker:after {
        background:var(--theme-main-color)
    }
}

.lv-status__label {
    height: 24px;
    transform: translateY(6px)
}

.lv-status__label-content {
    display: inline-flex;
    align-items: center;
    height: 19px;
    padding: 0 8px;
    border-radius: 4px 4px 0 0;
    font-size: 11px;
    color: #fff;
    text-transform: uppercase;
    white-space: nowrap
}

.lv-status__label-content_light {
    color: #abaeb0;
    box-shadow: 0 0 1px #0006 inset
}

.dark-theme .lv-status__label-content_light {
    color: #828588
}

.lv-status__label-content_open {
    color: #fff
}

.dark-theme .lv-status__label-content_open {
    color: #828588
}

.lv-status__body {
    position: relative
}

.lv-status_is-task-closed {
    animation-name: bounceOutRight;
    animation-duration: 1.4s;
    animation-fill-mode: both;
    pointer-events: none
}

.lv-status_is-task-status-edit {
    animation-name: fadeOut;
    animation-duration: .2s;
    animation-fill-mode: both;
    pointer-events: none
}

.lv-status_is-task-float-top {
    animation-name: slideOutUp;
    animation-duration: .4s;
    animation-fill-mode: both;
    z-index: -1;
    pointer-events: none
}

.lv-status_is-task-float-bottom {
    animation-name: slideOutDown;
    animation-duration: .4s;
    animation-fill-mode: both;
    pointer-events: none
}

.lv-status_simple-project {
    margin-top: 0
}

.lv-status.lv-status_selected .lv-status__toggle-marker {
    display: block
}

.lv-status.lv-status_selected .lv-status__toggle-marker:after {
    opacity: 1
}

.lv-status.lv-status_touched .lv-status__toggle-marker {
    display: block
}

.lv-status.lv-status_touched .lv-status__toggle-marker:after {
    opacity: 1;
    background: #e4e4e4
}

.lv-header {
    position: relative;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    padding: 0 40px
}

.lv-date-group {
    padding: 0 40px;
    position: relative;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    min-height: 44px
}

.lv-date-group__label {
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    padding: 12px 0 8px;
    position: absolute
}

.lv-date-group__label-overdue {
    color: #fb926a
}

.lv-date-group__toggle {
    position: absolute;
    left: 11px;
    top: 0;
    width: 30px;
    height: 100%;
    cursor: pointer
}

.lv-date-group:hover .lv-date-group__toggle-marker {
    display: block
}

.lv-date-group__toggle-marker {
    display: none;
    position: absolute;
    top: 15px;
    left: 0;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    border: 1px solid #dbdbdb;
    background: #fff
}

.dark-theme .lv-date-group__toggle-marker {
    border: 1px solid #2b343b;
    background: #384047
}

.lv-date-group__toggle-marker:after {
    content: "";
    display: block;
    position: absolute;
    background: #A2C44A;
    opacity: 0;
    top: 2px;
    left: 2px;
    width: 10px;
    height: 10px;
    border-radius: 50%
}

@supports (--theme-main-color: $color-purple) {
    .lv-date-group__toggle-marker:after {
        background:var(--theme-main-color)
    }
}

.lv-date-group.lv-date-group_selected .lv-date-group__toggle-marker {
    display: block
}

.lv-date-group.lv-date-group_selected .lv-date-group__toggle-marker:after {
    opacity: 1
}

.lv-priority-group {
    position: relative;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    padding: 0 40px;
    min-height: 44px
}

.lv-priority-group__label {
    font-size: 12px;
    font-weight: 500;
    line-height: 24px;
    padding: 12px 0 2px;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    position: absolute
}

.lv-priority-group__icon {
    width: 16px;
    height: 16px;
    margin-right: 8px
}

.lv-priority-group__toggle {
    position: absolute;
    left: 11px;
    top: 6px;
    width: 30px;
    height: 100%;
    cursor: pointer
}

.lv-priority-group:hover .lv-priority-group__toggle-marker {
    display: block
}

.lv-priority-group__toggle-marker {
    display: none;
    position: absolute;
    top: 15px;
    left: 0;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    border: 1px solid #dbdbdb;
    background: #fff
}

.dark-theme .lv-priority-group__toggle-marker {
    border: 1px solid #2b343b;
    background: #384047
}

.lv-priority-group__toggle-marker:after {
    content: "";
    display: block;
    position: absolute;
    background: #A2C44A;
    opacity: 0;
    top: 2px;
    left: 2px;
    width: 10px;
    height: 10px;
    border-radius: 50%
}

@supports (--theme-main-color: $color-purple) {
    .lv-priority-group__toggle-marker:after {
        background:var(--theme-main-color)
    }
}

.lv-priority-group.lv-priority-group_selected .lv-priority-group__toggle-marker {
    display: block
}

.lv-priority-group.lv-priority-group_selected .lv-priority-group__toggle-marker:after {
    opacity: 1
}

.lv-assignee-group {
    position: relative;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    padding: 0 40px;
    min-height: 44px
}

.lv-assignee-group__label {
    font-size: 12px;
    font-weight: 500;
    line-height: 24px;
    padding: 12px 0 8px;
    display: flex;
    align-items: center;
    position: absolute
}

.dark-theme .lv-assignee-group__label {
    color: #abaeb0
}

.lv-assignee-group__label .cu-avatar {
    width: 28px;
    height: 28px
}

.lv-assignee-group__user {
    margin-right: 8px
}

.lv-assignee-group__icon {
    width: 24px;
    height: 24px;
    margin-right: 8px
}

.lv-assignee-group__toggle {
    position: absolute;
    left: 11px;
    top: 0;
    width: 30px;
    height: 100%;
    cursor: pointer
}

.lv-assignee-group:hover .lv-assignee-group__toggle-marker {
    display: block
}

.lv-assignee-group__toggle-marker {
    display: none;
    position: absolute;
    top: 15px;
    left: 0;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    border: 1px solid #dbdbdb;
    background: #fff
}

.dark-theme .lv-assignee-group__toggle-marker {
    border: 1px solid #2b343b;
    background: #384047
}

.lv-assignee-group__toggle-marker:after {
    content: "";
    display: block;
    position: absolute;
    background: #A2C44A;
    opacity: 0;
    top: 2px;
    left: 2px;
    width: 10px;
    height: 10px;
    border-radius: 50%
}

@supports (--theme-main-color: $color-purple) {
    .lv-assignee-group__toggle-marker:after {
        background:var(--theme-main-color)
    }
}

.lv-assignee-group.lv-assignee-group_selected .lv-assignee-group__toggle-marker {
    display: block
}

.lv-assignee-group.lv-assignee-group_selected .lv-assignee-group__toggle-marker:after {
    opacity: 1
}

.lv-task {
    position: relative;
    display: inline-flex;
    align-items: center;
    padding: 0 40px;
    min-width: 100%
}

.lv-task__container {
    background: #fff;
    border: 1px solid #fff;
    box-shadow: 0 0 10px #0000000d;
    padding: 4px 15px 4px 0;
    position: relative;
    width: 100%
}

.contrast_high .lv-task__container {
    box-shadow: 0 0 10px #00000026
}

.dark-theme .lv-task__container {
    background: #2b343b;
    border: 1px solid #2b343b
}

.lv-task__container .cu-stroke-dasharray {
    display: none
}

.lv-task:first-child .lv-task__container {
    border-radius: 5px 5px 0 0
}

.lv-task:last-child .lv-task__container {
    border-radius: 0 0 5px 5px
}

.lv-task:only-of-type .lv-task__container {
    border-radius: 5px
}

.lv-task__archived-icon {
    width: 16px;
    height: 16px;
    margin-right: 8px;
    margin-top: 1px
}

.lv-task__subtask-icon {
    width: 12px;
    height: 12px;
    margin-right: 10px;
    margin-bottom: -1px;
    display: none
}

.lv-task__subtask-icon:hover .cu-fill {
    fill: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .lv-task__subtask-icon:hover .cu-fill {
        fill:var(--theme-main-color)
    }
}

.contrast_high .lv-task__subtask-icon:hover .cu-fill {
    fill: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .contrast_high .lv-task__subtask-icon:hover .cu-fill {
        fill:var(--theme-main-color)
    }
}

.lv-task__subtask-icon:hover .cu-stroke {
    stroke: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .lv-task__subtask-icon:hover .cu-stroke {
        stroke:var(--theme-main-color)
    }
}

.contrast_high .lv-task__subtask-icon:hover .cu-stroke {
    stroke: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .contrast_high .lv-task__subtask-icon:hover .cu-stroke {
        stroke:var(--theme-main-color)
    }
}

.lv-task__subtask-icon .cu-fill {
    fill: #cbc9cf
}

.contrast_high .lv-task__subtask-icon .cu-fill {
    fill: #979797
}

.lv-task__subtask-icon .cu-stroke {
    stroke: #cbc9cf
}

.contrast_high .lv-task__subtask-icon .cu-stroke {
    stroke: #979797
}

.lv-task__edit-icon {
    width: 13px;
    height: 13px;
    margin-right: 10px;
    margin-top: -2px;
    display: none
}

.lv-task__edit-icon:hover .cu-stroke {
    stroke: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .lv-task__edit-icon:hover .cu-stroke {
        stroke:var(--theme-main-color)
    }
}

.contrast_high .lv-task__edit-icon:hover .cu-stroke {
    stroke: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .contrast_high .lv-task__edit-icon:hover .cu-stroke {
        stroke:var(--theme-main-color)
    }
}

.lv-task__edit-icon .cu-stroke {
    stroke: #cbc9cf
}

.contrast_high .lv-task__edit-icon .cu-stroke {
    stroke: #979797
}

.lv-task__private-icon {
    margin-right: 4px;
    display: inline-flex;
    width: 10px;
    height: 11px;
    fill: #343434;
    stroke: #343434
}

.dark-theme .lv-task__private-icon {
    fill: #d5d6d7;
    stroke: #d5d6d7
}

.dark-theme .cu-dashboard-time__content .lv-task__private-icon {
    fill: #979797;
    stroke: #979797
}

.lv-task:hover .lv-task__subtask-icon,.lv-task:hover .lv-task__edit-icon,.lv-task_hover .lv-task__subtask-icon,.lv-task_hover .lv-task__edit-icon {
    display: inline-flex
}

.lv-task__dependency-icon {
    display: inline-flex;
    width: 10px;
    height: 10px;
    margin-top: -3px;
    cursor: pointer
}

.lv-task__dependency-icon.no-permission,.lv-task__dependency-icon.archived-icon {
    cursor: default
}

.cu-panel-board__title-container .lv-task__dependency-icon {
    margin-top: 1px
}

.lv-task__title-link .lv-task__dependency-icon {
    display: inline-block;
    margin-right: 5px
}

.cu-panel-board__clickable .lv-task__dependency-icon {
    display: inline-block;
    margin-right: 2px
}

.lv-status_has-add .lv-task:last-child {
    border-radius: 0
}

.lv-status_has-add .lv-task:only-of-type {
    border-radius: 5px 5px 0 0
}

.lv-task__inner {
    flex-grow: 1;
    display: flex;
    align-items: center
}

.lv-task__toggle {
    position: absolute;
    left: -30px;
    top: 0;
    width: 30px;
    height: 100%;
    cursor: pointer
}

.lv-task__toggle_cursor-default {
    cursor: default
}

.lv-task__toggle-marker {
    border-color: #A2C44A;
    display: none;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    width: 16px;
    height: 16px;
    border-radius: 50%;
    border: 1px solid;
    background: #fff
}

@supports (--theme-main-color: $color-purple) {
    .lv-task__toggle-marker {
        border-color:var(--theme-main-color)
    }
}

.dark-theme .lv-task__toggle-marker {
    background: #384047
}

.lv-task__toggle-marker:after {
    content: "";
    display: block;
    position: absolute;
    background: #A2C44A;
    opacity: 0;
    top: 2px;
    left: 2px;
    width: 10px;
    height: 10px;
    border-radius: 50%
}

@supports (--theme-main-color: $color-purple) {
    .lv-task__toggle-marker:after {
        background:var(--theme-main-color)
    }
}

.lv-task__status {
    position: relative;
    width: 14px;
    height: 14px;
    border-radius: 3px;
    border: 1px solid transparent;
    transition: .1s;
    cursor: pointer;
    color: transparent;
    margin-top: 1px
}

.lv-task__status:after {
    content: "";
    display: block;
    position: absolute;
    top: 2px;
    left: 2px;
    width: 8px;
    height: 8px;
    border-radius: 2px;
    background: currentColor;
    transition: .1s
}

.lv-task:hover .lv-task__status,.cu-dropdown.cu-dropdown_open .lv-task__status,.lv-task__status:hover {
    border: 1px solid currentColor
}

.lv-task__status-container {
    position: relative;
    margin: -2px 15px 0 0;
    width: 14px;
    height: 14px
}

.lv-task__status-container.lv-task__status-custom-type .lv-task__status {
    transform: rotate(45deg)
}

.lv-task__status-container.lv-task__status-custom-type .lv-task__status:after {
    width: 10px;
    height: 10px;
    top: 1px;
    left: 1px
}

.lv-task:hover .lv-task__status_light,.cu-dropdown.cu-dropdown_open .lv-task__status_light,.lv-task__status_light:hover {
    border: 1px solid #d3d3d3
}

.lv-task__status_light:after {
    box-shadow: 0 0 1px #828588
}

.lv-task:hover .lv-task__status_light_dropdown,.cu-dropdown.cu-dropdown_open .lv-task__status_light_dropdown,.lv-task__status_light_dropdown:hover {
    box-shadow: 0 0 1px #828588
}

.lv-task:hover .lv-task__status_light_dropdown .status-list__status,.cu-dropdown.cu-dropdown_open .lv-task__status_light_dropdown .status-list__status,.lv-task__status_light_dropdown:hover .status-list__status {
    color: #bbb!important
}

.lv-task__status_light_dropdown:not(:hover):after {
    box-shadow: 0 0 1px #828588
}

.lv-task__done-btn {
    flex-shrink: 0;
    margin: 0 5px 0 0;
    width: 23px;
    height: 30px;
    padding: 3px 7px 7px 0;
    stroke: #cecfe080;
    stroke-width: 2px;
    cursor: pointer;
    transition: .1s
}

.lv-task__done-btn:hover,.lv-task__done-btn_active {
    stroke: #67cb48
}

.lv-task__title {
    display: flex;
    align-items: center;
    padding: 0 45px 0 0;
    transition: .1s;
    flex-grow: 1;
    position: relative;
    min-width: 300px
}

@media print {
    .lv-task__title {
        padding: 0
    }
}

.lv-task__title-container {
    display: flex;
    flex-direction: column;
    flex-grow: 1
}

.lv-task__title-not-clickable {
    pointer-events: none
}

.lv-task__title-parent-name {
    font-size: 11px;
    font-weight: 400;
    line-height: 1;
    color: #4a4a4a;
    margin-top: 6px
}

.dark-theme .lv-task__title-parent-name {
    color: #828588
}

.lv-task__title-link {
    font-size: 0;
    line-height: 12px;
    padding: 3px 0;
    cursor: pointer;
    flex-grow: 1;
    min-width: 100px
}

.gu-unselectable .lv-task__title-link {
    pointer-events: none
}

.lv-task__title-link .cu-tags-view__container-list.multi-list .cu-tags-view__icon {
    margin-top: -3px
}

.lv-task__title-link .cu-tags-view__container-list .cu-tags-view__icon {
    position: absolute;
    width: 20px;
    height: 20px;
    margin-top: -1px
}

.lv-task__title-link-text {
    word-break: break-word;
    overflow-wrap: break-word;
    word-wrap: break-word;
    -webkit-hyphens: auto;
    hyphens: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.3;
    color: #343434;
    margin-right: 10px
}

@media print {
    .lv-task__title-link-text {
        font-size: 10px!important
    }
}

.dark-theme .lv-task__title-link-text {
    color: #d5d6d7
}

.lv-task__title-link-text-subtask {
    font-size: 15px;
    font-weight: 400;
    line-height: 18px
}

.lv-task__title-link-subtask {
    font-size: 13px;
    font-weight: 300;
    line-height: 1;
    display: block;
    color: #34343480
}

.lv-task__title-breadcrumbs {
    font-size: 11px;
    font-weight: 300;
    width: 100%;
    padding: 6px 0 0
}

.lv-task__title-breadcrumbs ul {
    list-style: none
}

.lv-task__title-breadcrumbs ul li {
    display: inline;
    color: #34343480;
    font-weight: 400
}

.dark-theme .lv-task__title-breadcrumbs ul li {
    color: #828588
}

.lv-task__title-breadcrumbs ul li .lv-task__title-breadcrumbs-chevron {
    display: none
}

.lv-task__title-breadcrumbs ul li+li .lv-task__title-breadcrumbs-chevron {
    width: 17px;
    height: 7px;
    margin-left: 1px;
    display: inline-block
}

.lv-task__title-breadcrumbs ul li+li .lv-task__title-breadcrumbs-chevron use {
    fill: #34343466
}

.dark-theme .lv-task__title-breadcrumbs ul li+li .lv-task__title-breadcrumbs-chevron use {
    fill: #828588
}

.lv-task .cu-tags-view__container-list .cu-tags-view__icon {
    margin-left: 0
}

.lv-task__attachments {
    display: inline-block;
    width: 14px;
    height: 14px;
    margin: 0 10px -1px 0;
    fill: #cccdde
}

.contrast_high .lv-task__attachments {
    fill: #979797
}

.lv-task__content {
    display: inline-block;
    width: 14px;
    height: 14px;
    margin: 0 10px -2px 0;
    stroke: #cccdde
}

.contrast_high .lv-task__content {
    stroke: #979797
}

.lv-task__comments {
    flex-shrink: 0;
    width: 18px;
    height: 18px;
    margin: 0 -20px 0 10px;
    -webkit-user-select: none;
    user-select: none
}

.lv-task__comments use {
    fill: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .lv-task__comments use {
        fill:var(--theme-main-color)
    }
}

.lv-task__my-subtasks {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #A2C44A;
    font-size: 10px;
    font-weight: 400;
    min-width: 16px;
    height: 16px;
    margin: 1px 5px 0;
    padding: 4px 5px 0;
    border-radius: 3px;
    color: #fff;
    box-shadow: 0 0 10px #a875fe66;
    -webkit-user-select: none;
    user-select: none
}

@supports (--theme-main-color: $color-purple) {
    .lv-task__my-subtasks {
        background:var(--theme-main-color)
    }
}

.lv-task__subtasks {
    flex-shrink: 0;
    display: inline-block;
    -webkit-user-select: none;
    user-select: none;
    margin: 1px 20px 0 5px
}

.lv-task__subtasks-block {
    display: flex;
    align-items: center;
    -webkit-user-select: none;
    user-select: none
}

.lv-task__subtasks-icon {
    flex-shrink: 0;
    width: 13px;
    height: 13px;
    margin: 0 5px 0 0
}

.lv-task__subtasks-counter {
    font-size: 11px;
    font-weight: 400;
    color: #cecfe0;
    padding: 3px 0 0
}

.lv-task__subtasks_board {
    margin: 0;
    display: flex
}

.lv-task__id {
    font-size: 12px;
    font-weight: 400;
    flex-shrink: 0;
    width: 73px;
    color: #34343480;
    padding: 0 0 0 5px;
    margin: 0 20px 0 0;
    display: flex
}

.lv-task__id span {
    height: 20px;
    display: flex;
    align-items: center;
    color: #343434
}

.dark-theme .lv-task__id span {
    color: #abaeb0
}

.lv-task__id-body {
    display: inline-block;
    cursor: pointer
}

.lv-task__status-col {
    align-self: stretch;
    display: flex;
    align-items: center;
    cursor: pointer
}

.lv-task__status-col-item {
    font-size: 11px;
    font-weight: 500;
    line-height: 1;
    flex-shrink: 0;
    width: 85px;
    margin: 0 20px 0 0;
    padding-left: 4px;
    text-transform: uppercase;
    text-overflow: ellipsis;
    overflow: hidden
}

.lv-task__status-col cu-status-list,.lv-task__status-col .cu-dropdown {
    height: 100%
}

.lv-task__status-col .cu-dropdown__toggle {
    height: 100%;
    display: flex;
    align-items: center
}

.lv-task__updated {
    font-size: 13px;
    font-weight: 400;
    flex-shrink: 0;
    width: 73px;
    color: #34343480;
    padding: 0 0 0 5px;
    margin: 0 20px 0 0
}

@media print {
    .lv-task__updated {
        width: 50px
    }
}

.lv-task__updated-body {
    display: inline-block
}

.lv-task__updated .due-date__info-value {
    cursor: default
}

.lv-task__due-date,.lv-task__start-date {
    flex-shrink: 0;
    width: 120px;
    padding: 0 10px;
    margin: 0
}

@media print {
    .lv-task__due-date,.lv-task__start-date {
        width: 80px
    }
}

.lv-task__due-date_disabled .cu-user-group .cu-user-group__item.cu-user-group__item_due-date:hover .cu-fill,.lv-task__start-date_disabled .cu-user-group .cu-user-group__item.cu-user-group__item_due-date:hover .cu-fill {
    fill: #cbc9cf
}

.contrast_high .lv-task__due-date_disabled .cu-user-group .cu-user-group__item.cu-user-group__item_due-date:hover .cu-fill,.dark-theme .lv-task__due-date_disabled .cu-user-group .cu-user-group__item.cu-user-group__item_due-date:hover .cu-fill,.contrast_high .lv-task__start-date_disabled .cu-user-group .cu-user-group__item.cu-user-group__item_due-date:hover .cu-fill,.dark-theme .lv-task__start-date_disabled .cu-user-group .cu-user-group__item.cu-user-group__item_due-date:hover .cu-fill {
    fill: #979797
}

.lv-task__due-date_disabled .cu-user-group .cu-user-group__item.cu-user-group__item_due-date:hover .cu-stroke,.lv-task__start-date_disabled .cu-user-group .cu-user-group__item.cu-user-group__item_due-date:hover .cu-stroke {
    stroke: #cbc9cf
}

.contrast_high .lv-task__due-date_disabled .cu-user-group .cu-user-group__item.cu-user-group__item_due-date:hover .cu-stroke,.dark-theme .lv-task__due-date_disabled .cu-user-group .cu-user-group__item.cu-user-group__item_due-date:hover .cu-stroke,.contrast_high .lv-task__start-date_disabled .cu-user-group .cu-user-group__item.cu-user-group__item_due-date:hover .cu-stroke,.dark-theme .lv-task__start-date_disabled .cu-user-group .cu-user-group__item.cu-user-group__item_due-date:hover .cu-stroke {
    stroke: #979797
}

.lv-task__due-date_disabled *,.lv-task__start-date_disabled * {
    cursor: default!important
}

.lv-task__due-date_satrt-date,.lv-task__start-date_satrt-date {
    width: 120px
}

.lv-task__due-date .cu-task-info__value,.lv-task__start-date .cu-task-info__value {
    font-size: 13px;
    font-weight: 400;
    color: #34343480
}

.lv-task__due-date .cu-task-info__key,.lv-task__start-date .cu-task-info__key {
    display: none
}

.lv-task__due-date .cu-avatar,.lv-task__start-date .cu-avatar {
    cursor: pointer;
    width: 30px!important;
    height: 30px!important;
    background: transparent
}

.lv-task__due-date .cu-avatar svg,.lv-task__start-date .cu-avatar svg {
    width: 30px!important;
    height: 30px!important
}

.lv-task__due-date .cu-user-group__item_due-date,.lv-task__start-date .cu-user-group__item_due-date {
    width: 30px;
    height: 30px
}

.lv-task__due-date .cu-user-group__item_due-date {
    margin-left: 20px
}

.lv-task__due-date_satrt-date .cu-user-group__item_due-date {
    margin-left: 27px
}

.lv-task__start-date {
    width: 100px
}

.lv-task .lv-task__priorities {
    flex-shrink: 0;
    width: 88px;
    padding: 0;
    margin: 0
}

@media print {
    .lv-task .lv-task__priorities {
        width: 60px
    }
}

.lv-task .lv-task__priorities .cu-priorities-view__icon-task-lv:hover {
    border: 0
}

.lv-task .lv-task__priorities_disabled * {
    cursor: default!important
}

.lv-task .lv-task__priorities .cu-priorities-view__icon-select {
    width: 30px!important;
    height: 30px!important
}

.lv-task .lv-task__priorities-body {
    display: inline-block;
    margin-left: 11px
}

.lv-task__assignee {
    flex-shrink: 0;
    width: 100px;
    padding-left: 5px;
    margin-top: -2px
}

@media print {
    .lv-task__assignee {
        width: 70px;
        display: flex;
        justify-content: center
    }
}

.lv-task__assignee .cu-avatar {
    cursor: pointer;
    width: 30px!important;
    height: 30px!important
}

.lv-task__assignee .cu-avatar svg {
    width: 30px!important;
    height: 30px!important
}

.lv-task__assignee .cu-avatar.cu-avatar_lg {
    width: 34px;
    height: 34px
}

.lv-task__assignee .cu-avatar.cu-avatar_lg svg {
    width: 26px!important;
    height: 26px!important
}

.lv-task__assignee .cu-dropdown {
    margin: 0
}

.lv-task__assignee .cu-user-group__item img {
    position: relative
}

.lv-task__assignee .cu-user-group__item:hover .cu-avatar_initials,.lv-task__assignee .cu-user-group__item:hover .cu-avatar_photo {
    position: relative;
    margin: -2px;
    width: 34px!important;
    height: 34px!important;
    z-index: 1;
    font-size: 12px
}

.lv-task__assignee .cu-user-group__item .cu-user-group__more.cu-user-group__more_lg {
    min-width: 30px;
    height: 30px
}

.lv-task__assignee .cu-user-group__remove {
    width: 17px;
    height: 17px
}

.lv-task__timelogged {
    flex-shrink: 0;
    width: 120px;
    padding-left: 5px
}

.lv-task__timelogged_disabled * {
    cursor: default!important
}

.lv-task__timelogged .time-tracking__display-time {
    padding-right: 35px;
    display: flex;
    justify-content: center
}

.lv-task__timelogged .cu-user-group__item_time-tracker {
    margin-left: 10px
}

.lv-task__timelogged .cu-dropdown_open .cu-user-group__item_time-tracker .cu-fill {
    fill: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .lv-task__timelogged .cu-dropdown_open .cu-user-group__item_time-tracker .cu-fill {
        fill:var(--theme-main-color)
    }
}

.lv-task__timelogged .cu-dropdown_open .cu-user-group__item_time-tracker .cu-stroke {
    stroke: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .lv-task__timelogged .cu-dropdown_open .cu-user-group__item_time-tracker .cu-stroke {
        stroke:var(--theme-main-color)
    }
}

.lv-task__column-stub {
    cursor: not-allowed;
    height: 28px
}

.lv-task__column-stub:hover {
    background-color: #3434340d
}

.dark-theme .lv-task__column-stub:hover {
    background: rgba(30,39,46,.5)
}

.lv-task__custom-field {
    width: 150px;
    flex-shrink: 0;
    padding-right: 10px;
    padding-left: 10px;
    display: flex;
    justify-content: center
}

.lv-task__custom-field_dropdown {
    margin: -5px 0;
    align-self: stretch
}

.lv-task__custom-field_dropdown .cu-custom-field,.lv-task__custom-field_dropdown .cu-edit-task-custom-field-value,.lv-task__custom-field_dropdown .cu-custom-fields__header-items-value__dropdown-option {
    height: 100%
}

.lv-task__custom-field .lv-task__column-stub {
    width: 100%
}

.lv-task__time-estimate .icon {
    width: 34px;
    height: 34px;
    cursor: pointer
}

.lv-task__time-estimate .icon .cu-stroke {
    stroke: #cbc9cf
}

.lv-task__time-estimate .icon:hover .cu-stroke {
    stroke: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .lv-task__time-estimate .icon:hover .cu-stroke {
        stroke:var(--theme-main-color)
    }
}

.lv-task__quick-action {
    width: 24px;
    min-width: 24px;
    flex-shrink: 0
}

.lv-task__quick-action-ellipsis {
    width: 24px;
    height: 24px;
    margin-top: -4px;
    padding: 4px;
    cursor: pointer;
    display: none;
    fill: #858585
}

.contrast_high .lv-task__quick-action-ellipsis {
    fill: #979797
}

.dark-theme .lv-task__quick-action-ellipsis {
    fill: #abaeb0
}

.lv-task__quick-action-ellipsis:hover {
    fill: #A2C44A;
    opacity: 1
}

@supports (--theme-main-color: $color-purple) {
    .lv-task__quick-action-ellipsis:hover {
        fill:var(--theme-main-color)
    }
}

.lv-task__quick-action-ellipsis_subtask {
    width: 20px;
    height: 20px;
    padding: 1px
}

.lv-task__quick-action .cu-dropdown_open .lv-task__quick-action-ellipsis {
    fill: #A2C44A;
    display: block;
    opacity: 1
}

@supports (--theme-main-color: $color-purple) {
    .lv-task__quick-action .cu-dropdown_open .lv-task__quick-action-ellipsis {
        fill:var(--theme-main-color)
    }
}

.lv-task__handle {
    position: relative;
    flex-shrink: 0;
    width: 18px;
    padding: 0;
    height: 23px;
    transition: .1s;
    opacity: 0;
    cursor: not-allowed;
    fill: #dbdbdb;
    overflow: hidden;
    display: flex;
    align-items: flex-start;
    margin-top: -2px
}

.dark-theme .lv-task__handle {
    fill: #979797
}

.lv-task__handle svg {
    height: 28px
}

.lv-dragable .lv-task__handle {
    cursor: move
}

.lv-dragable .lv-task__handle_disabled,.lv-task__handle_disabled {
    cursor: not-allowed
}

.lv-task__handle:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.lv-task__mover {
    display: none;
    position: absolute;
    top: 50%;
    left: 10px;
    transform: translateY(-50%);
    height: 44px;
    width: 20px;
    border: 1px solid #dbdbdb;
    border-radius: 20px;
    overflow: hidden
}

.contrast_high .lv-task__mover {
    border: 1px solid #dedede
}

.dark-theme .lv-task__mover {
    border: 1px solid #828588
}

.lv-task_add-active .lv-task__mover {
    display: block
}

.lv-task__mover-container {
    position: absolute;
    top: 0;
    right: -30px;
    height: 100%;
    width: 30px
}

.lv-task__mover-control {
    width: 18px;
    height: 20px;
    padding: 2px;
    cursor: pointer;
    fill: #dbdbdb;
    transition: .1s
}

.contrast_high .lv-task__mover-control {
    fill: #979797
}

.dark-theme .lv-task__mover-control {
    fill: #828588
}

.lv-task__mover-control.hidden {
    visibility: hidden
}

.lv-task__mover-control_active,.lv-task__mover-control:hover {
    fill: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .lv-task__mover-control_active,.lv-task__mover-control:hover {
        fill:var(--theme-main-color)
    }
}

.lv-task__due-date .cu-dropdown.cu-dropdown_top {
    margin-bottom: 0
}

.lv-task__due-date-body {
    width: 100%;
    display: inline-flex;
    margin-left: -10px
}

.lv-task__due-date-body .cu-user-group {
    padding: 0;
    margin-left: 0
}

.lv-task__close {
    visibility: hidden;
    cursor: pointer;
    padding: 4px;
    margin: 8px;
    position: absolute;
    right: 0;
    top: 1px
}

.lv-task__close .icon {
    width: 12px;
    height: 12px;
    stroke: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .lv-task__close .icon {
        stroke:var(--theme-main-color)
    }
}

.lv-task_add-active .lv-task__close {
    visibility: visible
}

.lv-task__enter {
    visibility: hidden;
    padding: 8px;
    margin: 0 47px 0 8px;
    display: flex;
    align-items: center
}

.lv-task__enter-text {
    font-size: 11px;
    font-weight: 400;
    line-height: 1;
    color: #cbc9cf;
    padding-top: 4px;
    visibility: hidden;
    white-space: nowrap
}

.dark-theme .lv-task__enter-text {
    color: #828588
}

.lv-task__enter-button {
    background: #A2C44A;
    width: 38px;
    border-radius: 3px;
    color: #fff;
    margin-left: 5px;
    font-size: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 4px 0;
    text-transform: uppercase;
    cursor: pointer
}

@supports (--theme-main-color: $color-purple) {
    .lv-task__enter-button {
        background:var(--theme-main-color)
    }
}

.dark-theme .lv-task__enter-button {
    color: #2b343b
}

.lv-task__enter-button:hover {
    background: #A2C44A
}

@supports (--theme-main-color-dark: $color-purple-dark) {
    .lv-task__enter-button:hover {
        background:var(--theme-main-color-dark)
    }
}

.lv-task__input:focus+.lv-task__enter:hover {
    cursor: pointer
}

.lv-task__input:focus+.lv-task__enter:hover .lv-task__enter-text {
    color: #A2C44A
}

@supports (--theme-main-color-dark: $color-purple-dark) {
    .lv-task__input:focus+.lv-task__enter:hover .lv-task__enter-text {
        color:var(--theme-main-color-dark)
    }
}

.lv-task__input:focus+.lv-task__enter:hover .lv-task__enter-button {
    background: #A2C44A
}

@supports (--theme-main-color-dark: $color-purple-dark) {
    .lv-task__input:focus+.lv-task__enter:hover .lv-task__enter-button {
        background:var(--theme-main-color-dark)
    }
}

.lv-task__input:focus+.lv-task__enter .lv-task__enter-text {
    visibility: visible
}

.lv-task_add-active .lv-task__enter {
    visibility: visible
}

.lv-task .cu-comment__body {
    max-width: 100%
}

.lv-task:hover .lv-task__quick-action-ellipsis {
    display: block
}

.lv-task_pending {
    opacity: .5
}

.lv-task__recurring.recurring-view .recurring-view__toogle {
    display: none
}

.lv-task__recurring.recurring-view.recurring-view_active .recurring-view__toogle {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    margin-right: 6px
}

.lv-task__recurring-view {
    display: inline-block;
    margin: -1px 0 0;
    vertical-align: top
}

.lv-task__checklists {
    display: inline-block;
    margin: 0 10px 0 0;
    flex-shrink: 0
}

.lv-task__link {
    color: #c2c2c2;
    margin: 12px 0 0 23px;
    cursor: pointer;
    display: inline-block
}

.lv-task__link:hover .lv-task__link-icon,.lv-task__link:hover .lv-task__link-text {
    color: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .lv-task__link:hover .lv-task__link-icon,.lv-task__link:hover .lv-task__link-text {
        color:var(--theme-main-color)
    }
}

.lv-task__link-icon {
    transition: all .2s cubic-bezier(.785,.135,.15,.86) 0s;
    font-size: 14px;
    font-weight: 400;
    line-height: 14px;
    margin: 0 6px 0 0;
    color: inherit
}

.lv-task__link-text {
    transition: all .2s cubic-bezier(.785,.135,.15,.86) 0s;
    font-size: 13px;
    font-weight: 400;
    line-height: 1;
    color: inherit
}

.lv-task-add {
    position: sticky;
    left: 0;
    padding: 0 40px
}

.lv-task:hover .lv-task__toggle-marker {
    display: block
}

.lv-task:hover .lv-task__handle {
    opacity: 1
}

.lv-dragable .lv-task:hover .lv-task__mover {
    display: block
}

.lv-task.lv-task_selected .lv-task__container {
    border-color: #A2C44A;
    border: 1px solid;
    border-radius: 5px
}

@supports (--theme-main-color: $color-purple) {
    .lv-task.lv-task_selected .lv-task__container {
        border-color:var(--theme-main-color)
    }
}

.lv-task.lv-task_overdue .lv-task__container {
    border: 0;
    border-left: 2px solid #fb926a;
    border-radius: 5px;
    background-color: #fff9f6;
    border-bottom-left-radius: 0!important;
    border-top-left-radius: 0!important;
    padding: 3px 16px 1px 0
}

.dark-theme .lv-task.lv-task_overdue .lv-task__container {
    background: #384047
}

.lv-task.lv-task_overdue.lv-task.lv-task_selected .lv-task__container {
    border: 1px solid #A2C44A!important;
    padding: 2px 15px 0 1px;
    border-radius: 5px!important
}

@supports (--theme-main-color: $color-purple) {
    .lv-task.lv-task_overdue.lv-task.lv-task_selected .lv-task__container {
        border:1px solid var(--theme-main-color)!important
    }
}

.lv-task.lv-task_overdue.lv-task.lv-task_selected .lv-task__handle {
    width: 17px
}

.lv-task.lv-task_overdue.lv-task_selected+.lv-task.lv-task_selected .lv-task__container {
    margin-top: -3px;
    border-top: 0!important;
    border-radius: 0 0 5px 5px!important;
    padding-top: 12px
}

.lv-task.lv-task_overdue .lv-task__handle {
    width: 17px
}

.lv-task.lv-task_overdue .due-date_row .due-date__info span.due-date__info-value {
    padding-top: 2px
}

.lv-task.lv-task_overdue .due-date_row .due-date__info span.due-date__info-value span {
    border-bottom: 0;
    padding-top: 0
}

.lv-task.lv-task_overdue .due-date_row:hover .due-date__info span.due-date__info-value {
    border-bottom: 1px dashed rgba(52,52,52,.5);
    padding-top: 2px
}

.lv-task.lv-task_overdue .due-date_row:hover .due-date__info span.due-date__info-value span {
    border-bottom: 0;
    padding-top: 0
}

.lv-task.lv-task_overdue .cu-avatar.cu-avatar_bordered {
    border-color: #fff9f6
}

.lv-task__toggle--selected .lv-task__toggle-marker {
    display: block
}

.lv-task__toggle--selected .lv-task__toggle-marker:after {
    opacity: 1
}

.lv-task.lv-task_selected+.lv-task.lv-task_selected .lv-task__container {
    margin-top: -3px;
    border-top: 1px solid transparent;
    border-radius: 0 0 5px 5px;
    padding-top: 6px;
    padding-bottom: 1px
}

.lv-task.lv-task_add {
    border: 1px solid #fafbfc;
    border-radius: 0 0 5px 5px;
    padding: 2px 40px 2px 18px;
    background: #fff;
    width: 100%;
    box-shadow: 0 0 10px #0000000d
}

.contrast_high .lv-task.lv-task_add {
    box-shadow: 0 0 10px #00000026
}

.dark-theme .lv-task.lv-task_add {
    border: 1px solid #2b343b;
    background: #384047;
    border-color: #384047
}

.lv-task.lv-task_add.lv-task_add-empty {
    border-radius: 5px;
    margin-top: 15px
}

.lv-task.lv-task_add.lv-task_add-active {
    border-color: #A2C44A;
    border-radius: 5px;
    background: #fff
}

@supports (--theme-main-color: $color-purple) {
    .lv-task.lv-task_add.lv-task_add-active {
        border-color:var(--theme-main-color)
    }
}

.dark-theme .lv-task.lv-task_add.lv-task_add-active {
    background: #2b343b
}

.lv-task.lv-task_add .lv-task__status {
    cursor: default;
    opacity: .3
}

.lv-task.lv-task_add .lv-task__input {
    font-weight: 400;
    font-size: 14px;
    line-height: 1.3;
    cursor: text;
    color: #343434;
    flex-grow: 1;
    background: transparent;
    box-shadow: none;
    border: 0
}

.dark-theme .lv-task.lv-task_add .lv-task__input {
    color: #d5d6d7
}

.lv-task.lv-task_add .lv-task__input::placeholder {
    font-weight: 400;
    font-size: 14px;
    line-height: 21px;
    opacity: .4
}

.lv-task.lv-task_add .lv-task__input:hover {
    color: #343434
}

.dark-theme .lv-task.lv-task_add .lv-task__input:hover {
    color: #d5d6d7
}

.lv-task.lv-task_add .lv-task__input:focus {
    outline: none
}

.lv-task.lv-task_add .lv-task__input-container {
    display: flex;
    flex-grow: 1
}

.lv-task.lv-task_add .lv-task__priorities {
    padding-left: 16px
}

.lv-task.lv-task_add:hover .lv-task__status,.lv-task__status:hover {
    border: 1px solid transparent
}

.lv-task-subtasks {
    display: inline-block;
    margin: 0 0 0 5px
}

.lv-task-subtasks-block {
    display: inline-block;
    margin: -2px 10px 0 -5px;
    vertical-align: super
}

.lv-task-subtasks-inside-block {
    display: flex;
    align-items: center
}

.lv-task-subtasks__item {
    display: inline-flex;
    align-items: flex-start;
    position: relative;
    margin-right: 5px;
    margin-bottom: 3px
}

.lv-task-subtasks__item:last-child {
    margin-right: 0
}

.lv-task-subtasks__item-icon {
    font-size: 10px;
    font-weight: 400;
    line-height: 1;
    flex-shrink: 0;
    margin: 0;
    min-width: 16px;
    height: 16px;
    border-radius: 3px;
    background: currentColor;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 4px;
    text-transform: uppercase
}

@-moz-document url-prefix() {
    .lv-task-subtasks__item-icon {
        padding-bottom: 2px
    }
}

.lv-task-subtasks_simple .lv-task-subtasks__item-icon {
    color: #343434;
    background: #fff;
    border: 1px solid #ccc
}

.dark-theme .lv-task-subtasks__item-icon_open {
    color: #525557!important
}

.lv-task-subtasks__item-icon_light {
    box-shadow: 0 0 1px #828588;
    color: #0006!important
}

.lv-task-subtasks__item-counter {
    font-size: 11px;
    font-weight: 400;
    padding: 3px 0 0;
    color: #34343480
}

.lv-task-subtasks__item-dot {
    background-color: #A2C44A;
    position: absolute;
    height: 8px;
    width: 8px;
    right: -3px;
    margin-top: -3px;
    border: 1px solid #fff;
    border-radius: 50%
}

@supports (--theme-main-color: $color-purple) {
    .lv-task-subtasks__item-dot {
        background-color:var(--theme-main-color)
    }
}

.dark-theme .lv-task-subtasks__item-dot {
    border: 1px solid #2b343b
}

.lv-task-subtasks.lv-task-subtasks_board {
    margin: 0 7px 0 0
}

.gu-mirror {
    opacity: .9;
    pointer-events: none
}

.gu-mirror .lv-task {
    display: none
}

.gu-mirror .lv-task:nth-of-type(1) {
    display: flex
}

.gu-mirror .lv-task:nth-of-type(2) {
    display: flex;
    transform: translateY(-40px)
}

.gu-mirror .lv-task:nth-of-type(3) {
    display: flex;
    transform: translateY(-80px)
}

.gu-mirror .lv-task:nth-of-type(4) {
    display: flex;
    transform: translateY(-120px)
}

.drag-hidden,.lv-task.lv-task_selected.gu-transit.drag-temp * {
    display: none
}

.lv-task.lv-task_selected.gu-transit.drag-temp .drag-transit {
    display: flex;
    align-items: center;
    padding: 6px 20px
}

.lv-task.lv-task_selected.gu-transit.drag-temp .drag-transit .drag-multiple-tasks-label {
    background: #A2C44A;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 15px;
    font-weight: 400;
    line-height: 1;
    color: #fff;
    border-radius: 4px;
    padding: 5px 8px;
    display: block
}

@supports (--theme-main-color: $color-purple) {
    .lv-task.lv-task_selected.gu-transit.drag-temp .drag-transit .drag-multiple-tasks-label {
        background:var(--theme-main-color)
    }
}

.lv-task.lv-task_selected.gu-mirror.drag-temp {
    height: 50px!important;
    padding: 10px 20px!important
}

.lv-task.lv-task_selected.gu-mirror.drag-temp * {
    display: none
}

.lv-task.lv-task_selected.gu-mirror.drag-temp .drag-mirror {
    font-size: 13px;
    font-weight: 400;
    display: flex;
    align-items: center;
    width: 400px
}

.lv-task.lv-task_selected.gu-mirror.drag-temp .drag-mirror .drag-multiple-tasks-label {
    background: #A2C44A;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 15px;
    font-weight: 400;
    line-height: 1;
    color: #fff;
    border-radius: 4px;
    padding: 5px 8px;
    display: block
}

@supports (--theme-main-color: $color-purple) {
    .lv-task.lv-task_selected.gu-mirror.drag-temp .drag-mirror .drag-multiple-tasks-label {
        background:var(--theme-main-color)
    }
}

.sortable {
    position: relative;
    cursor: pointer;
    display: flex;
    align-items: center;
    padding: 5px 0 0;
    margin-right: 20px
}

@media print {
    .sortable {
        margin-right: 0
    }
}

.sortable_disabled {
    cursor: default
}

.sortable_disabled,.sortable_disabled:hover>span {
    color: #c2c2c2!important;
    font-weight: 400!important
}

.contrast_high .sortable_disabled,.contrast_high .sortable_disabled:hover>span {
    color: #858585!important
}

.dark-theme .sortable_disabled,.dark-theme .sortable_disabled:hover>span {
    color: #828588
}

.sortable_disabled .sortable__title {
    cursor: default
}

.sortable_active.lv-status-toolbar__item>span,.sortable_active.lv-status-toolbar__item>.sortable__title,.sortable_active>span,.sortable_active>.sortable__title,.sortable:hover>span,.sortable:hover>.sortable__title {
    color: #343434;
    font-weight: 500
}

.contrast_high .sortable_active.lv-status-toolbar__item>span,.contrast_high .sortable_active.lv-status-toolbar__item>.sortable__title,.contrast_high .sortable_active>span,.contrast_high .sortable_active>.sortable__title,.contrast_high .sortable:hover>span,.contrast_high .sortable:hover>.sortable__title {
    color: #343434
}

.dark-theme .sortable_active.lv-status-toolbar__item>span,.dark-theme .sortable_active.lv-status-toolbar__item>.sortable__title,.dark-theme .sortable_active>span,.dark-theme .sortable_active>.sortable__title,.dark-theme .sortable:hover>span,.dark-theme .sortable:hover>.sortable__title {
    color: #d5d6d7
}

.sortable__title {
    font-size: 11px;
    font-weight: 400;
    line-height: 1;
    display: block;
    padding: 5px;
    text-transform: uppercase;
    -webkit-user-select: none;
    user-select: none;
    cursor: pointer
}

.sortable__title:hover {
    color: #343434;
    font-weight: 500
}

.contrast_high .sortable__title:hover {
    color: #343434
}

.dark-theme .sortable__title:hover {
    color: #d5d6d7
}

.sortable__close {
    margin-top: -2px;
    margin-left: -16px;
    width: 16px;
    height: 16px;
    cursor: pointer;
    flex-shrink: 0
}

.sortable__close:hover {
    margin-left: -17px;
    margin-top: -3px;
    margin-right: -1px;
    width: 18px;
    height: 18px
}

.sortable__dir {
    transition: all .2s cubic-bezier(.785,.135,.15,.86) 0s;
    margin-top: -2px;
    width: 6px;
    height: 6px;
    margin-right: -6px
}

.sortable__dir use {
    fill: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .sortable__dir use {
        fill:var(--theme-main-color)
    }
}

.sortable__dir-asc {
    transform: rotate(180deg)
}

.current-sorting {
    font-weight: 300;
    font-size: 18px;
    line-height: 1;
    position: relative;
    display: flex;
    float: left;
    align-items: center;
    padding: 0;
    margin-right: 5px;
    flex-wrap: wrap
}

.current-sorting__title {
    color: #A2C44A;
    border-bottom-color: #A2C44A;
    display: block;
    margin: 0 5px 0 0;
    cursor: pointer;
    border-bottom: 1px dotted;
    flex-shrink: 0
}

@supports (--theme-main-color: $color-purple) {
    .current-sorting__title {
        color:var(--theme-main-color)
    }
}

@supports (--theme-main-color: $color-purple) {
    .current-sorting__title {
        border-bottom-color:var(--theme-main-color)
    }
}

.current-sorting__close {
    cursor: pointer;
    width: 16px;
    height: 16px;
    flex-shrink: 0
}

.current-sorting__close:hover {
    margin-left: -1px;
    margin-right: -1px;
    width: 18px;
    height: 18px
}

.current-sorting__text {
    border-bottom: 1px dotted transparent;
    flex-shrink: 0;
    padding-right: 5px
}

.dark-theme .current-sorting__text {
    color: #d5d6d7
}

.lv-status-toolbar {
    display: inline-flex;
    flex-grow: 1;
    width: 100%
}

.lv-status-toolbar__item>span {
    transition: all .2s cubic-bezier(.785,.135,.15,.86) 0s;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
    position: relative;
    text-transform: uppercase;
    color: #34343480;
    font-size: 11px;
    transition: .1s;
    -webkit-user-select: none;
    user-select: none
}

.contrast_high .lv-status-toolbar__item>span {
    color: #858585
}

.dark-theme .lv-status-toolbar__item>span {
    color: #828588
}

.lv-status-toolbar__item_id {
    width: 72px
}

.lv-status-toolbar__item_status {
    width: 85px
}

.lv-status-toolbar__item_updated {
    width: 73px
}

.lv-status-toolbar__item_due-date {
    width: 100px
}

@media print {
    .lv-status-toolbar__item_due-date {
        width: 80px
    }
}

.lv-status-toolbar__item_start-date {
    width: 110px;
    padding-right: 0;
    margin-right: 10px
}

.lv-status-toolbar__item_priorities {
    width: 70px
}

.lv-status-toolbar__item_assignee {
    width: 80px
}

.lv-status-toolbar__item_custom-field {
    width: 150px;
    margin-right: 0;
    justify-content: center
}

.lv-status-toolbar__item_name_container {
    flex-grow: 1;
    min-width: 346px
}

.lv-status-toolbar__item_name_container .lv-status-toolbar__item_name {
    justify-content: flex-end
}

.lv-status-toolbar__item_timelogged {
    width: 100px
}

.lv-status-toolbar__item_asc span,.lv-status-toolbar__item_desc span {
    color: #777
}

.lv-status-toolbar__item_asc span:after,.lv-status-toolbar__item_desc span:after {
    content: "";
    display: block;
    position: absolute;
    right: 0
}

.lv-status-toolbar__item_asc span:after {
    height: 0;
    width: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 3px;
    border-bottom-color: #777;
    top: 7px
}

.lv-status-toolbar__item_desc span:after {
    height: 0;
    width: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 3px;
    border-top-color: #777;
    top: 14px
}

.lv-status-toolbar__settings {
    height: 28px;
    width: 40px
}

.lv-status-toolbar__settings-dropdown:hover .lv-status-toolbar__settings-icon svg,.lv-status-toolbar__settings-dropdown .cu-dropdown_open .lv-status-toolbar__settings-icon svg {
    fill: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .lv-status-toolbar__settings-dropdown:hover .lv-status-toolbar__settings-icon svg,.lv-status-toolbar__settings-dropdown .cu-dropdown_open .lv-status-toolbar__settings-icon svg {
        fill:var(--theme-main-color)
    }
}

.lv-status-toolbar__settings-dropdown .cu-dropdown__menu {
    margin-top: 0
}

.lv-status-toolbar__settings-dropdown .lv-status-toolbar__settings-icon {
    width: 24px;
    height: 24px;
    padding: 4px;
    margin-top: 1px
}

.lv-status-toolbar__settings-dropdown .lv-status-toolbar__settings-icon svg {
    transition: all .2s cubic-bezier(.785,.135,.15,.86) 0s;
    fill: #343434
}

.dark-theme .lv-status-toolbar__settings-dropdown .lv-status-toolbar__settings-icon svg {
    fill: #d5d6d7
}

.lv-rows .gu-transit {
    display: none
}

.lv-rows .lv-status~.gu-transit {
    display: flex
}

.lv-task-add+.gu-transit,.lv-category .gu-transit,.lv-subcategory .gu-transit,.lv-subcategory+.gu-transit,.lv-section .gu-transit,.lv-section+.gu-transit {
    display: none!important
}

.lv-filter_shift-big {
    margin-bottom: 10px;
    position: relative
}

.lv-empty {
    padding-top: 120px;
    text-align: center
}

.lv-empty_img {
    padding: 15px 0;
    height: auto
}

.dark-theme .lv-empty_img {
    opacity: .8
}

.lv-empty_img svg {
    width: 183px;
    height: 155px
}

.lv-empty_img-me svg {
    width: 270px;
    height: 169px
}

.lv-empty_img-no-data {
    width: 100px;
    cursor: pointer;
    margin: 0 auto
}

.lv-empty_img-no-data svg {
    width: 100px;
    height: 100px
}

.lv-empty_img-no-data .cu-stroke {
    transition: all .2s cubic-bezier(.785,.135,.15,.86) 0s;
    stroke: #dde1e5
}

.contrast_high .lv-empty_img-no-data .cu-stroke {
    stroke: #979797
}

.dark-theme .lv-empty_img-no-data .cu-stroke {
    stroke: #828588
}

.lv-empty_img-no-data .cu-fill {
    transition: all .2s cubic-bezier(.785,.135,.15,.86) 0s;
    fill: #dde1e5
}

.contrast_high .lv-empty_img-no-data .cu-fill {
    fill: #979797
}

.dark-theme .lv-empty_img-no-data .cu-fill {
    fill: #828588
}

.lv-empty_img-no-data:hover .cu-stroke {
    stroke: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .lv-empty_img-no-data:hover .cu-stroke {
        stroke:var(--theme-main-color)
    }
}

.lv-empty_img-no-data:hover .cu-fill {
    fill: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .lv-empty_img-no-data:hover .cu-fill {
        fill:var(--theme-main-color)
    }
}

.lv-empty_title {
    font-size: 19px;
    font-weight: 500;
    line-height: 1;
    color: #4a4a4a;
    margin: 15px 0
}

.dark-theme .lv-empty_title {
    color: #828588
}

.lv-empty_desc {
    font-size: 16px;
    font-weight: 400;
    line-height: 1;
    color: #4a4a4a
}

.contrast_high .lv-empty_desc {
    color: #979797
}

.dark-theme .lv-empty_desc {
    color: #b7b7b7
}

.lv-empty_link {
    transition: all .2s cubic-bezier(.785,.135,.15,.86) 0s;
    color: #A2C44A;
    border-bottom-color: #A2C44A;
    font-size: 15px;
    font-weight: 300;
    cursor: pointer;
    padding-top: 20px;
    border-bottom: 1px dotted
}

@supports (--theme-main-color: $color-purple) {
    .lv-empty_link {
        color:var(--theme-main-color)
    }
}

@supports (--theme-main-color: $color-purple) {
    .lv-empty_link {
        border-bottom-color:var(--theme-main-color)
    }
}

.lv-empty_link:hover {
    color: #A2C44A;
    border-bottom-color: #A2C44A
}

@supports (--theme-main-color-dark: $color-purple-dark) {
    .lv-empty_link:hover {
        color:var(--theme-main-color-dark)
    }
}

@supports (--theme-main-color-dark: $color-purple-dark) {
    .lv-empty_link:hover {
        border-bottom-color:var(--theme-main-color-dark)
    }
}

.lv-empty_btn {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 13px;
    font-weight: 500;
    line-height: 1;
    transition: background .2s cubic-bezier(.785,.135,.15,.86) 0s;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 136px;
    height: 40px;
    border-radius: 3px;
    background: var(--theme-main-color);
    color: #fff;
    margin: 20px auto 0;
    cursor: pointer
}

.lv-empty_btn:hover {
    background: var(--theme-main-color-dark)
}

.add-subcategory {
    position: relative;
    display: flex;
    width: 100%;
    padding: 5px 0 0
}

.add-subcategory__input {
    font-size: 16px;
    font-weight: 300;
    line-height: 1.3em;
    flex-grow: 1;
    border: 0;
    margin: 0;
    color: #343434;
    background: none
}

.add-subcategory__input::placeholder {
    color: #2226;
    opacity: 1;
    font-size: 14px
}

.dark-theme .add-subcategory__input {
    color: #d5d6d7
}

.dark-theme .add-subcategory__input::placeholder {
    color: #828588cc;
    opacity: 1;
    font-size: 14px
}

.add-subcategory__input:focus {
    background: none;
    box-shadow: none
}

.add-subcategory__popover {
    font-size: 16px;
    font-weight: 300;
    line-height: 1.3em;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    z-index: -1
}

.add-subcategory.add-subcategory_error .add-subcategory__input {
    color: #d16464
}

.lv-subtask {
    display: flex;
    align-items: center;
    justify-content: center;
    border-top: 0;
    border-bottom: 0;
    border-left: 1px solid #f1f1f1;
    border-right: 1px solid #f1f1f1;
    margin: 0 40px
}

.contrast_high .lv-subtask {
    border-left: 1px solid #dedede;
    border-right: 1px solid #dedede
}

.dark-theme .lv-subtask {
    border-left: 1px solid #2b343b;
    border-right: 1px solid #2b343b
}

.lv-subtask .task-todo-item__name {
    font-size: 14px;
    font-weight: 300;
    line-height: 20px
}

.lv-subtask .cu-tags-view__icon {
    margin-top: -4px
}

.lv-subtask__outer {
    display: flex;
    align-items: flex-start;
    width: 100%;
    margin: 0;
    position: relative
}

.lv-rows .lv-subtask__outer {
    padding-top: 8px!important
}

.lv-subtask__outer .cu-user-group.cu-user-group_sm .cu-user-group__item+.cu-user-group__item {
    margin-left: -12px
}

.lv-subtask__outer .cu-todo-list__container-items_middle {
    align-items: flex-start
}

.task-todo-item .lv-subtask__outer {
    padding-left: 18px;
    align-items: center
}

.lv-subtask .lv-task__toggle {
    top: 4px
}

.lv-subtask__container {
    height: 28px;
    display: flex;
    align-items: center;
    margin: -4px 0
}

.lv-subtask__container .lv-task__status {
    position: relative;
    margin: 0 15px 0 0;
    width: 14px;
    height: 14px;
    border-radius: 3px;
    border: 1px solid transparent;
    transition: .1s;
    cursor: pointer;
    color: transparent
}

.lv-subtask__container .lv-task__status:after {
    content: "";
    display: block;
    position: absolute;
    top: 2px;
    left: 2px;
    width: 8px;
    height: 8px;
    border-radius: 2px;
    background: currentColor;
    transition: .1s
}

.lv-subtask__container .lv-task__status:hover {
    border: 1px solid currentColor
}

.lv-subtask__list {
    width: 100%;
    margin-bottom: 0;
    animation: fadeIn .3s forwards;
    z-index: 1
}

.lv-subtask__list-status {
    position: relative;
    margin: 0 15px 0 0;
    width: 14px;
    height: 14px;
    border-radius: 3px;
    border: 1px solid transparent;
    transition: .1s;
    cursor: pointer;
    color: transparent
}

.lv-subtask__list-status:after {
    content: "";
    display: block;
    position: absolute;
    top: 2px;
    left: 2px;
    width: 8px;
    height: 8px;
    border-radius: 2px;
    background: currentColor;
    transition: .1s
}

.lv-subtask__list-status:hover {
    border: 1px solid currentColor
}

.lv-subtask__list-status_light:hover {
    border: 1px solid #d3d3d3
}

.lv-subtask__list-status_light:after {
    box-shadow: 0 0 1px #828588
}

.lv-subtask__list-status-container {
    width: 29px
}

.lv-subtask__list .task-todo-item__handle {
    margin: -4px 0;
    position: relative;
    flex-shrink: 0;
    width: 18px;
    padding: 0;
    height: 28px;
    transition: .1s;
    opacity: 0
}

.lv-subtask__add {
    display: block
}

.lv-subtask__add cu-subtask-add {
    padding: 6px 0 8px;
    display: block
}

.lv-rows .lv-subtask__add cu-subtask-add {
    padding: 0 0 4px
}

.lv-subtask__add .task-todo-item_add {
    border: 1px solid #fafbfc;
    width: 100%;
    margin: 0;
    padding: 5px 10px 5px 7px;
    align-items: center;
    animation: fadeIn .2s forwards
}

.contrast_high .lv-subtask__add .task-todo-item_add {
    border: 1px solid transparent
}

.dark-theme .lv-subtask__add .task-todo-item_add {
    border: 1px solid #1e272e
}

.lv-subtask__add .task-todo-item_add.subtask-show {
    color: #A2C44A;
    padding: 0 0 7px 18px;
    cursor: pointer;
    background: #fafbfc
}

@supports (--theme-main-color: $color-purple) {
    .lv-subtask__add .task-todo-item_add.subtask-show {
        color:var(--theme-main-color)
    }
}

.dark-theme .lv-subtask__add .task-todo-item_add.subtask-show {
    background: #1e272e;
    border: #1e272e
}

.lv-subtask__add .lv-subtask__list-status {
    color: #ccc;
    opacity: .4;
    margin-left: 10px
}

.lv-subtask__show-all {
    margin-top: 0;
    margin-bottom: -1px;
    padding-top: 0;
    border-bottom: 1px solid #f1f1f1
}

.contrast_high .lv-subtask__show-all {
    border-bottom: 1px solid #dedede
}

.dark-theme .lv-subtask__show-all {
    border-bottom: 1px solid #384047
}

.lv-subtask__show-all.show-all-hide {
    border-bottom: 0;
    margin-bottom: 0
}

.lv-fields-header {
    flex-grow: 1;
    display: flex;
    height: 28px
}

.lv-location {
    transition: all .2s cubic-bezier(.785,.135,.15,.86) 0s;
    height: 50px;
    border-radius: 2px;
    border-bottom: 1px solid #e4e4e4;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: transparent
}

.contrast_high .lv-location {
    border-bottom: 1px solid #dedede
}

.dark-theme .lv-location {
    border-bottom: 1px solid #2b343b
}

.lv-location:hover,.lv-location_open {
    background: #fff;
    border-bottom-color: #fff;
    box-shadow: 0 0 6px #0000000f
}

.contrast_high .lv-location:hover,.contrast_high .lv-location_open {
    box-shadow: 0 0 6px #00000026
}

.dark-theme .lv-location:hover,.dark-theme .lv-location_open {
    background: #384047;
    border-bottom-color: #384047
}

.cu-dashboard-board__section-header .lv-location {
    height: 34px
}

.lv-location-left {
    display: flex;
    align-items: center;
    height: 50px;
    min-width: 0
}

.lv-location-right {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 50px;
    white-space: nowrap;
    flex-grow: 1
}

.lv-location-right-left {
    display: flex;
    align-items: center
}

.lv-location__item {
    padding: 0 7px 0 0;
    height: 48px;
    display: flex;
    justify-content: center;
    flex-direction: column;
    min-width: 0
}

.cu-dashboard-board__section-header .lv-location__item {
    height: 32px
}

.lv-location__item_project {
    padding-right: 0
}

.lv-location__item-label {
    font-size: 10px;
    font-weight: 400;
    display: flex;
    opacity: .4;
    color: #343434;
    letter-spacing: 1px;
    height: 12px;
    margin-bottom: -2px
}

.contrast_high .lv-location__item-label {
    opacity: 1
}

.contrast_high .lv-location__item-label span {
    color: #858585
}

.lv-location__item-label span {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.dark-theme .lv-location__item-label span {
    color: #d5d6d7
}

.lv-location__item-label-chevron {
    width: 15px;
    height: 7px;
    margin-top: 1px;
    display: inline-block;
    fill: #343434
}

.contrast_high .lv-location__item-label-chevron {
    fill: #858585
}

.dark-theme .lv-location__item-label-chevron {
    fill: #d5d6d7
}

.lv-location__item-name {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 13px;
    font-weight: 400;
    line-height: 1;
    color: #343434
}

.cu-dashboard-board__section-header .lv-location__item-name {
    margin-top: 1px
}

.lv-location__item-name .lv-category-edit {
    margin: -2px 0;
    padding: 0
}

.lv-location__item-name .lv-category-edit__name {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.2;
    color: #343434;
    letter-spacing: 0;
    padding: 0 1px 0 0;
    cursor: pointer;
    -webkit-font-smoothing: antialiased
}

.dark-theme .lv-location__item-name .lv-category-edit__name {
    color: #d5d6d7
}

.lv-location_open .lv-location__item-name .lv-category-edit__name {
    cursor: default
}

.lv-location__item-name .lv-category-edit__popover {
    color: #A2C44A;
    font-size: 16px;
    font-weight: 500;
    line-height: 1;
    letter-spacing: 0;
    padding: 0 1px 0 0
}

@supports (--theme-main-color: $color-purple) {
    .lv-location__item-name .lv-category-edit__popover {
        color:var(--theme-main-color)
    }
}

.lv-location__item-name .lv-category-edit__input {
    color: #A2C44A;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.2;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    background: #fff;
    letter-spacing: 0;
    padding: 0;
    border: 0;
    z-index: 1;
    margin: 0;
    -webkit-font-smoothing: antialiased
}

@supports (--theme-main-color: $color-purple) {
    .lv-location__item-name .lv-category-edit__input {
        color:var(--theme-main-color)
    }
}

.dark-theme .lv-location__item-name .lv-category-edit__input {
    background: #384047
}

.lv-location__item-name .lv-category-edit__input:focus {
    background: #fff;
    box-shadow: none
}

.dark-theme .lv-location__item-name .lv-category-edit__input:focus {
    background: #384047
}

.lv-location__item-name_list .lv-category-edit__name {
    font-weight: 500;
    -webkit-user-select: none;
    user-select: none
}

.lv-location__item-name_list .lv-category-edit__input {
    font-weight: 500
}

.lv-location__item-name_project {
    margin-right: -8px
}

.lv-location__item-name_project .lv-category-edit__popover {
    margin-right: -1px
}

.lv-location__item-icon {
    transition: all .2s cubic-bezier(.785,.135,.15,.86) 0s;
    transform: rotate(-90deg);
    width: 30px;
    height: 27px;
    fill: #343434;
    cursor: pointer;
    padding: 10px;
    margin-right: -5px
}

.dark-theme .lv-location__item-icon {
    fill: #d5d6d7
}

.lv-location_open .lv-location__item-icon {
    transform: rotate(0)
}

.lv-location__info {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    cursor: pointer;
    padding-left: 20px;
    flex-grow: 1
}

.lv-location__info-item {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 11px;
    font-weight: 400;
    line-height: 1;
    display: flex;
    align-items: center;
    margin-right: 25px
}

.lv-location__info-item+.lv-location__info-item {
    margin-left: 10px
}

.lv-location__info-item+.lv-location__info-item:before {
    content: "";
    display: block;
    position: absolute;
    width: 1px;
    height: 8px;
    background: #ccc;
    margin-left: -18px
}

.lv-location__info-icon {
    margin-top: -2px;
    margin-right: 5px
}

.lv-location__info-icon_time-estimate {
    width: 12px;
    height: 16px
}

.lv-location__info-icon_sprint-points {
    width: 16px;
    height: 16px;
    fill: #979797
}

.lv-location__info-icon_clock {
    width: 16px;
    height: 16px
}

.lv-location__info-icon svg {
    width: 100%;
    height: 100%
}

.lv-location__info-icon .cu-stroke {
    stroke: #979797
}

.lv-location__info-icon .cu-fill {
    fill: #979797
}

.lv-location-overview-toggle {
    display: inline-flex;
    align-items: center;
    margin: 0;
    padding: 15px 20px 15px 0;
    cursor: pointer;
    -webkit-user-select: none;
    user-select: none;
    position: relative;
    z-index: 1
}

.lv-location-overview-toggle__icon {
    transition: all .2s cubic-bezier(.785,.135,.15,.86) 0s;
    width: 16px;
    height: 16px;
    fill: #34343466
}

.dark-theme .lv-location-overview-toggle__icon {
    fill: #d5d6d766
}

.lv-location_open .lv-location-overview-toggle__icon,.lv-location:hover .lv-location-overview-toggle__icon {
    fill: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .lv-location_open .lv-location-overview-toggle__icon,.lv-location:hover .lv-location-overview-toggle__icon {
        fill:var(--theme-main-color)
    }
}

.lv-location-overview-toggle_open .lv-location-overview-toggle__icon {
    transform: rotate(90deg)
}

.lv-location-overview-toggle__text {
    transition: all .2s cubic-bezier(.785,.135,.15,.86) 0s;
    font-size: 10px;
    font-weight: 500;
    line-height: 1;
    padding: 0 0 0 2px;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #34343466
}

.dark-theme .lv-location-overview-toggle__text {
    color: #828588
}

.lv-location_open .lv-location-overview-toggle__text,.lv-location:hover .lv-location-overview-toggle__text {
    color: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .lv-location_open .lv-location-overview-toggle__text,.lv-location:hover .lv-location-overview-toggle__text {
        color:var(--theme-main-color)
    }
}

.cu-conflict-management .cu-dc__icon {
    margin: 0 auto
}

.cu-conflict-management .move-category__footer {
    justify-content: center
}

.cu-conflict-management__cancel {
    background: #fff;
    color: #aeacb0;
    border: 1px solid #e4e4e4
}

.cu-conflict-management__cancel:hover {
    border: 1px solid #d8d8d8;
    background: #fafbfc
}

.cu-conflict-management__warning {
    color: #fd71af;
    text-align: center;
    margin: 15px 0;
    font-size: 26px
}

.cu-conflict-management__proceed {
    padding: 5px 25px;
    text-align: center;
    font-weight: 300;
    font-size: 16px
}

.cu-conflict-management__subtext {
    margin-top: 5px;
    font-weight: 100
}

.cu-conflict-management__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 10px
}

.cu-status-map {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 0
}

.cu-status-map cu-status-map-list {
    width: 100%
}

.cu-status-map__row-container {
    border-top: 1px solid #e4e4e4
}

.cu-status-map__row-container:last-child {
    border-bottom: 1px solid #e4e4e4
}

.cu-status-map__items {
    display: flex;
    align-items: center;
    width: 50%
}

.cu-status-map__items-transition {
    display: flex
}

.cu-status-map__items.status-labels {
    color: #aeacb0;
    font-weight: 300
}

.cu-status-map__items .status-list__item:before {
    left: 0
}

.cu-status-map__error {
    margin-top: 15px;
    color: #fd71af
}

.cu-status-map__tasks-count {
    color: #aeacb0;
    font-weight: 300;
    margin-right: 7px
}

.cu-status-map__selected {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    padding: 10px;
    border: 1px solid #e4e4e4;
    border-radius: 5px;
    cursor: pointer;
    overflow: hidden
}

.cu-status-map__selected .status-list__item {
    padding: 0 20px 0 26px
}

.cu-status-map__selected-error {
    border: 1px solid #fd71af
}

.cu-status-map__arrow {
    width: 14px;
    height: 12px
}

.cu-status-map__arrow-down {
    width: 10px;
    height: 10px
}

.cu-status-map__items:last-child {
    width: 47%
}

.cu-status-map__items:first-child {
    justify-content: space-between
}

.cu-status-map .cu-status-map__status-list {
    cursor: auto
}

.cu-status-map .cu-status-map__status-list-status {
    color: #292727
}

.cu-status-map .cu-status-map__status-list:hover {
    background-color: initial;
    color: initial
}

.cu-status-map .cu-status-map__status-list:hover .cu-status-map__status-list-status {
    color: #292727
}

.task-selector {
    margin: 0 -50px
}

.task-selector .cu-dt-filter__subtask-icon {
    margin-left: 20px
}

.task-selector__cat-list {
    overflow: auto;
    background: #fff
}

.cu-os-win .task-selector__cat-list {
    scrollbar-width: thin
}

.cu-os-win .task-selector__cat-list::-webkit-scrollbar {
    background-color: #fff;
    width: 16px;
    height: 16px
}

.cu-os-win .task-selector__cat-list::-webkit-scrollbar-track {
    background-color: #fff
}

.cu-os-win .task-selector__cat-list::-webkit-scrollbar-track:hover {
    background-color: #fff
}

.cu-os-win .task-selector__cat-list::-webkit-scrollbar-thumb {
    background-color: #babac080;
    border-radius: 16px;
    border: 5px solid #fff
}

.cu-os-win .task-selector__cat-list::-webkit-scrollbar-thumb:hover {
    background-color: #a0a0a5;
    border: 3px solid #fff
}

.cu-os-win .task-selector__cat-list::-webkit-scrollbar-button {
    display: none
}

.cu-os-win.dark-theme .task-selector__cat-list::-webkit-scrollbar,.cu-os-win .dark-theme .task-selector__cat-list::-webkit-scrollbar {
    background-color: #384047
}

.cu-os-win.dark-theme .task-selector__cat-list::-webkit-scrollbar-track,.cu-os-win .dark-theme .task-selector__cat-list::-webkit-scrollbar-track {
    background-color: #384047
}

.cu-os-win.dark-theme .task-selector__cat-list::-webkit-scrollbar-track:hover,.cu-os-win .dark-theme .task-selector__cat-list::-webkit-scrollbar-track:hover {
    background-color: #384047
}

.cu-os-win.dark-theme .task-selector__cat-list::-webkit-scrollbar-thumb,.cu-os-win .dark-theme .task-selector__cat-list::-webkit-scrollbar-thumb {
    border-color: #384047
}

.cu-os-win.dark-theme .task-selector__cat-list::-webkit-scrollbar-thumb:hover,.cu-os-win .dark-theme .task-selector__cat-list::-webkit-scrollbar-thumb:hover {
    border-color: #384047
}

.cu-os-win.dark-theme .task-selector__cat-list::-webkit-scrollbar-corner,.cu-os-win .dark-theme .task-selector__cat-list::-webkit-scrollbar-corner {
    background-color: #384047
}

.dark-theme .task-selector__cat-list {
    background-color: #384047
}

.task-selector__header-recent {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 4px 0 16px;
    width: calc(100% - 18px);
    height: 32px
}

.task-selector__header-recent-title {
    font-size: 11px;
    font-weight: 500;
    line-height: 1;
    text-transform: uppercase;
    color: #7c828d
}

.task-selector__header-browse-tasks {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 12px;
    font-weight: 400;
    line-height: 1;
    color: #A2C44A;
    cursor: pointer;
    text-align: center;
    flex-shrink: 0
}

@supports (--theme-main-color: $color-purple) {
    .task-selector__header-browse-tasks {
        color:var(--theme-main-color)
    }
}

.task-selector__header-browse-tasks:hover {
    color: #A2C44A
}

@supports (--theme-main-color-dark: $color-purple-dark) {
    .task-selector__header-browse-tasks:hover {
        color:var(--theme-main-color-dark)
    }
}

.task-selector__subcategory-header {
    padding: 10px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 12px;
    font-weight: 400;
    line-height: 1;
    color: #292d34;
    text-transform: uppercase;
    font-weight: 500
}

.dark-theme .task-selector__subcategory-header {
    color: #d5d6d7
}

.task-selector__search {
    border-bottom: 1px solid #e3e3e3;
    padding: 0 10px;
    margin: 0
}

.dark-theme .task-selector__search {
    border-bottom: 1px solid #1e272e
}

.task-selector__search .cu-search__input {
    border: 0;
    margin: 0;
    padding: 11px 20px 12px 30px
}

.task-selector__search .cu-search__input::placeholder {
    color: #34343466;
    opacity: 1;
    font-size: 13px
}

.dark-theme .task-selector__search .cu-search__input::placeholder {
    color: #828588;
    opacity: 1;
    font-size: 14px
}

.task-selector__show-more {
    color: #A2C44A;
    margin: 0 0 5px;
    padding: 9px 50px 9px 82px;
    cursor: pointer
}

@supports (--theme-main-color: $color-purple) {
    .task-selector__show-more {
        color:var(--theme-main-color)
    }
}

.task-selector__show-more_single-subcategory {
    padding-left: 10px
}

.task-selector__show-more:hover {
    background: #f9f9f9
}

.dark-theme .task-selector__show-more:hover {
    background: #2b343b
}

.task-selector__empty {
    font-size: 13px;
    font-weight: 400;
    line-height: 1;
    margin: 20px 30px 0;
    color: #818193
}

.task-selector__extra-header {
    font-size: 13px;
    font-weight: 400;
    line-height: 1;
    margin: 10px 30px;
    color: #818193;
    padding: 8px 0;
    border-radius: 2px;
    background: #eaeaea;
    text-align: center;
    text-transform: uppercase
}

.dark-theme .task-selector__extra-header {
    background: #2b343b
}

.task-selector__extra .task-selector__task {
    padding-left: 30px
}

.task-selector__modal-description {
    font-size: 13px;
    font-weight: 500;
    line-height: 18px;
    color: #aeacb0;
    text-align: center;
    margin: -145px -50px 0;
    top: 0;
    width: 650px;
    position: absolute
}

[lang=fr-FR] .task-selector__modal-description {
    margin: -190px -50px 0
}

.cu-dependencies__tasks .task-selector__modal-description {
    margin-top: -93px
}

.task-selector__modal-notice {
    background: #dfdbfb;
    font-size: 13px;
    font-weight: 400;
    line-height: 18px;
    color: #343434;
    text-align: center;
    margin: -91px -20px 0;
    top: 0;
    width: 590px;
    position: absolute;
    padding: 3px;
    border-radius: 4px
}

@supports (--theme-main-color-light: $color-purple-light) {
    .task-selector__modal-notice {
        background:var(--theme-main-color-light)
    }
}

[lang=fr-FR] .task-selector__modal-notice {
    margin: -106px -20px 0
}

.task-selector .task-mover-item__icon {
    transform: rotate(-90deg)
}

.task-selector .cu-search-modal__options-arrow {
    margin-left: 4px
}

.task-selector__multi-task-toolbar {
    margin: 0;
    width: 296px
}

[lang=fr-FR] .task-selector__multi-task-toolbar {
    width: 380px
}

.task-selector__cat-list {
    min-width: 400px;
    max-height: 400px;
    overflow: auto
}

.task-selector__space {
    font-size: 11px;
    font-weight: 500;
    line-height: 12px;
    padding-left: 50px;
    text-transform: uppercase;
    letter-spacing: 2px;
    color: #222;
    opacity: .3;
    margin: 24px 0 0
}

.task-selector__project .cu-dropdown__toggle {
    padding: 0 50px;
    position: relative;
    display: flex;
    align-items: center
}

.task-selector__project .cu-dropdown__toggle:hover .task-selector__toggle-text {
    color: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .task-selector__project .cu-dropdown__toggle:hover .task-selector__toggle-text {
        color:var(--theme-main-color)
    }
}

.task-selector__project .cu-dropdown__toggle .task-selector__toggle-text {
    transition: all .2s cubic-bezier(.785,.135,.15,.86) 0s;
    font-size: 18px;
    font-weight: 500;
    line-height: 1;
    padding: 10px 5px 10px 0;
    color: #4a4a4a
}

.task-selector__project .cu-dropdown__toggle .task-selector__dropdown-settings_down {
    display: block;
    width: 6px;
    height: 4px;
    cursor: pointer;
    opacity: .6
}

.task-selector__project .cu-dropdown__menu {
    margin-left: 50px;
    margin-top: 0
}

.task-selector__project .cu-user-list {
    margin: 5px 0
}

.task-selector__project-item {
    transition: all .2s cubic-bezier(.785,.135,.15,.86) 0s;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.3;
    flex-grow: 1;
    display: block;
    color: #544d61;
    text-decoration: none;
    padding: 8px 20px;
    cursor: pointer
}

.task-selector__project-item:hover {
    transition: none
}

.task-selector__project-item:hover {
    color: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .task-selector__project-item:hover {
        color:var(--theme-main-color)
    }
}

.task-selector__project-item_selected {
    color: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .task-selector__project-item_selected {
        color:var(--theme-main-color)
    }
}

.task-selector__cat {
    position: relative
}

.task-selector__cat-header {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: all .2s cubic-bezier(.785,.135,.15,.86) 0s;
    font-size: 16px;
    font-weight: 500;
    line-height: 1;
    padding: 0 30px;
    position: relative;
    display: flex;
    align-items: center;
    height: 36px;
    cursor: pointer;
    color: #707070
}

.task-selector__cat-header:hover {
    background: #f9f9f9
}

.dark-theme .task-selector__cat-header:hover {
    background: #2b343b
}

.task-selector__cat-header.category-list__cat-header-sprint .task-selector__cat-folder-icon {
    width: 18px;
    height: 16px;
    margin: 3px 4px 0 2px;
    stroke: none!important
}

.task-selector__cat-chevron {
    width: 11px;
    height: 11px;
    margin: -2px 10px 0 0;
    transform: rotate(-90deg);
    fill: #bcbfc6
}

.dark-theme .task-selector__cat-chevron {
    fill: #828588
}

.task-selector__cat-chevron.task-selector_open {
    transform: rotate(0);
    fill: #7c828d
}

.task-selector__cat-name {
    flex-grow: 1;
    display: flex;
    align-items: center;
    min-width: 0
}

.task-selector__cat-name-text {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.15;
    text-decoration: none;
    color: #707070
}

.dark-theme .task-selector__cat-name-text {
    color: #828588
}

.task-selector__cat-body {
    overflow: hidden;
    height: 0
}

.task-selector__cat-body.task-selector_open {
    height: auto
}

.task-selector__cat-body .task-selector__cat-header {
    height: 30px;
    padding-left: 50px
}

.task-selector__cat-body .task-selector__cat-header_hidden {
    padding-left: 30px
}

.task-selector__cat-body .task-selector__cat-header .task-selector__cat-chevron {
    width: 10px;
    height: 10px;
    margin: 0 8px 0 0
}

.task-selector__cat-body .task-selector__cat-header .task-selector__cat-name {
    font-size: 13px;
    font-weight: 400;
    line-height: 1;
    color: #343434
}

.dark-theme .task-selector__cat-body .task-selector__cat-header .task-selector__cat-name {
    color: #d5d6d7
}

.task-selector__cat-folder-icon {
    transition: stroke .2s cubic-bezier(.785,.135,.15,.86),fill .2s cubic-bezier(.785,.135,.15,.86);
    flex-shrink: 0;
    cursor: pointer;
    margin: -1px 8px 0 2px;
    width: 14px;
    height: 14px;
    stroke-width: 0;
    opacity: .7;
    fill: #292d34
}

.dark-theme .task-selector__cat-folder-icon {
    fill: #828588
}

.task-selector__cat-sprint-icon {
    width: 15px;
    height: 11px;
    margin-right: 6px;
    fill: #292d34;
    z-index: 9
}

.dark-theme .task-selector__cat-sprint-icon {
    fill: #828588
}

.task-selector__cat-sprint-icon.category-list__subcat-sprint-icon-in-progress {
    fill: #4194f6
}

.task-selector__cat-sprint-icon.category-list__subcat-sprint-icon-done {
    fill: #67cb48
}

.task-selector__cat-color {
    width: 7px;
    height: 7px;
    margin: 0 8px 0 0;
    border-radius: 50%;
    z-index: 2;
    flex-shrink: 0
}

.task-selector__cat-color-empty {
    background: transparent;
    border: 1px dashed #c2c2c2
}

.task-selector__task {
    transition: all .2s cubic-bezier(.785,.135,.15,.86) 0s;
    display: flex;
    align-items: center;
    min-height: 30px;
    min-width: 0;
    padding: 0 30px 0 63px;
    cursor: pointer
}

.task-selector__task.task-selector_active,.task-selector__task:hover {
    background: #f2f3f4
}

.dark-theme .task-selector__task.task-selector_active,.dark-theme .task-selector__task:hover {
    background: #2b343b
}

.task-selector__task.task-selector_disabled {
    opacity: .5;
    cursor: not-allowed;
    background: transparent
}

.task-selector__task-status {
    flex-shrink: 0;
    margin: 2px 2px 0 5px;
    width: 8px;
    height: 8px;
    border-radius: 2px;
    background: currentColor;
    display: flex;
    justify-content: center;
    align-items: center
}

.task-selector__task-status.task-selector__custom-type {
    transform: rotate(45deg);
    width: 10px;
    height: 10px;
    border-radius: 0
}

.task-selector__task-simple-status {
    width: 14px;
    height: 14px;
    fill: #34343433;
    margin: 0 0 0 2px
}

.dark-theme .task-selector__task-simple-status {
    fill: #828588
}

.task-selector__multi-task-toolbar .task-selector__task-simple-status use {
    fill: #34343433
}

.dark-theme .task-selector__multi-task-toolbar .task-selector__task-simple-status use {
    fill: #828588
}

.task-selector__task-simple-status_closed,.dark-theme .task-selector__task-simple-status_closed {
    fill: #67cb48
}

.task-selector__multi-task-toolbar .task-selector__task-simple-status_closed use {
    fill: #67cb48
}

.dark-theme .task-selector__multi-task-toolbar .task-selector__task-simple-status_closed use {
    fill: #67cb48
}

.task-selector__task-name {
    font-size: 13px;
    font-weight: 400;
    line-height: 1.2;
    display: flex;
    align-items: center;
    flex-grow: 1;
    padding: 0 0 0 5px;
    margin-right: 10px;
    min-width: 0
}

.task-selector__task-name_column {
    flex-direction: column;
    align-items: flex-start
}

.task-selector__task-name-text {
    font-size: 13px;
    font-weight: 400;
    line-height: 1.2;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #343434;
    width: 100%
}

.task-selector__task-name-text.task-selector__custom-type-name {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-weight: 600
}

.dark-theme .task-selector__task-name-text {
    color: #d5d6d7
}

.task-selector__task-name-subtasks {
    margin-left: 10px;
    display: flex;
    align-items: center
}

.task-selector__task-name-subtasks span {
    color: #aeacb0
}

.task-selector__task-name-subtasks .cu-dt-filter__subtask-icon {
    margin-left: 5px
}

.task-selector__task-id {
    font-size: 12px;
    font-weight: 400;
    line-height: 1;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    flex-shrink: 0;
    color: #828588
}

.dark-theme .task-selector__task-id {
    color: #828588
}

.task-selector__extra .task-selector__task-id {
    min-width: 30%;
    text-align: right
}

.task-selector.task-selector_task-mentions {
    margin: 0;
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    overflow: hidden
}

.task-selector.task-selector_task-mentions .task-mover__project {
    padding: 15px 10px 5px 11px
}

.task-selector.task-selector_task-mentions .task-selector__search {
    padding: 0
}

.task-selector.task-selector_task-mentions .task-selector__space {
    padding-left: 15px;
    margin: 15px 0 0
}

.task-selector.task-selector_task-mentions .task-selector__project .cu-dropdown__toggle {
    padding: 0 15px
}

.task-selector.task-selector_task-mentions .task-selector__cat-header {
    font-size: 14px;
    font-weight: 400;
    height: auto;
    padding: 6px 10px;
    color: #343434cc
}

.task-selector.task-selector_task-mentions .task-selector__cat-list {
    min-width: 0;
    min-height: 0;
    max-height: 250px;
    width: 100%
}

.task-selector.task-selector_task-mentions .task-selector__task {
    padding: 0 10px 0 25px
}

.task-selector.task-selector_task-mentions .task-selector__task_single-subcategory {
    padding-left: 10px
}

.task-selector.task-selector_task-mentions .task-selector__cat-body .task-selector__cat-header {
    padding: 5px 10px 5px 16px
}

.task-selector.task-selector_task-mentions .task-selector__cat-body .task-selector__cat-header .task-selector__cat-chevron {
    width: 10px;
    height: 10px;
    margin: 0 4px 0 0
}

.task-selector.task-selector_task-mentions .task-selector__space {
    display: none
}

.task-selector.task-selector_task-mentions .task-selector__empty {
    margin: 0;
    padding: 15px 30px
}

.task-selector.task-selector_task-mentions .task-selector__extra-header {
    font-size: 13px;
    font-weight: 400;
    line-height: 1;
    margin: 10px 10px 5px;
    color: #818193
}

.task-selector.task-selector_task-mentions .task-selector__extra .task-selector__task {
    padding-left: 10px
}

.cu-dt-controls__inner .task-selector {
    margin: 0
}

.priorities-list {
    display: flex;
    flex-direction: column;
    max-height: 300px;
    min-width: 170px;
    font-family: Helvetica
}

.priorities-list__body {
    flex-grow: 1;
    overflow: auto;
    flex: 0 1 auto;
    max-height: 351px
}

.priorities-list__item {
    transition: background-color .2s cubic-bezier(.785,.135,.15,.86) 0s;
    display: flex;
    align-items: center;
    padding: 11px 15px 11px 12px;
    border-bottom: 1px solid #f4f4f4;
    cursor: pointer
}

.priorities-list__item_selected .priorities-list__item-name {
    font-weight: 500
}

.dark-theme .priorities-list__item {
    border-bottom-color: #1e272e
}

.priorities-list__item-icon {
    height: 18px;
    width: 18px
}

.priorities-list__item-name {
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    transition: color .2s cubic-bezier(.785,.135,.15,.86) 0s;
    color: #544d61;
    margin-left: 15px;
    text-transform: capitalize;
    flex-grow: 1
}

.dark-theme .priorities-list__item-name {
    color: #d5d6d7
}

.priorities-list__item:hover {
    background-color: #fbfbfb
}

.dark-theme .priorities-list__item:hover {
    background: #2b343b
}

.priorities-list__item-clear {
    width: 10px;
    height: 10px;
    margin: 4px;
    stroke: #ff8176
}

.priorities-list__check {
    width: 14px;
    height: 14px
}

.priorities-list__check use {
    fill: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .priorities-list__check use {
        fill:var(--theme-main-color)
    }
}

cu-priorities-list .cu-dropdown.cu-dropdown_top {
    margin: 0
}

.cu-unresolved__amount {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-weight: 600
}

.cu-unresolved__item {
    margin-top: 35px
}

.cu-unresolved__item-title {
    font-size: 11px;
    font-weight: 400;
    line-height: 1;
    color: #aeacb0;
    text-align: left;
    text-transform: uppercase;
    margin-bottom: 7px;
    letter-spacing: 2px
}

.cu-unresolved__item-title span {
    color: #aeacb0;
    text-transform: uppercase
}

.cu-unresolved__multi-row {
    display: flex;
    justify-content: space-between;
    margin-top: 35px
}

.cu-unresolved__multi-row.unresolved-task {
    margin-top: 5px
}

.cu-unresolved__multi-items {
    display: flex;
    align-items: center
}

.cu-unresolved__multi-item {
    display: flex;
    align-items: center;
    margin-right: 15px
}

.cu-unresolved__multi-item:last-child {
    margin-right: 0
}

.cu-unresolved__multi-item .cu-dt-filter__subtask-icon {
    margin-top: -5px
}

.cu-unresolved__multi-item .assign-comments.icon use {
    fill: #c9c8ca;
    color: #c9c8ca
}

.cu-unresolved__all {
    margin-top: 10px;
    text-align: left;
    cursor: pointer;
    font-size: 14px;
    color: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .cu-unresolved__all {
        color:var(--theme-main-color)
    }
}

.cu-unresolved__task {
    display: flex;
    align-items: center;
    flex-wrap: nowrap
}

.cu-unresolved__task.multi-tasks {
    width: 60%
}

.cu-unresolved__task-status {
    width: 8px;
    height: 8px;
    border-radius: 2px;
    margin-right: 8px;
    margin-bottom: 2px
}

.cu-unresolved__task-name {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 13px;
    font-weight: 400;
    line-height: 1;
    width: calc(100% - 20px);
    text-align: left;
    padding: 7px 0;
    color: #343434
}

.dark-theme .cu-unresolved__task-name {
    color: #d5d6d7
}

.cu-unresolved__comment {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: calc(100% - 10px);
    text-align: left;
    padding: 5px 0
}

.cu-unresolved__btn-container {
    margin-top: 20px;
    padding: 15px 0
}

.cu-unresolved__btn-container-single {
    display: flex;
    justify-content: space-between
}

.cu-unresolved__btn-container-single .cu-btn {
    width: 45%;
    padding: 0;
    font-size: 15px;
    height: 50px;
    line-height: 15px
}

.cu-unresolved__btn-container-single .cu-btn.resolve {
    border: 1px solid #aeacb0;
    background: white;
    color: #aeacb0;
    text-shadow: none
}

.cu-unresolved__btn-container-single .cu-btn.resolve:hover {
    background: #959297;
    border: 1px solid #959297;
    color: #fff
}

.cu-unresolved__btn-container-single .cu-btn.resolve_green {
    background: #67cb48;
    color: #fff;
    text-shadow: none
}

.cu-unresolved__btn-container-single .cu-btn.resolve_green .cu-btn__text-description {
    color: #fff
}

.cu-unresolved__btn-container-single .cu-btn.resolve_green:hover {
    background: #4fae32;
    border: 1px solid #4fae32
}

.cu-unresolved__btn-container-single .cu-btn .cu-btn__text {
    text-shadow: none
}

.cu-unresolved__btn-container-multi .cu-btn {
    width: 100%;
    font-size: 15px;
    height: 50px;
    line-height: 15px;
    margin-bottom: 10px
}

.cu-unresolved__btn-container-multi .cu-btn.resolve {
    border: 1px solid #aeacb0;
    background: white;
    color: #aeacb0;
    text-shadow: none
}

.cu-unresolved__btn-container-multi .cu-btn.resolve:hover {
    background: #959297;
    border: 1px solid #959297;
    color: #fff
}

.cu-unresolved__btn-container-multi .cu-btn.resolve_green {
    background: #67cb48;
    color: #fff;
    text-shadow: none
}

.cu-unresolved__btn-container-multi .cu-btn.resolve_green .cu-btn__text-description {
    color: #fff
}

.cu-unresolved__btn-container-multi .cu-btn.resolve_green:hover {
    background: #4fae32;
    border: 1px solid #4fae32
}

.cu-unresolved__btn-container-multi .cu-btn:last-child {
    margin-bottom: 0
}

.cu-unresolved__btn-container-multi .cu-btn .cu-btn__text {
    text-shadow: none
}

.cu-unresolved__settings {
    color: #A2C44A;
    border-bottom-color: #A2C44A;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    cursor: pointer;
    border-bottom: 1px dashed;
    display: inline-block;
    margin-top: 15px
}

@supports (--theme-main-color: $color-purple) {
    .cu-unresolved__settings {
        color:var(--theme-main-color)
    }
}

@supports (--theme-main-color: $color-purple) {
    .cu-unresolved__settings {
        border-bottom-color:var(--theme-main-color)
    }
}

.cu-unresolved__settings:hover {
    color: #A2C44A;
    border-bottom-color: #A2C44A
}

@supports (--theme-main-color-dark: $color-purple-dark) {
    .cu-unresolved__settings:hover {
        color:var(--theme-main-color-dark)
    }
}

@supports (--theme-main-color-dark: $color-purple-dark) {
    .cu-unresolved__settings:hover {
        border-bottom-color:var(--theme-main-color-dark)
    }
}

.cu-modal_aside-left .cu-conflict-management {
    padding: 50px
}

.cu-conflict-management .cu-dc__icon {
    margin: 0 auto
}

.cu-conflict-management__timezone {
    display: flex;
    justify-content: center;
    margin: 0 0 45px
}

.cu-conflict-management__timezone-options {
    display: flex;
    justify-content: center
}

[lang=fr-FR] .cu-conflict-management__timezone-options {
    flex-wrap: wrap
}

.cu-conflict-management__timezone-options-item {
    color: #A2C44A;
    border-bottom-color: #A2C44A;
    font-size: 15px;
    font-weight: 400;
    line-height: 1;
    cursor: pointer;
    border-bottom: 1px dashed;
    white-space: nowrap
}

@supports (--theme-main-color: $color-purple) {
    .cu-conflict-management__timezone-options-item {
        color:var(--theme-main-color)
    }
}

@supports (--theme-main-color: $color-purple) {
    .cu-conflict-management__timezone-options-item {
        border-bottom-color:var(--theme-main-color)
    }
}

[lang=fr-FR] .cu-conflict-management__timezone-options-item:last-child {
    margin-top: 16px
}

.cu-conflict-management__timezone-options-item:hover {
    color: #A2C44A;
    border-bottom-color: #A2C44A
}

@supports (--theme-main-color-dark: $color-purple-dark) {
    .cu-conflict-management__timezone-options-item:hover {
        color:var(--theme-main-color-dark)
    }
}

@supports (--theme-main-color-dark: $color-purple-dark) {
    .cu-conflict-management__timezone-options-item:hover {
        border-bottom-color:var(--theme-main-color-dark)
    }
}

.cu-conflict-management__timezone-options-item:not(:last-child) {
    margin-right: 30px
}

.cu-conflict-management__link {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 14px;
    font-weight: 500;
    line-height: 1;
    color: #A2C44A;
    padding-bottom: 2px;
    align-self: center;
    position: relative;
    width: auto!important;
    cursor: pointer
}

@supports (--theme-main-color: $color-purple) {
    .cu-conflict-management__link {
        color:var(--theme-main-color)
    }
}

.cu-conflict-management__link:after {
    content: "";
    display: block;
    position: absolute;
    transition: all .2s cubic-bezier(.785,.135,.15,.86) 0s;
    background-color: #A2C44A;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    opacity: 0
}

.cu-conflict-management__link:after:hover {
    transition: none
}

@supports (--theme-main-color: $color-purple) {
    .cu-conflict-management__link:after {
        background-color:var(--theme-main-color)
    }
}

.cu-conflict-management__link:hover:after {
    opacity: 1
}

.cu-conflict-management__cancel {
    background: #fff;
    color: #aeacb0;
    border: 1px solid #d8d8d8
}

.dark-theme .cu-conflict-management__cancel {
    background: #384047;
    border: 1px solid #828588
}

.cu-conflict-management__cancel:hover {
    background: #fafbfc
}

.dark-theme .cu-conflict-management__cancel:hover {
    background: #2b343b
}

.cu-conflict-management__cancel .cu-btn__text {
    color: #aeacb0;
    text-shadow: none
}

.cu-conflict-management__warning {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #fd71af;
    text-align: center;
    margin: 15px 0;
    font-size: 25px;
    line-height: 1.2
}

.cu-conflict-management__warning_black {
    font-weight: 500;
    color: #343434
}

.dark-theme .cu-conflict-management__warning_black {
    color: #d5d6d7
}

.cu-conflict-management__warning-img {
    width: 174px;
    height: 228px;
    margin: 0 auto 20px;
    background: url(stop.65c09c7d105314ea.svg) center/contain no-repeat
}

.cu-conflict-management__warning-img svg {
    width: 100%;
    height: 100%
}

.cu-conflict-management__warning-img-unresolved-items {
    width: 183px;
    height: 191px;
    margin: -25px auto 20px
}

.cu-conflict-management__icon {
    width: 26px;
    height: 26px;
    margin: -20px auto 0;
    fill: #343434
}

.dark-theme .cu-conflict-management__icon {
    fill: #d5d6d7
}

.cu-conflict-management__wait-img {
    width: 165px;
    height: 172px;
    margin: 0 auto 20px;
    background: url(wait.3ac75e7a359e06f0.svg) center/contain no-repeat
}

.cu-conflict-management__title {
    font-size: 20px;
    font-weight: 400;
    line-height: 1;
    color: #343434;
    margin: 0 0 30px;
    padding-top: 30px;
    text-align: center
}

.dark-theme .cu-conflict-management__title {
    color: #d5d6d7
}

.cu-conflict-management__subtitle {
    font-size: 14px;
    font-weight: 500;
    line-height: 18px;
    color: #343434;
    margin: 0 0 10px;
    padding-top: 20px;
    text-align: center
}

.dark-theme .cu-conflict-management__subtitle {
    color: #d5d6d7
}

.cu-conflict-management__proceed {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    padding: 10px 25px;
    text-align: center;
    color: #7c828d
}

.cu-conflict-management__proceed.addon-downgrade {
    font-size: 16px;
    color: #d16464;
    font-weight: 600
}

.dark-theme .cu-conflict-management__proceed {
    color: #abaeb0
}

.cu-conflict-management__proceed-header {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.2;
    color: #f24752;
    margin-bottom: 10px
}

.cu-conflict-management__proceed-text {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.2;
    color: #343434
}

.dark-theme .cu-conflict-management__proceed-text {
    color: #d5d6d7
}

.cu-conflict-management__proceed-text b {
    font-weight: 500
}

.cu-conflict-management__subtext {
    margin-top: 5px;
    font-weight: 100
}

.cu-conflict-management__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 10px
}

.cu-conflict-management__statuses-container {
    display: flex;
    align-items: center;
    padding: 20px;
    background-color: #f7f6f6;
    margin-top: 15px;
    border: 1px solid #d9d6dc
}

.dark-theme .cu-conflict-management__statuses-container {
    background-color: #2b343b;
    border: 1px solid #1e272e
}

.cu-conflict-management__statuses-container .cu-radio .cu-radio__input:checked+.cu-radio__label {
    color: #494949
}

.dark-theme .cu-conflict-management__statuses-container .cu-radio .cu-radio__input:checked+.cu-radio__label {
    color: #d5d6d7
}

.cu-conflict-management__statuses-container .cu-radio .cu-radio__input:checked+.cu-radio__label:before {
    border-color: #A2C44A;
    border: 1px solid
}

@supports (--theme-main-color: $color-purple) {
    .cu-conflict-management__statuses-container .cu-radio .cu-radio__input:checked+.cu-radio__label:before {
        border-color:var(--theme-main-color)
    }
}

.cu-conflict-management__statuses-container .cu-radio {
    margin-left: 20px;
    width: 50%
}

.cu-conflict-management__statuses-container .cu-radio:first-child {
    margin-left: 0
}

.cu-conflict-management__statuses-container .cu-radio .cu-radio__label {
    font-size: 13px;
    font-weight: 500;
    margin-top: 4px;
    margin-left: 5px
}

.cu-conflict-management__statuses-container .cu-radio .cu-radio__label:before {
    top: 7px;
    width: 20px;
    height: 20px;
    border: 1px solid #e4e4e4;
    background-color: #fff
}

.dark-theme .cu-conflict-management__statuses-container .cu-radio .cu-radio__label:before {
    border: 1px solid #1e272e;
    background-color: #384047
}

.cu-conflict-management__statuses-container .cu-radio .cu-radio__label:after {
    top: 11px;
    width: 12px;
    height: 12px;
    left: 4px
}

.cu-conflict-management__statuses-container .cu-radio .cu-radio__label_one-line:before {
    top: 0
}

.cu-conflict-management__statuses-container .cu-radio .cu-radio__label_one-line:after {
    top: 4px
}

.cu-conflict-management .move-category__footer {
    justify-content: space-between
}

.cu-conflict-management .move-category__footer .cu-btn {
    width: calc(50% - 10px);
    overflow: hidden
}

[lang=fr-FR] .cu-conflict-management .move-category__footer-full .cu-btn {
    width: auto;
    padding: 0 8px
}

.cu-conflict-management__highlighted {
    font-weight: 600
}

.cu-conflict-management__highlighted_red {
    color: #f24752
}

.cu-conflict-management__highlighted_centered {
    text-align: center
}

.cu-conflict-management__status-value {
    font-size: 11px;
    font-weight: 500;
    line-height: 1;
    display: inline-block;
    margin: 0 5px;
    white-space: nowrap;
    color: #343434;
    text-indent: 16px;
    position: relative;
    text-transform: uppercase
}

.dark-theme .cu-conflict-management__status-value {
    color: #d5d6d7
}

.cu-conflict-management__status-value-indicator {
    display: block;
    position: absolute;
    width: 10px;
    height: 10px;
    left: 0;
    top: 0;
    border-radius: 2px;
    background: currentColor;
    border: 1px solid currentColor
}

.cu-conflict-management__footer {
    margin: 50px 0 0
}

.cu-conflict-management__options {
    padding-top: 20px
}

.cu-conflict-management__options_centered {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column
}

.cu-status-map {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 0
}

.cu-status-map cu-status-map-list {
    width: 100%
}

.cu-status-map__row-container {
    border-top: 1px solid #e4e4e4
}

.dark-theme .cu-status-map__row-container {
    border-top: 1px solid #828588
}

.cu-status-map__row-container:last-child {
    border-bottom: 1px solid #e4e4e4
}

.dark-theme .cu-status-map__row-container:last-child {
    border-bottom: 1px solid #828588
}

.cu-status-map__items {
    display: flex;
    align-items: center;
    width: 50%
}

.cu-status-map__items-transition {
    display: flex
}

.cu-status-map__items.status-labels {
    color: #aeacb0;
    font-weight: 300
}

.cu-status-map__items .status-list__item:before {
    left: 1px
}

.cu-status-map__items-custom-field-icon {
    width: 15px;
    height: 15px;
    display: inline-block;
    margin-top: -1px;
    margin-right: 10px
}

.cu-status-map__items-custom-field-name {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    min-width: 0;
    padding-right: 10px
}

.cu-status-map__items-custom-field-name-text {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 15px;
    font-weight: 400;
    line-height: 1;
    color: #686868;
    flex-grow: 1
}

.dark-theme .cu-status-map__items-custom-field-name-text {
    color: #d5d6d7
}

.cu-status-map__dropdown-menu-item {
    transition: all .2s cubic-bezier(.785,.135,.15,.86) 0s;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 13px;
    font-weight: 400;
    line-height: 1;
    position: relative;
    display: flex;
    align-items: center;
    padding: 12px 15px 10px;
    cursor: pointer;
    color: #343434
}

.dark-theme .cu-status-map__dropdown-menu-item {
    color: #d5d6d7
}

.cu-status-map__dropdown-menu-item:hover {
    background-color: #fafbfc
}

.dark-theme .cu-status-map__dropdown-menu-item:hover {
    background-color: #2b343b
}

.cu-status-map__error {
    margin-top: 15px;
    color: #fd71af
}

.cu-status-map__tasks-count {
    color: #aeacb0;
    font-weight: 300;
    margin-right: 7px
}

.cu-status-map__selected {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    padding: 10px;
    border: 1px solid #e4e4e4;
    border-radius: 5px;
    cursor: pointer;
    overflow: hidden
}

.dark-theme .cu-status-map__selected {
    border: 1px solid #828588
}

.cu-status-map__selected .status-list__item {
    padding: 10px 20px 10px 26px;
    margin: -8px 0 -9px
}

.cu-status-map__selected-error {
    border: 1px solid #fd71af
}

.cu-status-map__arrow {
    width: 14px;
    height: 12px;
    flex-shrink: 0
}

.cu-status-map__arrow-down {
    width: 10px;
    height: 10px
}

.cu-status-map__arrow-down use {
    fill: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .cu-status-map__arrow-down use {
        fill:var(--theme-main-color)
    }
}

.cu-status-map__items:last-child {
    width: 47%
}

.cu-status-map__items:first-child {
    justify-content: space-between
}

.cu-status-map .cu-status-map__status-list {
    cursor: auto
}

.cu-status-map .cu-status-map__status-list-status {
    color: #292727
}

.dark-theme .cu-status-map .cu-status-map__status-list-status {
    color: #d5d6d7
}

.cu-status-map .cu-status-map__status-list:hover {
    background-color: initial;
    color: initial
}

.cu-status-map .cu-status-map__status-list:hover .cu-status-map__status-list-status {
    color: #292727
}

.dark-theme .cu-status-map .cu-status-map__status-list:hover .cu-status-map__status-list-status {
    color: #d5d6d7
}

.template-modal .cu-modal__body {
    min-height: unset
}

.template__title {
    font-size: 12px;
    font-weight: 500;
    line-height: 1;
    color: #222;
    margin: 15px 0 0
}

.template__title.template__title-margin-bot {
    margin: 15px 0
}

.template__options-overlimit .cu-paywall-popover {
    max-width: none
}

.template__options-block.template__options-block-no-padding {
    padding: 0;
    border: none!important
}

.template__options-title {
    font-size: 12px;
    font-weight: 500;
    line-height: 20px;
    color: #222;
    margin-bottom: 20px
}

.dark-theme .template__options-title {
    color: #d5d6d7
}

.template__button-block {
    margin-top: 40px;
    text-align: right
}

.template__button-block_centered {
    text-align: center
}

.template__input-block {
    margin-bottom: 30px
}

.template__template-block .template-dropdown {
    padding: 15px 0 5px;
    border-bottom: 1px solid #e4e4e4
}

.dark-theme .template__template-block .template-dropdown {
    border-bottom: 1px solid #1e272e
}

.template__empty {
    margin: 0 auto 50px;
    padding-top: 70px;
    text-align: center
}

.template__empty-title {
    font-size: 15px;
    font-weight: 500;
    line-height: 20px
}

.template__empty-desc {
    color: #ccc;
    margin: 5px
}

.template__empty-desc-link {
    color: #A2C44A;
    text-decoration: underline
}

@supports (--theme-main-color: $color-purple) {
    .template__empty-desc-link {
        color:var(--theme-main-color)
    }
}

.template__empty-desc-link:hover {
    text-decoration: none
}

.template__options-block {
    border: 1px solid #e3e3e3;
    background-color: #fbfbfb;
    padding: 20px 20px 15px;
    margin-bottom: 25px
}

.dark-theme .template__options-block {
    border: 1px solid #1e272e;
    background-color: #2b343b
}

.template__options-block .cu-form__label-radio {
    width: auto;
    cursor: pointer
}

.template__options-block.template__options-block-no-padding {
    padding: 0
}

.template__options-block_no-margin {
    margin-bottom: 0
}

.template__duedate-block.template__duedate-block-grey {
    opacity: .4;
    cursor: not-allowed
}

.template__duedate-block.template__duedate-block-grey .template__duedate-tabs {
    pointer-events: none
}

.template__duedate-block .cu-form__label-radio {
    width: auto;
    cursor: pointer
}

.template__duedate-title {
    font-size: 12px;
    font-weight: 500;
    line-height: 20px;
    color: #222;
    margin-bottom: 15px;
    display: flex;
    align-items: flex-end
}

.dark-theme .template__duedate-title {
    color: #d5d6d7
}

.template__duedate-tabs {
    display: flex;
    flex-direction: row
}

.template__duedate-tab {
    display: flex;
    width: 50%;
    padding: 20px;
    border: 1px solid #e3e3e3;
    border-right-width: 0;
    background-color: #fbfbfb;
    align-items: center;
    cursor: pointer
}

.dark-theme .template__duedate-tab {
    border: 1px solid #1e272e;
    background-color: #384047
}

.template__duedate-tab .cu-radio {
    flex-grow: 1
}

.template__duedate-tab-question {
    height: 14px;
    width: 14px;
    margin: 4px;
    fill: #c4c7c9
}

.template__duedate-tab:last-of-type {
    border-right-width: 1px
}

.template__duedate-tab_active {
    border-bottom: 1px solid #fff;
    background-color: #fff
}

.dark-theme .template__duedate-tab_active {
    border-bottom: 1px solid #2b343b;
    background-color: #2b343b
}

.template__duedate-tab-body {
    display: flex;
    padding: 20px;
    border: 1px solid #e3e3e3;
    border-top-width: 0
}

.dark-theme .template__duedate-tab-body {
    border: 1px solid #1e272e;
    background: #2b343b;
    border-top-width: 0
}

.template__duedate-tab-body-date {
    display: flex;
    align-items: center;
    min-height: 34px;
    margin-bottom: 10px
}

.template__duedate-tab-body-date .due-date__info-value {
    font-size: 12px;
    font-weight: 500;
    line-height: 1;
    color: #222;
    border-bottom: 1px solid #fff
}

.dark-theme .template__duedate-tab-body-date .due-date__info-value {
    color: #d5d6d7;
    border-bottom: 1px solid transparent
}

.template__duedate-tab-body-description {
    font-size: 12px;
    font-weight: 300;
    line-height: 20px;
    color: #343434
}

.dark-theme .template__duedate-tab-body-description {
    color: #d5d6d7
}

.template__duedate-tab-hiw {
    text-align: right;
    font-size: 12px
}

.template__duedate-tab-hiw a {
    color: #A2C44A;
    text-decoration: underline
}

@supports (--theme-main-color: $color-purple) {
    .template__duedate-tab-hiw a {
        color:var(--theme-main-color)
    }
}

.template__duedate-note {
    font-size: 12px;
    font-weight: 300;
    line-height: 20px;
    display: block;
    color: #343434;
    text-transform: none;
    margin-bottom: 15px;
    height: auto
}

.template__duedate-note-mark {
    font-weight: 500;
    color: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .template__duedate-note-mark {
        color:var(--theme-main-color)
    }
}

.template__archive-block {
    margin-top: 25px
}

.template__archive-block .template__archive-options {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.template__archive-block .cu-radio .cu-form__label-radio {
    width: auto;
    cursor: pointer
}

.template__archive-block .cu-radio .cu-radio__label {
    font-size: 14px
}

.template__link,.template__link * {
    color: #A2C44A;
    transition: all .2s cubic-bezier(.785,.135,.15,.86) 0s;
    cursor: pointer;
    margin-bottom: 10px
}

@supports (--theme-main-color: $color-purple) {
    .template__link,.template__link * {
        color:var(--theme-main-color)
    }
}

.template-options {
    border: 1px solid #e9ebf0
}

.dark-theme .template-options {
    border-color: #1e272e
}

.template-options__header {
    display: flex;
    width: 100%
}

.template-options__header .cu-radio {
    margin-right: 30px
}

.template-options__header-block {
    display: flex;
    align-items: center;
    width: 50%;
    height: 62px;
    padding: 0 20px;
    border-bottom: 1px solid #e9ebf0
}

.template-options__header-block-disabled {
    opacity: .5;
    pointer-events: none
}

.template-options__header-block:first-of-type {
    border-right: 1px solid #e9ebf0
}

.dark-theme .template-options__header-block {
    border-color: #1e272e
}

.template-options__header-block.template-options__header-block-active {
    border-bottom: none!important;
    background-color: #fff
}

.dark-theme .template-options__header-block.template-options__header-block-active {
    background-color: #384047
}

.template-options__body {
    display: flex;
    flex-wrap: wrap;
    background-color: #fff;
    padding: 20px
}

.dark-theme .template-options__body {
    background-color: #384047
}

.template-options__body .cu-checkbox {
    width: 33%;
    margin: 0 0 14px
}

.template-options__body-checkboxes {
    width: 100%;
    display: flex;
    flex-wrap: wrap
}

.template-options__body-checkboxes-header {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 12px;
    font-weight: 500;
    line-height: 1;
    padding-bottom: 20px
}

.template-options__body-checkboxes.template-options__body-checkboxes-bordered {
    border-bottom: 1px solid #e9ebf0;
    margin-bottom: 20px
}

.dark-theme .template-options__body-checkboxes.template-options__body-checkboxes-bordered {
    border-color: #1e272e
}

.template-options__body-everything {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 12px;
    font-weight: 400;
    line-height: 1.2
}

.template-options_radio-label {
    font-size: 12px;
    font-weight: 400;
    line-height: 20px;
    color: #222;
    padding-left: 30px
}

.template-options_radio-label:before {
    top: 0;
    width: 20px;
    height: 20px
}

.template-options_radio-label:after {
    top: 4px;
    left: 4px;
    width: 12px;
    height: 12px
}

.template-options_checkbox-label {
    font-size: 12px;
    font-weight: 400;
    line-height: 14px;
    color: #222;
    text-transform: capitalize;
    padding: 0 0 0 30px;
    display: flex;
    align-items: center;
    min-height: 20px
}

.template-options_checkbox-label:before {
    width: 20px;
    height: 20px;
    top: -1px
}

.template-options_checkbox-label:after {
    width: 12px;
    height: 12px;
    left: 4px;
    opacity: 0!important
}

.template-options_checkbox-label.cu-checkbox_checked:after {
    opacity: 1!important
}

.template-options_checkbox-label.cu-checkbox_muted:after {
    opacity: .5!important
}

.template-options_checkbox-label.cu-checkbox_disabled {
    opacity: .5!important
}

.template-dropdown {
    position: relative
}

.template-dropdown__toggle {
    font-size: 18px;
    font-weight: 500;
    line-height: 1;
    display: flex;
    align-items: center;
    position: relative;
    height: 50px;
    padding: 0 20px 0 0;
    text-decoration: none;
    color: #4a4a4a;
    margin: -10px -20px -10px 0
}

.template-dropdown__toggle .template-dropdown__toggle-text {
    transition: all .2s cubic-bezier(.785,.135,.15,.86) 0s;
    font-size: 15px;
    font-weight: 400;
    line-height: 1;
    color: #34343499;
    padding-left: 25px
}

.dark-theme .template-dropdown__toggle .template-dropdown__toggle-text {
    color: #828588
}

.template-dropdown__toggle-new {
    color: #A2C44A;
    font-size: 13px;
    font-weight: 300;
    line-height: 18px;
    margin-left: 10px
}

@supports (--theme-main-color: $color-purple) {
    .template-dropdown__toggle-new {
        color:var(--theme-main-color)
    }
}

.template-dropdown__toggle .cu-search__icon {
    left: 0
}

.template-dropdown__dropdown-settings_down {
    transition: all .2s cubic-bezier(.785,.135,.15,.86) 0s;
    display: block;
    position: absolute;
    width: 6px;
    height: 4px;
    cursor: pointer;
    top: 50%;
    right: 20px;
    transform: translateY(-50%);
    opacity: .3
}

.template-dropdown__dropdown-settings_down:hover {
    transition: none
}

.template-dropdown__dropdown-settings_down.template-remove {
    right: 5px;
    width: 10px;
    height: 20px;
    opacity: 1
}

.template-dropdown__dropdown-settings_down.template-remove use {
    fill: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .template-dropdown__dropdown-settings_down.template-remove use {
        fill:var(--theme-main-color)
    }
}

.template-dropdown__menu {
    min-width: 240px;
    display: block;
    position: absolute;
    top: 100%;
    box-shadow: 0 2px 14px #00000026;
    background: #fff;
    border-radius: 4px;
    z-index: 1000;
    left: 0;
    min-width: 300px;
    display: none;
    margin: 5px 0 0!important
}

.template-dropdown_empty .template-dropdown__toggle-text {
    font-size: 15px;
    font-weight: 400;
    line-height: 1;
    color: #34343499
}

.template-list {
    padding: 20px 0 10px;
    max-height: 500px;
    overflow-y: auto
}

.template-list__header {
    display: flex;
    align-items: center;
    margin: 0 0 10px;
    padding: 0 15px
}

.template-list__body {
    max-height: 427px
}

.template-list__title {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 12px;
    font-weight: 500;
    line-height: 1;
    padding: 2px 0 0;
    text-transform: uppercase;
    letter-spacing: 2px;
    color: #bcbcbc
}

.template-list__item {
    position: relative;
    display: flex;
    align-items: center;
    padding: 0 10px 0 5px
}

.template-list__item-wrapper+.template-list__item-wrapper .template-list__item {
    border-top: 1px solid #d8d8d8
}

.dark-theme .template-list__item-wrapper+.template-list__item-wrapper .template-list__item {
    border-color: #0d1216
}

.template-list__item.selected a {
    color: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .template-list__item.selected a {
        color:var(--theme-main-color)
    }
}

.template-list__new {
    font-size: 14px;
    font-weight: 300;
    line-height: 18px;
    position: relative;
    display: flex;
    align-items: center;
    padding: 0 10px 0 5px
}

.template-list__new-link {
    color: #A2C44A;
    cursor: pointer;
    padding: 10px 0 6px
}

@supports (--theme-main-color: $color-purple) {
    .template-list__new-link {
        color:var(--theme-main-color)
    }
}

.template-list__link {
    transition: all .2s cubic-bezier(.785,.135,.15,.86) 0s;
    flex-grow: 1;
    display: block;
    font-size: 12px;
    color: #544d61;
    text-decoration: none;
    padding: 10px 0 6px;
    cursor: pointer
}

.template-list__link:hover {
    transition: none
}

.dark-theme .template-list__link {
    color: #d5d6d7
}

.template-list__link:hover {
    color: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .template-list__link:hover {
        color:var(--theme-main-color)
    }
}

.template-list__rename,.template-list__remove {
    cursor: pointer
}

.template-list__rename-icon,.template-list__remove-icon {
    width: 17px;
    height: 17px
}

.template-list__rename {
    margin-right: 10px
}

.template-list__no-results {
    font-size: 13px;
    font-weight: 400;
    line-height: 1.5em;
    padding: 20px 10px;
    color: #34343440;
    font-style: italic
}

.dark-theme .template-list__no-results {
    color: #d5d6d759
}

.template-list__no-results-link {
    color: #A2C44A;
    text-decoration: underline
}

@supports (--theme-main-color: $color-purple) {
    .template-list__no-results-link {
        color:var(--theme-main-color)
    }
}

.template-list__no-results-link:hover {
    color: #A2C44A
}

@supports (--theme-main-color-dark: $color-purple-dark) {
    .template-list__no-results-link:hover {
        color:var(--theme-main-color-dark)
    }
}

.template-list-cc__modal .cu-modal__body {
    min-height: 100px
}

.template-list-cc__title {
    text-align: center;
    font-size: 25px;
    margin: 40px 0
}

.template-list-cc__options {
    display: flex;
    justify-content: center;
    align-items: center
}

.template-list-cc__options .cu-btn {
    margin: 0 10px
}

.cu-tags-view {
    display: flex;
    flex-wrap: wrap;
    align-items: center
}

.cu-tags-view__item {
    min-width: 0;
    margin: 1px 0
}

.cu-tags-view__icon {
    width: 22px;
    height: 10px;
    margin-right: 5px;
    padding: 0 3px;
    pointer-events: all;
    display: none;
    vertical-align: sub;
    cursor: pointer
}

.cu-tags-view__icon.use-placeholder {
    width: auto
}

.cu-tags-view__icon.use-placeholder:before {
    display: none
}

.cu-tags-view__icon.show-no-hover {
    display: flex
}

.cu-task-row__container:hover .cu-tags-view__icon {
    display: inline-flex
}

.cu-tags-view__icon:before {
    content: "";
    display: block;
    position: absolute;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    border: .6px dashed #aeacb0
}

.cu-tags-view__icon .cu-stroke {
    stroke: #aeacb0
}

.cu-tags-view__icon .cu-fill {
    fill: #aeacb0
}

.cu-tags-view__icon:hover:before {
    border-color: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .cu-tags-view__icon:hover:before {
        border-color:var(--theme-main-color)
    }
}

.cu-tags-view__icon:hover .cu-stroke {
    stroke: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .cu-tags-view__icon:hover .cu-stroke {
        stroke:var(--theme-main-color)
    }
}

.cu-tags-view__icon:hover .cu-fill {
    fill: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .cu-tags-view__icon:hover .cu-fill {
        fill:var(--theme-main-color)
    }
}

.cu-tags-view__icon_grey {
    display: block
}

.cu-tags-view__icon_purple {
    display: none
}

.cu-time-tracker-editor__row .cu-time-tracker-tags .cu-tags-view .cu-tags-view__icon:before {
    border-color: #b9bec7!important
}

.cu-time-tracker-editor__row .cu-time-tracker-tags .cu-tags-view .cu-tags-view__icon .cu-stroke {
    stroke: #b9bec7!important
}

.cu-tags-view.cu-tags-view_34 .cu-tags-view__icon {
    width: 34px;
    height: 34px;
    margin: 0;
    padding: 7px
}

.cu-tags-view.cu-tags-view_34 .cu-tags-view__icon:before {
    width: 34px;
    height: 34px
}

.cu-tags-view.cu-tags-view_34 .cu-tags-view__icon svg {
    transform: translateY(1px)
}

.cu-tags-view.cu-tags-view_34 .cu-tags-view__icon .cu-stroke {
    stroke: #c1c1c1
}

.contrast_high .cu-tags-view.cu-tags-view_34 .cu-tags-view__icon .cu-stroke,.dark-theme .cu-tags-view.cu-tags-view_34 .cu-tags-view__icon .cu-stroke {
    stroke: #979797
}

.cu-tags-view.cu-tags-view_34 .cu-tags-view__icon:hover .cu-stroke {
    stroke: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .cu-tags-view.cu-tags-view_34 .cu-tags-view__icon:hover .cu-stroke {
        stroke:var(--theme-main-color)
    }
}

.cu-tags-view.cu-tags-view_for-filter .cu-tags-view__item {
    min-width: 24px
}

.cu-tags-view__container {
    display: flex;
    margin: 6px 20px 0;
    padding: 10px 10px 0
}

.cu-tags-view__container-list {
    display: inline-flex;
    padding: 0;
    margin: 0
}

.cu-tags-view__container-list.multi-board,.cu-tags-view__container-list.multi-list {
    order: 100;
    width: 100%;
    margin-left: 0
}

.cu-tags-view__container-list.multi-board {
    margin: 5px 0 0
}

.cu-tags-view__truncate {
    transition: all .2s cubic-bezier(.785,.135,.15,.86) 0s;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 10px;
    font-weight: 500;
    line-height: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #cbc9cf;
    border-radius: 9px;
    padding: 1px 2px 0;
    min-width: 18px;
    height: 18px;
    color: #fff;
    cursor: pointer
}

.dark-theme .cu-tags-view__truncate {
    color: #828588
}

.cu-tags-view__truncate:hover {
    background: #b1aeb7
}

.dark-theme .cu-tags-view__truncate:hover {
    color: #1e272e
}

.cu-tags-view__truncate.truncate-read-only {
    cursor: default
}

.cu-tags-view__truncate.truncate-read-only:hover {
    background-color: #cbc9cf
}

.cu-tags-view.list-view .cu-tags-badge {
    height: 18px;
    display: inline-flex;
    align-items: center
}

.cu-tags-view__arrow {
    width: 16px;
    height: 16px;
    fill: #4f5762
}

.dark-theme .cu-tags-view__arrow {
    fill: #d6d9de
}

.user-list.cu-tags-select {
    max-height: none
}

.cu-tags-select.user-list {
    max-height: 370px;
    position: relative
}

.cu-tags-select .user-list__body {
    min-height: 100px
}

.cu-tags-select.tag-create-disabled {
    cursor: not-allowed
}

.cu-tags-select.tag-create-disabled .cu-tags-select__existing,.cu-tags-select.tag-create-disabled .user-list__header,.cu-tags-select.tag-create-disabled .user-list__body {
    pointer-events: none
}

.cu-tags-select__existing {
    padding: 7px 16px 0 7px;
    border-bottom: 1px solid #e4e4e4;
    display: flex;
    flex-wrap: wrap;
    overflow: auto;
    flex-shrink: 0;
    max-height: 120px
}

.dark-theme .cu-tags-select__existing {
    border-bottom: 1px solid #1e272e
}

.cu-tags-select__existing .cu-tags-badge {
    display: inline-flex
}

.cu-tags-select__existing .cu-tags-badge color-picker {
    position: absolute;
    top: 0
}

.cu-tags-select .user-list__body {
    background: #fff
}

.dark-theme .cu-tags-select .user-list__body {
    background: #384047
}

.cu-tags-select .cu-search {
    border-bottom: 1px solid #e4e4e4
}

.cu-tags-select__item-row {
    display: flex;
    justify-content: space-between;
    max-width: 250px;
    border-bottom: 1px solid #f4f4f4;
    padding: 0 12px 0 8px
}

.dark-theme .cu-tags-select__item-row {
    border-bottom: 1px solid #1e272e
}

.cu-tags-select__item-row .cu-tags-select__badge-icon-close {
    display: none
}

.cu-tags-select__item-row:hover {
    background-color: #f1f1f1
}

.dark-theme .cu-tags-select__item-row:hover {
    background: #2b343b
}

.cu-tags-select__item-row:hover .cu-tags-select__badge-icon-close {
    display: flex
}

.cu-tags-select__item-row_highlighted {
    background-color: #f1f1f1
}

.dark-theme .cu-tags-select__item-row_highlighted {
    background: #2b343b
}

.cu-tags-select__item-row cu-quick-actions-menu {
    display: flex;
    align-items: center
}

.cu-tags-select__item-row .cu-dropdown.cu-dropdown_open .cu-tags-select__badge-icon-close {
    display: flex
}

.cu-tags-select__item-container {
    position: absolute;
    right: 8px
}

.cu-tags-select__error {
    font-size: 13px;
    font-weight: 400;
    line-height: 1.2;
    color: #fd71af;
    padding: 10px;
    border-bottom: 1px solid #f4f4f4
}

.cu-tags-select__name {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.15;
    max-width: 100%;
    min-width: 0;
    position: absolute
}

.dark-theme .cu-tags-select__name_color-invert {
    color: #343434!important
}

.cu-tags-select__name-shadow {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.15;
    max-width: 100%;
    min-width: 0;
    position: relative;
    color: transparent
}

.cu-tags-select__name-shadow_icon {
    padding-left: 16px
}

.cu-tags-select__name-container {
    flex-grow: 1;
    max-width: 200px;
    min-width: 0;
    position: relative;
    display: flex
}

.cu-tags-select__badge {
    display: flex;
    align-items: center;
    min-width: 41px;
    height: 20px;
    border-radius: 2px 13px 13px 2px;
    margin: 0 4px 4px 0;
    padding: 0 10px 0 8px;
    white-space: nowrap;
    text-overflow: ellipsis;
    position: relative;
    overflow: hidden
}

.dark-theme .cu-tags-select__badge:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    background: inherit
}

.cu-tags-select__badge_readonly .cu-tags-select__name {
    position: relative
}

.cu-tags-select__badge_readonly .cu-tags-select__name-shadow {
    display: none
}

.cu-tags-select__badge:not(.cu-tags-select__badge_readonly):hover .cu-tags-select__name {
    max-width: calc(100% - 20px);
    text-overflow: initial
}

.cu-tags-select__badge:not(.cu-tags-select__badge_readonly):hover .cu-tags-select__name_ellipsis {
    max-width: calc(100% - 34px);
    text-overflow: initial
}

.cu-tags-select__badge .cu-tags-select__name {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 12px;
    font-weight: 500;
    line-height: 18px;
    width: 100%;
    text-align: center
}

.cu-tags-select__badge .cu-tags-select__name-shadow {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 12px;
    font-weight: 500;
    line-height: 18px;
    color: transparent
}

.cu-tags-select__badge-icon {
    display: inline-block;
    width: 12px;
    height: 12px;
    margin: 0 4px -2px 0
}

.dark-theme .cu-tags-select__badge-icon_color-invert {
    fill: #343434!important
}

.cu-tags-select__badge-icon-close {
    display: none;
    position: absolute;
    right: 2px;
    width: 18px;
    height: 18px;
    padding: 1px;
    opacity: .6;
    fill: #fff;
    cursor: pointer
}

.cu-tags-select__badge-icon-close:hover {
    opacity: 1
}

.dark-theme .cu-tags-select__badge-icon-close_color-invert {
    fill: #343434!important
}

.cu-tags-view.list-view .cu-tags-select__badge,.cu-tags-view.cu-tags-view_34 .cu-tags-select__badge {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 18px
}

.cu-tags-view.list-view .cu-tags-select__badge .cu-tags-select__name,.cu-tags-view.cu-tags-view_34 .cu-tags-select__badge .cu-tags-select__name {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 10px;
    font-weight: 500;
    line-height: 18px
}

.cu-tags-view.list-view .cu-tags-select__badge .cu-tags-select__name-shadow,.cu-tags-view.cu-tags-view_34 .cu-tags-select__badge .cu-tags-select__name-shadow {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 10px;
    font-weight: 500;
    line-height: 18px;
    color: transparent
}

.cu-tags-select__badge-ellipsis {
    display: none;
    position: absolute;
    right: 20px
}

.cu-tags-select__badge-ellipsis-icon {
    width: 18px;
    height: 18px;
    cursor: pointer;
    opacity: .6
}

.cu-tags-select__badge-ellipsis-icon:hover {
    opacity: 1
}

.cu-tags-select__badge:not(.cu-tags-select__badge_readonly):hover .cu-tags-select__badge-icon-close,.cu-tags-select__badge:not(.cu-tags-select__badge_readonly):hover .cu-tags-select__badge-ellipsis {
    display: flex
}

.cu-tags-select__badge_rectangle {
    border-radius: 4px;
    height: 20px;
    padding: 2px 6px;
    justify-content: flex-start
}

.cu-tags-select__badge_rectangle .cu-tags-select__name {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 12px;
    font-weight: 500;
    line-height: 16px
}

.cu-tags-select__badge_rectangle .cu-tags-select__name-shadow {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 12px;
    font-weight: 500;
    line-height: 16px;
    color: transparent
}

.cu-tags-select .cu-search__input {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    padding: 14px 20px 12px 8px
}

.cu-tags-select .cu-search__input::placeholder {
    color: #34343466;
    opacity: 1;
    font-size: 14px
}

.dark-theme .cu-tags-select .cu-search__input::placeholder {
    color: #828588;
    opacity: 1;
    font-size: 14px
}

.cu-tags-select .user-list-item {
    transition: none
}

.cu-tags-select .user-list-item.cu-tags-select__item {
    display: flex;
    justify-content: space-between;
    border: 0;
    padding: 9px 0;
    flex: 1 0 0
}

.cu-tags-view__container .cu-dropdown_open .cu-tags-view__icon_grey,.cu-tags-view__container-list .cu-dropdown_open .cu-tags-view__icon_grey {
    display: none
}

.cu-tags-view__container .cu-dropdown_open .cu-tags-view__icon_purple,.cu-tags-view__container-list .cu-dropdown_open .cu-tags-view__icon_purple,.cu-panel-board.cu-panel-board_hover-state .cu-tags-view__container-list .cu-tags-view__icon {
    display: block
}

.lv-task .cu-tags-view__icon,.cu-task-row__container .cu-tags-view__icon,.task-todo-item .cu-tags-view__icon {
    display: none;
    width: 20px;
    height: 20px;
    padding: 3px 2px 1px;
    border-radius: 4px;
    transform: translateY(1px);
    background: #fff;
    border: 1px solid #e9ebf0;
    fill: #7c828d
}

.dark-theme .lv-task .cu-tags-view__icon,.dark-theme .cu-task-row__container .cu-tags-view__icon,.dark-theme .task-todo-item .cu-tags-view__icon {
    background: #2b343b;
    border-color: #1e272e;
    fill: #b9bec7
}

.lv-task .cu-tags-view__icon:hover,.cu-task-row__container .cu-tags-view__icon:hover,.task-todo-item .cu-tags-view__icon:hover {
    fill: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .lv-task .cu-tags-view__icon:hover,.cu-task-row__container .cu-tags-view__icon:hover,.task-todo-item .cu-tags-view__icon:hover {
        fill:var(--theme-main-color)
    }
}

.lv-task .cu-tags-view__icon:hover .cu-stroke,.cu-task-row__container .cu-tags-view__icon:hover .cu-stroke,.task-todo-item .cu-tags-view__icon:hover .cu-stroke {
    stroke: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .lv-task .cu-tags-view__icon:hover .cu-stroke,.cu-task-row__container .cu-tags-view__icon:hover .cu-stroke,.task-todo-item .cu-tags-view__icon:hover .cu-stroke {
        stroke:var(--theme-main-color)
    }
}

.dark-theme .lv-task .cu-tags-view__icon:hover .cu-stroke,.dark-theme .cu-task-row__container .cu-tags-view__icon:hover .cu-stroke,.dark-theme .task-todo-item .cu-tags-view__icon:hover .cu-stroke {
    stroke: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .dark-theme .lv-task .cu-tags-view__icon:hover .cu-stroke,.dark-theme .cu-task-row__container .cu-tags-view__icon:hover .cu-stroke,.dark-theme .task-todo-item .cu-tags-view__icon:hover .cu-stroke {
        stroke:var(--theme-main-color)
    }
}

.lv-task .cu-tags-view__icon:before,.cu-task-row__container .cu-tags-view__icon:before,.task-todo-item .cu-tags-view__icon:before {
    display: none
}

.lv-task .cu-tags-view__icon .cu-stroke,.cu-task-row__container .cu-tags-view__icon .cu-stroke,.task-todo-item .cu-tags-view__icon .cu-stroke {
    stroke: #7c828d
}

.dark-theme .lv-task .cu-tags-view__icon .cu-stroke,.dark-theme .cu-task-row__container .cu-tags-view__icon .cu-stroke,.dark-theme .task-todo-item .cu-tags-view__icon .cu-stroke {
    stroke: #b9bec7
}

.lv-task:hover .cu-tags-view__icon,.cu-task-row__container:hover .cu-tags-view__icon,.task-todo-item .cu-tags-view__icon,.cu-task-row__container .cu-task-row-main__actions-inner.cu-task-row-main__actions-inner-dropdown-open .cu-tags-view__icon,.cu-panel-board .cu-panel-board__header-container:hover .cu-tags-view__icon {
    display: flex
}

.cu-panel-board .cu-board-card-subtask .cu-tags-view__icon {
    display: flex;
    width: 24px;
    height: 24px;
    padding: 5px
}

.cu-panel-board .cu-board-card-subtask:hover .cu-tags-view__icon {
    display: flex;
    margin-right: 0
}

.cu-dropdown.cu-dropdown_open .cu-tags-view__icon {
    display: flex
}

.cu-dropdown.cu-dropdown_open .cu-tags-view__icon .cu-stroke {
    stroke: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .cu-dropdown.cu-dropdown_open .cu-tags-view__icon .cu-stroke {
        stroke:var(--theme-main-color)
    }
}

.cu-dropdown.cu-dropdown_open .cu-tags-view__icon:before {
    border-color: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .cu-dropdown.cu-dropdown_open .cu-tags-view__icon:before {
        border-color:var(--theme-main-color)
    }
}

.task-column .cu-tags-view__icon {
    display: inline-flex;
    width: 24px;
    height: 24px;
    padding: 5px
}

.task-column .cu-tags-view__icon:before {
    width: 24px;
    height: 24px
}

.lv-task .cu-tags-view__container-list {
    margin-right: -50px
}

.lv-task .cu-tags-view__container-list.multi-list {
    margin-right: 0
}

.checklist {
    padding: 0 30px
}

.cu-modal__body .checklist {
    padding: 0
}

.checklist-container {
    padding-left: 24px;
    padding-top: 15px;
    position: relative
}

.checklist .task-todo__section .checklist-todo-item .cu-user-group.cu-user-group_sm .cu-avatar {
    margin-top: 0
}

.checklist .cu-user-group.cu-user-group_sm .cu-avatar {
    width: 20px;
    height: 20px
}

.checklist .cu-todo-list__container-items .cu-user-group__item {
    margin-top: 0;
    height: 20px;
    box-sizing: border-box
}

.checklist-assign {
    display: inline-block;
    width: 2px
}

.checklist-menu {
    margin-left: 150px;
    margin-top: -17px!important;
    width: 100%;
    white-space: nowrap
}

.checklist-wrapper {
    padding-bottom: 20px
}

.checklist-wrapper .task-todo__section {
    margin-left: -24px
}

.checklist-wrapper .task-completed-label {
    margin-left: 24px
}

.checklist-wrapper--draging .checklist-container {
    padding-top: 15px;
    padding-bottom: 35px;
    margin-bottom: -35px
}

.checklist-wrapper--draging .checklist-todo-item__sublist--empty {
    z-index: 5;
    display: block
}

.checklist-wrapper--draging .checklist-todo-item__sublist--empty:hover {
    min-height: 0
}

.checklist-wrapper--draging .checklist-todo-item__sublist--empty .checklist-container {
    z-index: 1;
    padding-top: 15px;
    padding-bottom: 20px
}

.checklist-wrapper--draging .checklist-todo-item__sublist--empty .checklist-container:hover {
    min-height: 0
}

.checklist-item {
    display: flex;
    padding-left: 20px;
    margin-left: -20px
}

.checklist-item-container {
    position: relative;
    display: block
}

.checklist-item-container+.checklist-container,.checklist-item-container+.checklist-item-container {
    margin-top: 12.5px
}

.checklist-item_is-checklist-closed {
    animation-name: bounceOutRight;
    animation-duration: 1.4s;
    animation-fill-mode: both;
    pointer-events: none
}

.checklist-item_is-checklist-closed+.checklist-todo-item__sublist {
    animation-name: bounceOutRight;
    animation-duration: 1.4s;
    animation-fill-mode: both;
    pointer-events: none
}

.checklist-item_is-checklist-closed+.checklist-todo-item__sublist .checklist-item__name {
    text-decoration: line-through
}

.checklist-item_is-checklist-closed+.checklist-todo-item__sublist .checklist-item__angle {
    opacity: 1;
    visibility: visible
}

.checklist-item_is-checklist-closed .checklist-item__name {
    text-decoration: line-through
}

.checklist-item:hover .checklist-item__empty-assign {
    opacity: 1;
    visibility: visible
}

.checklist-item:hover .lv-task__quick-action-ellipsis {
    display: block
}

.checklist-item__empty-assign {
    opacity: 0;
    visibility: hidden;
    transition: all .2s cubic-bezier(.785,.135,.15,.86) 0s
}

.checklist-item__empty-assign:hover {
    transition: none
}

.checklist-item__input {
    font-size: 14px;
    font-weight: 300;
    line-height: 20px;
    color: #343434;
    top: 0;
    border: 0;
    background-color: transparent;
    box-shadow: none;
    padding: 0 7px;
    outline: none;
    cursor: pointer;
    text-transform: none;
    min-width: 50px
}

.dark-theme .checklist-item__input {
    color: #d5d6d7;
    box-shadow: none;
    background: transparent
}

.checklist-item__input-with-placeholder {
    font-size: 14px;
    font-weight: 300;
    line-height: 20px;
    position: relative;
    color: #343434;
    opacity: .4;
    width: 50px;
    margin: 0 -57px 0 7px;
    text-transform: capitalize
}

.dark-theme .checklist-item__input-with-placeholder {
    color: #828588;
    box-shadow: none;
    background: transparent
}

.checklist-item__angle {
    opacity: 0;
    visibility: hidden;
    fill: #A2C44A;
    transition: all .3s cubic-bezier(.785,.135,.15,.86) 0s;
    vertical-align: middle
}

@supports (--theme-main-color: $color-purple) {
    .checklist-item__angle {
        fill:var(--theme-main-color)
    }
}

.checklist-item__angle:hover {
    transition: none
}

.checklist-item__status_resolved .checklist-item__angle,.checklist-item_is-checklist-closed .checklist-item__angle {
    opacity: 1;
    visibility: visible
}

.checklist-item__status {
    flex-shrink: 0;
    width: 20px;
    height: 20px;
    border: 1px solid #e2e2e2;
    line-height: 18px;
    text-align: center;
    border-radius: 50%;
    margin: 1px 7px 0 0;
    cursor: pointer;
    transition: all .2s cubic-bezier(.785,.135,.15,.86) 0s
}

.cu-modal__body .checklist-item__status {
    cursor: default
}

.checklist-item__status:hover {
    transition: none
}

.cu-modal__body .checklist-item__status:hover {
    border: 1px solid #e2e2e2
}

.dark-theme .cu-modal__body .checklist-item__status:hover,.dark-theme .checklist-item__status {
    border: 1px solid #abaeb0
}

.checklist-item__status:hover {
    border-color: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .checklist-item__status:hover {
        border-color:var(--theme-main-color)
    }
}

.checklist-item__status.no-permission {
    cursor: default
}

.checklist-item__status.no-permission:hover {
    border: 1px solid #e2e2e2
}

.checklist-item__status_resolved+.cu-todo-list__container .checklist-item__name {
    text-decoration: line-through
}

.checklist-item-drag {
    pointer-events: none
}

.checklist-add {
    position: relative;
    display: flex;
    margin-bottom: 15px
}

.checklist-add-bottom {
    margin-top: 15px
}

.checklist-add__btn {
    transition: all .2s cubic-bezier(.785,.135,.15,.86) 0s;
    font-size: 11px;
    font-weight: 600;
    line-height: 1;
    opacity: .3;
    color: #343434;
    text-transform: uppercase;
    margin: 0 -5px;
    padding: 5px;
    border: 0
}

.dark-theme .checklist-add__btn {
    color: #d5d6d7
}

.checklist-add__btn:hover {
    color: #A2C44A;
    opacity: 1
}

@supports (--theme-main-color: $color-purple) {
    .checklist-add__btn:hover {
        color:var(--theme-main-color)
    }
}

.cu-modal__body .checklist-add__btn {
    font-size: 14px;
    font-weight: 400;
    opacity: 1;
    text-transform: none;
    display: inline-block;
    margin: 10px 0;
    padding: 2px 0;
    color: #4a90e2
}

.dark-theme .cu-modal__body .checklist-add__btn {
    color: #72b3fd
}

.checklist-add__plus {
    width: 12px;
    height: 20px;
    margin: 0 4px
}

.checklist-add__plus use {
    fill: #dbdbdb
}

.dark-theme .checklist-add__plus use {
    color: #828588;
    opacity: .4
}

.checklist-add__plus-not-empty:hover use {
    fill: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .checklist-add__plus-not-empty:hover use {
        fill:var(--theme-main-color)
    }
}

.checklist-add .cu-user-group__icon-mono {
    margin-top: 5px
}

.checklist .cu-user-group.cu-user-group_sm .cu-avatar svg {
    width: 20px;
    height: 20px
}

.checklist-todo-item .checklist__quick-action {
    height: 20px;
    margin-top: 0
}

.checklist-todo-item .cu-dropdown {
    min-height: 20px;
    position: absolute
}

.checklist-todo-item .user-group__item {
    outline: none
}

.checklist-todo-item .checklist__quick-action {
    margin-left: 8px;
    position: relative;
    z-index: 5
}

.checklist-todo-item .cu-user-group.cu-user-group_sm .cu-avatar {
    margin: -2px 0 0 5px;
    outline: none
}

.dark-theme .checklist-todo-item .cu-user-group.cu-user-group_sm .cu-avatar.cu-avatar_bordered {
    border-color: #384047
}

.checklist-todo-item .cu-user-group__item {
    outline: none
}

.checklist-todo-item cu-user-group {
    outline: none;
    position: relative;
    z-index: 10
}

.gu-transit .checklist-todo-item__sublist--empty {
    display: none
}

.checklist-todo-item__sublist--empty .gu-transit {
    margin-bottom: 12.5px
}

.checklist-item__name--pseudo {
    display: inline-block;
    visibility: hidden;
    white-space: pre;
    z-index: -1;
    position: relative;
    padding: 4px 6px;
    font-weight: 300;
    font-size: 14px;
    line-height: 20px;
    border: 1px solid;
    box-sizing: border-box
}

.checklist-item__name {
    word-break: break-word;
    overflow-wrap: break-word;
    word-wrap: break-word;
    -webkit-hyphens: auto;
    hyphens: auto;
    font-size: 14px;
    font-weight: 300;
    line-height: 20px;
    border: 1px solid #fff;
    border-radius: 3px;
    transition: .1s;
    background: transparent;
    overflow: hidden;
    resize: none;
    padding: 0 6px;
    outline: none;
    margin-top: 0;
    min-height: 20px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    box-sizing: border-box
}

.dark-theme .checklist-item__name {
    border: 1px solid #384047;
    color: #d5d6d7
}

.checklist-item__name:hover,.checklist-item__name:focus {
    border-color: #ccc
}

.dark-theme .checklist-item__name:hover,.dark-theme .checklist-item__name:focus {
    border-color: #828588
}

.checklist-item__name:hover .linkified,.checklist-item__name:focus .linkified {
    text-decoration: underline
}

.checklist-item__name.no-permission:hover {
    border: 1px solid #fff
}

.checklist-item__name .linkified {
    color: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .checklist-item__name .linkified {
        color:var(--theme-main-color)
    }
}

.checklist-item__name-textarea-block {
    width: 100%
}

.checklist-item__name-textarea-block textarea {
    word-break: break-word;
    overflow-wrap: break-word;
    word-wrap: break-word;
    -webkit-hyphens: auto;
    hyphens: auto;
    font-size: 15px;
    font-weight: 300;
    line-height: 30px;
    width: 100%;
    border: 1px solid #ccc;
    border-radius: 3px;
    background: transparent;
    overflow: hidden;
    resize: none;
    padding: 4px 6px;
    margin: -4px 0;
    outline: none
}

.checklist-item__name a {
    margin-left: 5px
}

.checklist-item__name-wrapper {
    position: relative
}

.checklist-item__name--textarea {
    display: block;
    width: 100%;
    position: absolute
}

.checklist-todo-item:hover .task-todo-item__handle {
    opacity: 1
}

.checklist-item__status {
    outline: none
}

.checklist-item__status:after {
    display: none
}

.checklist-item__status--active:after {
    display: block
}

.checklist-todo-item {
    display: flex;
    align-items: flex-start
}

.checklist-todo-item-not-ready {
    opacity: .4
}

.checklist-item__handle {
    height: 23px;
    margin-top: -1.5px;
    left: -18px;
    width: 20px;
    position: absolute;
    z-index: 2;
    cursor: move;
    opacity: 0;
    visibility: hidden;
    display: block;
    transition: all .3s cubic-bezier(.785,.135,.15,.86) 0s
}

.checklist-item__handle:hover {
    transition: none
}

.checklist-item__handle svg {
    width: 10px
}

.checklist-item__handle .icon {
    margin-left: 0
}

.task-todo__section .task-todo-item.task-todo-item_add {
    margin-left: 17px;
    margin-bottom: 7px
}

.checklist-todo-item:hover .checklist-item__handle {
    opacity: 1;
    visibility: visible
}

.checklist-wrapper--draging .checklist-container .task-todo-item.task-todo-item_add {
    display: none
}

.checklist-todo-item__sublist {
    padding: 0;
    z-index: 4;
    position: relative
}

.checklist-todo-item__sublist:before,.checklist-todo-item__sublist:after {
    content: "";
    display: table
}

.checklist-todo-item__sublist:after {
    clear: both
}

.checklist-todo-item__sublist--empty {
    flex: 1;
    position: relative
}

.checklist-todo-item__sublist--empty .checklist-container {
    padding-top: 0
}

.checklist-todo-item__sublist--empty .checklist-add {
    margin-top: 15px;
    margin-bottom: 0
}

.checklist-todo-item__sublist-last-lvl {
    margin: 0;
    padding: 0;
    min-width: 0;
    min-height: 0
}

.checklist-todo-item__sublist-last-lvl .checklist-container {
    min-height: 0
}

.checklist-todo-item__sublist-last-lvl .checklist-container:last-child {
    min-width: 25px
}

.checklist-todo-item__sublist--no-empty {
    padding-bottom: 13px
}

.task-todo-item--drag {
    pointer-events: none
}

.checklist-todo-item--active .checklist-item__name {
    text-decoration: line-through;
    color: #c2c2c2
}

.checklist__title {
    line-height: 20px;
    height: 20px;
    margin: 0
}

.checklist__title .lv-task__quick-action-ellipsis {
    display: inline-block
}

.checklist__title .lv-task__quick-action-ellipsis_subtask {
    vertical-align: middle
}

.checklist__title .checklist__quick-action {
    display: inline-block;
    vertical-align: middle;
    margin-top: 0
}

.checklist__title-textarea {
    font-size: 14px;
    font-weight: 600;
    outline: none;
    text-transform: uppercase;
    resize: none;
    width: 100%;
    height: 20px;
    border: none;
    padding: 1px 0 0;
    color: #34343466
}

.dark-theme .checklist__title-textarea {
    color: #d5d6d7;
    box-shadow: none;
    background: transparent
}

.checklist__title-text {
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    margin: 0;
    color: #34343499;
    text-transform: uppercase;
    display: inline-flex;
    align-items: center
}

.dark-theme .checklist__title-text {
    color: #abaeb0
}

.checklist__title-text-count {
    font-size: 11px;
    font-weight: 400;
    color: #34343466;
    padding-left: 10px;
    margin-top: -1px
}

.contrast_high .checklist__title-text-count {
    color: #858585
}

.dark-theme .checklist__title-text-count {
    color: #828588
}

.cu-user-group {
    outline: none
}

.checklist-add-popup {
    left: 20px!important
}

.show-checklist-menu {
    overflow: hidden
}

.show-checklist-menu.cu-dropdown_open .cu-dropdown__toggle-arrow-right {
    transform: rotate(90deg)
}

.checklist .gu-trasit .checklist-container {
    padding-top: 15px
}

.checklist .gu-trasit .checklist-todo-item__sublist--empty {
    display: none
}

.checklist .gu-trasit .checklist-todo-item__sublist--empty .checklist-container {
    padding-top: 0
}

.task-todo__section>cu-checklist-add .checklist-add {
    margin-top: 15px;
    margin-left: 24px;
    margin-bottom: 0
}

.task-todo__section>cu-checklist-add .checklist-add .checklist-item__input:focus+cu-user-group .cu-user-group__icon-mono {
    visibility: visible
}

.task-todo__section>cu-checklist-add .checklist-add .cu-user-group__icon-mono {
    visibility: hidden
}

.checklist-create-template__empty {
    text-align: center;
    padding-top: 10px
}

.checklist-create-template__empty .template__empty-title {
    margin-top: 20px
}

.recurring-options {
    font-size: 14px;
    font-weight: 400;
    line-height: 1.25;
    width: 355px;
    padding: 20px
}

.recurring-options__recur-next {
    text-align: center;
    margin-top: 10px
}

.recurring-options__recur-next .cu-dropdown,.recurring-options__recur-next .cu-dropdown__toggle {
    display: inline-flex
}

.recurring-options__recur-next-date {
    background: #A2C44A;
    font-size: 12px;
    font-weight: 400;
    line-height: 14px;
    border-radius: 13px;
    padding: 7px 10px;
    color: #fff
}

@supports (--theme-main-color: $color-purple) {
    .recurring-options__recur-next-date {
        background:var(--theme-main-color)
    }
}

.recurring-options_missed .recurring-options__recur-next-date {
    background: #fc0
}

.recurring-options__recur-next-arrow {
    fill: #fff;
    display: inline-flex;
    width: 6px;
    height: 9px;
    transform: rotate(-90deg);
    margin-left: 3px
}

.recurring-options__recur-next-desc {
    font-size: 11px;
    font-weight: 400;
    line-height: 14px;
    color: #343434;
    opacity: .5
}

.recurring-options__hidden {
    display: flex;
    justify-content: center;
    margin: 45px 25px 0;
    cursor: pointer
}

.recurring-options_next .recurring-options__hidden {
    margin: 25px 25px 0
}

.recurring-options__hidden-icon {
    display: block;
    width: 17px;
    height: 17px;
    margin-right: 6px
}

.recurring-options__hidden-icon use {
    fill: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .recurring-options__hidden-icon use {
        fill:var(--theme-main-color)
    }
}

.recurring-options__hidden-link {
    color: #A2C44A;
    border-bottom-color: #A2C44A;
    font-size: 15px;
    font-weight: 400;
    line-height: 17px;
    border-bottom: 1px dotted
}

@supports (--theme-main-color: $color-purple) {
    .recurring-options__hidden-link {
        color:var(--theme-main-color)
    }
}

@supports (--theme-main-color: $color-purple) {
    .recurring-options__hidden-link {
        border-bottom-color:var(--theme-main-color)
    }
}

body.cu-dropdown_open .cu-dropdown__menu .recurring-options_readonly .recurring-options__time-empty,body.cu-dropdown_open .cu-dropdown__menu .recurring-options_readonly .recurring-options__all-days a,body.cu-dropdown_open .cu-dropdown__menu .recurring-options_readonly .recurring-options__days-item,body.cu-dropdown_open .cu-dropdown__menu .recurring-options_readonly .datepicker__dates-input-container-val,body.cu-dropdown_open .cu-dropdown__menu .recurring-options_readonly .cu-dropdown__toggle,body.cu-dropdown_open .cu-dropdown__menu .recurring-options_readonly .cu-checkbox__label,body.cu-dropdown_open .cu-dropdown__menu .recurring-options_readonly .recurring-options__input {
    pointer-events: none!important;
    cursor: default
}

.recurring-options__divider {
    padding: 10px 20px 0 15px;
    margin: 0 -20px 14px;
    opacity: .4;
    position: relative;
    display: flex
}

.recurring-options__divider:before {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    border-top: 1px solid #e4e4e4;
    top: 13px;
    margin-left: -15px
}

.dark-theme .recurring-options__divider:before {
    border-top: 1px solid #2b343b
}

.recurring-options__divider span {
    font-size: 10px;
    font-weight: 400;
    line-height: 1;
    color: #343434;
    text-transform: uppercase;
    background-color: #fff;
    z-index: 1;
    padding: 0 5px
}

.dark-theme .recurring-options__divider span {
    color: #d5d6d7;
    background-color: #384047
}

.recurring-options__strat-dates,.recurring-options__strat-dates .recurring-options__combo-value {
    display: inline-block
}

.recurring-options__strat-dates-menu .recurring-list__item {
    text-transform: none
}

.recurring-options__all-days {
    padding: 6px 0 0
}

.dark-theme .recurring-options__all-days {
    color: #d5d6d7
}

.recurring-options__all-days a {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 12px;
    font-weight: 400;
    text-decoration: none;
    cursor: pointer;
    border-bottom: 1px dashed;
    opacity: .5;
    color: #343434;
    border-bottom-color: #343434
}

.dark-theme .recurring-options__all-days a {
    color: #d5d6d7;
    border-bottom-color: #d5d6d7
}

.recurring-options__all-days a:hover {
    color: #A2C44A;
    border-bottom-color: #A2C44A;
    opacity: 1
}

@supports (--theme-main-color: $color-purple) {
    .recurring-options__all-days a:hover {
        color:var(--theme-main-color)
    }
}

@supports (--theme-main-color: $color-purple) {
    .recurring-options__all-days a:hover {
        border-bottom-color:var(--theme-main-color)
    }
}

.recurring-options__summary {
    font-size: 12px;
    font-weight: 400;
    line-height: 20px;
    color: #343434;
    border-top: 1px solid #e4e4e4;
    background-color: #fafafa;
    padding: 20px 20px 15px;
    margin: 10px -20px -20px;
    text-align: center
}

.recurring-options_next .recurring-options__summary {
    padding: 20px 20px 25px
}

.recurring-options_collapsed .recurring-options__summary {
    margin: -20px
}

.dark-theme .recurring-options__summary {
    background: #2b343b;
    color: #d5d6d7;
    border-top: 1px solid #1e272e
}

.dark-theme .recurring-options__summary span {
    color: #d5d6d7
}

.recurring-options__summary a {
    color: #A2C44A;
    border-bottom-color: #A2C44A;
    text-decoration: none;
    cursor: pointer;
    border-bottom: 1px dashed
}

@supports (--theme-main-color: $color-purple) {
    .recurring-options__summary a {
        color:var(--theme-main-color)
    }
}

@supports (--theme-main-color: $color-purple) {
    .recurring-options__summary a {
        border-bottom-color:var(--theme-main-color)
    }
}

.recurring-options__summary a:hover {
    color: #A2C44A;
    border-bottom: 1px dashed #A2C44A
}

@supports (--theme-main-color-dark: $color-purple-dark) {
    .recurring-options__summary a:hover {
        color:var(--theme-main-color-dark)
    }
}

@supports (--user-color-theme-dark: $color-purple-dark) {
    .recurring-options__summary a:hover {
        border-bottom:1px dashed var(--theme-main-color)
    }
}

.recurring-options__summary .recurring-options__summary-link_underline {
    border-bottom-color: #A2C44A;
    border-bottom: 1px solid
}

@supports (--theme-main-color: $color-purple) {
    .recurring-options__summary .recurring-options__summary-link_underline {
        border-bottom-color:var(--theme-main-color)
    }
}

.recurring-options__summary .recurring-options__summary-link_underline:hover {
    color: #A2C44A;
    border-bottom: 1px solid #A2C44A
}

@supports (--theme-main-color-dark: $color-purple-dark) {
    .recurring-options__summary .recurring-options__summary-link_underline:hover {
        color:var(--theme-main-color-dark)
    }
}

@supports (--user-color-theme-dark: $color-purple-dark) {
    .recurring-options__summary .recurring-options__summary-link_underline:hover {
        border-bottom:1px dashed var(--theme-main-color)
    }
}

.recurring-options__advanced-header {
    margin: 7px 0 20px;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.recurring-options__advanced-header-title {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 11px;
    font-weight: 500;
    line-height: 12px;
    color: #343434;
    opacity: .4;
    text-transform: uppercase;
    margin-top: 1px
}

.dark-theme .recurring-options__advanced-header-title {
    color: #d5d6d7
}

.recurring-options__back {
    cursor: pointer;
    display: flex;
    justify-content: center;
    margin-left: -3px
}

.recurring-options__back:hover .recurring-options__back-icon use {
    fill: #A2C44A
}

@supports (--theme-main-color-dark: $color-purple-dark) {
    .recurring-options__back:hover .recurring-options__back-icon use {
        fill:var(--theme-main-color-dark)
    }
}

.recurring-options__back:hover .recurring-options__back-text {
    color: #A2C44A
}

@supports (--theme-main-color-dark: $color-purple-dark) {
    .recurring-options__back:hover .recurring-options__back-text {
        color:var(--theme-main-color-dark)
    }
}

.recurring-options__back-icon {
    width: 10px;
    height: 6px;
    transform: rotate(90deg);
    margin: 3px 3px 0 0
}

.recurring-options__back-icon use {
    fill: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .recurring-options__back-icon use {
        fill:var(--theme-main-color)
    }
}

.recurring-options__back-text {
    color: #A2C44A;
    font-size: 13px;
    font-weight: 400;
    line-height: 1
}

@supports (--theme-main-color: $color-purple) {
    .recurring-options__back-text {
        color:var(--theme-main-color)
    }
}

.recurring-options_muted {
    opacity: .5
}

.recurring-options__block,.recurring-options__due,.recurring-options__status,.recurring-options__end,.recurring-options__time,.recurring-options__yearly,.recurring-options__monthly,.recurring-options__weekly,.recurring-options__freq,.recurring-options__copy-type,.recurring-options__action,.recurring-options__checkoption,.recurring-options__type {
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    margin-bottom: 10px
}

.recurring-options__block-title,.recurring-options__due-title,.recurring-options__status-title,.recurring-options__end-title,.recurring-options__time-title,.recurring-options__yearly-title,.recurring-options__monthly-title,.recurring-options__weekly-title,.recurring-options__freq-title,.recurring-options__copy-type-title,.recurring-options__action-title,.recurring-options__checkoption-title {
    font-size: 12px;
    font-weight: 400;
    line-height: 1;
    width: 93px;
    text-align: right;
    padding: 11px 10px 0 0;
    margin-left: -3px;
    color: #343434;
    display: flex;
    justify-content: flex-end
}

.dark-theme .recurring-options__block-title,.dark-theme .recurring-options__due-title,.dark-theme .recurring-options__status-title,.dark-theme .recurring-options__end-title,.dark-theme .recurring-options__time-title,.dark-theme .recurring-options__yearly-title,.dark-theme .recurring-options__monthly-title,.dark-theme .recurring-options__weekly-title,.dark-theme .recurring-options__freq-title,.dark-theme .recurring-options__copy-type-title,.dark-theme .recurring-options__action-title,.dark-theme .recurring-options__checkoption-title {
    color: #d5d6d7
}

.recurring-options__block-title .icon,.recurring-options__due-title .icon,.recurring-options__status-title .icon,.recurring-options__end-title .icon,.recurring-options__time-title .icon,.recurring-options__yearly-title .icon,.recurring-options__monthly-title .icon,.recurring-options__weekly-title .icon,.recurring-options__freq-title .icon,.recurring-options__copy-type-title .icon,.recurring-options__action-title .icon,.recurring-options__checkoption-title .icon {
    margin-top: -1px
}

.recurring-options__block-data,.recurring-options__due-data,.recurring-options__status-data,.recurring-options__end-data,.recurring-options__time-data,.recurring-options__yearly-data,.recurring-options__monthly-data,.recurring-options__weekly-data,.recurring-options__freq-data,.recurring-options__copy-type-data,.recurring-options__checkoption-data {
    display: flex;
    flex-direction: row
}

.recurring-options__type {
    margin-bottom: 10px
}

.recurring-options__type-item {
    display: flex;
    align-items: center
}

.recurring-options__type-item:first-child .recurring-options__radio-label {
    width: 160px
}

.recurring-options__type-item .recurring-options__radio-label {
    width: 145px
}

.recurring-options__type-item .cu-radio {
    min-height: 20px
}

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

.recurring-options__checkoption-disabled {
    opacity: .5
}

.recurring-options__checkoption-disabled * {
    cursor: not-allowed
}

.recurring-options__checkoption-data {
    margin-top: 6px;
    width: 225px
}

.recurring-options__checkoption-data .cu-checkbox__label {
    font-size: 12px;
    font-weight: 400;
    line-height: 1;
    text-transform: none
}

.recurring-options__checkoption-data_centered {
    width: auto;
    display: flex;
    justify-content: center;
    margin-top: 20px
}

.recurring-options__checkoption .cu-checkbox__label {
    align-items: flex-start
}

.recurring-options__checkoption .cu-checkbox__label:before {
    top: -2px
}

.recurring-options__checkoption .cu-checkbox__label:after {
    top: 1px
}

.recurring-options__action {
    flex-direction: column
}

.recurring-options__action-row {
    display: flex;
    flex-direction: row
}

.recurring-options__action-warning {
    font-size: 11px;
    font-weight: 400;
    line-height: 13px;
    display: flex;
    padding: 5px;
    border: 1px solid #e4e4e4;
    border-radius: 2px;
    background-color: #fafafa;
    color: #4b4b4b;
    width: 200px
}

.recurring-options__action-settings {
    cursor: pointer;
    color: #b4b4b4;
    text-decoration: none;
    display: inline-block
}

.recurring-options__action-settings:hover {
    color: #A2C44A;
    border-color: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .recurring-options__action-settings:hover {
        color:var(--theme-main-color)
    }
}

@supports (--theme-main-color: $color-purple) {
    .recurring-options__action-settings:hover {
        border-color:var(--theme-main-color)
    }
}

.recurring-options__action-settings_dashed {
    border-bottom: 1px dashed #b4b4b4
}

.recurring-options__action-settings .cu-dropdown__toggle {
    color: #b4b4b4
}

.recurring-options__action-settings .cu-dropdown__toggle:hover {
    color: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .recurring-options__action-settings .cu-dropdown__toggle:hover {
        color:var(--theme-main-color)
    }
}

.recurring-options__action-copy {
    font-size: 12px;
    font-weight: 300;
    line-height: 14px;
    color: #b4b4b4;
    margin: 10px 0;
    min-width: 225px;
    align-self: flex-end
}

.recurring-options__freq-data .recurring-options__input {
    width: 50px;
    text-align: center;
    margin-right: 5px
}

.recurring-options__freq-data .recurring-options__combo {
    width: 170px
}

.recurring-options__radio-label {
    font-size: 12px;
    font-weight: 400;
    line-height: 1;
    width: 200px;
    padding-left: 28px;
    cursor: pointer;
    display: flex;
    align-items: flex-end
}

.recurring-options__radio-label-text {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.recurring-options__radio-label:before {
    width: 20px;
    height: 20px
}

.recurring-options__radio-label:after {
    top: 4px;
    left: 4px;
    width: 12px;
    height: 12px
}

.recurring-options__input {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    font-weight: 300;
    line-height: 35px;
    border: 1px solid #e4e4e4;
    border-radius: 2px;
    background: #fff;
    height: 34px;
    padding: 0 8px
}

.dark-theme .recurring-options__input {
    background: #384047;
    border: 1px solid #1e272e;
    color: #d5d6d7
}

.recurring-options__input:focus {
    box-shadow: none
}

.recurring-options__combo {
    display: flex;
    border: 1px solid #e4e4e4;
    border-radius: 2px;
    background: #fff;
    min-width: 100px;
    width: 225px;
    height: 34px;
    transition: .2s
}

.dark-theme .recurring-options__combo {
    border: 1px solid #1e272e;
    background: #384047
}

.recurring-options__combo:hover .recurring-options__combo-down {
    width: 20px;
    height: 20px;
    margin-left: 2px;
    margin-right: -2px;
    fill: #000
}

.dark-theme .recurring-options__combo:hover .recurring-options__combo-down {
    fill: #d5d6d7
}

.recurring-options__highlight .recurring-options__combo {
    border-color: #A2C44A;
    border: 1px solid;
    transition: none
}

@supports (--theme-main-color: $color-purple) {
    .recurring-options__highlight .recurring-options__combo {
        border-color:var(--theme-main-color)
    }
}

.recurring-options__combo-down {
    width: 16px;
    height: 16px;
    fill: #34343499;
    transform: rotate(90deg);
    margin-left: 4px;
    transition: all .1s cubic-bezier(.785,.135,.15,.86) 0s
}

.recurring-options__combo-down:hover {
    transition: none
}

.dark-theme .recurring-options__combo-down {
    fill: #828588
}

.cu-dropdown_open>div>.recurring-options__combo-down {
    transform: rotate(-90deg)
}

.recurring-options__combo-value {
    display: flex;
    align-items: center;
    padding: 0 8px 0 14px;
    width: 100%
}

.recurring-options__combo-text {
    font-size: 12px;
    font-weight: 300;
    line-height: 1;
    flex-grow: 1;
    color: #343434;
    text-transform: lowercase
}

.dark-theme .recurring-options__combo-text {
    color: #d5d6d7
}

.recurring-options__combo-text_capitalize {
    text-transform: capitalize
}

.recurring-options__weekly-data {
    flex-grow: 1;
    min-width: 226px
}

.recurring-options__monthly-data {
    flex-direction: column
}

.recurring-options__monthly-options {
    display: flex;
    align-items: center;
    margin-bottom: 10px
}

.recurring-options__monthly-options .recurring-options__radio-label {
    display: flex;
    align-items: center;
    width: 100px;
    min-height: 20px;
    position: relative
}

.recurring-options__monthly-option1 .recurring-options__combo,.recurring-options__monthly-option2 .recurring-options__combo {
    margin-left: 2px
}

.recurring-options__monthly-option2 .recurring-options__days {
    margin-top: 9px
}

.recurring-options__yearly-data .recurring-options__combo {
    margin-right: 5px;
    width: 170px
}

.recurring-options__yearly-data .recurring-options__input {
    width: 50px;
    text-align: center
}

.recurring-options__days {
    line-height: 34px;
    text-align: right
}

.recurring-options__days>li {
    font-size: 12px;
    font-weight: 300;
    display: inline-block;
    padding: 11px 0 9px;
    border: 1px solid #e4e4e4;
    margin-left: -1px;
    background: #fff;
    min-width: 33px;
    text-align: center;
    cursor: pointer
}

.dark-theme .recurring-options__days>li {
    background: #384047;
    color: #d5d6d7;
    border: 1px solid #1e272e
}

.recurring-options__days>li:first-child {
    margin-left: 0;
    border-top-left-radius: 2px;
    border-bottom-left-radius: 2px;
    min-width: 33px
}

.recurring-options__days>li:last-child {
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
    min-width: 33px
}

.recurring-options__days>li:hover,.recurring-options__days>li:focus {
    z-index: 2;
    background-color: #eee
}

.dark-theme .recurring-options__days>li:hover,.dark-theme .recurring-options__days>li:focus {
    background-color: #2b343b
}

.recurring-options__days>li.recurring-options_selected {
    background-color: #eee;
    font-weight: 500
}

.dark-theme .recurring-options__days>li.recurring-options_selected {
    background-color: #2b343b
}

.recurring-options__time_justify-content-normal {
    justify-content: space-between
}

.recurring-options__time-title {
    padding-right: 10px;
    width: 93px;
    margin-left: -3px
}

.recurring-options__time-data {
    width: 225px;
    align-items: center
}

.recurring-options__time-data .cu-datepicker__input {
    width: 225px;
    padding-left: 14px
}

.recurring-options__time-data_empty {
    display: flex;
    align-items: center
}

.recurring-options__time-empty {
    transition: opacity .2s cubic-bezier(.785,.135,.15,.86) 0s;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 12px;
    font-weight: 400;
    line-height: 15px;
    padding: 8px 0 0;
    margin-bottom: 8px;
    color: #343434;
    opacity: .5;
    border-bottom: 1px dashed #343434;
    cursor: pointer
}

.dark-theme .recurring-options__time-empty {
    color: #d5d6d7;
    border-bottom: 1px dashed #d5d6d7
}

.recurring-options__time-empty:hover {
    color: #A2C44A;
    border-bottom-color: #A2C44A;
    border-bottom: 1px dashed;
    opacity: 1
}

@supports (--theme-main-color: $color-purple) {
    .recurring-options__time-empty:hover {
        color:var(--theme-main-color)
    }
}

@supports (--theme-main-color: $color-purple) {
    .recurring-options__time-empty:hover {
        border-bottom-color:var(--theme-main-color)
    }
}

.recurring-options__time-clock {
    width: 16px;
    height: 16px;
    margin-right: 5px
}

.recurring-options__end {
    height: 34px
}

.recurring-options__end-data {
    width: 225px
}

.recurring-options__end-data .recurring-options__combo {
    margin-right: 5px;
    width: 130px;
    min-width: 130px
}

.recurring-options__end-data.recurring-options__end-never .recurring-options__combo {
    width: 225px;
    margin-right: 0
}

.recurring-options__end-data .recurring-options__input {
    width: 50px;
    text-align: center;
    display: inline-block
}

.recurring-options__end-count {
    font-size: 12px;
    font-weight: 400;
    line-height: 1;
    color: #343434
}

.dark-theme .recurring-options__end-count {
    color: #d5d6d7
}

.recurring-options__end-date {
    width: 120px
}

.recurring-options__end-date .cu-dropdown__toggle {
    height: 34px
}

.recurring-options__due {
    height: 34px;
    overflow: hidden
}

.recurring-options__due_justify-content-normal {
    justify-content: normal
}

.recurring-options__due-title {
    padding-right: 10px;
    white-space: nowrap;
    width: 93px!important
}

.recurring-options__due-data {
    flex-grow: 1;
    width: 225px
}

.recurring-options__due-data .recurring-options__input {
    width: 50px;
    text-align: center;
    margin-right: 5px;
    flex-shrink: 0
}

.recurring-options__due-data .recurring-options__combo {
    flex-grow: 1
}

.recurring-options__copy-header {
    padding: 20px 15px 0
}

.recurring-options__copy-header-title {
    font-size: 12px;
    font-weight: 500;
    line-height: 1;
    color: #343434;
    padding: 0 5px 5px
}

.dark-theme .recurring-options__copy-header-title {
    color: #d5d6d7
}

.recurring-options__copy-header-divider {
    margin: 5px 5px 0;
    height: 1px;
    border-bottom: 1px solid #e4e4e4
}

.dark-theme .recurring-options__copy-header-divider {
    border-bottom: 1px solid #1e272e
}

.recurring-options__copy-list {
    display: flex;
    padding: 5px 15px 15px;
    flex-direction: row;
    flex-wrap: wrap;
    width: 410px
}

.recurring-options__copy-item {
    width: 190px;
    padding: 5px
}

.recurring-options__copy-item .cu-checkbox__label {
    font-size: 12px;
    font-weight: 400;
    line-height: 15px;
    text-transform: none;
    color: #343434;
    height: 20px;
    padding-left: 30px
}

.dark-theme .recurring-options__copy-item .cu-checkbox__label {
    color: #abaeb0
}

.recurring-options__copy-item .cu-checkbox__label:before {
    width: 20px;
    height: 20px
}

.recurring-options__copy-item .cu-checkbox__label:after {
    width: 12px;
    height: 12px;
    left: 4px;
    top: 4px
}

.recurring-options .cu-datepicker__input {
    font-size: 12px;
    font-weight: 300;
    line-height: 35px;
    border: 1px solid #e4e4e4;
    border-radius: 2px;
    background: #fff;
    height: 34px;
    color: #343434;
    padding: 10px
}

.recurring-options .cu-datepicker__input::placeholder {
    color: #34343466;
    opacity: 1;
    font-size: 12px
}

.recurring-options .datepicker__close {
    top: 9px
}

.recurring-options .datepicker__input-arrows {
    top: 2px
}

.recurring-options__advanced {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 12px;
    font-weight: 400;
    line-height: 1;
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.recurring-options__advanced span {
    cursor: pointer;
    color: #aeacb0;
    border-bottom: 1px dashed #aeacb0
}

.recurring-options__advanced span:hover {
    color: #A2C44A;
    border-color: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .recurring-options__advanced span:hover {
        color:var(--theme-main-color)
    }
}

@supports (--theme-main-color: $color-purple) {
    .recurring-options__advanced span:hover {
        border-color:var(--theme-main-color)
    }
}

.recurring-options__advanced-down {
    transition: all .1s cubic-bezier(.785,.135,.15,.86) 0s;
    width: 16px;
    height: 16px;
    fill: #34343499;
    transform: rotate(90deg);
    margin: -2px -2px -2px 4px
}

.recurring-options__advanced-down:hover {
    transition: none
}

.recurring-list {
    display: flex;
    flex-direction: column;
    min-width: 150px
}

.recurring-list_hidden {
    display: none
}

.recurring-list__header {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 11px;
    font-weight: 500;
    flex-shrink: 0;
    border-bottom: 1px solid #f4f4f4;
    padding: 11px 15px 8px;
    text-transform: uppercase;
    color: #2222224d
}

.recurring-list__body {
    flex-grow: 1;
    overflow: auto;
    flex: 0 1 auto;
    max-height: 351px
}

.recurring-list__body-search {
    border: 0;
    margin: 0;
    padding: 10px 20px 5px 15px;
    width: 150px
}

.recurring-list__body-search::placeholder {
    color: #34343466;
    opacity: 1;
    font-size: 14px
}

.recurring-list__footer {
    flex-shrink: 0
}

.recurring-list__item {
    transition: all .2s cubic-bezier(.785,.135,.15,.86) 0s;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 12px;
    font-weight: 400;
    line-height: 1;
    display: flex;
    align-items: center;
    padding: 12px 15px 11px;
    cursor: pointer;
    color: #343434
}

.dark-theme .recurring-list__item {
    color: #d5d6d7
}

.recurring-list__item:hover {
    background-color: #f9f9f9
}

.dark-theme .recurring-list__item:hover {
    background: #2b343b
}

.recurring-list__item-note {
    font-size: 12px;
    font-weight: 300;
    text-align: center
}

.recurring-list__item-disabled {
    cursor: default;
    opacity: .5
}

.recurring-list__item-disabled:hover {
    background-color: #fff
}

.recurring-list__item.status-list__item {
    margin: 0 5px
}

.recurring-list__item.status-list__item:before {
    top: 9px
}

.recurring-list__item.status-list__item .status-list__status {
    flex-grow: 1;
    padding-right: 0
}

.recurring-list__item-icon_question {
    width: 14px;
    height: 14px;
    margin-left: 5px
}

.recurring-list__item-icon_question use {
    fill: #818193
}

.recurring-list__item_capitalize {
    text-transform: capitalize
}

.recurring-view__icon {
    display: inline-block;
    width: 16px;
    height: 16px;
    cursor: pointer
}

.recurring-view__icon svg {
    stroke: #979797
}

.recurring-view__icon:hover svg {
    stroke: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .recurring-view__icon:hover svg {
        stroke:var(--theme-main-color)
    }
}

.lv-task__title-link .recurring-view__icon,.subtask__recurring-view .recurring-view__icon {
    width: 14px;
    height: 14px
}

.recurring-view__value {
    font-size: 11px;
    font-weight: 400;
    line-height: 1;
    display: inline-block;
    vertical-align: top;
    padding-left: 6px;
    color: #343434;
    opacity: .4
}

.recurring-view__clear {
    width: 20px;
    height: 20px;
    padding: 4px;
    cursor: pointer
}

.recurring-view__clear svg {
    width: 12px;
    height: 12px;
    stroke: #979797
}

.recurring-view__clear:hover svg {
    stroke: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .recurring-view__clear:hover svg {
        stroke:var(--theme-main-color)
    }
}

.recurring-view__toogle {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    padding: 4px
}

.recurring-view__toogle:hover svg {
    stroke: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .recurring-view__toogle:hover svg {
        stroke:var(--theme-main-color)
    }
}

.lv-task__title-link .recurring-view__toogle {
    padding: 0
}

.recurring-view__toogle.cu-dropdown_open .icon_recurring-grey {
    display: none
}

.recurring-view__toogle.cu-dropdown_open .icon_recurring-purple {
    display: block
}

.recurring-view__toogle.cu-dropdown_open .recurring-view__icon svg {
    stroke: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .recurring-view__toogle.cu-dropdown_open .recurring-view__icon svg {
        stroke:var(--theme-main-color)
    }
}

.recurring-view__full-value {
    display: flex;
    align-items: center
}

.recurring-display {
    display: inline
}

.recurring-dropdown__btn-row {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    padding: 20px 15px
}

.recurring-dropdown__btn.cu-btn.cu-btn_sm {
    font-size: 14px;
    font-weight: 500;
    line-height: 1;
    min-width: 119px;
    height: 40px;
    margin: 0 5px;
    text-shadow: none
}

.recurring-dropdown__btn.cu-btn.cu-btn_sm:first-child {
    font-size: 13px;
    font-weight: 400;
    line-height: 1;
    background: transparent;
    border: none;
    color: #d16464;
    padding: 0 10px;
    width: 140px;
    height: auto
}

.recurring-dropdown__btn.cu-btn.cu-btn_sm:first-child:hover {
    background: transparent
}

.recurring-dropdown__title {
    font-size: 11px;
    font-weight: 400;
    line-height: 1;
    padding: 20px 20px 0;
    color: #343434;
    text-transform: uppercase;
    opacity: .4
}

.cu-google-calendar {
    color: #4f495c;
    border: 1px solid #e2e1e2;
    border-radius: 5px;
    margin-bottom: 15px
}

.dark-theme .cu-google-calendar {
    color: #d5d6d7;
    border: 1px solid #384047
}

.cu-google-calendar .calendar_right {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 15px 10px
}

.cu-google-calendar__ical {
    padding: 0 15px;
    flex-shrink: 0
}

.cu-google-calendar__ical.cu-form__row {
    margin: 0 0 9px
}

.cu-google-calendar__ical .cu-btn {
    color: #A2C44A;
    font-size: 15px;
    font-weight: 600;
    line-height: 30px;
    background: #fff;
    height: auto;
    padding: 0 15px
}

@supports (--theme-main-color: $color-purple) {
    .cu-google-calendar__ical .cu-btn {
        color:var(--theme-main-color)
    }
}

.cu-google-calendar__ical .cu-btn:hover {
    color: #fff;
    background: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .cu-google-calendar__ical .cu-btn:hover {
        background:var(--theme-main-color)
    }
}

.cu-google-calendar__url {
    display: flex;
    flex-direction: column;
    flex-grow: 1
}

.cu-google-calendar__url-label {
    display: flex;
    justify-content: space-between;
    padding: 0 15px
}

.cu-google-calendar__url-label-header {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 13px;
    font-weight: 500;
    line-height: 1;
    margin-bottom: 10px
}

.cu-google-calendar__url-label-link {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 13px;
    font-weight: 400;
    line-height: 1;
    color: #A2C44A;
    transition: all .2s cubic-bezier(.785,.135,.15,.86) 0s;
    margin-bottom: 10px;
    position: relative;
    display: inline-block;
    padding-bottom: 1px
}

@supports (--theme-main-color: $color-purple) {
    .cu-google-calendar__url-label-link {
        color:var(--theme-main-color)
    }
}

.cu-google-calendar__url-label-link:after {
    content: "";
    display: block;
    position: absolute;
    transition: all .2s cubic-bezier(.785,.135,.15,.86) 0s;
    background-color: #A2C44A;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px
}

.cu-google-calendar__url-label-link:after:hover {
    transition: none
}

@supports (--theme-main-color: $color-purple) {
    .cu-google-calendar__url-label-link:after {
        background-color:var(--theme-main-color)
    }
}

.cu-google-calendar__url-label-link:hover:after {
    opacity: 0
}

.cu-google-calendar__modal.cu-modal.cu-modal_open .cu-modal__dialog {
    width: 360px;
    padding: 0;
    background: #fafbfc
}

.dark-theme .cu-google-calendar__modal.cu-modal.cu-modal_open .cu-modal__dialog {
    background: #384047
}

.cu-google-calendar__modal.cu-modal.cu-modal_open .cu-modal__title {
    font-size: 18px
}

.cu-google-calendar__modal .cu-modal__body {
    min-height: 0
}

.cu-google-calendar__modal .cu-dropdown__toggle.cu-google-calendar__dropdown {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 16px;
    font-weight: 400;
    line-height: 1;
    padding-bottom: 10px;
    border-bottom: 1px solid #e4e4e4;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.dark-theme .cu-google-calendar__modal .cu-dropdown__toggle.cu-google-calendar__dropdown {
    border-bottom: 1px solid #1e272e
}

.cu-google-calendar__modal .cu-dropdown__toggle.cu-google-calendar__dropdown-arrow-down {
    transition: all .2s cubic-bezier(.785,.135,.15,.86) 0s;
    stroke: #A2C44A;
    fill: #A2C44A;
    width: 12px;
    height: 7px;
    float: right;
    margin: 0 0 0 7px;
    position: relative;
    top: 0
}

@supports (--theme-main-color: $color-purple) {
    .cu-google-calendar__modal .cu-dropdown__toggle.cu-google-calendar__dropdown-arrow-down {
        stroke:var(--theme-main-color)
    }
}

@supports (--theme-main-color: $color-purple) {
    .cu-google-calendar__modal .cu-dropdown__toggle.cu-google-calendar__dropdown-arrow-down {
        fill:var(--theme-main-color)
    }
}

.cu-google-calendar__modal .cu-dropdown__menu {
    width: 100%
}

.cu-google-calendar__modal .cu-google-calendar__modal-header {
    font-size: 16px;
    font-weight: 500;
    line-height: 1;
    color: #343434;
    margin-bottom: 15px
}

.dark-theme .cu-google-calendar__modal .cu-google-calendar__modal-header {
    color: #d5d6d7
}

.cu-google-calendar__gear {
    width: 20px;
    height: 20px;
    margin-right: 20px;
    cursor: pointer
}

.cu-google-calendar__gear use {
    fill: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .cu-google-calendar__gear use {
        fill:var(--theme-main-color)
    }
}

.cu-google-calendar__selections {
    margin-left: 25px
}

.cu-google-calendar__selections-header {
    font-weight: 500;
    margin-bottom: 10px
}

.dark-theme .cu-google-calendar__selections-header span {
    color: #abaeb0
}

.dark-theme .cu-google-calendar__selections-names {
    color: #d5d6d7
}

.cu-google-calendar__sync-right {
    display: flex;
    align-items: center
}

.cu-google-calendar__help-tip {
    display: flex;
    align-items: center;
    padding: 0 15px
}

.cu-google-calendar__select {
    padding: 0 15px;
    margin-top: 5px
}

.cu-google-calendar__select .cu-form__row {
    margin: 0
}

.cu-google-calendar__token {
    display: flex;
    align-items: flex-end;
    margin: 0 0 10px
}

.cu-google-calendar__token .cu-api-integration__input {
    margin: 5px 15px;
    flex-grow: 1
}

.cu-google-calendar__dropdown {
    margin-bottom: 30px
}

.cu-google-calendar__dropdown.cu-dropdown_open .cu-dropdown__toggle-arrow-down {
    transform: rotate(180deg)
}

.cu-google-calendar__editing {
    word-break: break-word;
    overflow-wrap: break-word;
    word-wrap: break-word;
    -webkit-hyphens: auto;
    hyphens: auto;
    max-width: 300px
}

.cu-google-calendar__editing-header {
    font-size: 14px
}

.dark-theme .cu-google-calendar__editing-header {
    color: #abaeb0
}

.cu-google-calendar__editing-name {
    font-size: 20px;
    margin-top: 10px
}

.dark-theme .cu-google-calendar__editing-name {
    color: #d5d6d7
}

.cu-google-calendar__exclamation {
    background: #A2C44A;
    font-size: 16px;
    width: 30px;
    height: 30px;
    border-radius: 15px;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 10px
}

@supports (--theme-main-color: $color-purple) {
    .cu-google-calendar__exclamation {
        background:var(--theme-main-color)
    }
}

.cu-google-calendar__what {
    font-size: 16px
}

.cu-google-calendar__emails {
    padding: 14px 25px;
    max-height: 350px;
    overflow: auto
}

.cu-os-win .cu-google-calendar__emails {
    scrollbar-width: thin
}

.cu-os-win .cu-google-calendar__emails::-webkit-scrollbar {
    background-color: #fff;
    width: 16px;
    height: 16px
}

.cu-os-win .cu-google-calendar__emails::-webkit-scrollbar-track {
    background-color: #fff
}

.cu-os-win .cu-google-calendar__emails::-webkit-scrollbar-track:hover {
    background-color: #fff
}

.cu-os-win .cu-google-calendar__emails::-webkit-scrollbar-thumb {
    background-color: #babac080;
    border-radius: 16px;
    border: 5px solid #fff
}

.cu-os-win .cu-google-calendar__emails::-webkit-scrollbar-thumb:hover {
    background-color: #a0a0a5;
    border: 3px solid #fff
}

.cu-os-win .cu-google-calendar__emails::-webkit-scrollbar-button {
    display: none
}

.cu-os-win.dark-theme .cu-google-calendar__emails::-webkit-scrollbar,.cu-os-win .dark-theme .cu-google-calendar__emails::-webkit-scrollbar {
    background-color: #384047
}

.cu-os-win.dark-theme .cu-google-calendar__emails::-webkit-scrollbar-track,.cu-os-win .dark-theme .cu-google-calendar__emails::-webkit-scrollbar-track {
    background-color: #384047
}

.cu-os-win.dark-theme .cu-google-calendar__emails::-webkit-scrollbar-track:hover,.cu-os-win .dark-theme .cu-google-calendar__emails::-webkit-scrollbar-track:hover {
    background-color: #384047
}

.cu-os-win.dark-theme .cu-google-calendar__emails::-webkit-scrollbar-thumb,.cu-os-win .dark-theme .cu-google-calendar__emails::-webkit-scrollbar-thumb {
    border-color: #384047
}

.cu-os-win.dark-theme .cu-google-calendar__emails::-webkit-scrollbar-thumb:hover,.cu-os-win .dark-theme .cu-google-calendar__emails::-webkit-scrollbar-thumb:hover {
    border-color: #384047
}

.cu-os-win.dark-theme .cu-google-calendar__emails::-webkit-scrollbar-corner,.cu-os-win .dark-theme .cu-google-calendar__emails::-webkit-scrollbar-corner {
    background-color: #384047
}

.dark-theme .cu-google-calendar__emails {
    background: #384047
}

.cu-google-calendar__emails-list {
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    padding: 11px 0;
    border-top: 1px solid #f4f4f4;
    cursor: pointer;
    color: #505050
}

.dark-theme .cu-google-calendar__emails-list {
    color: #d5d6d7;
    border-top: 1px solid #1e272e
}

.cu-google-calendar__emails-list:hover {
    color: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .cu-google-calendar__emails-list:hover {
        color:var(--theme-main-color)
    }
}

.cu-google-calendar__emails-list:first-child {
    border-top: 0
}

.cu-google-calendar__emails-new {
    font-size: 14px;
    font-weight: 500;
    line-height: 1;
    cursor: pointer;
    padding: 11px 0;
    color: #4f495c;
    border-top: 1px solid #f4f4f4
}

.dark-theme .cu-google-calendar__emails-new {
    border-top: 1px solid #1e272e;
    color: #828588
}

.cu-google-calendar__emails-new:hover {
    color: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .cu-google-calendar__emails-new:hover {
        color:var(--theme-main-color)
    }
}

.cu-google-calendar__emails-new:first-child {
    border-top: 0
}

.cu-google-calendar__success {
    margin: 15px 0;
    border: 1px solid #6aca4f;
    padding: 10px 15px;
    text-align: center;
    border-radius: 3px;
    color: #4f495c;
    font-size: 14px;
    line-height: 15px
}

.dark-theme .cu-google-calendar__success {
    color: #d5d6d7
}

.cu-google-calendar__choices-container {
    display: flex;
    flex-wrap: wrap;
    margin-top: 35px;
    padding: 0 15px
}

.cu-google-calendar__menu {
    min-width: 200px
}

.cu-google-calendar__choice {
    width: 21%;
    min-width: 200px;
    margin-right: 3%
}

.cu-google-calendar__choice .cu-google-calendar__dropdown {
    min-width: 200px
}

.cu-google-calendar__choice:last-child {
    margin-right: 0
}

.cu-google-calendar__choice .cu-dropdown__toggle {
    padding-bottom: 10px;
    border-bottom: 1px solid #e2e1e2
}

.dark-theme .cu-google-calendar__choice .cu-dropdown__toggle {
    border-bottom: 1px solid #384047
}

.cu-google-calendar__choice .cu-google-calendar__modal-header {
    margin-bottom: 10px
}

.cu-google-calendar__add-another {
    padding: 15px 16px;
    border-top: 1px solid #e2e1e2
}

.dark-theme .cu-google-calendar__add-another {
    border-top-color: #384047
}

.cu-google-calendar__add-another,.cu-google-calendar__connect {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.cu-google-calendar__connect {
    border-color: #A2C44A;
    border: 1px solid;
    padding: 15px;
    border-radius: 5px;
    margin-bottom: 15px
}

@supports (--theme-main-color: $color-purple) {
    .cu-google-calendar__connect {
        border-color:var(--theme-main-color)
    }
}

.cu-google-calendar__connect__no-border,.dark-theme .cu-google-calendar__connect__no-border {
    border: none
}

.cu-google-calendar__connect-new {
    color: #A2C44A;
    border-color: #A2C44A;
    text-align: center;
    padding: 30px;
    border: 1px dashed;
    margin-top: 20px;
    border-radius: 5px;
    font-size: 16px;
    cursor: pointer
}

@supports (--theme-main-color: $color-purple) {
    .cu-google-calendar__connect-new {
        color:var(--theme-main-color)
    }
}

@supports (--theme-main-color: $color-purple) {
    .cu-google-calendar__connect-new {
        border-color:var(--theme-main-color)
    }
}

.cu-google-calendar__connect.calendar-list {
    border: 0;
    align-items: flex-start
}

.cu-google-calendar__connect-left {
    display: flex;
    align-items: center
}

.cu-google-calendar__connect-left-desc {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 14px;
    font-weight: 400;
    line-height: 16px;
    color: #292d34
}

.dark-theme .cu-google-calendar__connect-left-desc {
    color: #d5d6d7
}

.cu-google-calendar__connect-icon {
    width: 48px;
    height: 48px
}

.cu-google-calendar__connect-desc {
    margin-left: 15px
}

.cu-google-calendar__connect-desc .calendar-title {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 14px;
    font-weight: 500;
    line-height: 1;
    margin-bottom: 7px;
    color: #292d34
}

.dark-theme .cu-google-calendar__connect-desc .calendar-title {
    color: #d5d6d7
}

.cu-google-calendar__connect-desc .calendar-desc {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 13px;
    font-weight: 400;
    line-height: 16px;
    color: #292d34
}

.dark-theme .cu-google-calendar__connect-desc .calendar-desc {
    color: #d5d6d7
}

[lang=fr-FR] .cu-google-calendar__connect-desc .calendar-desc a {
    margin-left: 3px
}

.cu-google-calendar__connect-buttons {
    display: flex;
    flex-direction: column;
    align-items: flex-end
}

.cu-google-calendar__connect-remove {
    margin: 25px 0 -20px;
    cursor: pointer;
    color: #fd71af
}

.cu-google-calendar__connect-remove:hover {
    text-decoration: underline
}

.cu-google-calendar__guest-empty {
    padding-top: 120px;
    text-align: center
}

.cu-google-calendar__guest-empty-title {
    font-size: 15px;
    font-weight: 400;
    line-height: 1;
    color: #343434;
    text-align: center;
    margin-top: 25px
}

.dark-theme .cu-google-calendar__guest-empty-title {
    color: #d5d6d7
}

.cu-cloud-storage {
    color: #4f495c;
    border: 1px solid #e2e1e2;
    border-radius: 5px;
    margin-bottom: 15px
}

.cu-cloud-storage__modal.cu-modal.cu-modal_open .cu-modal__dialog {
    width: 400px
}

.cu-cloud-storage__modal.cu-modal.cu-modal_open .cu-modal__title {
    font-size: 18px
}

.cu-cloud-storage__modal .cu-dropdown__toggle {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 16px;
    font-weight: 400;
    line-height: 1;
    padding-bottom: 10px;
    border-bottom: 1px solid #e4e4e4;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.cu-cloud-storage__modal .cu-dropdown__toggle-arrow-down {
    transition: all .2s cubic-bezier(.785,.135,.15,.86) 0s;
    stroke: #A2C44A;
    fill: #A2C44A;
    width: 12px;
    height: 7px;
    float: right;
    margin: 0 0 0 7px;
    position: relative;
    top: 0
}

@supports (--theme-main-color: $color-purple) {
    .cu-cloud-storage__modal .cu-dropdown__toggle-arrow-down {
        stroke:var(--theme-main-color)
    }
}

@supports (--theme-main-color: $color-purple) {
    .cu-cloud-storage__modal .cu-dropdown__toggle-arrow-down {
        fill:var(--theme-main-color)
    }
}

.cu-cloud-storage__modal .cu-dropdown__menu {
    width: 100%
}

.cu-cloud-storage__modal .cu-cloud-storage__modal-header {
    font-size: 16px;
    font-weight: 500;
    line-height: 1;
    color: #343434;
    margin-bottom: 15px
}

.cu-cloud-storage__gear {
    width: 20px;
    height: 20px;
    margin-right: 20px;
    cursor: pointer
}

.cu-cloud-storage__gear use {
    fill: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .cu-cloud-storage__gear use {
        fill:var(--theme-main-color)
    }
}

.cu-cloud-storage__selections {
    margin-left: 25px
}

.cu-cloud-storage__selections-header {
    font-weight: 500;
    margin-bottom: 10px
}

.cu-cloud-storage__sync-right {
    display: flex;
    align-items: center
}

.cu-cloud-storage__dropdown {
    margin-bottom: 30px
}

.cu-cloud-storage__dropdown.cu-dropdown_open .cu-dropdown__toggle-arrow-down {
    transform: rotate(180deg)
}

.cu-cloud-storage__editing {
    word-break: break-word;
    overflow-wrap: break-word;
    word-wrap: break-word;
    -webkit-hyphens: auto;
    hyphens: auto;
    max-width: 300px
}

.cu-cloud-storage__editing-header {
    font-size: 14px
}

.cu-cloud-storage__editing-name {
    font-size: 20px;
    margin-top: 10px
}

.cu-cloud-storage__exclamation {
    background: #A2C44A;
    font-size: 16px;
    width: 30px;
    height: 30px;
    border-radius: 15px;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 10px
}

@supports (--theme-main-color: $color-purple) {
    .cu-cloud-storage__exclamation {
        background:var(--theme-main-color)
    }
}

.cu-cloud-storage__what {
    font-size: 16px
}

.cu-cloud-storage__emails {
    padding: 14px 25px;
    max-height: 350px
}

.cu-cloud-storage__emails-list {
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    padding: 11px 0;
    border-top: 1px solid #f4f4f4;
    cursor: pointer;
    color: #505050
}

.cu-cloud-storage__emails-list:hover {
    color: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .cu-cloud-storage__emails-list:hover {
        color:var(--theme-main-color)
    }
}

.cu-cloud-storage__emails-list:first-child {
    border-top: 0
}

.cu-cloud-storage__emails-new {
    font-size: 14px;
    font-weight: 500;
    line-height: 1;
    cursor: pointer;
    padding: 11px 0;
    color: #4f495c;
    border-top: 1px solid #f4f4f4
}

.cu-cloud-storage__emails-new:hover {
    color: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .cu-cloud-storage__emails-new:hover {
        color:var(--theme-main-color)
    }
}

.cu-cloud-storage__emails-new:first-child {
    border-top: 0
}

.cu-cloud-storage__success {
    margin: 15px 0;
    border: 1px solid #6aca4f;
    padding: 10px 15px;
    text-align: center;
    border-radius: 3px;
    color: #4f495c;
    font-size: 14px;
    line-height: 15px
}

.cu-cloud-storage__choices-container {
    display: flex;
    flex-wrap: wrap;
    margin-top: 35px;
    padding: 0 15px
}

.cu-cloud-storage__menu {
    min-width: 200px
}

.cu-cloud-storage__choice {
    width: 21%;
    min-width: 200px;
    margin-right: 3%
}

.cu-cloud-storage__choice .cu-cloud-storage__dropdown {
    min-width: 200px
}

.cu-cloud-storage__choice:last-child {
    margin-right: 0
}

.cu-cloud-storage__choice .cu-dropdown__toggle {
    padding-bottom: 10px;
    border-bottom: 1px solid #e2e1e2
}

.cu-cloud-storage__choice .cu-cloud-storage__modal-header {
    margin-bottom: 10px
}

.cu-cloud-storage__connect {
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-color: #A2C44A;
    border: 1px solid;
    padding: 15px;
    border-radius: 5px
}

.cu-cloud-storage__connect-new {
    color: #A2C44A;
    border-color: #A2C44A;
    text-align: center;
    padding: 30px;
    border: 1px dashed;
    margin-top: 20px;
    border-radius: 5px;
    font-size: 16px;
    cursor: pointer
}

@supports (--theme-main-color: $color-purple) {
    .cu-cloud-storage__connect-new {
        color:var(--theme-main-color)
    }
}

@supports (--theme-main-color: $color-purple) {
    .cu-cloud-storage__connect-new {
        border-color:var(--theme-main-color)
    }
}

@supports (--theme-main-color: $color-purple) {
    .cu-cloud-storage__connect {
        border-color:var(--theme-main-color)
    }
}

.cu-cloud-storage__connect-left {
    display: flex;
    align-items: center
}

.cu-cloud-storage__connect-icon {
    width: 80px;
    height: 80px;
    margin: -5px 5px -5px 0
}

.cu-cloud-storage__connect-desc {
    margin-left: 10px
}

.cu-cloud-storage__connect-desc .storage-title {
    font-size: 18px;
    font-weight: 400;
    color: #505050;
    margin-bottom: 10px
}

.dark-theme .cu-cloud-storage__connect-desc .storage-title {
    color: #d5d6d7
}

.cu-cloud-storage__connect-desc .storage-desc {
    font-size: 15px;
    font-weight: 300
}

.dark-theme .cu-cloud-storage__connect-desc .storage-desc {
    color: #828588
}

.cu-cloud-storage__connect-desc .storage-link {
    color: #A2C44A;
    transition: all .2s cubic-bezier(.785,.135,.15,.86) 0s;
    font-size: 15px;
    font-weight: 300;
    line-height: 1;
    margin-top: 10px;
    cursor: pointer
}

@supports (--theme-main-color: $color-purple) {
    .cu-cloud-storage__connect-desc .storage-link {
        color:var(--theme-main-color)
    }
}

.cu-cloud-storage__connect-desc .storage-link:hover {
    color: #A2C44A
}

@supports (--theme-main-color-dark: $color-purple-dark) {
    .cu-cloud-storage__connect-desc .storage-link:hover {
        color:var(--theme-main-color-dark)
    }
}

.cu-cloud-storage__connect-desc .storage-link:hover .storage-link__name {
    color: #A2C44A
}

@supports (--theme-main-color-dark: $color-purple-dark) {
    .cu-cloud-storage__connect-desc .storage-link:hover .storage-link__name {
        color:var(--theme-main-color-dark)
    }
}

.cu-cloud-storage__connect-desc .storage-link__name {
    font-weight: 500;
    color: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .cu-cloud-storage__connect-desc .storage-link__name {
        color:var(--theme-main-color)
    }
}

.cu-cloud-storage__button-icon {
    display: inline-block;
    width: 16px;
    height: 16px;
    vertical-align: middle;
    margin: -3px 5px -1px 0
}

.cu-cloud-storage__button-icon_paperclip {
    fill: #828586
}

.cu-cloud-storage__button-icon_doc {
    padding: 1px 2px;
    fill: #292d34
}

.dark-theme .cu-cloud-storage__button-icon_doc {
    fill: #d5d6d7
}

.cu-google-doc__header,.cu-google-doc__header .cu-dropdown__toggle {
    display: flex
}

.cu-google-doc__add {
    -webkit-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    transition: all .2s cubic-bezier(.785,.135,.15,.86) 0s;
    border-color: #A2C44A;
    margin: 0 0 0 5px;
    border-radius: 3px;
    height: 22px;
    padding: 1px 7px 0 8px;
    border: 1px solid;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer
}

.cu-google-doc__add:hover {
    transition: none
}

@supports (--theme-main-color: $color-purple) {
    .cu-google-doc__add {
        border-color:var(--theme-main-color)
    }
}

.cu-google-doc__add:hover,.cu-dropdown.cu-dropdown_open .cu-google-doc__add {
    background-color: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .cu-google-doc__add:hover,.cu-dropdown.cu-dropdown_open .cu-google-doc__add {
        background-color:var(--theme-main-color)
    }
}

.cu-google-doc__add:hover *,.cu-dropdown.cu-dropdown_open .cu-google-doc__add * {
    color: #fff
}

.cu-google-doc__add:hover .cu-google-doc__add-dropdown use,.cu-dropdown.cu-dropdown_open .cu-google-doc__add .cu-google-doc__add-dropdown use {
    fill: #fff
}

.cu-dropdown.cu-dropdown_open .cu-google-doc__add .cu-google-doc__add-dropdown {
    transform: rotate(180deg)
}

.cu-google-doc__add:active {
    background-color: #A2C44A
}

@supports (--theme-main-color-dark: $color-purple-dark) {
    .cu-google-doc__add:active {
        background-color:var(--theme-main-color-dark)
    }
}

.cu-google-doc__add-text {
    color: #A2C44A;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    white-space: nowrap
}

@supports (--theme-main-color: $color-purple) {
    .cu-google-doc__add-text {
        color:var(--theme-main-color)
    }
}

.cu-google-doc__add-dropdown {
    transition: all .2s cubic-bezier(.785,.135,.15,.86) 0s;
    fill: #A2C44A;
    width: 6px;
    height: 4px;
    margin-left: 6px;
    margin-top: 5px
}

.cu-google-doc__add-dropdown:hover {
    transition: none
}

@supports (--theme-main-color: $color-purple) {
    .cu-google-doc__add-dropdown {
        fill:var(--theme-main-color)
    }
}

.cu-google-doc__button-block {
    margin-top: 30px
}

.cu-google-doc-type-list {
    display: flex;
    flex-direction: column;
    min-width: 150px
}

.cu-google-doc-type-list_hidden {
    display: none
}

.cu-google-doc-type-list__header {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 11px;
    font-weight: 500;
    flex-shrink: 0;
    border-bottom: 1px solid #f4f4f4;
    padding: 11px 15px 8px;
    text-transform: uppercase;
    color: #2222224d
}

.cu-google-doc-type-list__body {
    flex-grow: 1;
    overflow: auto;
    flex: 0 1 auto;
    max-height: 351px
}

.cu-google-doc-type-list__item {
    transition: all .2s cubic-bezier(.785,.135,.15,.86) 0s;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 13px;
    font-weight: 400;
    display: flex;
    align-items: center;
    padding: 12px 15px 11px;
    cursor: pointer;
    color: #343434
}

.dark-theme .cu-google-doc-type-list__item {
    color: #d5d6d7
}

.cu-google-doc-type-list__item:hover {
    background-color: #fafbfc
}

.dark-theme .cu-google-doc-type-list__item:hover {
    background: #2b343b
}

.cu-google-doc-type-list__item-disabled {
    cursor: default;
    color: #34343466
}

.dark-theme .cu-google-doc-type-list__item-disabled {
    color: #d5d6d766
}

.cu-google-doc-type-list__item-disabled:hover {
    background-color: #fff
}

.dark-theme .cu-google-doc-type-list__item-disabled:hover {
    background: #1e272e
}

.cu-google-doc-type-list__item-name {
    flex-grow: 1
}

.cu-google-doc-type-list__item-check {
    width: 14px;
    height: 14px
}

.cu-onboarding-v2 {
    height: 100%;
    overflow: scroll
}

.cu-onboarding-v2__note {
    font-size: 14px;
    color: #7c828d;
    margin: 30px 0 0 24px
}

.cu-onboarding-v2__button-note-container {
    display: flex;
    flex-direction: row;
    align-items: center
}

.cu-onboarding-v2__cancel {
    position: absolute;
    left: -70px;
    top: 20px
}

[lang=fr-FR] .cu-onboarding-v2__cancel {
    left: -116px
}

.cu-onboarding-v2__cancel div {
    transition: color .2s cubic-bezier(.785,.135,.15,.86) 0s;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 15px;
    font-weight: 500;
    line-height: 15px;
    color: var(--theme-main-color);
    cursor: pointer
}

.cu-onboarding-v2__cancel div:hover {
    color: var(--theme-main-color-dark)
}

.cu-onboarding-v2__tags-input {
    background: #fafbfc
}

.cu-onboarding-v2__arrows {
    position: fixed;
    left: 75%;
    bottom: 20px
}

.cu-onboarding-v2__arrows-icon {
    width: 25px;
    height: 25px
}

.cu-onboarding-v2__arrows-icon.up {
    transform: rotate(180deg)
}

.cu-onboarding-v2__arrows-icon use {
    fill: #fff
}

.cu-onboarding-v2__loading {
    font-size: 20px;
    text-align: center
}

.cu-onboarding-v2__arrow-container {
    background-color: #A2C44A;
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 5px;
    cursor: pointer
}

@supports (--theme-main-color: $color-purple) {
    .cu-onboarding-v2__arrow-container {
        background-color:var(--theme-main-color)
    }
}

.cu-onboarding-v2__arrow-container:first-child {
    margin-bottom: 10px
}

.cu-onboarding-v2__input {
    font-size: 36px;
    font-weight: 400;
    line-height: 1;
    font-family: -apple-system,BlinkMacSystemFont,Segoe UI,roboto,Helvetica Neue,helvetica,arial,sans-serif;
    color: #343434;
    background-color: transparent;
    box-shadow: none;
    transition: all .2s cubic-bezier(.785,.135,.15,.86) 0s;
    width: 100%;
    flex-grow: 1;
    display: block;
    border: 0;
    padding: 25px 20px 12px 0;
    outline: none
}

.cu-onboarding-v2__input:focus {
    box-shadow: none
}

.cu-onboarding-v2__input.invite-emails {
    text-transform: none
}

.cu-onboarding-v2__input-container {
    border-color: #A2C44A;
    border-bottom: 1px solid
}

@supports (--theme-main-color: $color-purple) {
    .cu-onboarding-v2__input-container {
        border-color:var(--theme-main-color)
    }
}

.dark-theme .cu-onboarding-v2__input {
    color: #f0f1f3
}

.dark-theme .cu-onboarding-v2__input::placeholder {
    color: #87909e
}

.cu-onboarding-v2__app-colors {
    margin-top: 35px;
    width: 350px
}

.cu-onboarding-v2__status-selection {
    display: flex;
    margin-top: 20px
}

.cu-onboarding-v2__status-selection-title {
    font-size: 9px;
    color: #e4e4e4;
    line-height: 15px
}

.cu-onboarding-v2__status-selection-title.done,.cu-onboarding-v2__status-selection-title.closed {
    color: #6bca50;
    margin-top: 10px
}

.cu-onboarding-v2__status-selection-title.in-progress {
    margin-top: 10px;
    color: #4193f5
}

.cu-onboarding-v2__status-selection-title.done {
    margin-top: 35px
}

.cu-onboarding-v2__status-selection-option {
    border: 2px solid #e4e4e4;
    border-radius: 4px;
    width: 240px;
    height: 304px;
    padding: 15px;
    background-color: #f7f7f7;
    cursor: pointer
}

.cu-onboarding-v2__status-selection-option:hover,.cu-onboarding-v2__status-selection-option.status-selected {
    border-color: #A2C44A;
    border: 2px solid
}

@supports (--theme-main-color: $color-purple) {
    .cu-onboarding-v2__status-selection-option:hover,.cu-onboarding-v2__status-selection-option.status-selected {
        border-color:var(--theme-main-color)
    }
}

.cu-onboarding-v2__status-selection-option-container:first-child {
    margin-right: 20px
}

.cu-onboarding-v2__status-selection-option-container-footnote {
    font-size: 12px;
    font-weight: 300;
    line-height: 20px;
    color: #777;
    text-align: center;
    margin-top: 15px
}

.cu-onboarding-v2__status-selection-option-row {
    display: flex;
    padding: 5px;
    align-items: center;
    width: 100%;
    height: 24px;
    box-shadow: 0 0 11px #0000001a
}

.cu-onboarding-v2__status-selection-option-row-status {
    width: 10px;
    height: 10px;
    border-radius: 3px;
    background-color: #9a9a9a
}

.cu-onboarding-v2__status-selection-option-row-status.in-progress {
    background-color: #4193f5
}

.cu-onboarding-v2__status-selection-option-row-status.closed {
    background-color: #6bca50
}

.cu-onboarding-v2__status-selection-option-row .check-icon {
    width: 20px;
    height: 14px
}

.cu-onboarding-v2__status-selection-option-row .check-icon use {
    stroke: #e4e4e4
}

.cu-onboarding-v2__status-selection-option-row .check-icon.done use {
    stroke: #6bca50
}

.cu-onboarding-v2__status-selection-option-row-type {
    font-size: 18px;
    margin-top: 20px;
    text-align: center;
    color: #777
}

.cu-onboarding-v2__status-selection-option-row-filler {
    background-color: #e4e4e4;
    width: calc(100% - 45px);
    height: 8px;
    margin-left: 7px;
    border-radius: 8px
}

.cu-onboarding-v2__avatar {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 10px;
    position: relative
}

@media screen and (max-width: 768px) {
    .cu-onboarding-v2__avatar {
        width:100%;
        margin: 0 -15px;
        padding-top: 15px;
        justify-content: space-evenly
    }
}

.cu-onboarding-v2__avatar-colors {
    padding-top: 30px;
    min-width: 300px!important
}

@media screen and (max-width: 768px) {
    .cu-onboarding-v2__avatar-colors {
        min-width:100%!important;
        margin: 0!important;
        max-height: none!important
    }
}

.cu-onboarding-v2__avatar__drag {
    position: relative;
    padding: 30px;
    margin-left: -30px
}

@media screen and (max-width: 768px) {
    .cu-onboarding-v2__avatar__drag {
        padding:0;
        margin-left: 0
    }
}

.cu-onboarding-v2__avatar__drag.cu-state-drag-over .task-dropzone__container {
    background: #A2C44A;
    opacity: .8
}

@supports (--theme-main-color: $color-purple) {
    .cu-onboarding-v2__avatar__drag.cu-state-drag-over .task-dropzone__container {
        background:var(--theme-main-color)
    }
}

.cu-onboarding-v2__avatar__drag.cu-state-drag-over .task-dropzone__container .task-dropzone__content {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    transform: inherit
}

.cu-onboarding-v2__avatar__drag.cu-state-drag-over .task-dropzone__container .task-dropzone__icon {
    width: 50px;
    height: 50px;
    margin-bottom: 0
}

.cu-onboarding-v2__avatar__drag.cu-state-drag-over .task-dropzone__container .task-dropzone__text {
    font-size: 14px;
    text-align: center
}

.cu-onboarding-v2__avatar__drag.cu-state-drag-over .task-dropzone__container:before {
    display: none
}

.cu-onboarding-v2__avatar-colors {
    display: flex;
    flex-wrap: wrap;
    flex: 1 0 0;
    margin-left: 10px
}

.cu-onboarding-v2__avatar-colors .selcted-user-color {
    border: 2px solid #e2e2e2
}

.cu-onboarding-v2__avatar-container {
    padding-top: 30px;
    display: flex;
    flex: 1 0 0;
    max-width: 160px
}

@media screen and (max-width: 768px) {
    .cu-onboarding-v2__avatar-container {
        padding-top:0;
        max-width: 140px;
        overflow: hidden
    }
}

.cu-onboarding-v2__avatar-container .cu-avatar {
    color: #fff
}

.cu-onboarding-v2__avatar-browse {
    width: 140px;
    height: 140px;
    border: 1px dashed #cccdde;
    border-radius: 140px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: relative
}

.cu-onboarding-v2__avatar-browse .task-uploader__icon {
    margin: 0
}

.cu-onboarding-v2__avatar-browse-desc {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 12px;
    color: #777;
    text-align: center;
    margin-top: 10px;
    line-height: 20px
}

.cu-onboarding-v2__avatar-browse-desc label span {
    color: #A2C44A;
    margin-left: 2px;
    cursor: pointer
}

@supports (--theme-main-color: $color-purple) {
    .cu-onboarding-v2__avatar-browse-desc label span {
        color:var(--theme-main-color)
    }
}

.cu-onboarding-v2__avatar-browse-desc label:focus-within span {
    color: var(--theme-main-color-dark);
    text-decoration: underline
}

.cu-onboarding-v2__avatar-browse .cu-modal__image-crop {
    display: inline-block;
    opacity: 0;
    width: 0
}

.cu-onboarding-v2__avatar-separate {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-right: 30px;
    padding: 30px 0;
    opacity: .4
}

@media screen and (max-width: 768px) {
    .cu-onboarding-v2__avatar-separate {
        margin-right:0
    }
}

.cu-onboarding-v2__avatar-separate span {
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    color: #343434;
    margin: 15px 0
}

.cu-onboarding-v2__avatar .onboarding-avatar {
    cursor: default
}

.cu-onboarding-v2__line {
    flex: 1 0 0;
    width: 0;
    border-left: 1px solid #d8d8d8
}

.cu-onboarding-v2__email {
    font-size: 20px;
    color: #343434
}

.dark-theme .cu-onboarding-v2__email {
    color: #adb3bd
}

.cu-onboarding-v2__team-name {
    color: #A2C44A;
    margin-top: 10px;
    font-size: 14px
}

@supports (--theme-main-color: $color-purple) {
    .cu-onboarding-v2__team-name {
        color:var(--theme-main-color)
    }
}

.dark-theme .cu-onboarding-v2__team-name {
    color: #adb3bd
}

.cu-onboarding-v2__emails {
    display: flex;
    align-items: center;
    margin-bottom: 10px
}

.cu-onboarding-v2__emails:last-child {
    margin-bottom: 0
}

.cu-onboarding-v2__emails-bottom {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 50px
}

.cu-onboarding-v2__emails-error {
    margin-top: 10px;
    font-size: 14px;
    color: #fd71af
}

.cu-onboarding-v2__emails-check {
    height: 20px;
    width: 20px;
    margin-right: 10px;
    fill: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .cu-onboarding-v2__emails-check {
        fill:var(--theme-main-color)
    }
}

.cu-onboarding-v2__emails-remove {
    fill: #A2C44A;
    display: none;
    height: 20px;
    width: 20px;
    cursor: pointer;
    margin-left: 5px
}

@supports (--theme-main-color: $color-purple) {
    .cu-onboarding-v2__emails-remove {
        fill:var(--theme-main-color)
    }
}

.cu-onboarding-v2__emails:hover .cu-onboarding-v2__emails-remove {
    display: block
}

.cu-onboarding-v2__small {
    color: #A2C44A;
    text-align: right;
    margin-top: 10px;
    font-size: 14px
}

@supports (--theme-main-color: $color-purple) {
    .cu-onboarding-v2__small {
        color:var(--theme-main-color)
    }
}

@media screen and (max-width: 768px) {
    .cu-onboarding-v2__step .cu-onboarding-v2__btn.cu-integration-btn.cu-btn {
        display:flex;
        justify-content: center;
        align-items: center
    }

    .cu-onboarding-v2__step .cu-onboarding-v2__btn.cu-integration-btn.cu-btn .cu-onboarding-v2__integration-icon {
        margin-top: unset
    }
}

@media screen and (max-width: 768px) {
    .cu-onboarding-v2__integration-icon {
        display:flex;
        justify-content: center;
        align-items: center
    }
}

.cu-onboarding-v2__logo {
    height: 60px;
    width: 60px;
    min-width: 60px;
    margin: -12px 30px 0 0;
    box-shadow: 0 5px 10px #0000001a;
    border-radius: 50%;
    background: #fff;
    padding: 8px 12px
}

.cu-onboarding-v2__logo img {
    height: 100%;
    width: 100%
}

@media screen and (max-width: 768px) {
    .cu-onboarding-v2__logo {
        height:45px;
        width: 45px;
        min-width: 45px;
        margin-top: 0;
        position: absolute;
        display: flex;
        justify-content: center;
        align-items: center
    }

    .cu-onboarding-v2__logo img {
        height: 85%;
        width: 100%
    }
}

.cu-onboarding-v2__step {
    display: flex;
    margin-left: 10%;
    width: 65%;
    margin-bottom: 130px;
    position: relative
}

@media screen and (max-width: 1200px) {
    .cu-onboarding-v2__step {
        width:80%
    }
}

@media screen and (max-width: 992px) {
    .cu-onboarding-v2__step {
        width:90%;
        margin-left: 5%
    }
}

@media screen and (max-width: 768px) {
    .cu-onboarding-v2__step {
        width:calc(100% - 30px);
        margin-left: 15px;
        margin-bottom: 80px
    }
}

.cu-onboarding-v2__step-wrapper {
    font-size: 26px;
    font-weight: 400;
    color: #343434;
    flex: 1 0 0;
    line-height: 40px;
    max-height: calc(100vh - 110px);
    overflow: auto
}

@media only screen and (max-width: 768px) {
    .cu-onboarding-v2__step-wrapper {
        max-height:100vh
    }
}

@media screen and (max-width: 992px) {
    .cu-onboarding-v2__step-wrapper {
        font-size:18px;
        font-weight: 400;
        line-height: 34px
    }
}

@media screen and (max-width: 768px) {
    .cu-onboarding-v2__step-wrapper {
        font-size:17px;
        font-weight: 400;
        line-height: 24px;
        width: 100%
    }
}

.cu-onboarding-v2__step-wrapper span {
    color: #343434
}

.cu-onboarding-v2__step-wrapper .cu-btn {
    font-size: 16px;
    font-weight: 600;
    line-height: 50px;
    margin-top: 30px;
    height: 50px
}

.cu-onboarding-v2__step-wrapper .cu-integrations-header {
    margin: 35px 0 -10px
}

@media screen and (max-width: 768px) {
    .cu-onboarding-v2__step-wrapper .cu-integrations-header {
        justify-content:center
    }

    .cu-onboarding-v2__step-wrapper .cu-integrations-header .cu-integration-btn {
        margin-right: 5px;
        width: 140px;
        margin-bottom: 5px
    }
}

@media only screen and (max-width: 768px) and (max-width: 768px) {
    .cu-onboarding-v2__step-wrapper .cu-integrations-header .cu-integration-btn__title {
        font-size:14px
    }
}

@media screen and (max-width: 768px) {
    .cu-onboarding-v2__step-heading {
        padding-left:53px;
        min-height: 45px;
        display: flex;
        align-items: center;
        flex-wrap: wrap
    }

    .cu-onboarding-v2__step-text {
        padding-top: 10px
    }
}

.cu-onboarding-v2__step-description {
    font-size: 14px;
    font-weight: 400;
    line-height: 1.2;
    color: #343434;
    opacity: .4;
    margin: 5px 0 30px
}

.cu-onboarding-v2__step .cu-onboarding-v2__integrations-subheader {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 16px;
    font-weight: 600;
    line-height: 1;
    color: #544d61;
    margin-bottom: 10px
}

.cu-onboarding-v2__step .cu-onboarding-v2__integrations-section {
    position: relative;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 20px
}

.cu-onboarding-v2__step .cu-onboarding-v2__integrations .cu-integration-btn {
    transition: all .2s cubic-bezier(.785,.135,.15,.86) 0s;
    margin-top: 0;
    color: #A2C44A;
    display: flex;
    filter: grayscale(100%);
    flex-direction: column;
    text-shadow: none;
    margin-right: 10px;
    margin-bottom: 10px;
    justify-content: flex-start;
    align-items: center;
    height: 74px;
    width: 180px;
    border: 1px solid #d1d1d1;
    background: transparent;
    opacity: .5;
    position: relative;
    overflow: hidden
}

@media only screen and (max-width: 768px) {
    .cu-onboarding-v2__step .cu-onboarding-v2__integrations .cu-integration-btn {
        width:150px
    }
}

.cu-onboarding-v2__step .cu-onboarding-v2__integrations .cu-integration-btn_row {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    padding: 0 10px
}

.cu-onboarding-v2__step .cu-onboarding-v2__integrations .cu-integration-btn-icon__harvest {
    margin-top: 16px
}

.cu-onboarding-v2__step .cu-onboarding-v2__integrations .cu-integration-btn-icon__timeneye,.cu-onboarding-v2__step .cu-onboarding-v2__integrations .cu-integration-btn-icon__toggl {
    margin-top: 20px
}

.cu-onboarding-v2__step .cu-onboarding-v2__integrations .cu-integration-btn-icon__everhour {
    margin-top: 15px
}

.cu-onboarding-v2__step .cu-onboarding-v2__integrations .cu-integration-btn-icon__google-calendar,.cu-onboarding-v2__step .cu-onboarding-v2__integrations .cu-integration-btn-icon__ical {
    margin-top: 17px
}

.cu-onboarding-v2__step .cu-onboarding-v2__integrations .cu-integration-btn-icon__google-drive {
    margin-top: 16px
}

.cu-onboarding-v2__step .cu-onboarding-v2__integrations .cu-integration-btn-icon__dropbox,.cu-onboarding-v2__step .cu-onboarding-v2__integrations .cu-integration-btn-icon__outlook {
    margin-top: 18px
}

.cu-onboarding-v2__step .cu-onboarding-v2__integrations .cu-integration-btn-icon__apple-cal {
    margin-top: 14px
}

.cu-onboarding-v2__step .cu-onboarding-v2__integrations .cu-integration-btn-icon__box,.cu-onboarding-v2__step .cu-onboarding-v2__integrations .cu-integration-btn-icon__onedrive,.cu-onboarding-v2__step .cu-onboarding-v2__integrations .cu-integration-btn-icon__zoom {
    margin-top: 16px
}

.cu-onboarding-v2__step .cu-onboarding-v2__integrations .cu-integration-btn-icon__asana,.cu-onboarding-v2__step .cu-onboarding-v2__integrations .cu-integration-btn-icon__basecamp,.cu-onboarding-v2__step .cu-onboarding-v2__integrations .cu-integration-btn-icon__intercom,.cu-onboarding-v2__step .cu-onboarding-v2__integrations .cu-integration-btn-icon__integromat {
    margin-top: 20px
}

.cu-onboarding-v2__step .cu-onboarding-v2__integrations .cu-integration-btn-icon__wrike {
    margin-top: 15px
}

.cu-onboarding-v2__step .cu-onboarding-v2__integrations .cu-integration-btn-icon__monday {
    margin-top: 20px
}

.cu-onboarding-v2__step .cu-onboarding-v2__integrations .cu-integration-btn-icon__todoist {
    margin-top: 19px
}

.cu-onboarding-v2__step .cu-onboarding-v2__integrations .cu-integration-btn-icon__time-doctor {
    margin-top: 22px
}

.cu-onboarding-v2__step .cu-onboarding-v2__integrations .cu-integration-btn-icon__timely {
    margin-top: 8px
}

.cu-onboarding-v2__step .cu-onboarding-v2__integrations .cu-integration-btn-icon__clockify {
    margin-top: 23px
}

@media screen and (max-width: 768px) {
    .cu-onboarding-v2__step .cu-onboarding-v2__integrations .cu-integration-btn-icon img {
        max-width:100px
    }
}

.cu-onboarding-v2__step .cu-onboarding-v2__integrations .cu-integration-btn:not(.selected):hover {
    border: 1px solid #1e272e;
    color: #1e272e;
    opacity: 1;
    filter: grayscale(100%)
}

.cu-onboarding-v2__step .cu-onboarding-v2__integrations .cu-integration-btn.selected:hover {
    color: #A2C44A;
    border-color: #A2C44A;
    border: 1px solid;
    filter: grayscale(0%);
    opacity: 1
}

@supports (--theme-main-color: $color-purple) {
    .cu-onboarding-v2__step .cu-onboarding-v2__integrations .cu-integration-btn.selected:hover {
        color:var(--theme-main-color)
    }
}

@supports (--theme-main-color: $color-purple) {
    .cu-onboarding-v2__step .cu-onboarding-v2__integrations .cu-integration-btn.selected:hover {
        border-color:var(--theme-main-color)
    }
}

.cu-onboarding-v2__step .status-add_active,.cu-onboarding-v2__step .status-add_active:hover {
    background: #fff;
    border-color: #d8d8d8
}

.cu-onboarding-v2__step .cu-btn:not(.cu-integration-btn):focus {
    border-color: var(--theme-main-color-dark);
    background-color: var(--theme-main-color-dark)
}

.cu-onboarding-v2__checkbox {
    border: 1px solid #b9bec7;
    border-radius: 50%;
    padding: 3px;
    width: 18px;
    height: 18px
}

.cu-onboarding-v2__overlay {
    position: absolute;
    width: calc(100% + 30px);
    height: calc(100% + 30px);
    background: #fafbfc;
    opacity: .7;
    top: 0;
    left: 0;
    margin: -30px -15px 0
}

.dark-theme .cu-onboarding-v2__overlay {
    background: #1e272e
}

.cu-onboarding-v2__click-apps {
    margin-top: 20px;
    display: flex;
    flex-wrap: wrap;
    max-width: 750px
}

.cu-onboarding-v2__click-apps-bottom {
    display: flex;
    align-items: center;
    margin-top: 30px
}

.cu-onboarding-v2__click-apps-bottom .cu-btn {
    margin: 0
}

.cu-onboarding-v2__click-apps-bottom span {
    font-size: 13px;
    font-weight: 400;
    line-height: 1;
    margin-left: 30px;
    opacity: .4;
    color: #343434
}

.cu-onboarding-v2__click-apps-icon {
    width: 34px;
    height: 34px;
    margin-right: 25px;
    text-align: center;
    display: inline-block;
    flex-shrink: 0
}

.cu-onboarding-v2__click-apps-icon svg {
    width: 100%;
    height: 100%
}

.cu-onboarding-v2__click-apps-icon svg.cu-onboarding-v2__click-apps-icon__email {
    padding-top: 0
}

.cu-onboarding-v2__click-apps-icon .cu-stroke {
    stroke: #ccc
}

.cu-onboarding-v2__click-apps-icon .cu-fill {
    fill: #ccc
}

.cu-onboarding-v2__click-apps-icon.app-enabled .cu-stroke {
    stroke: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .cu-onboarding-v2__click-apps-icon.app-enabled .cu-stroke {
        stroke:var(--theme-main-color)
    }
}

.cu-onboarding-v2__click-apps-icon.app-enabled .cu-fill {
    fill: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .cu-onboarding-v2__click-apps-icon.app-enabled .cu-fill {
        fill:var(--theme-main-color)
    }
}

.cu-onboarding-v2__click-apps-row {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 215px;
    height: 150px;
    color: #343434;
    padding: 20px 16px;
    margin-right: 12px;
    margin-bottom: 12px;
    border: 1px solid #e9ebf0;
    border-radius: 12px;
    cursor: pointer
}

.cu-onboarding-v2__click-apps-row:focus,.cu-onboarding-v2__click-apps-row:hover {
    border-color: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .cu-onboarding-v2__click-apps-row:focus,.cu-onboarding-v2__click-apps-row:hover {
        border-color:var(--theme-main-color)
    }
}

.cu-onboarding-v2__click-apps-row .cu-onboarding-v2__checkbox {
    position: absolute;
    top: 12px;
    right: 12px
}

.cu-onboarding-v2__click-apps-row-type>* {
    color: #7c828d
}

.cu-onboarding-v2__click-apps-row-title {
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    line-height: 14px;
    padding: 4px 0
}

.cu-onboarding-v2__click-apps-row-desc {
    font-size: 12px;
    font-weight: 400;
    line-height: 1.2;
    min-height: 36px;
    margin-top: 5px;
    padding: 4px 0
}

.cu-onboarding-v2__click-apps-row_app-enabled {
    background: #fff
}

.cu-onboarding-v2__click-apps-row_app-enabled>.cu-onboarding-v2__checkbox {
    background-color: #A2C44A;
    border-color: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .cu-onboarding-v2__click-apps-row_app-enabled>.cu-onboarding-v2__checkbox {
        background-color:var(--theme-main-color)
    }
}

@supports (--theme-main-color: $color-purple) {
    .cu-onboarding-v2__click-apps-row_app-enabled>.cu-onboarding-v2__checkbox {
        border-color:var(--theme-main-color)
    }
}

.cu-onboarding-v2__click-apps-row_app-enabled>.cu-onboarding-v2__click-apps-row-type>* {
    color: #292d34
}

.cu-onboarding-v2__team-choices {
    display: flex;
    margin-top: 40px
}

@media screen and (max-width: 768px) {
    .cu-onboarding-v2__team-choices {
        margin-top:20px
    }
}

.cu-onboarding-v2__team-choice {
    transition: all .2s cubic-bezier(.785,.135,.15,.86) 0s;
    width: 70px;
    height: 60px;
    margin-bottom: 60px;
    text-align: center
}

@media screen and (max-width: 768px) {
    .cu-onboarding-v2__team-choice {
        margin-bottom:45px
    }
}

.cu-onboarding-v2__team-choice-text {
    transition: all .2s cubic-bezier(.785,.135,.15,.86) 0s;
    font-size: 18px;
    font-weight: 500;
    line-height: 1;
    color: #777;
    padding-bottom: 40px;
    text-align: center;
    position: relative
}

@media screen and (max-width: 768px) {
    .cu-onboarding-v2__team-choice-text {
        margin-bottom:10px
    }
}

.cu-onboarding-v2__team-choice-text-description {
    font-size: 12px;
    font-weight: 300;
    line-height: 1;
    color: #aeacb0;
    margin-top: 5px;
    position: absolute;
    transform: translate(-50%);
    left: 50%;
    white-space: nowrap
}

@media screen and (max-width: 768px) {
    .cu-onboarding-v2__team-choice-text-description {
        white-space:normal
    }
}

.cu-onboarding-v2__team-choice .cu-stroke {
    transition: all .2s cubic-bezier(.785,.135,.15,.86) 0s;
    stroke: #e4e4e4
}

.cu-onboarding-v2__team-choice-container {
    transition: all .2s cubic-bezier(.785,.135,.15,.86) 0s;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 240px;
    height: 270px;
    justify-content: flex-end;
    border: 2px solid #e4e4e4;
    border-radius: 4px;
    cursor: pointer
}

@media screen and (max-width: 768px) {
    .cu-onboarding-v2__team-choice-container {
        height:230px
    }
}

.cu-onboarding-v2__team-choice-container:hover,.cu-onboarding-v2__team-choice-container.team-selected {
    border-color: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .cu-onboarding-v2__team-choice-container:hover,.cu-onboarding-v2__team-choice-container.team-selected {
        border-color:var(--theme-main-color)
    }
}

.cu-onboarding-v2__team-choice-container:hover .cu-onboarding-v2__team-choice-text,.cu-onboarding-v2__team-choice-container.team-selected .cu-onboarding-v2__team-choice-text {
    color: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .cu-onboarding-v2__team-choice-container:hover .cu-onboarding-v2__team-choice-text,.cu-onboarding-v2__team-choice-container.team-selected .cu-onboarding-v2__team-choice-text {
        color:var(--theme-main-color)
    }
}

.cu-onboarding-v2__team-choice-container:hover .cu-stroke,.cu-onboarding-v2__team-choice-container.team-selected .cu-stroke {
    stroke: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .cu-onboarding-v2__team-choice-container:hover .cu-stroke,.cu-onboarding-v2__team-choice-container.team-selected .cu-stroke {
        stroke:var(--theme-main-color)
    }
}

.cu-onboarding-v2__team-choice-container:first-child {
    margin-right: 40px
}

@media screen and (max-width: 768px) {
    .cu-onboarding-v2__team-choice-container:first-child {
        margin-right:10px
    }
}

.cu-onboarding-v2__hands {
    height: 32px;
    width: 32px;
    display: inline-block;
    margin: 0 3px -3px
}

@media only screen and (max-width: 768px) {
    .cu-onboarding-v2__hands {
        height:16px;
        width: 21px;
        padding-left: 5px
    }
}

.cu-onboarding-v2__name {
    text-transform: capitalize
}

.cu-onboarding-v2__side {
    background-color: #A2C44A;
    transition: all .2s cubic-bezier(.785,.135,.15,.86) 0s;
    width: 20%;
    height: 100%;
    position: fixed;
    right: 0;
    top: 0
}

@supports (--theme-main-color: $color-purple) {
    .cu-onboarding-v2__side {
        background-color:var(--theme-main-color)
    }
}

.cu-onboarding-v2__side:hover {
    transition: none
}

@media screen and (max-width: 1200px) {
    .cu-onboarding-v2__side {
        display:none
    }
}

.cu-onboarding-v2__side-container {
    position: relative;
    height: 100%;
    overflow: hidden
}

.cu-onboarding-v2__side-big-half,.cu-onboarding-v2__side-big-full,.cu-onboarding-v2__side-medium-full,.cu-onboarding-v2__side-small-full,.cu-onboarding-v2__side-small-half {
    background-color: #000;
    opacity: .05;
    position: absolute
}

.cu-onboarding-v2__side-big-half {
    width: 250px;
    height: 250px;
    border-radius: 250px;
    top: 60px;
    left: -125px
}

.cu-onboarding-v2__side-big-full {
    width: 30px;
    height: 30px;
    border-radius: 30px;
    top: 30px;
    right: 60px
}

.cu-onboarding-v2__side-medium-full {
    width: 25px;
    height: 25px;
    border-radius: 25px;
    top: 350px;
    left: 30px
}

.cu-onboarding-v2__side-small-full {
    width: 15px;
    height: 15px;
    border-radius: 15px;
    bottom: 350px;
    right: 40px
}

.cu-onboarding-v2__side-small-half {
    width: 130px;
    height: 130px;
    border-radius: 130px;
    bottom: 150px;
    right: -65px
}

.cu-onboarding-v2__number-of-team-users {
    display: flex;
    flex-wrap: wrap;
    margin-top: 40px
}

.cu-onboarding-v2__number-of-team-users-item {
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all .2s cubic-bezier(.785,.135,.15,.86) 0s;
    font-size: 15px;
    font-weight: 500;
    line-height: 1;
    height: 46px;
    border-radius: 6px;
    color: #777;
    border: 1px solid #e4e4e4;
    cursor: pointer;
    margin: 0 8px 8px 0;
    padding: 16px 24px
}

.cu-onboarding-v2__number-of-team-users-item:focus,.cu-onboarding-v2__number-of-team-users-item:hover {
    border-color: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .cu-onboarding-v2__number-of-team-users-item:focus,.cu-onboarding-v2__number-of-team-users-item:hover {
        border-color:var(--theme-main-color)
    }
}

.cu-onboarding-v2__number-of-team-users-item_selected {
    color: #A2C44A;
    border-color: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .cu-onboarding-v2__number-of-team-users-item_selected {
        color:var(--theme-main-color)
    }
}

@supports (--theme-main-color: $color-purple) {
    .cu-onboarding-v2__number-of-team-users-item_selected {
        border-color:var(--theme-main-color)
    }
}

.dark-theme .cu-onboarding-v2__number-of-team-users-item {
    color: #d6d9de;
    border: 1px solid #656f7d
}

.dark-theme .cu-onboarding-v2__number-of-team-users-item:hover {
    border-color: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .dark-theme .cu-onboarding-v2__number-of-team-users-item:hover {
        border-color:var(--theme-main-color)
    }
}

.dark-theme .cu-onboarding-v2__number-of-team-users-item_selected {
    color: #f0f1f3;
    border: 1px solid #7f77f1;
    background: #323452
}

.cu-onboarding-v2__what-you-do {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 15px;
    font-weight: 400;
    line-height: 1;
    display: flex;
    flex-wrap: wrap;
    margin-top: 40px;
    align-items: center;
    color: #292d34
}

.cu-onboarding-v2__what-you-do-dropdown-item {
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    display: flex;
    justify-content: space-between;
    width: 100%;
    color: #292d34;
    white-space: normal
}

.cu-onboarding-v2__what-you-do-dropdown-item-check {
    background: #A2C44A;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    margin-left: 5px
}

@supports (--theme-main-color: $color-purple) {
    .cu-onboarding-v2__what-you-do-dropdown-item-check {
        background:var(--theme-main-color)
    }
}

.cu-onboarding-v2__what-you-do-dropdown-item-check .icon {
    fill: #fff;
    width: 10px;
    height: 10px
}

.cu-dropdown-list-item_text-highlighted .cu-onboarding-v2__what-you-do-dropdown-item {
    color: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .cu-dropdown-list-item_text-highlighted .cu-onboarding-v2__what-you-do-dropdown-item {
        color:var(--theme-main-color)
    }
}

.cu-onboarding-v2__what-you-do-dropdown-item-selected {
    color: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .cu-onboarding-v2__what-you-do-dropdown-item-selected {
        color:var(--theme-main-color)
    }
}

.cu-onboarding-v2__what-you-do-dropdown-item-editable {
    padding: 8px 15px;
    margin: -8px -15px
}

.cu-onboarding-v2__what-you-do-dropdown-item-editable input {
    color: #292d34;
    background: transparent!important
}

.cu-onboarding-v2__what-you-do-dropdown-item-editable-icon {
    height: 14px;
    width: 14px;
    margin-left: auto;
    fill: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .cu-onboarding-v2__what-you-do-dropdown-item-editable-icon {
        fill:var(--theme-main-color)
    }
}

.cu-onboarding-v2__what-you-do-dropdown-item-input {
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    width: 100%;
    height: 100%;
    border: none;
    background-color: transparent;
    padding: 8px 15px
}

.cu-onboarding-v2__what-you-do-divider {
    width: 15px
}

.cu-onboarding-v2__is-manager {
    display: flex;
    flex-wrap: wrap;
    margin-top: 40px
}

.cu-onboarding-v2__is-manager_radio {
    height: 26px
}

.cu-onboarding-v2__is-manager_radio:not(:last-child) {
    margin-right: 3rem;
    margin-bottom: 2rem
}

.cu-onboarding-v2__is-manager_radio .cu-radio__label {
    font-size: 26px;
    font-weight: 400;
    line-height: 1;
    cursor: pointer
}

.cu-onboarding-v2__is-manager_radio .cu-radio__label:before {
    top: 25%
}

.cu-onboarding-v2__is-manager_radio .cu-radio__label:after {
    top: 39%
}

.cu-onboarding-v2__outcome {
    display: flex;
    flex-wrap: wrap;
    margin-top: 40px
}

.cu-onboarding-v2__outcome-item {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 15px;
    font-weight: 500;
    line-height: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 46px;
    border-radius: 6px;
    color: #7c828d;
    border: 1px solid #e4e4e4;
    cursor: pointer;
    margin: 0 8px 8px 0;
    padding: 0 24px
}

.cu-onboarding-v2__outcome-item:focus,.cu-onboarding-v2__outcome-item:hover {
    border-color: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .cu-onboarding-v2__outcome-item:focus,.cu-onboarding-v2__outcome-item:hover {
        border-color:var(--theme-main-color)
    }
}

.cu-onboarding-v2__outcome-item_selected {
    color: #A2C44A;
    border-color: #A2C44A;
    background: #fff
}

@supports (--theme-main-color: $color-purple) {
    .cu-onboarding-v2__outcome-item_selected {
        color:var(--theme-main-color)
    }
}

@supports (--theme-main-color: $color-purple) {
    .cu-onboarding-v2__outcome-item_selected {
        border-color:var(--theme-main-color)
    }
}

.cu-onboarding-v2__outcome-item .icon {
    width: 1rem;
    height: 1rem;
    fill: #b9bec7;
    margin: 0 -6px 0 4px
}

.cu-onboarding-v2__outcome-item .icon:hover {
    fill: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .cu-onboarding-v2__outcome-item .icon:hover {
        fill:var(--theme-main-color)
    }
}

.cu-onboarding-v2__outcome-item_footer {
    font-size: 13px;
    font-weight: 400;
    line-height: 1;
    margin-left: 30px;
    opacity: .4;
    color: #343434
}

.cu-onboarding-v2__outcome+.cu-onboarding-v2__input-container>.cu-onboarding-v2__input {
    font-size: 15px;
    font-weight: 500;
    line-height: 1;
    line-height: 16px
}

.cu-onboarding-v2__outcome+.cu-onboarding-v2__input-container>.cu-onboarding-v2__input::placeholder {
    color: #b6b7b8
}

.cu-onboarding-v2__experience {
    display: flex;
    flex-wrap: wrap;
    margin-top: 40px
}

.cu-onboarding-v2__experience .cu-onboarding-v2__checkbox {
    position: absolute;
    top: 12px;
    right: 12px
}

.cu-onboarding-v2__experience-item {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    flex-direction: column;
    height: 216px;
    width: 216px;
    color: #7c828d;
    border: 1px solid #e4e4e4;
    border-radius: 12px;
    cursor: pointer;
    margin: 0 6px;
    padding: 0 10px
}

.cu-onboarding-v2__experience-item:focus,.cu-onboarding-v2__experience-item:hover {
    border-color: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .cu-onboarding-v2__experience-item:focus,.cu-onboarding-v2__experience-item:hover {
        border-color:var(--theme-main-color)
    }
}

.cu-onboarding-v2__experience-item-img {
    width: 96px;
    height: 96px;
    fill: #b9bec7
}

.cu-onboarding-v2__experience-item-text>* {
    color: #7c828d;
    text-align: center
}

.cu-onboarding-v2__experience-item-heading {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 16px;
    font-weight: 600;
    line-height: 1;
    margin: 15px 0 11px
}

.cu-onboarding-v2__experience-item-description {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 13px;
    font-weight: 400;
    line-height: 1.3
}

.cu-onboarding-v2__experience-item_selected>.cu-onboarding-v2__experience-item-img {
    fill: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .cu-onboarding-v2__experience-item_selected>.cu-onboarding-v2__experience-item-img {
        fill:var(--theme-main-color)
    }
}

.cu-onboarding-v2__experience-item_selected>.cu-onboarding-v2__experience-item-text>* {
    color: #292d34
}

.cu-onboarding-v2__experience-item_selected {
    border-color: #A2C44A;
    background: #fff
}

@supports (--theme-main-color: $color-purple) {
    .cu-onboarding-v2__experience-item_selected {
        border-color:var(--theme-main-color)
    }
}

.cu-onboarding-v2__experience-item_selected>.cu-onboarding-v2__checkbox {
    background-color: #A2C44A;
    border-color: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .cu-onboarding-v2__experience-item_selected>.cu-onboarding-v2__checkbox {
        background-color:var(--theme-main-color)
    }
}

@supports (--theme-main-color: $color-purple) {
    .cu-onboarding-v2__experience-item_selected>.cu-onboarding-v2__checkbox {
        border-color:var(--theme-main-color)
    }
}

.cu-onboarding-v2__space {
    height: 400px
}

@media screen and (max-width: 1200px) {
    .cu-onboarding-v2__space {
        height:200px
    }
}

@media screen and (max-width: 992px) {
    .cu-onboarding-v2__space {
        height:188px
    }
}

@media screen and (max-width: 768px) {
    .cu-onboarding-v2__space {
        height:275px
    }
}

.cu-onboarding-v2__templates {
    margin-top: 20px;
    box-shadow: 0 10px 30px #0000001a;
    border-radius: 4px;
    border: 1px solid #e9ebf0
}

.dark-theme .cu-onboarding-v2__templates {
    border-color: #1e272e
}

.dark-theme .cu-onboarding-v2__templates .load-template__sidebar {
    background: #fafbfc;
    border-right: 1px solid #e4e4e4
}

.dark-theme .cu-onboarding-v2__templates .load-template__sidebar .cu-search {
    border: 1px solid #e4e4e4
}

.dark-theme .cu-onboarding-v2__templates .load-template__sidebar .cu-search input {
    background: transparent;
    color: #343434
}

.dark-theme .cu-onboarding-v2__templates .load-template__sidebar .cu-search input::placeholder {
    color: #343434
}

.cu-onboarding-v2__item-toggle {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 16px;
    font-weight: 500;
    line-height: 1;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-grow: 1;
    padding: 0 16px;
    margin: 10px 0;
    width: 260px;
    height: 46px;
    border: 1px solid rgba(0,0,0,.05);
    box-shadow: 0 1px 3px #0000000d;
    border-radius: 4px;
    background-color: #fff;
    color: #292d34
}

.cu-onboarding-v2__item-toggle_default {
    opacity: .6
}

.cu-onboarding-v2__item-toggle_open {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.cu-onboarding-v2__item-toggle-input {
    display: flex;
    align-items: center;
    width: 100%;
    height: 100%
}

.cu-onboarding-v2__item-toggle-input input {
    width: 100%;
    height: 100%;
    border: none;
    font: inherit;
    color: inherit;
    padding: 0
}

.cu-onboarding-v2__item-toggle-input-icon_enter {
    height: 16px;
    width: 16px;
    fill: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .cu-onboarding-v2__item-toggle-input-icon_enter {
        fill:var(--theme-main-color)
    }
}

.cu-onboarding-v2__item-toggle-input-icon_warning {
    fill: #fd7171;
    width: 16px;
    height: 16px
}

.cu-onboarding-v2__item-toggle-host {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 1px;
    background: #e9ebf0
}

.cu-onboarding-v2__finish-tooltip-wrapper {
    display: inline
}

.cu-onboarding-v2__warning-banner {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    display: flex;
    gap: 26px;
    align-items: center;
    justify-content: space-between;
    width: 80%;
    padding: 20px 24px;
    background-color: #fff;
    box-shadow: 0 4px 12px #0000001f
}

@media screen and (max-width: 1200px) {
    .cu-onboarding-v2__warning-banner {
        width:100%
    }
}

.dark-theme .cu-onboarding-v2__warning-banner {
    background-color: #30353c
}

.cu-onboarding-v2__warning-text {
    display: flex;
    align-items: center;
    gap: 26px;
    height: 100%
}

.cu-onboarding-v2__warning-icon {
    flex-basis: 26.67px;
    height: 26.67px
}

.cu-onboarding-v2__warning-icon svg use {
    fill: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .cu-onboarding-v2__warning-icon svg use {
        fill:var(--theme-main-color)
    }
}

.cu-onboarding-v2__warning-heading {
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    margin-bottom: 4px;
    color: #343434
}

.dark-theme .cu-onboarding-v2__warning-heading {
    color: #f0f1f3
}

.cu-onboarding-v2__warning-description {
    font-size: 13px;
    line-height: 20px;
    color: #343434
}

.dark-theme .cu-onboarding-v2__warning-description {
    color: #f0f1f3
}

.cu-onboarding-v2__warning-cancel div {
    background-color: #e9ebf0;
    padding: 12px 16px;
    border-radius: 6px;
    color: #7c828d;
    font-weight: 500;
    cursor: pointer
}

.dark-theme .cu-onboarding-v2__warning-cancel div {
    border-color: #656f7d;
    background-color: #2a2e34;
    color: #d6d9de
}

.cu-onboarding-v2__dropdown {
    background-color: #fff!important;
    width: auto;
    min-width: 260px;
    margin-top: 0!important;
    border: 1px solid rgba(0,0,0,.05);
    box-shadow: 0 10px 10px #00000040;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.cu-onboarding-v2__dropdown:after {
    display: none!important
}

.cu-onboarding-v2__dropdown .cu-dropdown-list__body,.cu-onboarding-v2__dropdown .cu-dropdown-list__body .cu-search-list {
    max-height: 40vh
}

.cu-onboarding-v2__dropdown .cu-dropdown-list__menu {
    max-width: unset
}

.cu-onboarding-v2__dropdown .cu-dropdown-list-item:not(.cu-dropdown-list-item_text-highlighted):hover {
    background-color: transparent
}

.cu-onboarding-v2__dropdown .cu-dropdown-list-item_text-highlighted {
    background-color: #fafbfc
}

.cu-onboarding-v2__dropdown .cu-dropdown-list-item__link {
    padding-right: 12px
}

.cu-onboarding-v2__dropdown .cu-search-input__input {
    height: 46px
}

.cu-onboarding-v2__tooltip {
    background-color: #292d34!important;
    color: #fff!important
}

@media screen and (max-width: 768px) {
    .cu-onboarding-v2__step-heading {
        font-size:17px
    }

    .cu-onboarding-v2__step-heading span {
        padding: 0 5px
    }

    .cu-onboarding-v2__step-heading-description {
        margin: 20px 0
    }

    .cu-onboarding-v2__status-selection {
        flex-wrap: wrap
    }

    .cu-onboarding-v2__status-selection-option {
        margin: 0
    }

    .cu-onboarding-v2__status-selection-option-container {
        margin: 0 auto 20px!important
    }

    .cu-onboarding-v2__hands {
        margin: 20px 3px -3px
    }
}

@media only screen and (max-width: 768px) and (max-width: 768px) {
    .cu-onboarding-v2__hands {
        margin:0
    }
}

@media screen and (max-width: 768px) {
    .cu-onboarding-v2__input {
        font-size:16px;
        padding: 25px 0 12px
    }
}

@media screen and (max-width: 768px) {
    .cu-onboarding-v2__emails-bottom {
        flex-wrap:wrap
    }

    .cu-onboarding-v2__emails-bottom .cu-onboarding-v2__small {
        width: 100%
    }
}

@media screen and (max-width: 768px) {
    .cu-onboarding-v2 .cu-btn {
        line-height:1
    }
}

@media screen and (max-width: 768px) {
    .cu-onboarding-v2__status-selection-options {
        flex-wrap:wrap;
        width: 100%
    }

    .cu-onboarding-v2__status-selection-options .cu-from__row .cu-status-badge-list {
        flex-wrap: wrap
    }

    .cu-onboarding-v2__status-selection-options .cu-from__row .cu-status-badge-list__open {
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        margin-bottom: 20px
    }

    .cu-onboarding-v2__status-selection-options .cu-from__row .cu-status-badge-list__open .cu-status-badge {
        order: 1
    }

    .cu-onboarding-v2__status-selection-options .cu-from__row .cu-status-badge-list__open .cu-status-badge__label {
        margin-bottom: 10px
    }

    .cu-onboarding-v2__status-selection-options .cu-from__row .cu-status-badge-list__custom-block {
        border: none;
        margin: 0 0 20px;
        padding: 0;
        display: flex;
        flex-direction: column;
        width: 100%
    }

    .cu-onboarding-v2__status-selection-options .cu-from__row .cu-status-badge-list__custom-block .cu-status-badge-list__custom {
        order: 1
    }

    .cu-onboarding-v2__status-selection-options .cu-from__row .cu-status-badge-list__custom-block .cu-status-badge__label_custom {
        float: none;
        width: 100%;
        margin-bottom: 10px
    }

    .cu-onboarding-v2__status-selection-options .cu-from__row .cu-status-badge-list__close {
        display: flex;
        flex-direction: column
    }

    .cu-onboarding-v2__status-selection-options .cu-from__row .cu-status-badge-list__close .cu-status-badge {
        order: 1
    }

    .cu-onboarding-v2__status-selection-options .cu-from__row .cu-status-badge-list__close .cu-status-badge__label {
        margin-bottom: 10px
    }
}

@media screen and (max-width: 768px) {
    .cu-onboarding-v2 .setup-step-project__preset-status-list {
        flex-wrap:wrap
    }

    .cu-onboarding-v2 .setup-step-project__preset-status-list .setup-step-project__preset-status-list-item {
        margin: 5px
    }
}

.cu-beacons {
    transition: all .2s cubic-bezier(.785,.135,.15,.86) 0s;
    position: fixed;
    bottom: 50px;
    right: 5px;
    z-index: 99;
    pointer-events: none;
    max-width: 420px
}

.cu-beacons:hover {
    transition: none
}

.cu-beacons_move {
    bottom: 107px
}

.cu-beacons__header {
    position: relative;
    width: 100%;
    margin-top: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end
}

.cu-beacons__btn {
    transition: all .2s cubic-bezier(.785,.135,.15,.86) 0s;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 90px;
    height: 50px;
    border-radius: 25px;
    border: 1px solid #fff;
    background: #fff;
    text-shadow: none;
    margin-right: 5px;
    margin-bottom: 5px;
    position: relative;
    cursor: pointer;
    box-shadow: 0 4px 10px #0000001a;
    pointer-events: auto
}

.dark-theme .cu-beacons__btn {
    border: 1px solid #d5d6d7;
    background: #d5d6d7
}

.cu-beacons__btn-img {
    display: block
}

.cu-beacons__btn-img_timely {
    margin-top: -9px
}

.cu-beacons__btn-row {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row
}

.cu-beacons__btn-close {
    background: #A2C44A;
    transition: all .2s cubic-bezier(.785,.135,.15,.86) 0s;
    display: none;
    position: absolute;
    top: -7px;
    right: -7px;
    height: 24px;
    width: 24px;
    opacity: 1;
    margin: auto;
    border-radius: 20px;
    padding: 5px
}

@supports (--theme-main-color: $color-purple) {
    .cu-beacons__btn-close {
        background:var(--theme-main-color)
    }
}

.cu-beacons__btn-close:hover {
    background: #A2C44A
}

@supports (--theme-main-color-dark: $color-purple-dark) {
    .cu-beacons__btn-close:hover {
        background:var(--theme-main-color-dark)
    }
}

.cu-beacons__btn:hover {
    border-color: #A2C44A;
    border: 1px solid
}

@supports (--theme-main-color: $color-purple) {
    .cu-beacons__btn:hover {
        border-color:var(--theme-main-color)
    }
}

.cu-beacons__btn:hover .cu-beacons__btn-close {
    display: flex
}

.cu-beacons__title {
    color: #A2C44A;
    font-size: 12px;
    font-weight: 500;
    line-height: 1;
    padding-top: 2px
}

@supports (--theme-main-color: $color-purple) {
    .cu-beacons__title {
        color:var(--theme-main-color)
    }
}

.cu-beacons__title_csv {
    margin-left: 3px
}

.top-section {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    position: relative;
    background: #fff;
    box-shadow: 0 2px 2px #0000000d
}

.contrast_high .top-section {
    box-shadow: 0 2px 2px #00000014
}

.dark-theme .top-section {
    background: #384047
}

.top-section__pin {
    width: 24px;
    height: 24px;
    cursor: pointer;
    padding: 4px;
    margin: 8px 4px;
    fill: #717171
}

.top-section__pin:hover {
    fill: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .top-section__pin:hover {
        fill:var(--theme-main-color)
    }
}

.top-section__pin.top-section_pinned {
    fill: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .top-section__pin.top-section_pinned {
        fill:var(--theme-main-color)
    }
}

.top-section .cu-search {
    width: 200px
}

.top-section_small {
    width: 299px;
    padding-right: 4px;
    position: absolute
}

.top-section_small .top-section__body {
    display: flex;
    width: 100%
}

.top-section_small .top-section__body .top-section__item.selected {
    flex-grow: 1;
    flex-shrink: 1;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.top-section__selected-name {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1.3
}

.top-section__body {
    display: flex;
    overflow: hidden;
    align-items: flex-start
}

.top-section__body-inner {
    display: flex;
    overflow: hidden
}

.top-section_expanded .top-section__body-inner {
    flex-wrap: wrap
}

.top-section__body-inner cu-project-item {
    min-width: 0
}

.top-section__extra {
    display: flex;
    align-items: center
}

.top-section__no-results {
    display: flex;
    align-items: center;
    min-height: 40px;
    padding-top: 2px
}

.top-section__lock {
    width: 16px;
    height: 20px;
    padding: 4px 4px 2px 0
}

.top-section__item {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 13px;
    font-weight: 400;
    line-height: 1.2;
    display: flex;
    align-items: center;
    white-space: nowrap;
    padding: 10px 2px;
    min-height: 40px
}

.top-section__item.selected {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 13px;
    font-weight: 500;
    line-height: 1.2
}

.top-section__item:hover .top-section__quick-action-ellipsis {
    display: block
}

.top-section__item-handle {
    transition: all .1s cubic-bezier(.785,.135,.15,.86) 0s;
    width: 10px;
    height: 19px;
    margin: 0 5px 0 0;
    opacity: 0;
    cursor: move;
    fill: #dbdbdb
}

.top-section__item-handle:hover {
    transition: none
}

.contrast_high .top-section__item-handle {
    fill: #979797
}

.top-section__item-handle svg {
    pointer-events: none
}

.top-section__item:hover .top-section__item-handle {
    opacity: 1
}

.top-section__item_toggle {
    margin-left: 10px
}

.top-section__item_separator {
    padding-left: 20px
}

.top-section__item_separator:before {
    content: "";
    display: block;
    position: absolute;
    background-image: linear-gradient(to right,rgba(251,251,251,0),#fff);
    width: 30px;
    height: 40px;
    margin-left: -50px
}

.dark-theme .top-section__item_separator:before {
    background-image: linear-gradient(to right,rgba(56,64,71,0),#384047)
}

.top-section__item-title {
    transition: all .2s cubic-bezier(.785,.135,.15,.86) 0s;
    font-size: 12px;
    font-weight: 400;
    line-height: 1;
    display: flex;
    align-items: center;
    white-space: nowrap;
    padding: 10px 20px;
    margin: 1px 0 0;
    min-height: 40px;
    text-transform: uppercase;
    letter-spacing: 2px;
    color: #bcbcbc;
    cursor: pointer
}

.contrast_high .top-section__item-title {
    color: #858585
}

.top-section__item-title:hover {
    color: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .top-section__item-title:hover {
        color:var(--theme-main-color)
    }
}

.top-section__item-title_inactive {
    color: #A2C44A;
    cursor: default
}

@supports (--theme-main-color: $color-purple) {
    .top-section__item-title_inactive {
        color:var(--theme-main-color)
    }
}

.contrast_high .top-section__item-title_inactive {
    color: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .contrast_high .top-section__item-title_inactive {
        color:var(--theme-main-color)
    }
}

.top-section__item-more {
    font-size: 11px;
    font-weight: 400;
    color: #aeacb0;
    padding: 0 4px 0 8px
}

.top-section__quick-action {
    width: 24px;
    min-width: 24px
}

.top-section__quick-action-ellipsis {
    width: 24px;
    height: 24px;
    padding: 4px;
    cursor: pointer;
    display: none;
    fill: #dbdbdb;
    margin: -2px 0
}

.contrast_high .top-section__quick-action-ellipsis {
    fill: #979797
}

.top-section__quick-action-ellipsis:hover {
    fill: #A2C44A;
    opacity: 1
}

@supports (--theme-main-color: $color-purple) {
    .top-section__quick-action-ellipsis:hover {
        fill:var(--theme-main-color)
    }
}

.top-section__quick-action .cu-dropdown_open .top-section__quick-action-ellipsis {
    fill: #A2C44A;
    display: block;
    opacity: 1
}

@supports (--theme-main-color: $color-purple) {
    .top-section__quick-action .cu-dropdown_open .top-section__quick-action-ellipsis {
        fill:var(--theme-main-color)
    }
}

.top-section__toggle {
    width: 24px;
    min-width: 24px;
    height: 24px;
    transform: rotate(90deg);
    fill: #343434;
    cursor: pointer;
    margin: -2px 0
}

.dark-theme .top-section__toggle {
    fill: #d5d6d7
}

.top-section__toggle:hover {
    fill: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .top-section__toggle:hover {
        fill:var(--theme-main-color)
    }
}

.top-section_expanded .top-section__toggle {
    transform: rotate(270deg)
}

.top-section__create {
    cursor: pointer;
    color: #aeacb0;
    margin-right: 15px;
    margin-left: 15px
}

.contrast_high .top-section__create {
    color: #858585
}

.top-section__create:hover {
    color: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .top-section__create:hover {
        color:var(--theme-main-color)
    }
}

.top-section .section-view-all {
    font-size: 13px
}

.top-section .section-view-all.allNotAvailable {
    color: #949494;
    cursor: not-allowed
}

.contrast_high .top-section .section-view-all.allNotAvailable {
    color: #858585
}

.top-section__link {
    transition: all .2s cubic-bezier(.785,.135,.15,.86) 0s;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    position: relative;
    color: #949494;
    max-width: 100%
}

.contrast_high .top-section__link {
    color: #858585
}

.top-section__link:hover {
    color: #4a4f55
}

.dark-theme .top-section__link:hover {
    color: #d5d6d7
}

.top-section__item.selected .top-section__link {
    margin-top: 0;
    color: #4a4f55
}

.dark-theme .top-section__item.selected .top-section__link {
    color: #d5d6d7
}

.top-section__item.selected .top-section__link:before {
    content: "";
    display: block;
    position: absolute;
    background: #A2C44A;
    width: 20px;
    height: 2px;
    margin-top: -14px;
    margin-left: -10px;
    left: 50%
}

@supports (--theme-main-color: $color-purple) {
    .top-section__item.selected .top-section__link:before {
        background:var(--theme-main-color)
    }
}

.top-section__link_shared-with-me {
    margin-left: 12px
}

.cu-topnav {
    position: fixed;
    width: 100%;
    z-index: 99
}

.cu-time-estimates__header {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.cu-time-estimates__header-container {
    margin-bottom: 15px
}

.cu-time-estimates__header-container.time-track-rollup {
    padding: 20px 20px 0 15px
}

.cu-time-estimates__header-desc {
    font-size: 10px;
    font-weight: 500;
    line-height: 1;
    color: #4a4a4a
}

.dark-theme .cu-time-estimates__header-desc {
    color: #d5d6d7
}

.cu-time-estimates__header-desc.rolled-up {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: flex;
    align-items: flex-end;
    color: #b9bec7
}

.dark-theme .cu-time-estimates__header-desc.rolled-up {
    color: #828588
}

.cu-time-estimates__header-val {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 13px;
    font-weight: 500;
    line-height: 1;
    color: #4a4a4a
}

.dark-theme .cu-time-estimates__header-val {
    color: #d5d6d7
}

.cu-time-estimates__header-val.rolled-up {
    font-size: 11px;
    color: #b9bec7
}

.dark-theme .cu-time-estimates__header-val.rolled-up {
    color: #828588
}

.cu-time-estimates__header:nth-child(2) {
    margin-top: 10px
}

.cu-time-estimates__input {
    font-size: 13px;
    font-weight: 400;
    line-height: 1;
    border: 1px solid #e4e4e4;
    padding: 0 20px 0 10px;
    width: 100%;
    height: 37px;
    border-radius: 3px;
    margin-bottom: 14px
}

.dark-theme .cu-time-estimates__input {
    border-color: #1e272e;
    background: transparent;
    color: #d5d6d7
}

.cu-time-estimates__input::-webkit-input-placeholder {
    color: #d2d0d5
}

.dark-theme .cu-time-estimates__input::-webkit-input-placeholder {
    color: #828588
}

.cu-time-estimates__input.error {
    border-color: #fd71af
}

.dark-theme .cu-time-estimates__input:focus {
    box-shadow: none
}

.cu-time-estimates__input-container {
    position: relative
}

.cu-time-estimates__input-container-top.center {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 10px
}

.cu-time-estimates__input-container-top.center .time-tracking__dropdown-row-title {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 16px;
    font-weight: 500;
    line-height: 1;
    margin-right: 2px
}

.cu-time-estimates__input-clear {
    background: #A2C44A;
    position: absolute;
    top: 12px;
    right: 10px;
    width: 14px;
    padding: 2px;
    height: 14px;
    border-radius: 50%;
    cursor: pointer;
    fill: #fff
}

@supports (--theme-main-color: $color-purple) {
    .cu-time-estimates__input-clear {
        background:var(--theme-main-color)
    }
}

.cu-time-estimates__input-clear:hover {
    background: #A2C44A
}

@supports (--theme-main-color-dark: $color-purple-dark) {
    .cu-time-estimates__input-clear:hover {
        background:var(--theme-main-color-dark)
    }
}

.cu-time-estimates__clear span {
    font-size: 13px;
    font-weight: 400;
    line-height: 1;
    color: #fd71af;
    cursor: pointer
}

.cu-time-estimates__error {
    font-size: 11px;
    font-weight: 400;
    line-height: 1;
    color: #fd71af;
    margin-top: -13px;
    position: absolute
}

.cu-time-estimates__hours-per-day {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 13px;
    font-weight: 400;
    line-height: 1;
    margin-bottom: 12px;
    color: #7c828d
}

.dark-theme .cu-time-estimates__hours-per-day {
    color: #abaeb0
}

.time-estimates-view__full-value {
    cursor: pointer;
    display: flex;
    align-items: center
}

.lv-task .time-estimates-view__full-value .cu-task-info__value {
    color: #343434
}

.dark-theme .lv-task .time-estimates-view__full-value .cu-task-info__value {
    color: #abaeb0
}

.time-estimates-view__toogle {
    cursor: pointer
}

.lv-task .time-estimates-view__toogle {
    width: 120px;
    display: flex;
    justify-content: center;
    margin-left: -32px
}

.time-estimates-view .icon.time-estimates-view__icon {
    width: 24px;
    height: 24px
}

.lv-task .time-estimates-view .icon.time-estimates-view__icon {
    width: 30px;
    height: 30px
}

.time-estimates-view .icon.time-estimates-view__icon .cu-stroke {
    stroke: #c1c1c1
}

.contrast_high .time-estimates-view .icon.time-estimates-view__icon .cu-stroke,.dark-theme .time-estimates-view .icon.time-estimates-view__icon .cu-stroke {
    stroke: #979797
}

.time-estimates-view .icon.time-estimates-view__icon:hover .cu-stroke {
    stroke: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .time-estimates-view .icon.time-estimates-view__icon:hover .cu-stroke {
        stroke:var(--theme-main-color)
    }
}

.time-estimates-view.time-estimates-view__hide .icon.time-estimates-view__icon {
    display: none
}

.time-estimates-view .time-estimates-view__full .time-estimates-view__full-value .icon.time-estimates-view__icon {
    display: block;
    width: 12px;
    height: 16px;
    margin-right: 5px;
    margin-top: -1px
}

.cu-dashboard-board .time-estimates-view .time-estimates-view__full .time-estimates-view__full-value .icon.time-estimates-view__icon {
    margin-right: 2px
}

.time-estimates-view .time-estimates-view__full .time-estimates-view__full-value .time-estimates-view__close {
    width: 12px;
    height: 16px;
    display: none;
    margin-right: 5px;
    margin-top: -1px
}

.cu-dashboard-board .time-estimates-view .time-estimates-view__full .time-estimates-view__full-value .time-estimates-view__close {
    margin-right: 2px
}

.time-estimates-view .time-estimates-view__full .time-estimates-view__full-value .time-estimates-view__close use {
    fill: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .time-estimates-view .time-estimates-view__full .time-estimates-view__full-value .time-estimates-view__close use {
        fill:var(--theme-main-color)
    }
}

.time-estimates-view .time-estimates-view__full .time-estimates-view__full-value .time-estimates-view__close .icon:hover {
    display: block
}

.time-estimates-view .time-estimates-view__full .time-estimates-view__full-value:hover .icon.time-estimates-view__icon {
    display: none
}

.time-estimates-view .time-estimates-view__full .time-estimates-view__full-value:hover .icon.time-estimates-view__close {
    display: block
}

.time-estimates-view .time-estimates-view__full .time-estimates-view__full-value.no-permission {
    cursor: default
}

.time-estimates-view .time-estimates-view__full .time-estimates-view__full-value.no-permission:hover .icon.time-estimates-view__icon {
    cursor: default;
    display: block
}

.time-estimates-view.time-estimates-notifs .time-estimates-view__full .time-estimates-view__full-value .time-estimates-view__close .icon:hover {
    display: none
}

.time-estimates-view.time-estimates-notifs .time-estimates-view__full .time-estimates-view__full-value:hover .icon.time-estimates-view__icon {
    display: block
}

.time-estimates-view.time-estimates-notifs .time-estimates-view__full .time-estimates-view__full-value:hover .icon.time-estimates-view__icon .cu-stroke {
    stroke: #cbc9cf
}

.time-estimates-view.time-estimates-notifs .time-estimates-view__full .time-estimates-view__full-value:hover .icon.time-estimates-view__close {
    display: none
}

.time-estimates-view .cu-dropdown_open .icon.time-estimates-view__icon .cu-stroke {
    stroke: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .time-estimates-view .cu-dropdown_open .icon.time-estimates-view__icon .cu-stroke {
        stroke:var(--theme-main-color)
    }
}

.cu-task-info__recurring .time-estimates-view .icon.time-estimates-view__icon,.task-create-estimate .time-estimates-view .icon.time-estimates-view__icon {
    width: 34px;
    height: 34px
}

.cu-panel-board__subtasks-item:hover .time-estimates-view .icon.time-estimates-view__icon,.cu-panel-board_hover-state .time-estimates-view .icon.time-estimates-view__icon {
    display: block
}

.cu-panel-board_hover-state .time-estimates-view .cu-dropdown_open .icon.time-estimates-view__icon .cu-stroke {
    stroke: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .cu-panel-board_hover-state .time-estimates-view .cu-dropdown_open .icon.time-estimates-view__icon .cu-stroke {
        stroke:var(--theme-main-color)
    }
}

.cu-panel-board_hover-state .cu-panel-board__subtasks-item .time-estimates-view .icon.time-estimates-view__icon {
    display: none
}

.task-todo-item_hover-state .time-estimates-view.time-estimates-view__hide .cu-dropdown_open .icon.time-estimates-view__icon {
    display: block
}

.task-todo-item_hover-state .time-estimates-view.time-estimates-view__hide .cu-dropdown_open .icon.time-estimates-view__icon .cu-stroke {
    stroke: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .task-todo-item_hover-state .time-estimates-view.time-estimates-view__hide .cu-dropdown_open .icon.time-estimates-view__icon .cu-stroke {
        stroke:var(--theme-main-color)
    }
}

.cu-dependencies {
    margin-top: -30px
}

.cu-dependencies__tasks-side {
    position: absolute;
    height: 25px;
    transform: rotate(-90deg);
    display: flex
}

.cu-dependencies__tasks-side-container {
    display: flex;
    align-items: flex-end;
    overflow: hidden
}

.cu-dependencies__tasks-side-next {
    width: 18px;
    height: 20px;
    cursor: pointer;
    fill: #aeacb0;
    transition: .1s;
    margin-right: 10px;
    display: none
}

.cu-dependencies__tasks-side-next:hover {
    fill: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .cu-dependencies__tasks-side-next:hover {
        fill:var(--theme-main-color)
    }
}

.cu-dependencies__tasks-side-next.up {
    transform: rotate(90deg)
}

.cu-dependencies__tasks-side-next.down {
    transform: rotate(-90deg);
    margin-left: 25px
}

.cu-dependencies__tasks-side-blockers,.cu-dependencies__tasks-side-blocked {
    display: flex;
    align-items: center;
    transition: all .2s cubic-bezier(.785,.135,.15,.86) 0s;
    box-shadow: inset 0 -5px 6px -8px #000;
    background-color: #fafbfc;
    position: relative
}

.cu-dependencies__tasks-side-blockers {
    border-top-left-radius: 5px
}

.cu-dependencies__tasks-side-blocked {
    border-top-right-radius: 5px
}

.cu-dependencies__tasks-side-item {
    display: flex;
    align-items: center;
    padding-left: 10px;
    padding-right: 5px;
    overflow: hidden;
    height: 25px;
    line-height: 25px;
    border-left: 1px solid #e4e4e4
}

.cu-dependencies__tasks-side-item.main-task {
    background-color: #fff
}

.cu-dependencies__tasks-side-item .lv-task__status {
    margin: 0 8px 0 0
}

.cu-dependencies__tasks-side-item-end {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    position: absolute;
    right: 0;
    height: 25px;
    width: 75px;
    background: linear-gradient(to right,#fff 0%,rgba(255,255,255,.4) 35%,rgba(255,255,255,0) 100%)
}

.cu-dependencies__tasks-side-item-end:hover .cu-dependencies__tasks-side-next {
    display: block
}

.cu-dependencies__tasks-side-item-end.down {
    left: 0;
    background: linear-gradient(to left,#fff 0%,rgba(255,255,255,.4) 95%,rgba(255,255,255,0) 100%);
    justify-content: flex-start
}

.cu-dependencies__tasks-side-item-name {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 11px;
    font-weight: 400;
    line-height: 1;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: left;
    width: calc(100% - 22px)
}

.cu-dependencies__tasks-side-item-name.no-access {
    display: flex;
    align-items: center
}

.cu-dependencies__tasks-side-item-name.main-task {
    font-size: 11px;
    font-weight: 500;
    line-height: 1;
    width: calc(100% - 34px)
}

.cu-dependencies__tasks-side-main-icon {
    margin: 0 5px;
    width: 12px;
    height: 12px;
    stroke: #979797;
    cursor: pointer
}

.cu-dependencies__tasks-side .lv-task__dependency-icon {
    margin-bottom: 2px
}

.cu-dependencies__header {
    margin-bottom: 25px
}

.cu-dependencies__header-item {
    font-size: 25px;
    color: #d2d0d5;
    padding-bottom: 10px;
    cursor: pointer
}

.cu-dependencies__header-item.active {
    border-bottom-color: #A2C44A;
    border-bottom: 1px solid;
    color: #343434
}

@supports (--theme-main-color: $color-purple) {
    .cu-dependencies__header-item.active {
        border-bottom-color:var(--theme-main-color)
    }
}

.cu-dependencies__header-item:first-child {
    margin-right: 25px
}

.cu-dependencies__error {
    color: #fd71af;
    margin-bottom: 10px
}

.cu-dependencies__tasks {
    padding: 20px 0 0
}

.cu-dependencies__tasks-container {
    padding: 20px;
    margin-bottom: 10px
}

.cu-dependencies__tasks-container.waiting {
    border: 1px solid rgba(247,77,75,.2);
    border-left: 2px solid #f74d4b;
    background: rgba(247,77,75,.05)
}

.cu-dependencies__tasks-container.waiting .cu-dependencies__tasks-container-title {
    color: #f74d4b
}

.cu-dependencies__tasks-container.waiting .cu-dependencies__tasks-container-title-icon {
    fill: #f74d4b
}

.cu-dependencies__tasks-container.closed {
    border: 1px solid rgba(107,202,80,.2);
    border-left: 2px solid #6bca50;
    background: rgba(107,202,80,.05)
}

.cu-dependencies__tasks-container.closed .cu-dependencies__tasks-container-title-icon {
    stroke: #6bca50;
    fill: #6bca50
}

.cu-dependencies__tasks-container.blockers {
    border: 1px solid rgba(255,204,0,.4);
    border-left: 2px solid #fc0;
    background: rgba(255,204,0,.05)
}

.cu-dependencies__tasks-container.blockers .cu-dependencies__tasks-container-title {
    color: #fc0
}

.cu-dependencies__tasks-container.blockers .cu-dependencies__tasks-container-title-icon {
    fill: #fc0
}

.cu-dependencies__tasks-container.links {
    border: 1px solid #b2a3f6;
    border-left: 2px solid #A2C44A;
    background: rgba(245,243,253,.62)
}

.dark-theme .cu-dependencies__tasks-container.links {
    background: rgba(123,104,238,.1)
}

.cu-dependencies__tasks-container.links .cu-dependencies__tasks-container-title {
    color: #A2C44A
}

.cu-dependencies__tasks-container.links .cu-dependencies__tasks-container-title-icon {
    fill: #A2C44A
}

.cu-dependencies__tasks-container-select {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    color: #A2C44A;
    cursor: pointer;
    margin-top: 10px;
    display: inline-block
}

@supports (--theme-main-color: $color-purple) {
    .cu-dependencies__tasks-container-select {
        color:var(--theme-main-color)
    }
}

.cu-dependencies__tasks-container-select:hover {
    color: #A2C44A
}

@supports (--theme-main-color-dark: $color-purple-dark) {
    .cu-dependencies__tasks-container-select:hover {
        color:var(--theme-main-color-dark)
    }
}

.cu-dependencies__tasks-container-cancel {
    transition: all .2s cubic-bezier(.785,.135,.15,.86) 0s;
    background: #A2C44A;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    right: 0;
    margin-top: 10px;
    padding: 0 10px;
    z-index: 2;
    height: 27px;
    color: #fff;
    text-transform: capitalize;
    border-radius: 3px;
    cursor: pointer
}

@supports (--theme-main-color: $color-purple) {
    .cu-dependencies__tasks-container-cancel {
        background:var(--theme-main-color)
    }
}

.cu-dependencies__tasks-container-cancel:hover {
    background: #A2C44A
}

@supports (--theme-main-color-dark: $color-purple-dark) {
    .cu-dependencies__tasks-container-cancel:hover {
        background:var(--theme-main-color-dark)
    }
}

.cu-dependencies__tasks-container-title {
    font-size: 13px;
    font-weight: 500;
    line-height: 1;
    text-transform: uppercase;
    color: #343434;
    display: flex;
    align-items: center
}

.dark-theme .cu-dependencies__tasks-container-title {
    color: #d5d6d7
}

.cu-dependencies__tasks-container-title.task-num {
    margin-bottom: 10px
}

.cu-dependencies__tasks-container-title-icon {
    width: 10px;
    height: 10px;
    margin-right: 10px
}

.cu-dependencies__tasks-container-description {
    font-size: 13px;
    font-weight: 400;
    line-height: 1;
    color: #343434;
    font-style: italic;
    margin-bottom: 10px;
    opacity: .4
}

.dark-theme .cu-dependencies__tasks-container-description {
    color: #d5d6d7
}

.cu-dependencies__tasks-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    height: 24px
}

.cu-dependencies__tasks-name {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.2;
    color: #343434;
    flex-grow: 1;
    display: block
}

.dark-theme .cu-dependencies__tasks-name {
    color: #d5d6d7
}

.cu-dependencies__tasks-item-container {
    height: 34px;
    padding: 5px 20px;
    margin: 0 -20px
}

.cu-dependencies__tasks-item-container:hover {
    background-color: #f2efef
}

.dark-theme .cu-dependencies__tasks-item-container:hover {
    background: #2b343b
}

.cu-dependencies__tasks-item-container:hover .cu-dependencies__tasks-close,.cu-dependencies__tasks-item-container:hover .cu-dependencies__tasks-load {
    display: block
}

.cu-dependencies__tasks-item-container:hover .cu-dependencies__tasks-users {
    display: none
}

.cu-dependencies__tasks-close {
    width: 14px;
    height: 14px;
    margin-right: 5px;
    cursor: pointer;
    display: none
}

.cu-dependencies__tasks-close use {
    stroke: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .cu-dependencies__tasks-close use {
        stroke:var(--theme-main-color)
    }
}

.cu-dependencies__tasks-load {
    display: none
}

.cu-dependencies__tasks-status {
    position: relative;
    margin: 2px 12px 0 0;
    width: 8px;
    min-width: 8px;
    height: 8px;
    border-radius: 3px;
    transition: .1s
}

.cu-dependencies__tasks .task-selector {
    margin-bottom: 20px
}

.cu-dependencies__tasks .task-selector__search {
    padding-left: 0;
    padding-right: 110px
}

.cu-dependencies__tasks .task-mover__project,.cu-dependencies__tasks .task-selector__cat-header {
    padding-left: 50px
}

.cu-dependencies__tasks .task-selector__cat-body .task-selector__cat-header {
    padding-left: 70px
}

.cu-dependencies__tasks .task-selector__task {
    padding-left: 83px
}

.cu-dependencies__tasks .task-selector__extra-header {
    margin: 10px 50px
}

.cu-dependencies__tasks .task-selector__extra .task-selector__task {
    padding-right: 50px;
    padding-left: 50px
}

.cu-dependencies__tasks .task-selector__empty {
    margin: 20px 30px 20px 50px
}

.cu-dependencies__tasks .task-selector__empty_center {
    margin: 0
}

.cu-dependencies__tasks .task-mover-projects {
    margin-top: 60px
}

.cu-dependencies__tasks .cu-task-recent__body {
    max-height: 400px
}

.task {
    position: relative
}

.cu-reporting {
    padding: 25px 25px 0;
    height: 100%;
    background: #f2f4f7;
    position: relative
}

.cu-reporting.cu-reporting__banner-active {
    padding: 60px 25px 0
}

.cu-manager2__router-outlet .cu-reporting {
    flex: 1 0 0
}

.cu-reporting__banner {
    padding: 0 15px;
    background: linear-gradient(90deg,#6f8ef4 0%,#64c3f5 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 30px;
    position: absolute;
    left: 0;
    top: 0
}

html.todesktop-platform-darwin .cu-reporting__banner {
    -webkit-app-region: drag
}

html.todesktop-platform-darwin .cu-reporting__banner_spaces-bar-collapsed,.cu-reporting__banner_v5 {
    width: calc(100% + 51px);
    height: 50px;
    left: -51px;
    z-index: 10
}

.cu-reporting__banner-container {
    display: flex;
    align-items: center
}

.cu-reporting__banner-container img {
    height: 25px;
    width: auto;
    margin-right: 9px
}

.cu-reporting__banner-container-text {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 14px;
    font-weight: 500;
    line-height: 1;
    color: #fff
}

.cu-reporting__banner-container-text a {
    text-decoration: underline;
    cursor: pointer;
    color: #fff
}

.cu-reporting__banner-exit {
    transition: transform .2s cubic-bezier(.785,.135,.15,.86) 0s;
    position: absolute;
    stroke: #fff;
    cursor: pointer;
    height: 14px;
    width: 14px;
    padding: 2px;
    top: 8px;
    right: 10px
}

.cu-reporting__banner-exit:hover {
    transform: rotate(180deg)
}

.contrast_high .cu-reporting {
    background: #eee
}

.dark-theme .cu-reporting {
    background: #1e272e
}

.cu-reporting__not-paid {
    width: 500px;
    margin: 190px 0 0 -250px;
    position: absolute;
    left: 50%
}

.cu-reporting__not-paid-title {
    font-size: 20px;
    font-weight: 500;
    line-height: 1;
    text-align: center;
    color: #343434;
    margin-bottom: 14px
}

.dark-theme .cu-reporting__not-paid-title {
    color: #d5d6d7
}

.cu-reporting__not-paid-title span {
    color: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .cu-reporting__not-paid-title span {
        color:var(--theme-main-color)
    }
}

.cu-reporting__not-paid-description {
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    text-align: center;
    color: #343434;
    opacity: .9
}

.dark-theme .cu-reporting__not-paid-description {
    color: #d5d6d7
}

.cu-reporting__not-paid-upgrade {
    display: flex;
    justify-content: center;
    margin-top: 20px
}

.cu-reporting__not-paid-upgrade .cu-btn {
    font-size: 16px
}

.cu-reporting__not-paid-preview img {
    width: 100%;
    display: block
}

.cu-reporting__not-paid-preview-shadow {
    width: 100%;
    height: 50px;
    background: radial-gradient(ellipse at 50% -3%,rgba(0,0,0,.05),rgba(97,97,97,0) 40%)
}

.cu-reporting__admin-overlay {
    width: 100%;
    height: 100%;
    position: absolute;
    background: transparent;
    cursor: not-allowed
}

.cu-reporting__data {
    position: relative
}

.cu-reporting__export {
    display: flex;
    align-items: center;
    cursor: pointer
}

.cu-reporting__export-title {
    transition: all .2s cubic-bezier(.785,.135,.15,.86) 0s;
    font-size: 12px;
    font-weight: 400;
    line-height: 1;
    color: #aeacb0;
    margin-right: 5px
}

.dark-theme .cu-reporting__export-title {
    color: #828588
}

.cu-reporting__export-title.hours-per-day {
    display: flex;
    align-items: center;
    position: relative
}

.cu-reporting__export-title.hours-per-day .reporting-input {
    transition: all .2s cubic-bezier(.785,.135,.15,.86) 0s;
    margin: -2px 10px 0 5px;
    cursor: pointer;
    width: 12px;
    min-width: 12px;
    border: 1px solid #fff;
    border-bottom: 1px dotted #343434;
    text-align: center;
    background: transparent
}

.dark-theme .cu-reporting__export-title.hours-per-day .reporting-input {
    color: #d5d6d7;
    border: 1px solid #384047;
    border-bottom: 1px dotted #d5d6d7
}

.clickapps-card__hours-per-day .cu-reporting__export-title.hours-per-day .reporting-input {
    color: #343434;
    border: 1px solid #fff;
    border-bottom: 1px dotted #343434
}

.dark-theme .clickapps-card__hours-per-day .cu-reporting__export-title.hours-per-day .reporting-input {
    color: #d5d6d7;
    border-color: #384047;
    border-bottom-color: #d5d6d7
}

.cu-reporting__export-title.hours-per-day .reporting-input:focus {
    min-width: 25px;
    text-align: left
}

.dark-theme .cu-reporting__export-title.hours-per-day .reporting-input:focus {
    box-shadow: none
}

.cu-reporting__export-title.hours-per-day .reportingFocused {
    border: 1px solid
}

.dark-theme .cu-reporting__export-title.hours-per-day .reportingFocused {
    border: 1px solid #828588
}

.clickapps-card__hours-per-day .cu-reporting__export-title.hours-per-day .reportingFocused {
    border: 1px solid #343434
}

.cu-reporting__export-title.hours-per-day .reportingFocused:hover {
    text-decoration: none
}

.cu-reporting__export-title.hours-per-day .hoursValid,.dark-theme .cu-reporting__export-title.hours-per-day .hoursValid {
    border: 1px solid #67cb48
}

.cu-reporting__export-title.hours-per-day .hoursInvalid,.dark-theme .cu-reporting__export-title.hours-per-day .hoursInvalid {
    border: 1px solid #d16464
}

.cu-reporting__export-icon {
    transition: all .2s cubic-bezier(.785,.135,.15,.86) 0s;
    width: 15px;
    height: 18px;
    stroke: #717171;
    margin-top: -7px
}

.cu-reporting__export-url {
    display: flex;
    align-items: center
}

.cu-reporting__export-url:hover .cu-reporting__export-icon {
    stroke: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .cu-reporting__export-url:hover .cu-reporting__export-icon {
        stroke:var(--theme-main-color)
    }
}

.cu-reporting__export-url:hover .cu-reporting__export-title {
    color: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .cu-reporting__export-url:hover .cu-reporting__export-title {
        color:var(--theme-main-color)
    }
}

.cu-reporting__row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #fff;
    border: 0;
    border-bottom: 1px solid rgba(0,0,0,.03);
    box-shadow: 0 0 10px #0000000d;
    padding: 0;
    height: 40px;
    cursor: pointer
}

.dark-theme .cu-reporting__row {
    background: #384047;
    border: 0;
    border-bottom: 1px solid #1e272e
}

.cu-reporting__row_expanded {
    position: sticky;
    top: 0;
    z-index: 1;
    margin-bottom: 15px
}

.cu-reporting__row_expanded+.cu-reporting__tasks {
    margin-top: -15px
}

.cu-reporting__row.team-behind-table {
    cursor: default
}

.cu-reporting__row.totals {
    cursor: default;
    background: #f1f1f1;
    border-color: #f1f1f1
}

.dark-theme .cu-reporting__row.totals {
    background: #2b343b;
    border-color: #2b343b
}

.cu-reporting__row.totals .cu-reporting__user-name {
    font-weight: 700
}

.cu-reporting__row .cu-avatar_empty {
    border: 0;
    color: #c2c2c2;
    padding: 0;
    width: 28px;
    height: 28px;
    margin: 0!important
}

.cu-reporting__row .cu-avatar_empty .icon {
    width: 100%;
    height: 100%
}

.cu-reporting__row-container {
    position: relative
}

.cu-reporting__hierarchy {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 11px;
    font-weight: 400;
    line-height: 1.2;
    margin-bottom: 6px;
    color: #343434;
    opacity: .7;
    display: block
}

.dark-theme .cu-reporting__hierarchy {
    color: #d5d6d7
}

.cu-reporting__task {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #fff;
    border: 1px solid #fff;
    box-shadow: 0 0 10px #0000000f;
    border-radius: 4px;
    padding: 5px 5px 5px 15px;
    height: 50px
}

.dark-theme .cu-reporting__task {
    background: #384047;
    border: 1px solid #384047;
    border-radius: 0;
    box-shadow: 0 0 10px #0003
}

.cu-reporting__task-name {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 12px;
    font-weight: 400;
    line-height: 1.2;
    color: #343434
}

.dark-theme .cu-reporting__task-name {
    color: #d5d6d7
}

.cu-reporting__task-name-subtask-icon {
    height: 15px;
    width: 15px;
    margin-top: -2px;
    margin-right: 5px;
    display: inline-flex;
    fill: #aeacb0
}

.cu-reporting__task-parent-name {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 11px;
    font-weight: 400;
    line-height: 1.15;
    color: #4a4a4a;
    margin-bottom: 3px;
    margin-top: -2px
}

.dark-theme .cu-reporting__task-parent-name {
    color: #828588
}

.cu-reporting__task-info {
    font-size: 12px;
    margin-left: 10px;
    min-width: 0;
    display: flex;
    flex-direction: column
}

.cu-reporting__task-con {
    display: flex;
    align-items: center;
    min-width: 0
}

.cu-reporting__task-con .cu-unresolved__task-status {
    flex-shrink: 0
}

.cu-reporting__task-con-label {
    padding-right: 40px;
    text-transform: none;
    color: #343434
}

.dark-theme .cu-reporting__task-con-label {
    color: #d5d6d7
}

.cu-reporting__task-calculation {
    display: flex;
    justify-content: flex-end;
    padding-right: 115px
}

.cu-reporting__tasks .cu-reporting__task-calculation {
    background: #fff;
    padding: 10px 114px 5px 0;
    position: sticky;
    bottom: 0;
    margin: 0 -10px
}

.dark-theme .cu-reporting__tasks .cu-reporting__task-calculation {
    background: #2b343b
}

.cu-reporting-calculation {
    flex-grow: 1
}

.cu-reporting__tasks {
    padding: 5px 10px 0
}

.dark-theme .cu-reporting__tasks {
    background: #2b343b
}

.cu-reporting__tasks-container {
    background: #fbfbfb;
    border-radius: 6px;
    box-shadow: 0 1px 6px #00000017
}

.dark-theme .cu-reporting__tasks-container {
    background: transparent
}

.cu-reporting__tasks-container_no-max-height {
    max-height: none
}

.cu-reporting__task-count {
    background: gray;
    min-width: 30px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    color: #fff;
    font-size: 13px;
    padding: 0 3px;
    margin-right: 20px;
    border: 1px solid gray
}

.cu-reporting__task-count.completed-tab {
    background: #67cb48;
    border: 1px solid #67cb48
}

.cu-reporting__task-count.completed-tab.expanded {
    color: #67cb48
}

.cu-reporting__task-count.expanded {
    background: #fff;
    color: gray
}

.dark-theme .cu-reporting__task-count.expanded {
    background: #384047
}

.cu-reporting__user-name,.cu-reporting__time {
    font-size: 12px;
    font-weight: 400;
    line-height: 1;
    margin-left: 10px;
    text-transform: none
}

.dark-theme .cu-reporting__user-name,.dark-theme .cu-reporting__time {
    color: #d5d6d7
}

.dark-theme .cu-reporting__user-name span,.dark-theme .cu-reporting__time span {
    color: #abaeb0
}

.cu-reporting__user-name {
    word-break: break-word;
    overflow-wrap: break-word;
    word-wrap: break-word;
    -webkit-hyphens: auto;
    hyphens: auto
}

.cu-reporting__time {
    margin-left: 0;
    display: flex;
    align-items: center;
    justify-content: center
}

.cu-reporting__time.overEstimated .cu-reporting__time-val {
    color: #fb926a
}

.cu-reporting__time.reporting-completed {
    justify-content: center;
    padding-left: 25px;
    align-items: center
}

.cu-reporting__time-val {
    white-space: nowrap
}

.dark-theme .cu-reporting__time-val {
    color: #abaeb0
}

.cu-reporting__time-meter {
    width: 36px;
    height: 4px;
    margin-right: 10px;
    background: #e4e4e4;
    border-radius: 2px;
    position: relative;
    overflow: hidden
}

.dark-theme .cu-reporting__time-meter {
    background: #1e272e
}

.cu-reporting__time-meter-fill {
    position: absolute;
    top: 0;
    left: 0;
    height: 4px;
    border-radius: 2px;
    background: #67cb48
}

.cu-reporting__time-meter.overEstimated {
    background: #fb926a
}

.cu-reporting__time_calculation {
    width: 150px;
    display: flex;
    flex-wrap: wrap
}

.cu-reporting__time_calculation span {
    word-break: break-word;
    overflow-wrap: break-word;
    word-wrap: break-word;
    -webkit-hyphens: auto;
    hyphens: auto
}

.cu-reporting__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 10px
}

.cu-reporting__header-left {
    display: flex;
    align-items: flex-start
}

.cu-reporting__header-left .cu-collapsed-sidebar {
    margin-top: 5px
}

.cu-reporting__header-right {
    display: flex
}

.cu-reporting__header-title {
    font-size: 26px;
    font-weight: 300;
    line-height: 1;
    color: #343434;
    margin-top: 4px;
    margin-right: 10px
}

.dark-theme .cu-reporting__header-title {
    color: #d5d6d7
}

.cu-reporting__header-item:not(:first-child) {
    margin-left: 10px
}

.cu-reporting__header .cu-dt-filter__item:hover .cu-period-picker__value,.cu-reporting__header .cu-dt-filter__item:hover .due-date__info-value {
    color: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .cu-reporting__header .cu-dt-filter__item:hover .cu-period-picker__value,.cu-reporting__header .cu-dt-filter__item:hover .due-date__info-value {
        color:var(--theme-main-color)
    }
}

.cu-reporting__header .cu-dt-filter__item .due-date__info-value {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.cu-reporting__body {
    display: flex;
    flex-direction: column;
    height: calc(100vh - 200px);
    background: #fff;
    border-radius: 4px;
    box-shadow: 0 0 11px #0000000f;
    position: relative
}

.dark-theme .cu-reporting__body {
    background: #384047
}

.cu-reporting__body_empty {
    height: calc(100vh - 200px)
}

.cu-reporting__body_empty .cu-reporting__content {
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center
}

.cu-reporting__body_empty-custom-fields {
    height: calc(100vh - 235px)
}

.cu-reporting__content {
    overflow: auto
}

.cu-os-win .cu-reporting__content {
    scrollbar-width: thin
}

.cu-os-win .cu-reporting__content::-webkit-scrollbar {
    background-color: #fff;
    width: 16px;
    height: 16px
}

.cu-os-win .cu-reporting__content::-webkit-scrollbar-track {
    background-color: #fff
}

.cu-os-win .cu-reporting__content::-webkit-scrollbar-track:hover {
    background-color: #fff
}

.cu-os-win .cu-reporting__content::-webkit-scrollbar-thumb {
    background-color: #babac080;
    border-radius: 16px;
    border: 5px solid #fff
}

.cu-os-win .cu-reporting__content::-webkit-scrollbar-thumb:hover {
    background-color: #a0a0a5;
    border: 3px solid #fff
}

.cu-os-win .cu-reporting__content::-webkit-scrollbar-button {
    display: none
}

.cu-os-win.dark-theme .cu-reporting__content::-webkit-scrollbar,.cu-os-win .dark-theme .cu-reporting__content::-webkit-scrollbar {
    background-color: #1e272e
}

.cu-os-win.dark-theme .cu-reporting__content::-webkit-scrollbar-track,.cu-os-win .dark-theme .cu-reporting__content::-webkit-scrollbar-track {
    background-color: #1e272e
}

.cu-os-win.dark-theme .cu-reporting__content::-webkit-scrollbar-track:hover,.cu-os-win .dark-theme .cu-reporting__content::-webkit-scrollbar-track:hover {
    background-color: #1e272e
}

.cu-os-win.dark-theme .cu-reporting__content::-webkit-scrollbar-thumb,.cu-os-win .dark-theme .cu-reporting__content::-webkit-scrollbar-thumb {
    border-color: #1e272e
}

.cu-os-win.dark-theme .cu-reporting__content::-webkit-scrollbar-thumb:hover,.cu-os-win .dark-theme .cu-reporting__content::-webkit-scrollbar-thumb:hover {
    border-color: #1e272e
}

.cu-os-win.dark-theme .cu-reporting__content::-webkit-scrollbar-corner,.cu-os-win .dark-theme .cu-reporting__content::-webkit-scrollbar-corner {
    background-color: #1e272e
}

.dark-theme .cu-reporting__content {
    background-color: #384047
}

.cu-reporting__content_has-data {
    margin-right: -16px;
    padding-right: 16px
}

.cu-os-win .cu-reporting__content_has-data {
    overflow-y: scroll;
    padding-right: 0
}

.dark-theme .cu-reporting__content_has-data {
    background-color: #1e272e
}

.cu-reporting__content_has-data:before {
    content: "";
    pointer-events: none;
    display: block;
    position: sticky;
    width: 100%;
    height: 8px;
    top: 0;
    margin-bottom: -8px;
    flex-shrink: 0;
    z-index: 2;
    background: linear-gradient(0deg,rgba(255,255,255,0) 0%,white 100%)
}

.dark-theme .cu-reporting__content_has-data:before {
    background: linear-gradient(0deg,rgba(56,64,71,0) 0%,rgba(56,64,71,.8) 100%)
}

.cu-reporting__content_expanded {
    padding: 0
}

.cu-reporting__content-shadow {
    pointer-events: none;
    display: block;
    position: relative;
    width: 100%;
    height: 8px;
    margin-top: -8px;
    flex-shrink: 0;
    background: linear-gradient(0deg,white 0%,rgba(255,255,255,0) 100%)
}

.dark-theme .cu-reporting__content-shadow {
    background: linear-gradient(0deg,rgba(56,64,71,.8) 0%,rgba(56,64,71,0) 100%)
}

.cu-reporting__content .lv-empty {
    padding: 25px 0 50px
}

.cu-reporting__content_not-paid-preview {
    opacity: .2;
    padding: 0;
    max-height: 377px;
    height: auto!important;
    align-items: flex-start!important;
    align-self: center;
    margin: 20px 20px 0;
    border: 1px solid #e4e4e4;
    border-radius: 2px;
    max-width: 1550px
}

.dark-theme .cu-reporting__content_not-paid-preview {
    opacity: .1
}

.cu-reporting__nav {
    display: flex;
    padding: 0 20px;
    height: 50px
}

.cu-reporting__nav-item {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transition: .1s;
    margin-right: 40px;
    border-bottom: 2px solid transparent;
    display: flex;
    align-items: stretch;
    margin-bottom: -1px;
    position: relative
}

.cu-reporting__nav-item .premium {
    color: #A2C44A;
    font-size: 9px;
    font-weight: 500;
    line-height: 1;
    position: absolute;
    top: -16px;
    left: -7px;
    text-transform: uppercase;
    padding: 5px 5px 2px;
    background: #fff;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    box-shadow: 0 0 11px #0000000f;
    z-index: 0
}

@supports (--theme-main-color: $color-purple) {
    .cu-reporting__nav-item .premium {
        color:var(--theme-main-color)
    }
}

.dark-theme .cu-reporting__nav-item .premium {
    background: #384047
}

.cu-reporting__nav-item .premium.worked-on,.cu-reporting__nav-item .premium.team-table {
    left: 12px
}

.cu-reporting__nav-item .premium.behind {
    left: 25px
}

.cu-reporting__nav-item .premium.time-tracking {
    left: 22px
}

.cu-reporting__nav-item .premium.time-estimate {
    left: 29px
}

.cu-reporting__nav-item:hover .cu-reporting__nav-item-text {
    color: #343434
}

.dark-theme .cu-reporting__nav-item:hover .cu-reporting__nav-item-text {
    color: #d5d6d7
}

.cu-reporting__nav-item-text {
    font-size: 14px;
    font-weight: 500;
    line-height: 1;
    transition: .1s;
    color: #aeacb0;
    z-index: 1;
    display: flex;
    align-items: center;
    cursor: pointer
}

.dark-theme .cu-reporting__nav-item-text {
    color: #828588
}

.cu-reporting__nav-item.activeItem {
    border-color: #A2C44A;
    border-bottom: 2px solid;
    cursor: default
}

@supports (--theme-main-color: $color-purple) {
    .cu-reporting__nav-item.activeItem {
        border-color:var(--theme-main-color)
    }
}

.cu-reporting__nav-item.activeItem .cu-reporting__nav-item-text {
    color: #343434
}

.dark-theme .cu-reporting__nav-item.activeItem .cu-reporting__nav-item-text {
    color: #d5d6d7
}

.cu-reporting__nav-item-new {
    background: #A2C44A;
    transition: all .2s cubic-bezier(.785,.135,.15,.86) 0s;
    font-size: 10px;
    font-weight: 500;
    line-height: 1;
    color: #fff;
    border-radius: 4px;
    display: flex;
    align-items: center;
    text-transform: uppercase;
    padding: 2px 4px;
    white-space: nowrap;
    position: absolute;
    right: -38px;
    top: 18px
}

@supports (--theme-main-color: $color-purple) {
    .cu-reporting__nav-item-new {
        background:var(--theme-main-color)
    }
}

.cu-reporting__nav-sort {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-shrink: 0;
    border-bottom: 1px solid #d8d8d8
}

.dark-theme .cu-reporting__nav-sort {
    border-bottom: 1px solid #1e272e
}

.cu-reporting__nav-right {
    display: flex;
    flex: 1 0 0;
    justify-content: flex-end;
    align-items: center;
    padding-right: 15px
}

.cu-reporting__sort {
    display: flex;
    align-items: center;
    flex: 1 0 0;
    margin-right: 10px;
    flex-wrap: wrap
}

.cu-reporting__sort-title {
    margin-right: 5px;
    margin-top: -2px
}

.cu-reporting__sort-item {
    display: flex;
    align-items: center
}

.cu-reporting__sort-item span {
    color: #343434;
    font-weight: 500;
    text-transform: uppercase;
    font-size: 12px
}

.cu-reporting__sort-item:not(:last-child):after {
    content: ", "
}

.cu-reporting__sort-item .sortable__close {
    position: relative;
    margin-left: 4px;
    left: auto;
    top: -1px;
    cursor: pointer
}

.cu-reporting__sort-item .sortable__close:hover {
    left: -1px;
    margin-right: -2px
}

.cu-reporting__sort-item:not(:last-child) {
    margin-right: 5px
}

.cu-reporting__columns {
    height: 30px;
    display: flex;
    align-items: center;
    background: #f4f4f4;
    padding-top: 2px
}

.dark-theme .cu-reporting__columns {
    background: #2b343b
}

.cu-reporting__columns-container {
    display: flex;
    justify-content: space-between;
    width: 100%;
    font-size: 12px;
    padding: 0 1px
}

.cu-reporting__columns-container.col-header .report-col {
    font-size: 11px;
    font-weight: 500;
    line-height: 1.15;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center
}

.cu-reporting__columns-container.col-header .report-col .sortable__close {
    margin: -3px 4px 0 -10px;
    cursor: pointer;
    position: relative;
    top: auto;
    left: auto
}

.cu-reporting__columns-container.col-header .report-col .sortable__close:hover {
    margin: -3px 3px 0 -11px;
    top: auto;
    left: auto
}

.cu-reporting__columns-container.col-header .report-col .sortable__dir {
    cursor: pointer;
    margin-left: 4px;
    margin-right: 2px
}

.cu-reporting__columns-container.col-header .report-col span {
    transition: .1s;
    color: #aeacb0;
    cursor: pointer;
    text-align: center
}

.cu-reporting__columns-container.col-header .report-col span:hover {
    color: #343434;
    font-weight: 500
}

.dark-theme .cu-reporting__columns-container.col-header .report-col span:hover {
    color: #d5d6d7
}

.cu-reporting__columns-container.col-header .report-col span.activeSort {
    color: #343434;
    font-weight: 500
}

.dark-theme .cu-reporting__columns-container.col-header .report-col span.activeSort {
    color: #d5d6d7
}

.cu-reporting__columns-container.col-header .report-col__name {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: .1s;
    color: #aeacb0;
    cursor: pointer;
    text-align: center
}

.cu-reporting__columns-container.col-header .report-col__name:hover {
    color: #343434
}

.dark-theme .cu-reporting__columns-container.col-header .report-col__name:hover {
    color: #d5d6d7
}

.cu-reporting__columns-container.col-header .report-col__name_disabled {
    cursor: auto
}

.cu-reporting__columns-container-left {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 11px;
    font-weight: 500;
    line-height: 1;
    flex: 1 0 0;
    padding-left: 15px;
    color: #aeacb0;
    text-transform: uppercase;
    display: flex;
    min-width: 170px
}

.cu-reporting__columns-container-left.time-tracking {
    display: flex;
    align-items: center
}

.cu-reporting__columns-container-left.data-row {
    color: #343434
}

.cu-reporting__columns-container-left-tab {
    font-size: 11px;
    font-weight: 500;
    line-height: 1;
    color: #aeacb0;
    text-transform: uppercase;
    padding: 3px 8px 0;
    border: 1px solid transparent;
    border-bottom: 0;
    border-radius: 3px 3px 0 0;
    height: 27px;
    display: flex;
    align-items: center;
    cursor: pointer
}

.cu-reporting__columns-container-left-tab:first-child {
    margin-left: -17px
}

.cu-reporting__columns-container-left-tab_active {
    color: #A2C44A;
    background: #fff;
    border-color: #e4e4e4;
    cursor: default
}

@supports (--theme-main-color: $color-purple) {
    .cu-reporting__columns-container-left-tab_active {
        color:var(--theme-main-color)
    }
}

.dark-theme .cu-reporting__columns-container-left-tab_active {
    background: #384047;
    border-color: #1e272e;
    border-bottom: 0
}

.cu-reporting__columns-container-right {
    width: 60%;
    display: flex;
    color: #aeacb0;
    text-transform: uppercase;
    align-items: center
}

.cu-reporting__columns-container-right.time-tracking .report-col {
    width: 33.33%
}

.cu-reporting__columns-container-right.time-tracking .report-col.reporting-completed {
    padding-left: 25px;
    text-align: center;
    display: flex;
    justify-content: center
}

.cu-reporting__columns-container-right.time-tracking .report-col.reporting-completed .cycle-time {
    color: #aeacb0;
    text-align: center
}

.cu-reporting__columns-container-right.behind-table .report-col {
    width: 40%
}

.cu-reporting__columns-container-right.team-table {
    width: 75%
}

.cu-reporting__columns-container-right.team-table .report-col {
    width: 20%
}

.cu-reporting__columns-container-right.team-table .report-col.total-notifs {
    flex: 1 0 0
}

.cu-reporting__columns-container-right.team-table .report-col.medium-cell {
    width: 16%
}

.cu-reporting__columns-container-right.team-table .report-col.small-cell {
    width: 12%
}

.cu-reporting__columns-container-right.data-row {
    color: #343434
}

.cu-reporting__columns-container-right_custom-fields {
    justify-content: flex-end
}

.cu-reporting__columns-container-right_custom-fields .report-col {
    width: 150px;
    flex-shrink: 0
}

.cu-reporting__columns-container-flex {
    display: flex
}

.cu-reporting__columns-container-flex .cu-reporting__calculation-dropdown {
    width: 150px
}

.cu-reporting__columns-add {
    background: #A2C44A;
    transition: all .2s cubic-bezier(.785,.135,.15,.86) 0s;
    font-size: 11px;
    font-weight: 500;
    line-height: 1;
    color: #fff;
    height: 20px;
    border-radius: 4px;
    display: flex;
    align-items: center;
    text-transform: capitalize;
    padding: 0 6px;
    margin-right: 4px;
    margin-left: 35px;
    cursor: pointer;
    white-space: nowrap
}

@supports (--theme-main-color: $color-purple) {
    .cu-reporting__columns-add {
        background:var(--theme-main-color)
    }
}

.cu-reporting__columns-add:hover {
    background: #A2C44A
}

@supports (--theme-main-color-dark: $color-purple-dark) {
    .cu-reporting__columns-add:hover {
        background:var(--theme-main-color-dark)
    }
}

.cu-reporting__columns-remove {
    transition: all .2s cubic-bezier(.785,.135,.15,.86) 0s;
    font-size: 11px;
    font-weight: 500;
    line-height: 1;
    margin-left: 5px;
    margin-right: -25px;
    width: 20px;
    color: #fff;
    height: 20px;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 5px;
    cursor: pointer;
    position: relative;
    z-index: 1;
    background: #fd71af
}

.cu-reporting__columns-remove:hover {
    filter: brightness(90%)
}

.cu-reporting__remaining {
    width: 60px;
    margin-right: -25px
}

.cu-reporting__remaining .cu-reporting__time-val {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block
}

.cu-reporting__custom-fields-empty {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 500px
}

.cu-reporting__custom-fields-empty .cu-btn {
    font-size: 19px;
    margin: 30px 0
}

.cu-reporting__custom-fields-dropdown {
    width: 300px
}

.cu-reporting__custom-fields-dropdown .cu-custom-fields__existing-search {
    border-bottom: 1px solid #e4e4e4
}

.dark-theme .cu-reporting__custom-fields-dropdown .cu-custom-fields__existing-search {
    border-bottom: 1px solid #1e272e
}

.cu-reporting__custom-fields-dropdown .cu-custom-fields__existing-search-body {
    max-height: 300px
}

.cu-reporting__custom-fields-dropdown .cu-custom-fields__existing-search-input {
    padding-right: 20px
}

.cu-reporting__custom-fields-dropdown .cu-custom-fields__existing-search-no-found {
    text-transform: none
}

.cu-reporting__custom-fields-dropdown .cu-custom-fields__list-item-name {
    padding: 4px 0
}

.cu-reporting__custom-fields-dropdown .cu-custom-fields__list-item-name-text {
    text-transform: none
}

.cu-reporting__custom-fields-dropdown .cu-custom-fields__list-item-body {
    height: auto
}

.cu-reporting__calculation {
    position: relative;
    height: 50px;
    display: flex;
    align-items: center;
    flex-shrink: 0;
    background: #fff;
    border: 1px solid #fff;
    padding: 10px 0;
    z-index: 1
}

.dark-theme .cu-reporting__calculation {
    background: #384047;
    border: 1px solid transparent
}

.cu-reporting__calculation_align-left {
    justify-content: flex-start
}

.cu-reporting__calculation-dropdown {
    text-transform: none;
    width: 100%
}

.cu-reporting__calculation-dropdown_last {
    margin-right: 114px;
    width: 150px
}

.cu-reporting__calculation-dropdown_custom-field {
    width: 150px
}

.cu-reporting__calculation-dropdown-toggle {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 30px;
    border-radius: 3px;
    border: 1px solid #f2f2f2;
    padding: 0 15px;
    margin: 0 2px
}

.dark-theme .cu-reporting__calculation-dropdown-toggle {
    border-color: #1e272e
}

.cu-reporting__calculation-dropdown-toggle:hover {
    background-color: #fafbfc
}

.dark-theme .cu-reporting__calculation-dropdown-toggle:hover {
    background-color: #2b343b
}

.cu-reporting__calculation-dropdown-toggle_disabled {
    pointer-events: none
}

.cu-reporting__calculation-dropdown-menu {
    width: 100%
}

.cu-reporting__calculation-dropdown-menu-item {
    transition: all .2s cubic-bezier(.785,.135,.15,.86) 0s;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 13px;
    font-weight: 400;
    line-height: 1;
    position: relative;
    display: flex;
    align-items: center;
    padding: 10px 15px;
    cursor: pointer;
    color: #343434
}

.dark-theme .cu-reporting__calculation-dropdown-menu-item {
    color: #d5d6d7
}

.cu-reporting__calculation-dropdown-menu-item:hover {
    background-color: #fafbfc
}

.dark-theme .cu-reporting__calculation-dropdown-menu-item:hover {
    background-color: #2b343b
}

.cu-reporting__calculation-dropdown-menu-item.active {
    color: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .cu-reporting__calculation-dropdown-menu-item.active {
        color:var(--theme-main-color)
    }
}

.cu-hierarchy-picker__cat-name-plus {
    font-size: 20px;
    font-weight: 500;
    line-height: 30px;
    display: none;
    margin: -4px 10px;
    color: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .cu-hierarchy-picker__cat-name-plus {
        color:var(--theme-main-color)
    }
}

.cu-hierarchy-picker__col {
    display: flex;
    align-items: center
}

.cu-hierarchy-picker__col:not(:last-child) {
    margin-right: 10px
}

.cu-hierarchy-picker__col .nav-filter__close {
    margin: 0
}

.cu-hierarchy-picker .cu-dt-filter__item {
    padding: 0 15px
}

.cu-hierarchy-picker__overlay {
    position: absolute;
    height: 100%;
    width: 100%;
    background: white;
    opacity: .7;
    cursor: not-allowed;
    z-index: 1
}

.dark-theme .cu-hierarchy-picker__overlay {
    background: #1e272e
}

.cu-hierarchy-picker__menu {
    width: 330px;
    max-height: 550px;
    border-radius: 6px;
    overflow: hidden
}

.cu-hierarchy-picker__menu .cu-search {
    border-bottom: 1px solid #f4f4f4
}

.cu-hierarchy-picker__menu .nav-filter__close,.cu-hierarchy-picker__menu .cu-search__close {
    margin-right: 10px
}

.cu-hierarchy-picker__menu .cu-search__input {
    font-size: 14px;
    padding: 15px 20px 15px 45px
}

.cu-hierarchy-picker__menu .cu-search__input::placeholder {
    color: #34343466;
    opacity: 1;
    font-size: 14px
}

.dark-theme .cu-hierarchy-picker__menu .cu-search__input::placeholder {
    color: #d5d6d766;
    opacity: 1;
    font-size: 14px
}

.cu-hierarchy-picker__items {
    max-height: 500px;
    padding: 15px 20px 5px;
    overflow: auto
}

.cu-os-win .cu-hierarchy-picker__items {
    scrollbar-width: thin
}

.cu-os-win .cu-hierarchy-picker__items::-webkit-scrollbar {
    background-color: #fff;
    width: 16px;
    height: 16px
}

.cu-os-win .cu-hierarchy-picker__items::-webkit-scrollbar-track {
    background-color: #fff
}

.cu-os-win .cu-hierarchy-picker__items::-webkit-scrollbar-track:hover {
    background-color: #fff
}

.cu-os-win .cu-hierarchy-picker__items::-webkit-scrollbar-thumb {
    background-color: #babac080;
    border-radius: 16px;
    border: 5px solid #fff
}

.cu-os-win .cu-hierarchy-picker__items::-webkit-scrollbar-thumb:hover {
    background-color: #a0a0a5;
    border: 3px solid #fff
}

.cu-os-win .cu-hierarchy-picker__items::-webkit-scrollbar-button {
    display: none
}

.cu-os-win.dark-theme .cu-hierarchy-picker__items::-webkit-scrollbar,.cu-os-win .dark-theme .cu-hierarchy-picker__items::-webkit-scrollbar {
    background-color: #384047
}

.cu-os-win.dark-theme .cu-hierarchy-picker__items::-webkit-scrollbar-track,.cu-os-win .dark-theme .cu-hierarchy-picker__items::-webkit-scrollbar-track {
    background-color: #384047
}

.cu-os-win.dark-theme .cu-hierarchy-picker__items::-webkit-scrollbar-track:hover,.cu-os-win .dark-theme .cu-hierarchy-picker__items::-webkit-scrollbar-track:hover {
    background-color: #384047
}

.cu-os-win.dark-theme .cu-hierarchy-picker__items::-webkit-scrollbar-thumb,.cu-os-win .dark-theme .cu-hierarchy-picker__items::-webkit-scrollbar-thumb {
    border-color: #384047
}

.cu-os-win.dark-theme .cu-hierarchy-picker__items::-webkit-scrollbar-thumb:hover,.cu-os-win .dark-theme .cu-hierarchy-picker__items::-webkit-scrollbar-thumb:hover {
    border-color: #384047
}

.cu-os-win.dark-theme .cu-hierarchy-picker__items::-webkit-scrollbar-corner,.cu-os-win .dark-theme .cu-hierarchy-picker__items::-webkit-scrollbar-corner {
    background-color: #384047
}

.cu-hierarchy-picker__items-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 10px
}

.cu-hierarchy-picker__item {
    margin-bottom: 14px
}

.cu-hierarchy-picker__item.category-list_active {
    background: #A2C44A;
    color: #fff!important
}

@supports (--theme-main-color: $color-purple) {
    .cu-hierarchy-picker__item.category-list_active {
        background:var(--theme-main-color)
    }
}

.cu-hierarchy-picker__item.category-list_active .cu-hierarchy-picker__item-name-text {
    color: #fff!important
}

.cu-hierarchy-picker__item-bold {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: 500
}

.cu-hierarchy-picker__item-name {
    display: flex;
    align-items: center;
    cursor: pointer;
    flex: 1 0 0;
    min-width: 0
}

.cu-hierarchy-picker_open .cu-hierarchy-picker__item-name .cu-hierarchy-picker__cat-name-plus,.cu-hierarchy-picker__item-name:hover .cu-hierarchy-picker__cat-name-plus {
    display: inline
}

.cu-hierarchy-picker__item-name:hover .cu-hierarchy-picker__item-angle.hover-angle {
    visibility: visible
}

.cu-hierarchy-picker__item-name-text {
    word-break: break-word;
    overflow-wrap: break-word;
    word-wrap: break-word;
    -webkit-hyphens: auto;
    hyphens: auto
}

.cu-hierarchy-picker__item-angle {
    width: 5px;
    height: 8px;
    transform: rotate(-90deg);
    margin-left: 10px;
    fill: #343434
}

.dark-theme .cu-hierarchy-picker__item-angle {
    fill: #d5d6d7
}

.cu-hierarchy-picker__item-angle.hover-angle {
    transform: rotate(0)
}

.cu-hierarchy-picker__item-check {
    position: absolute;
    fill: #fff;
    padding: 0;
    margin: 0;
    width: 11px;
    height: 11px;
    cursor: pointer;
    left: 3px;
    top: 50%;
    transform: translateY(-50%)
}

.cu-hierarchy-picker__item-dash {
    position: absolute;
    top: 50%;
    left: 5px;
    transform: translateY(-50%);
    width: 6px;
    height: 6px;
    background: #A2C44A;
    border-radius: 7px;
    cursor: pointer
}

@supports (--theme-main-color: $color-purple) {
    .cu-hierarchy-picker__item-dash {
        background:var(--theme-main-color)
    }
}

.cu-hierarchy-picker__item .cu-checkbox__input:checked+.cu-checkbox__label:after {
    width: 16px;
    height: 16px
}

.cu-hierarchy-picker__item .cu-checkbox__input:checked+.cu-checkbox__label.underlying:after {
    opacity: 0
}

.cu-hierarchy-picker__item label {
    height: 16px
}

.cu-hierarchy-picker__item .cu-checkbox__label:before {
    border-radius: 2px;
    border: 2px solid #cccddf
}

.cu-hierarchy-picker__item .cu-checkbox__label:after {
    width: 16px;
    height: 16px;
    top: 0;
    left: 0
}

.cu-hierarchy-picker__item-project {
    margin-left: 25px
}

.cu-hierarchy-picker__item-list {
    margin-left: 50px
}

.cu-hierarchy-picker__item-list_folderless {
    margin-left: 25px
}

.cu-hierarchy-picker__item-list.category-list_disabled {
    opacity: .5
}

.cu-hierarchy-picker__item-list.category-list_disabled .cu-hierarchy-picker__item-name {
    cursor: not-allowed
}

.cu-hierarchy-picker__item-folder {
    transition: stroke .2s cubic-bezier(.785,.135,.15,.86),fill .2s cubic-bezier(.785,.135,.15,.86);
    flex-shrink: 0;
    width: 14px;
    height: 12px;
    cursor: pointer;
    margin: -1px 7px 0 0;
    stroke-width: 2px;
    stroke: #d0d3d9;
    fill: #d0d3d9
}

.dark-theme .cu-hierarchy-picker__item-folder {
    stroke: #828588;
    fill: #828588
}

.cu-hierarchy-picker__all {
    color: #A2C44A;
    font-size: 11px;
    font-weight: 400;
    line-height: 1;
    cursor: pointer
}

@supports (--theme-main-color: $color-purple) {
    .cu-hierarchy-picker__all {
        color:var(--theme-main-color)
    }
}

.cu-hierarchy-picker__close {
    transition: all .1s cubic-bezier(.785,.135,.15,.86) 0s;
    order: 3;
    flex-shrink: 0;
    width: 20px;
    height: 20px;
    margin: 0;
    padding: 4px;
    stroke: #cccdde;
    cursor: pointer
}

.cu-hierarchy-picker__close:hover {
    transition: none
}

.cu-hierarchy-picker__close:hover {
    stroke: #777
}

.cu-period-picker.cu-dropdown_open .cu-dt-filter__down {
    transform: rotate(-90deg)
}

.cu-period-picker .cu-dt-filter__item {
    padding: 0 15px
}

.cu-period-picker span {
    font-size: 13px
}

.dark-theme .cu-period-picker span {
    color: #d5d6d7
}

.cu-period-picker__label {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 11px;
    font-weight: 500;
    text-transform: uppercase;
    color: #3434344d;
    margin-right: 10px;
    margin-top: 3px
}

.dark-theme .cu-period-picker__label {
    color: #828588
}

.cu-period-picker__value {
    margin-top: 1px
}

.dark-theme .cu-period-picker__value {
    color: #d5d6d7
}

.cu-period-picker__range {
    display: flex;
    align-items: center
}

.cu-period-picker__range-dash {
    padding: 0 5px
}

.cu-period-picker__calendar {
    width: 350px
}

.cu-period-picker__calendar .datepicker__calendar {
    top: -13px
}

.cu-period-picker__hide {
    display: none
}

.cu-period-picker__menu {
    width: 175px;
    padding: 5px 0
}

.cu-period-picker__menu-selection {
    transition: all .2s cubic-bezier(.785,.135,.15,.86) 0s;
    font-size: 13px;
    font-weight: 400;
    line-height: 1;
    padding: 10px 15px;
    cursor: pointer
}

.dark-theme .cu-period-picker__menu-selection {
    color: #d5d6d7
}

.cu-period-picker__menu-selection:hover {
    background: #fafbfc
}

.dark-theme .cu-period-picker__menu-selection:hover {
    background: #2b343b
}

@charset "UTF-8";.slash-commands_open .ql-editor .cu-slash-command__value-tag {
    white-space: normal;
    margin-left: 5px
}

.cdk-overlay-container.cdk-overlay-container__impenetrable {
    pointer-events: all
}

.ql-container {
    font-family: -apple-system,BlinkMacSystemFont,Segoe UI,roboto,Helvetica Neue,helvetica,arial,sans-serif;
    overflow: visible!important
}

.ql-container.cu-comment-bar__editor,.ql-container.cu-comment__editor {
    overflow: hidden!important
}

.ql-container .cu-draggable-anchor {
    display: none;
    position: absolute;
    z-index: 1000!important
}

.ql-container .cu-draggable-anchor .cu-draggable-anchor-icon {
    background-color: #fffc;
    border-radius: 4px
}

.dark-theme .ql-container .cu-draggable-anchor .cu-draggable-anchor-icon {
    background-color: #384047
}

.ql-container .cu-draggable-anchor .cu-draggable-anchor-icon:hover {
    background-color: #f0f0f0cc
}

.dark-theme .ql-container .cu-draggable-anchor .cu-draggable-anchor-icon:hover {
    background-color: #ffffff26
}

.ql-container .ql-editor {
    text-align: left;
    direction: ltr
}

.ql-container .ql-editor .ql-dragging-block-active,.dark-theme .ql-container .ql-editor .ql-dragging-block-active {
    opacity: .5
}

.ql-container .ql-editor.ql-dragging-blocks>h1:not([quill-block-placeholder]),.ql-container .ql-editor.ql-dragging-blocks>h2:not([quill-block-placeholder]),.ql-container .ql-editor.ql-dragging-blocks>h3:not([quill-block-placeholder]),.ql-container .ql-editor.ql-dragging-blocks>div:not([quill-block-placeholder]):not(.ql-layout-row-container),.ql-container .ql-editor.ql-dragging-blocks>ul>li:not([quill-block-placeholder]),.ql-container .ql-editor.ql-dragging-blocks .clickup-table-view,.ql-container .ql-editor.ql-dragging-blocks .ql-blockquote-container,.ql-container .ql-editor.ql-dragging-blocks .ql-banner-container {
    position: relative
}

.ql-container .ql-editor.ql-dragging-blocks>h1:not([quill-block-placeholder]):after,.ql-container .ql-editor.ql-dragging-blocks>h2:not([quill-block-placeholder]):after,.ql-container .ql-editor.ql-dragging-blocks>h3:not([quill-block-placeholder]):after,.ql-container .ql-editor.ql-dragging-blocks>div:not([quill-block-placeholder]):not(.ql-layout-row-container):after,.ql-container .ql-editor.ql-dragging-blocks>ul>li:not([quill-block-placeholder]):after,.ql-container .ql-editor.ql-dragging-blocks .clickup-table-view:after,.ql-container .ql-editor.ql-dragging-blocks .ql-blockquote-container:after,.ql-container .ql-editor.ql-dragging-blocks .ql-banner-container:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin-left: -2em
}

.ql-container .ql-editor strong,.ql-container .ql-editor b,.ql-container .ql-editor em,.ql-container .ql-editor i,.ql-container .ql-editor u,.ql-container .ql-editor s,.ql-container .ql-editor strike,.ql-container .ql-editor sub,.ql-container .ql-editor sup {
    color: inherit
}

.ql-container .ql-editor .ql-block[quill-block-placeholder],.ql-container .ql-editor .ql-heading[quill-block-placeholder],.ql-container .ql-editor .ql-list-item[quill-block-placeholder],.ql-container .ql-editor .ql-quote[quill-block-placeholder] {
    position: relative
}

.ql-container .ql-editor .ql-block[quill-block-placeholder]:after,.ql-container .ql-editor .ql-heading[quill-block-placeholder]:after,.ql-container .ql-editor .ql-list-item[quill-block-placeholder]:after,.ql-container .ql-editor .ql-quote[quill-block-placeholder]:after {
    content: attr(quill-block-placeholder);
    color: #34343466;
    font-style: normal;
    pointer-events: none;
    position: absolute;
    top: 0
}

.dark-theme .ql-container .ql-editor .ql-block[quill-block-placeholder]:after,.dark-theme .ql-container .ql-editor .ql-heading[quill-block-placeholder]:after,.dark-theme .ql-container .ql-editor .ql-list-item[quill-block-placeholder]:after,.dark-theme .ql-container .ql-editor .ql-quote[quill-block-placeholder]:after {
    color: #d5d6d74d
}

.ql-container .ql-editor .ql-block[quill-block-placeholder].ql-align-right:after,.ql-container .ql-editor .ql-heading[quill-block-placeholder].ql-align-right:after,.ql-container .ql-editor .ql-list-item[quill-block-placeholder].ql-align-right:after,.ql-container .ql-editor .ql-quote[quill-block-placeholder].ql-align-right:after {
    right: 0
}

.ql-container .ql-editor li.clickup-list-block-wrapper {
    counter-reset: unset
}

.ql-container.ql-disabled .task-mention,.ql-container.ql-disabled .ql-view-mention,.ql-container.ql-disabled .ql-doc-mention,.ql-container.ql-disabled .ql-block-mention,.ql-container.ql-disabled .ql-goal-mention {
    -webkit-user-modify: read-only;
    -moz-user-modify: readonly
}

.ql-container.ql-disabled .cu-tile-embed-dropdown {
    display: none
}

.ql-editor {
    border: 1px solid transparent;
    text-align: left;
    direction: ltr
}

.ql-editor img {
    cursor: pointer
}

.ql-editor img[data-align=left] {
    float: left
}

.ql-editor img[data-align=right] {
    float: right
}

.ql-editor img[data-align=center] {
    margin: 0 auto;
    display: block
}

.ql-editor li {
    position: relative;
    padding-right: 10px
}

.ql-editor li>.ql-ui {
    margin-left: -5px;
    -webkit-user-select: none;
    user-select: none
}

.ql-editor li>.ql-ui:before {
    display: flex;
    position: absolute;
    justify-content: center
}

.ql-editor li>img {
    vertical-align: top
}

.ql-editor .ql-blockquote-container {
    contain: content
}

.ql-editor .clickup-table-view {
    width: auto!important;
    max-width: 100%!important
}

.cu-dragging-table-column *,.cu-dragging-table-row * {
    cursor: move!important
}

.cu-dragging-table-column .cu-help-line,.cu-dragging-table-row .cu-help-line {
    position: absolute;
    background: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .cu-dragging-table-column .cu-help-line,.cu-dragging-table-row .cu-help-line {
        background:var(--theme-main-color)
    }
}

.cu-dragging-table-column .cu-help-line:before,.cu-dragging-table-row .cu-help-line:before {
    background: radial-gradient(circle at center,transparent,transparent 38%,var(--theme-main-color) 38%,var(--theme-main-color) 100%);
    position: absolute;
    content: "";
    width: 8px;
    height: 8px;
    border-radius: 4px;
    z-index: 1
}

.cu-dragging-table-column .cu-help-line.cu-help-line-col:before,.cu-dragging-table-row .cu-help-line.cu-help-line-col:before {
    top: -8px;
    left: -3px
}

.cu-dragging-table-column .cu-help-line.cu-help-line-row:before,.cu-dragging-table-row .cu-help-line.cu-help-line-row:before {
    top: -3px;
    left: -8px
}

.ql-align-center {
    text-align: center
}

.ql-align-justify {
    text-align: justify
}

.ql-align-right {
    text-align: right
}

.ql-video.ql-align-center {
    margin: 0 auto
}

.ql-video.ql-align-right {
    margin: 0 0 0 auto
}

.cu-comment-viewer-content:not(.cu-email-reply__content) table {
    table-layout: fixed;
    width: 100%;
    border-collapse: collapse
}

.cu-comment-viewer-content:not(.cu-email-reply__content) table td {
    overflow: auto;
    outline: none;
    border: 1px solid #7c828d;
    padding: 2px 5px
}

.dark-theme .cu-comment-viewer-content:not(.cu-email-reply__content) table td {
    border-color: #828588
}

.cu-comment-viewer-content:not(.cu-email-reply__content) ol {
    list-style: decimal;
    padding-left: 2px
}

.cu-comment-viewer-content:not(.cu-email-reply__content) ol li {
    padding-left: 1em;
    margin-left: 1em;
    margin-bottom: 0;
    padding-bottom: 5px
}

.cu-comment-viewer-content:not(.cu-email-reply__content) ol li ul,.cu-comment-viewer-content:not(.cu-email-reply__content) ol li ol {
    padding-top: 5px
}

.cu-comment-viewer-content:not(.cu-email-reply__content) ul {
    list-style: disc;
    padding-left: 2px;
    display: block;
    flex-direction: column;
    align-items: flex-start
}

.cu-comment-viewer-content:not(.cu-email-reply__content) ul li {
    padding-left: 1em;
    margin-left: 1em;
    margin-bottom: 0;
    padding-bottom: 5px
}

.cu-comment-viewer-content:not(.cu-email-reply__content) ul li ul,.cu-comment-viewer-content:not(.cu-email-reply__content) ul li ol {
    padding-top: 5px
}

.cu-comment-viewer-content:not(.cu-email-reply__content) ul>li[data-none-type] {
    list-style-type: none;
    cursor: pointer
}

.cu-comment-viewer-content:not(.cu-email-reply__content) ul>li[data-checked],.cu-comment-viewer-content:not(.cu-email-reply__content) ol>li[data-checked] {
    position: relative;
    list-style-type: none;
    pointer-events: none;
    padding-left: .6em
}

.cu-comment-viewer-content:not(.cu-email-reply__content) ul>li[data-checked] *,.cu-comment-viewer-content:not(.cu-email-reply__content) ol>li[data-checked] * {
    pointer-events: all
}

.cu-comment-viewer-content:not(.cu-email-reply__content) ul>li[data-checked=true]:before,.cu-comment-viewer-content:not(.cu-email-reply__content) ol>li[data-checked=true]:before,.cu-comment-viewer-content:not(.cu-email-reply__content) ol>li[data-list=checked]>.ql-ui:before {
    transition: border-color .2s cubic-bezier(.785,.135,.15,.86),background .2s cubic-bezier(.785,.135,.15,.86);
    content: "";
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="%23ffffff"><path fill-rule="evenodd" d="M18.707 7.293a1 1 0 0 1 0 1.414l-7.996 7.996-.003.004a1 1 0 0 1-1.415 0l-4-4a1 1 0 1 1 1.414-1.414L10 14.586l7.293-7.293a1 1 0 0 1 1.414 0z" clip-rule="evenodd"/><path fill-rule="evenodd" d="M18.707 7.293a1 1 0 0 1 0 1.414l-7.996 7.996-.003.004a1 1 0 0 1-1.415 0l-4-4a1 1 0 1 1 1.414-1.414L10 14.586l7.293-7.293a1 1 0 0 1 1.414 0z" clip-rule="evenodd"/></svg>');
    background-size: cover;
    color: #fff;
    background-color: #67cb48;
    cursor: pointer;
    border: 1px solid #67cb48;
    width: 17px;
    height: 17px;
    margin-top: 2px;
    margin-right: .5em;
    margin-left: -1.7em;
    padding: 2px 0 0;
    text-align: center;
    border-radius: 50%;
    flex-shrink: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    animation: checklistPulse .4s linear both;
    position: absolute
}

.cu-comment-viewer-content:not(.cu-email-reply__content) ul>li[data-checked=false]:before,.cu-comment-viewer-content:not(.cu-email-reply__content) ol>li[data-checked=false]:before,.cu-comment-viewer-content:not(.cu-email-reply__content) ol>li[data-list=unchecked]>.ql-ui:before {
    transition: border-color .2s cubic-bezier(.785,.135,.15,.86),background .2s cubic-bezier(.785,.135,.15,.86);
    content: "";
    background: transparent;
    cursor: pointer;
    border: 1px solid #c1c1c1;
    width: 17px;
    height: 17px;
    margin-top: 2px;
    margin-right: .5em;
    margin-left: -1.7em;
    padding: 0;
    border-radius: 50%;
    display: inline-flex;
    flex-shrink: 0;
    position: absolute
}

.dark-theme .cu-comment-viewer-content:not(.cu-email-reply__content) ul>li[data-checked=false]:before,.dark-theme .cu-comment-viewer-content:not(.cu-email-reply__content) ol>li[data-checked=false]:before,.dark-theme .cu-comment-viewer-content:not(.cu-email-reply__content) ol>li[data-list=unchecked]>.ql-ui:before {
    border-color: #828588
}

.cu-comment-viewer-content:not(.cu-email-reply__content) .ql-rendered-list-container .ql-rendered-ordered-list:before {
    margin-left: -.5em
}

.cu-comment-viewer-content:not(.cu-email-reply__content) .ql-rendered-list-container .ql-rendered-toggled-list:before {
    margin-left: -1.9em
}

.cu-comment-viewer-content:not(.cu-email-reply__content) .cu-doc-page-element {
    width: 100%
}

.cu-comment-viewer-content:not(.cu-email-reply__content) .cu-doc-page-element>div {
    width: 100%
}

.cu-comment-viewer-content:not(.cu-email-reply__content) .cu-doc-list-tile-item {
    margin: 10px;
    width: auto
}

.cu-comment-viewer-content .ql-code-block-container,.cu-comment-viewer-content pre,.cu-comment-viewer-content pre.syntax,.cu-comment-editor-content .ql-code-block-container,.cu-comment-editor-content pre,.cu-comment-editor-content pre.syntax {
    white-space: pre-wrap;
    font-family: monospace;
    font-size: 90%;
    line-height: 150%!important;
    background: #f7f7f7!important;
    color: #343434!important;
    margin: 5px 0!important;
    padding: 15px!important
}

.cu-comment-viewer-content .ql-code-block-container:first-child,.cu-comment-viewer-content pre:first-child,.cu-comment-viewer-content pre.syntax:first-child,.cu-comment-editor-content .ql-code-block-container:first-child,.cu-comment-editor-content pre:first-child,.cu-comment-editor-content pre.syntax:first-child {
    margin-top: 0!important
}

.dark-theme .cu-comment-viewer-content .ql-code-block-container,.dark-theme .cu-comment-viewer-content pre,.dark-theme .cu-comment-viewer-content pre.syntax,.dark-theme .cu-comment-editor-content .ql-code-block-container,.dark-theme .cu-comment-editor-content pre,.dark-theme .cu-comment-editor-content pre.syntax {
    background: rgba(130,133,136,.2)!important;
    color: #d5d6d7!important
}

.cu-comment-viewer-content blockquote,.cu-comment-editor-content blockquote {
    border-left: 4px solid #d8d8d8;
    margin-bottom: 10px;
    margin-top: 10px;
    padding-left: 12px;
    font-style: italic;
    color: #343434cc
}

.dark-theme .cu-comment-viewer-content blockquote,.dark-theme .cu-comment-editor-content blockquote {
    border-left: 4px solid #828588;
    color: #d5d6d7
}

.cu-comment-viewer-content code,.cu-comment-editor-content code {
    display: inline-block;
    border: 1px solid #e4e4e4;
    background: #f7f7f7;
    border-radius: 2px;
    white-space: pre-wrap;
    padding: 2px 4px;
    line-height: 1;
    font-size: 100%!important;
    color: #d16464!important
}

.dark-theme .cu-comment-viewer-content code,.dark-theme .cu-comment-editor-content code {
    border: 1px solid #1e272e;
    background: #2b343b
}

.cu-comment-viewer-content code p,.cu-comment-editor-content code p {
    display: none
}

.cu-comment-viewer-content code a,.cu-comment-editor-content code a {
    color: #d16464
}

.dark-theme .cu-comment-viewer-content em,.dark-theme .cu-comment-viewer-content s,.dark-theme .cu-comment-viewer-content u,.dark-theme .cu-comment-editor-content em,.dark-theme .cu-comment-editor-content s,.dark-theme .cu-comment-editor-content u {
    color: #d5d6d7
}

.cu-comment-viewer-content *[style*="background-color:#fffa78"],.cu-comment-viewer-content *[style*="background-color:#eedbf6"],.cu-comment-viewer-content *[style*="background-color:#e6ffcf"],.cu-comment-viewer-content *[style*="background-color:#ffe0e0"],.cu-comment-viewer-content *[style*="background-color:#cae4f6"],.cu-comment-viewer-content *[style*="background-color:#ffdbba"],.cu-comment-viewer-content *[style*="background-color:#eedbf6"],.cu-comment-viewer-content *[style*="background-color: rgb(255, 250, 120);"],.cu-comment-viewer-content *[style*="background-color: rgb(230, 255, 207);"],.cu-comment-viewer-content *[style*="background-color: rgb(255, 224, 224);"],.cu-comment-viewer-content *[style*="background-color: rgb(202, 228, 246);"],.cu-comment-viewer-content *[style*="background-color: rgb(255, 219, 186);"],.cu-comment-viewer-content *[style*="background-color: rgb(238, 219, 246);"],.cu-comment-editor-content *[style*="background-color:#fffa78"],.cu-comment-editor-content *[style*="background-color:#eedbf6"],.cu-comment-editor-content *[style*="background-color:#e6ffcf"],.cu-comment-editor-content *[style*="background-color:#ffe0e0"],.cu-comment-editor-content *[style*="background-color:#cae4f6"],.cu-comment-editor-content *[style*="background-color:#ffdbba"],.cu-comment-editor-content *[style*="background-color:#eedbf6"],.cu-comment-editor-content *[style*="background-color: rgb(255, 250, 120);"],.cu-comment-editor-content *[style*="background-color: rgb(230, 255, 207);"],.cu-comment-editor-content *[style*="background-color: rgb(255, 224, 224);"],.cu-comment-editor-content *[style*="background-color: rgb(202, 228, 246);"],.cu-comment-editor-content *[style*="background-color: rgb(255, 219, 186);"],.cu-comment-editor-content *[style*="background-color: rgb(238, 219, 246);"] {
    padding: 2px 0
}

.dark-theme .cu-comment-viewer-content *[style*="background-color:#fffa78"],.dark-theme .cu-comment-viewer-content *[style*="background-color:#eedbf6"],.dark-theme .cu-comment-viewer-content *[style*="background-color:#e6ffcf"],.dark-theme .cu-comment-viewer-content *[style*="background-color:#ffe0e0"],.dark-theme .cu-comment-viewer-content *[style*="background-color:#cae4f6"],.dark-theme .cu-comment-viewer-content *[style*="background-color:#ffdbba"],.dark-theme .cu-comment-viewer-content *[style*="background-color:#eedbf6"],.dark-theme .cu-comment-viewer-content *[style*="background-color: rgb(255, 250, 120);"],.dark-theme .cu-comment-viewer-content *[style*="background-color: rgb(230, 255, 207);"],.dark-theme .cu-comment-viewer-content *[style*="background-color: rgb(255, 224, 224);"],.dark-theme .cu-comment-viewer-content *[style*="background-color: rgb(202, 228, 246);"],.dark-theme .cu-comment-viewer-content *[style*="background-color: rgb(255, 219, 186);"],.dark-theme .cu-comment-viewer-content *[style*="background-color: rgb(238, 219, 246);"],.dark-theme .cu-comment-editor-content *[style*="background-color:#fffa78"],.dark-theme .cu-comment-editor-content *[style*="background-color:#eedbf6"],.dark-theme .cu-comment-editor-content *[style*="background-color:#e6ffcf"],.dark-theme .cu-comment-editor-content *[style*="background-color:#ffe0e0"],.dark-theme .cu-comment-editor-content *[style*="background-color:#cae4f6"],.dark-theme .cu-comment-editor-content *[style*="background-color:#ffdbba"],.dark-theme .cu-comment-editor-content *[style*="background-color:#eedbf6"],.dark-theme .cu-comment-editor-content *[style*="background-color: rgb(255, 250, 120);"],.dark-theme .cu-comment-editor-content *[style*="background-color: rgb(230, 255, 207);"],.dark-theme .cu-comment-editor-content *[style*="background-color: rgb(255, 224, 224);"],.dark-theme .cu-comment-editor-content *[style*="background-color: rgb(202, 228, 246);"],.dark-theme .cu-comment-editor-content *[style*="background-color: rgb(255, 219, 186);"],.dark-theme .cu-comment-editor-content *[style*="background-color: rgb(238, 219, 246);"],.dark-theme .cu-comment-viewer-content *[style*="background-color:#fffa78"] *,.dark-theme .cu-comment-viewer-content *[style*="background-color:#eedbf6"] *,.dark-theme .cu-comment-viewer-content *[style*="background-color:#e6ffcf"] *,.dark-theme .cu-comment-viewer-content *[style*="background-color:#ffe0e0"] *,.dark-theme .cu-comment-viewer-content *[style*="background-color:#cae4f6"] *,.dark-theme .cu-comment-viewer-content *[style*="background-color:#ffdbba"] *,.dark-theme .cu-comment-viewer-content *[style*="background-color: rgb(255, 250, 120);"] *,.dark-theme .cu-comment-viewer-content *[style*="background-color: rgb(230, 255, 207);"] *,.dark-theme .cu-comment-viewer-content *[style*="background-color: rgb(255, 224, 224);"] *,.dark-theme .cu-comment-viewer-content *[style*="background-color: rgb(202, 228, 246);"] *,.dark-theme .cu-comment-viewer-content *[style*="background-color: rgb(255, 219, 186);"] *,.dark-theme .cu-comment-viewer-content *[style*="background-color: rgb(238, 219, 246);"] *,.dark-theme .cu-comment-editor-content *[style*="background-color:#fffa78"] *,.dark-theme .cu-comment-editor-content *[style*="background-color:#eedbf6"] *,.dark-theme .cu-comment-editor-content *[style*="background-color:#e6ffcf"] *,.dark-theme .cu-comment-editor-content *[style*="background-color:#ffe0e0"] *,.dark-theme .cu-comment-editor-content *[style*="background-color:#cae4f6"] *,.dark-theme .cu-comment-editor-content *[style*="background-color:#ffdbba"] *,.dark-theme .cu-comment-editor-content *[style*="background-color: rgb(255, 250, 120);"] *,.dark-theme .cu-comment-editor-content *[style*="background-color: rgb(230, 255, 207);"] *,.dark-theme .cu-comment-editor-content *[style*="background-color: rgb(255, 224, 224);"] *,.dark-theme .cu-comment-editor-content *[style*="background-color: rgb(202, 228, 246);"] *,.dark-theme .cu-comment-editor-content *[style*="background-color: rgb(255, 219, 186);"] *,.dark-theme .cu-comment-editor-content *[style*="background-color: rgb(238, 219, 246);"] * {
    color: #2b343b;
    font-weight: 400;
    caret-color: #2b343b
}

.cu-comment-viewer-content li[data-list=bullet]>.ql-ui:before,.cu-comment-editor-content li[data-list=bullet]>.ql-ui:before {
    font-size: 20px;
    margin-left: -1.2em
}

.cu-comment-viewer-content li[data-list=toggled]>.ql-ui,.cu-comment-editor-content li[data-list=toggled]>.ql-ui {
    margin-left: -1.9em;
    width: 18px;
    height: 18px
}

.cu-comment-viewer-content li[data-list=toggled]>.ql-ui:hover,.cu-comment-editor-content li[data-list=toggled]>.ql-ui:hover {
    background-color: #f1f2f3;
    border-radius: 4px
}

.dark-theme .cu-comment-viewer-content li[data-list=toggled]>.ql-ui:hover,.dark-theme .cu-comment-editor-content li[data-list=toggled]>.ql-ui:hover {
    background-color: #4f5762
}

.cu-comment-viewer-content li[data-list=toggled]>.ql-ui:before,.cu-comment-editor-content li[data-list=toggled]>.ql-ui:before {
    content: "";
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"><path fill="%2387909e" d="M6.807 8.25h10.386c.718 0 1.077.956.569 1.516l-5.19 5.724a.757.757 0 0 1-1.143 0l-5.19-5.724c-.51-.56-.15-1.516.568-1.516z"/></svg>');
    background-size: cover;
    width: 100%;
    height: 100%;
    margin: 0
}

.cu-comment-viewer-content li[data-list=toggled]>.ql-togglelist-placeholder,.cu-comment-editor-content li[data-list=toggled]>.ql-togglelist-placeholder {
    padding: 0 5px;
    border-radius: 4px;
    bottom: 0
}

.dark-theme .cu-comment-viewer-content li[data-list=toggled]>.ql-togglelist-placeholder,.dark-theme .cu-comment-editor-content li[data-list=toggled]>.ql-togglelist-placeholder {
    color: #f0f0f066
}

.dark-theme .cu-comment-viewer-content li[data-list=toggled]>.ql-togglelist-placeholder:hover,.dark-theme .cu-comment-editor-content li[data-list=toggled]>.ql-togglelist-placeholder:hover {
    background-color: #ffffff26
}

.public-sharing .cu-comment-viewer-content video,.public-sharing .cu-comment-editor-content video {
    width: 300px
}

.cu-editor-wrapper {
    margin: 0 10px 0 20px
}

.cu-editor-wrapper select.ql-ui,.cu-editor-wrapper button.ql-ui {
    display: block
}

@media screen and (max-width: 992px) {
    .cu-editor-wrapper {
        margin:0
    }
}

.cu-editor-wrapper .ql-editor {
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    position: relative;
    padding: 10px;
    min-height: 100px;
    max-height: 350px;
    overflow: hidden;
    color: #111;
    border: 1px solid transparent;
    border-radius: 4px 4px 0 0;
    transition: border-color .1s
}

.dark-theme .cu-editor-wrapper .ql-editor {
    caret-color: #fff
}

.dark-theme .cu-editor-wrapper .ql-editor *[style*="background-color:#fffa78"],.dark-theme .cu-editor-wrapper .ql-editor *[style*="background-color:#e6ffcf"],.dark-theme .cu-editor-wrapper .ql-editor *[style*="background-color:#ffe0e0"],.dark-theme .cu-editor-wrapper .ql-editor *[style*="background-color:#cae4f6"],.dark-theme .cu-editor-wrapper .ql-editor *[style*="background-color:#ffdbba"],.dark-theme .cu-editor-wrapper .ql-editor *[style*="background-color:#eedbf6"],.dark-theme .cu-editor-wrapper .ql-editor *[style*="background-color: rgb(255, 250, 120);"],.dark-theme .cu-editor-wrapper .ql-editor *[style*="background-color: rgb(230, 255, 207);"],.dark-theme .cu-editor-wrapper .ql-editor *[style*="background-color: rgb(255, 224, 224);"],.dark-theme .cu-editor-wrapper .ql-editor *[style*="background-color: rgb(202, 228, 246);"],.dark-theme .cu-editor-wrapper .ql-editor *[style*="background-color: rgb(255, 219, 186);"],.dark-theme .cu-editor-wrapper .ql-editor *[style*="background-color: rgb(238, 219, 246);"],.dark-theme .cu-editor-wrapper .ql-editor *[style*="background-color:#fffa78"] *,.dark-theme .cu-editor-wrapper .ql-editor *[style*="background-color:#e6ffcf"] *,.dark-theme .cu-editor-wrapper .ql-editor *[style*="background-color:#ffe0e0"] *,.dark-theme .cu-editor-wrapper .ql-editor *[style*="background-color:#cae4f6"] *,.dark-theme .cu-editor-wrapper .ql-editor *[style*="background-color:#ffdbba"] *,.dark-theme .cu-editor-wrapper .ql-editor *[style*="background-color:#eedbf6"] *,.dark-theme .cu-editor-wrapper .ql-editor *[style*="background-color: rgb(255, 250, 120);"] *,.dark-theme .cu-editor-wrapper .ql-editor *[style*="background-color: rgb(230, 255, 207);"] *,.dark-theme .cu-editor-wrapper .ql-editor *[style*="background-color: rgb(255, 224, 224);"] *,.dark-theme .cu-editor-wrapper .ql-editor *[style*="background-color: rgb(202, 228, 246);"] *,.dark-theme .cu-editor-wrapper .ql-editor *[style*="background-color: rgb(255, 219, 186);"] *,.dark-theme .cu-editor-wrapper .ql-editor *[style*="background-color: rgb(238, 219, 246);"] * {
    color: #2b343b;
    font-weight: 400;
    padding: 2px 0;
    caret-color: #2b343b
}

.dark-theme .cu-editor-wrapper .ql-editor strong[style*="background-color: rgb(255, 250, 120);"],.dark-theme .cu-editor-wrapper .ql-editor strong[style*="background-color: rgb(230, 255, 207);"],.dark-theme .cu-editor-wrapper .ql-editor strong[style*="background-color: rgb(255, 224, 224);"],.dark-theme .cu-editor-wrapper .ql-editor strong[style*="background-color: rgb(202, 228, 246);"],.dark-theme .cu-editor-wrapper .ql-editor strong[style*="background-color: rgb(255, 219, 186);"],.dark-theme .cu-editor-wrapper .ql-editor strong[style*="background-color: rgb(238, 219, 246);"],.dark-theme .cu-editor-wrapper .ql-editor strong[style*="background-color: rgb(255, 250, 120);"] *,.dark-theme .cu-editor-wrapper .ql-editor strong[style*="background-color: rgb(230, 255, 207);"] *,.dark-theme .cu-editor-wrapper .ql-editor strong[style*="background-color: rgb(255, 224, 224);"] *,.dark-theme .cu-editor-wrapper .ql-editor strong[style*="background-color: rgb(202, 228, 246);"] *,.dark-theme .cu-editor-wrapper .ql-editor strong[style*="background-color: rgb(255, 219, 186);"] *,.dark-theme .cu-editor-wrapper .ql-editor strong[style*="background-color: rgb(238, 219, 246);"] * {
    font-weight: 700
}

.cu-editor-wrapper .ql-editor .clickup-table-view {
    margin: 10px
}

.cu-editor-wrapper .ql-editor .clickup-table-view:first-child {
    margin-top: 0
}

.cu-editor-wrapper .ql-editor .clickup-table {
    border-collapse: collapse;
    width: auto;
    caret-color: transparent
}

.cu-editor-wrapper .ql-editor .clickup-table tbody {
    caret-color: auto
}

.cu-editor-wrapper .ql-editor td {
    overflow: auto;
    border-color: #7c828d
}

.dark-theme .cu-editor-wrapper .ql-editor td {
    border-color: #828588
}

.cu-editor-wrapper .cu-editor {
    background: #fff;
    border-radius: 3px;
    padding: 0
}

.dark-theme .cu-editor-wrapper .cu-editor {
    background: #384047
}

.cu-editor-wrapper .cu-editor.ql-container.ql-snow {
    border: 0
}

.cu-editor-wrapper .cu-editor h1,.cu-editor-wrapper .cu-editor h2,.cu-editor-wrapper .cu-editor h3,.cu-editor-wrapper .cu-editor h4,.cu-editor-wrapper .cu-editor h5,.cu-editor-wrapper .cu-editor h6 {
    font-weight: 500
}

.cu-editor-wrapper .cu-editor h1 strong,.cu-editor-wrapper .cu-editor h2 strong,.cu-editor-wrapper .cu-editor h3 strong,.cu-editor-wrapper .cu-editor h4 strong,.cu-editor-wrapper .cu-editor h5 strong,.cu-editor-wrapper .cu-editor h6 strong {
    font-weight: 700;
    font-size: inherit
}

.cu-editor-wrapper .cu-editor h1 em,.cu-editor-wrapper .cu-editor h1 u,.cu-editor-wrapper .cu-editor h1 s,.cu-editor-wrapper .cu-editor h2 em,.cu-editor-wrapper .cu-editor h2 u,.cu-editor-wrapper .cu-editor h2 s,.cu-editor-wrapper .cu-editor h3 em,.cu-editor-wrapper .cu-editor h3 u,.cu-editor-wrapper .cu-editor h3 s,.cu-editor-wrapper .cu-editor h4 em,.cu-editor-wrapper .cu-editor h4 u,.cu-editor-wrapper .cu-editor h4 s,.cu-editor-wrapper .cu-editor h5 em,.cu-editor-wrapper .cu-editor h5 u,.cu-editor-wrapper .cu-editor h5 s,.cu-editor-wrapper .cu-editor h6 em,.cu-editor-wrapper .cu-editor h6 u,.cu-editor-wrapper .cu-editor h6 s {
    font-weight: inherit;
    font-size: inherit
}

.cu-editor-wrapper .cu-editor h1.cu-highlight,.cu-editor-wrapper .cu-editor h2.cu-highlight,.cu-editor-wrapper .cu-editor h3.cu-highlight,.cu-editor-wrapper .cu-editor h4.cu-highlight,.cu-editor-wrapper .cu-editor h5.cu-highlight,.cu-editor-wrapper .cu-editor h6.cu-highlight {
    position: relative
}

.cu-editor-wrapper .cu-editor h1.cu-highlight:after,.cu-editor-wrapper .cu-editor h2.cu-highlight:after,.cu-editor-wrapper .cu-editor h3.cu-highlight:after,.cu-editor-wrapper .cu-editor h4.cu-highlight:after,.cu-editor-wrapper .cu-editor h5.cu-highlight:after,.cu-editor-wrapper .cu-editor h6.cu-highlight:after {
    content: "";
    display: block;
    position: absolute;
    background: #A2C44A;
    border-radius: 4px;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: -2px -5px;
    animation: cuHighlightFlash 1.2s linear both
}

@supports (--theme-main-color: $color-purple) {
    .cu-editor-wrapper .cu-editor h1.cu-highlight:after,.cu-editor-wrapper .cu-editor h2.cu-highlight:after,.cu-editor-wrapper .cu-editor h3.cu-highlight:after,.cu-editor-wrapper .cu-editor h4.cu-highlight:after,.cu-editor-wrapper .cu-editor h5.cu-highlight:after,.cu-editor-wrapper .cu-editor h6.cu-highlight:after {
        background:var(--theme-main-color)
    }
}

@keyframes cuHighlightFlash {
    0% {
        opacity: 0
    }

    35% {
        opacity: .25
    }

    to {
        opacity: 0
    }
}

.cu-editor-wrapper .cu-editor h1,.cu-editor-wrapper .cu-editor h2,.cu-editor-wrapper .cu-editor h3 {
    margin: 0 0 10px
}

.cu-editor-wrapper .cu-editor h1,.cu-editor-wrapper .cu-editor h1 * {
    font-size: 30px;
    font-weight: 500;
    line-height: 1.2
}

.cu-editor-wrapper .cu-editor h2,.cu-editor-wrapper .cu-editor h2 * {
    font-size: 25px;
    font-weight: 500;
    line-height: 1.4
}

.cu-editor-wrapper .cu-editor h3,.cu-editor-wrapper .cu-editor h3 * {
    font-size: 20px;
    font-weight: 500;
    line-height: 1.4
}

.cu-editor-wrapper .cu-editor *+h1,.cu-editor-wrapper .cu-editor *+h2,.cu-editor-wrapper .cu-editor *+h3 {
    margin-top: 10px
}

.cu-editor-wrapper .cu-editor h4,.cu-editor-wrapper .cu-editor h5,.cu-editor-wrapper .cu-editor h6 {
    margin: 0 0 5px
}

.cu-editor-wrapper .cu-editor *+h4,.cu-editor-wrapper .cu-editor *+h5,.cu-editor-wrapper .cu-editor *+h6 {
    margin-top: 5px
}

.cu-editor-wrapper .cu-editor p+p {
    margin: 0
}

.cu-editor-wrapper .cu-editor ol,.cu-editor-wrapper .cu-editor ul {
    margin: 10px 0;
    padding: 0 0 0 12px
}

.cu-editor-wrapper .cu-editor ol li:before,.cu-editor-wrapper .cu-editor ul li:before {
    font-size: 90%
}

.cu-editor-wrapper .cu-editor p+ul,.cu-editor-wrapper .cu-editor p+ol {
    margin-top: 5px
}

.cu-editor-wrapper .cu-editor ul:not(.ql-rendered-list-container)>li:before {
    vertical-align: top;
    text-align: left
}

.cu-editor-wrapper .cu-editor ol>li:not([data-list]):not([data-none-type]):not(.ql-rendered-ordered-list):not(.ql-rendered-toggled-list):not(.ql-rendered-checked-list):not(.ql-rendered-unchecked-list):not(.ql-rendered-bullet-list) {
    counter-increment: list-0;
    counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9
}

.cu-editor-wrapper .cu-editor ol>li:not([data-list]):not([data-none-type]):not(.ql-rendered-ordered-list):not(.ql-rendered-toggled-list):not(.ql-rendered-checked-list):not(.ql-rendered-unchecked-list):not(.ql-rendered-bullet-list):before {
    content: counter(list-0,decimal) ". "
}

.cu-editor-wrapper .cu-editor .ql-code-block-container,.cu-editor-wrapper .cu-editor pre,.cu-editor-wrapper .cu-editor pre.syntax {
    white-space: pre-wrap;
    font-family: monospace!important;
    font-size: 13px;
    line-height: 150%!important;
    background: #f7f7f7!important;
    color: #343434!important;
    margin: 5px 0!important;
    padding: 5px 10px!important
}

.cu-editor-wrapper .cu-editor .ql-code-block-container:first-child,.cu-editor-wrapper .cu-editor pre:first-child,.cu-editor-wrapper .cu-editor pre.syntax:first-child {
    margin-top: 0!important
}

.dark-theme .cu-editor-wrapper .cu-editor .ql-code-block-container,.dark-theme .cu-editor-wrapper .cu-editor pre,.dark-theme .cu-editor-wrapper .cu-editor pre.syntax {
    background: rgba(130,133,136,.2)!important;
    color: #d5d6d7!important
}

.cu-editor-wrapper .cu-editor .ql-code-block-container * {
    font-family: monospace!important;
    font-size: 13px;
    line-height: 150%!important
}

.cu-editor-wrapper .cu-editor a:not(.comment-attachment__content):not(.cu-doc-list-tile-item__footer-text):not(.cu-table-content__item):not(.ql-bookmark__body):not(.ql-doc-mention__anchor):not(.cu-board-card-subtask__item),.cu-editor-wrapper .cu-editor a:not(.comment-attachment__content):not(.cu-doc-list-tile-item__footer-text):not(.cu-table-content__item):not(.ql-bookmark__body):not(.ql-doc-mention__anchor):not(.cu-board-card-subtask__item):link {
    position: relative;
    color: #4a90e2;
    text-decoration: underline;
    word-break: break-word
}

.dark-theme .cu-editor-wrapper .cu-editor a:not(.comment-attachment__content):not(.cu-doc-list-tile-item__footer-text):not(.cu-table-content__item):not(.ql-bookmark__body):not(.ql-doc-mention__anchor):not(.cu-board-card-subtask__item),.dark-theme .cu-editor-wrapper .cu-editor a:not(.comment-attachment__content):not(.cu-doc-list-tile-item__footer-text):not(.cu-table-content__item):not(.ql-bookmark__body):not(.ql-doc-mention__anchor):not(.cu-board-card-subtask__item):link {
    color: #72b3fd
}

.cu-editor-wrapper .cu-editor a:not(.comment-attachment__content):not(.cu-doc-list-tile-item__footer-text):not(.cu-table-content__item):not(.ql-bookmark__body):not(.ql-doc-mention__anchor):not(.cu-board-card-subtask__item):hover,.cu-editor-wrapper .cu-editor a:not(.comment-attachment__content):not(.cu-doc-list-tile-item__footer-text):not(.cu-table-content__item):not(.ql-bookmark__body):not(.ql-doc-mention__anchor):not(.cu-board-card-subtask__item):link:hover {
    text-decoration: none
}

.cu-editor-wrapper .cu-editor a:not(.comment-attachment__content):not(.cu-doc-list-tile-item__footer-text):not(.cu-table-content__item):not(.ql-bookmark__body):not(.ql-doc-mention__anchor):not(.cu-board-card-subtask__item) *,.cu-editor-wrapper .cu-editor a:not(.comment-attachment__content):not(.cu-doc-list-tile-item__footer-text):not(.cu-table-content__item):not(.ql-bookmark__body):not(.ql-doc-mention__anchor):not(.cu-board-card-subtask__item):link * {
    color: #4a90e2
}

.dark-theme .cu-editor-wrapper .cu-editor a:not(.comment-attachment__content):not(.cu-doc-list-tile-item__footer-text):not(.cu-table-content__item):not(.ql-bookmark__body):not(.ql-doc-mention__anchor):not(.cu-board-card-subtask__item) *,.dark-theme .cu-editor-wrapper .cu-editor a:not(.comment-attachment__content):not(.cu-doc-list-tile-item__footer-text):not(.cu-table-content__item):not(.ql-bookmark__body):not(.ql-doc-mention__anchor):not(.cu-board-card-subtask__item):link * {
    color: #72b3fd
}

.cu-editor-wrapper .cu-editor a.task-mention {
    color: #343434
}

.cu-editor-wrapper .cu-editor blockquote {
    border-left: 4px solid #d8d8d8;
    margin-bottom: 20px;
    margin-top: 20px;
    padding-left: 12px!important;
    font-style: italic
}

.cu-editor-wrapper .cu-editor blockquote.ql-indent-1:not(.ql-direction-rtl) {
    margin-left: 3em
}

.cu-editor-wrapper .cu-editor blockquote.ql-indent-2:not(.ql-direction-rtl) {
    margin-left: 6em
}

.cu-editor-wrapper .cu-editor blockquote.ql-indent-3:not(.ql-direction-rtl) {
    margin-left: 9em
}

.cu-editor-wrapper .cu-editor blockquote.ql-indent-4:not(.ql-direction-rtl) {
    margin-left: 12em
}

.cu-editor-wrapper .cu-editor blockquote.ql-indent-5:not(.ql-direction-rtl) {
    margin-left: 15em
}

.cu-editor-wrapper .cu-editor blockquote.ql-indent-6:not(.ql-direction-rtl) {
    margin-left: 18em
}

.cu-editor-wrapper .cu-editor blockquote.ql-indent-7:not(.ql-direction-rtl) {
    margin-left: 21em
}

.cu-editor-wrapper .cu-editor blockquote.ql-indent-8:not(.ql-direction-rtl) {
    margin-left: 24em
}

.cu-editor-wrapper .cu-editor blockquote.ql-indent-1.ql-direction-rtl {
    margin-right: 3em
}

.cu-editor-wrapper .cu-editor blockquote.ql-indent-2.ql-direction-rtl {
    margin-right: 6em
}

.cu-editor-wrapper .cu-editor blockquote.ql-indent-3.ql-direction-rtl {
    margin-right: 9em
}

.cu-editor-wrapper .cu-editor blockquote.ql-indent-4.ql-direction-rtl {
    margin-right: 12em
}

.cu-editor-wrapper .cu-editor blockquote.ql-indent-5.ql-direction-rtl {
    margin-right: 15em
}

.cu-editor-wrapper .cu-editor blockquote.ql-indent-6.ql-direction-rtl {
    margin-right: 18em
}

.cu-editor-wrapper .cu-editor blockquote.ql-indent-7.ql-direction-rtl {
    margin-right: 21em
}

.cu-editor-wrapper .cu-editor blockquote.ql-indent-8.ql-direction-rtl {
    margin-right: 24em
}

.cu-editor-wrapper .cu-editor code {
    border: 1px solid #e4e4e4;
    background: #f7f7f7;
    border-radius: 2px;
    white-space: pre-wrap;
    padding: 2px 4px;
    line-height: 1;
    font-size: 100%!important;
    color: #d16464!important
}

.dark-theme .cu-editor-wrapper .cu-editor code {
    border: 1px solid #1e272e;
    background: #2b343b
}

.cu-editor-wrapper .cu-editor code p {
    display: none
}

.cu-editor-wrapper .cu-editor code a {
    color: #d16464
}

.cu-editor-wrapper .cu-editor code .ql-comment {
    font-size: inherit;
    line-height: inherit;
    color: inherit
}

.cu-editor-wrapper .cu-editor .ql-rendered-ordered-list,.cu-editor-wrapper .cu-editor .ql-rendered-bullet-list {
    list-style-type: none;
    position: relative
}

.cu-editor-wrapper .cu-editor .ql-rendered-ordered-list:before,.cu-editor-wrapper .cu-editor .ql-rendered-bullet-list:before {
    position: absolute;
    left: auto;
    transform: none;
    height: 100%;
    line-height: 1.7em
}

.cu-editor-wrapper .ql-snow .ql-tooltip {
    display: flex;
    align-items: center;
    background: #544d60;
    border: 0;
    border-radius: 4px;
    margin: 0;
    padding: 10px 10px 10px 20px
}

.cu-editor-wrapper .ql-snow .ql-tooltip:before {
    font-size: 12px;
    font-weight: 400;
    color: #fff;
    display: none
}

.cu-editor-wrapper .ql-snow .ql-tooltip:after {
    top: -8px;
    left: calc(50% - 4px);
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 6px 8px 6px;
    border-color: transparent transparent #544d60 transparent
}

.cu-editor-wrapper .ql-tooltip.ql-hidden {
    display: none
}

.cu-editor-wrapper .ql-snow .ql-tooltip a.ql-action,.cu-editor-wrapper .ql-snow .ql-tooltip a.ql-remove {
    position: relative;
    display: block;
    width: 20px;
    height: 18px;
    margin: 0 0 0 5px;
    border: 0;
    opacity: .5
}

.cu-editor-wrapper .ql-snow .ql-tooltip a.ql-action:hover,.cu-editor-wrapper .ql-snow .ql-tooltip a.ql-remove:hover {
    opacity: .8
}

.cu-editor-wrapper .ql-snow .ql-tooltip a.ql-action:after,.cu-editor-wrapper .ql-snow .ql-tooltip a.ql-remove:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0
}

.cu-editor-wrapper .ql-snow .ql-tooltip a.ql-remove:before {
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTciIGhlaWdodD0iMjIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTExLjQ0OCAxNy4yMjloMS4wNjJ2LTkuMTNoLTEuMDYydjkuMTN6bS0zLjU2OSAwaDEuMDYydi05LjEzSDcuODh2OS4xM3ptLTMuNTY4IDBoMS4wNjJ2LTkuMTNINC4zMTF2OS4xM3pNMTUuNzU4IDMuODQxYS4yNzguMjc4IDAgMCAwLS4yNzgtLjI3N0gxLjM0YS4yNzguMjc4IDAgMCAwLS4yNzguMjc3di43MjloMTQuNjk2VjMuODR6bS05LjE4LTEuMzRoMy42NjRWMS4zNGEuMjc4LjI3OCAwIDAgMC0uMjc4LS4yNzhINi44NTdhLjI3OC4yNzggMCAwIDAtLjI3OC4yNzhWMi41em0xMC4yNDIgMS4zNHYxLjc5MUgwdi0xLjc5YzAtLjc0LjYwMS0xLjM0IDEuMzQtMS4zNGg0LjE3N1YxLjM0YzAtLjc0LjYtMS4zNCAxLjM0LTEuMzRoMy4xMDdjLjczOSAwIDEuMzQuNiAxLjM0IDEuMzRWMi41aDQuMTc2Yy43NCAwIDEuMzQuNjAyIDEuMzQgMS4zNHptLTEuODAzIDIuNmgxLjA2MnYxMi43OWMwIDEuMTEzLS45MDYgMi4wMTktMi4wMTkgMi4wMTlIMi43NmEyLjAyMSAyLjAyMSAwIDAgMS0yLjAxOC0yLjAyVjYuNDQyaDEuMDYydjEyLjc5YzAgLjUyNy40My45NTYuOTU2Ljk1NmgxMS4zYy41MjggMCAuOTU3LS40MjkuOTU3LS45NTZWNi40NHoiIGZpbGwtcnVsZT0iZXZlbm9kZCIgZmlsbD0iI2ZmZmZmZiIvPjwvc3ZnPg==) center center/contain no-repeat transparent
}

.cu-editor-wrapper .ql-snow .ql-tooltip a.ql-action:after {
    content: ""!important;
    background: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSItMSAtMSAxOSAxOSIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPiAgPHBvbHlnb24gc3Ryb2tlPSIjZmZmZmZmIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDkuMDExODg2LCA4LjM3Mzc4MCkgcm90YXRlKC0zMTUuMDAwMDAwKSB0cmFuc2xhdGUoLTkuMDExODg2LCAtOC4zNzM3ODApICIgcG9pbnRzPSI1LjQ0NzkwMTg4IDAuMzM5NzA3NDg4IDUuNDQ3OTAxODggMTEuNTQyNDY3MSA5LjAxMTg4NTUyIDE2LjQwNzg1MzQgMTIuNTc1ODY5MiAxMS41NDI0NjcxIDEyLjU3NTg2OTIgMC4zMzk3MDc0ODgiPjwvcG9seWdvbj48L3N2Zz4=) center center/contain no-repeat transparent;
    background-size: 90%;
    border-right: 0
}

.cu-editor-wrapper .ql-snow .ql-tooltip.ql-editing a.ql-action:after {
    background: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHZlcnNpb249IjEuMSIgdmlld0JveD0iMCAwIDI2IDI2IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAyNiAyNiIgd2lkdGg9IjE2cHgiIGhlaWdodD0iMTZweCI+CiAgPHBhdGggZD0ibS4zLDE0Yy0wLjItMC4yLTAuMy0wLjUtMC4zLTAuN3MwLjEtMC41IDAuMy0wLjdsMS40LTEuNGMwLjQtMC40IDEtMC40IDEuNCwwbC4xLC4xIDUuNSw1LjljMC4yLDAuMiAwLjUsMC4yIDAuNywwbDEzLjQtMTMuOWgwLjF2LTguODgxNzhlLTE2YzAuNC0wLjQgMS0wLjQgMS40LDBsMS40LDEuNGMwLjQsMC40IDAuNCwxIDAsMS40bDAsMC0xNiwxNi42Yy0wLjIsMC4yLTAuNCwwLjMtMC43LDAuMy0wLjMsMC0wLjUtMC4xLTAuNy0wLjNsLTcuOC04LjQtLjItLjN6IiBmaWxsPSIjRkZGRkZGIi8+Cjwvc3ZnPgo=) center center/contain no-repeat transparent;
    background-size: 80%
}

.cu-editor-wrapper .ql-snow .ql-tooltip.ql-editing input[type=text] {
    border-radius: 3px;
    border: 0;
    background: transparent;
    color: #d5d6d7
}

.cu-editor-wrapper .ql-snow .ql-tooltip.ql-editing input[type=text]:focus {
    box-shadow: none
}

.cu-editor-wrapper .ql-snow .ql-tooltip.ql-editing a.ql-remove {
    display: none
}

.cu-editor-wrapper .ql-snow .ql-tooltip a.ql-preview {
    transition: all .2s cubic-bezier(.785,.135,.15,.86) 0s;
    font-size: 14px;
    font-weight: 300;
    position: relative;
    padding: 0;
    margin: 0 5px 0 0;
    opacity: .5
}

.cu-editor-wrapper .ql-snow .ql-tooltip a.ql-preview:hover {
    transition: none
}

.cu-editor-wrapper .ql-snow .ql-tooltip a.ql-preview:before {
    display: none
}

.cu-editor-wrapper .ql-snow .ql-tooltip a.ql-preview:hover {
    opacity: .8
}

.cu-editor-wrapper .ql-snow .ql-tooltip a.ql-preview:hover:before {
    opacity: 0
}

.cu-editor-wrapper .ql-snow .ql-tooltip a {
    color: #fff
}

.cu-editor-wrapper .cu-editor-footer {
    display: none
}

.cu-editor-wrapper.cu-task-editor_section-overview {
    margin: 0 5px;
    padding: 15px
}

.cu-editor-wrapper.cu-task-editor_section-overview.cu-editor-wrapper_active {
    padding: 15px
}

.cu-editor-wrapper.cu-editor-wrapper_create-task {
    margin: 15px 0 0
}

.cu-editor-wrapper.cu-editor-wrapper_create-task .ql-editor {
    padding: 10px 15px;
    border: 1px solid #e2e2e2
}

.dark-theme .cu-editor-wrapper.cu-editor-wrapper_create-task .ql-editor {
    border: 1px solid #1e272e
}

.cu-editor-wrapper_hover:hover .ql-editor {
    border: 1px solid #e2e2e2
}

.contrast_high .cu-editor-wrapper_hover:hover .ql-editor {
    border: 1px solid #dedede
}

.dark-theme .cu-editor-wrapper_hover:hover .ql-editor {
    border: 1px solid #1e272e
}

@media screen and (max-width: 992px) {
    .cu-editor-wrapper.cu-editor-wrapper_active {
        margin:0 10px
    }
}

.cu-editor-wrapper.cu-editor-wrapper_active .cu-editor-header {
    display: none
}

.cu-editor-wrapper.cu-editor-wrapper_active .cu-editor-footer {
    display: block;
    text-align: right;
    padding: 10px 0
}

.cu-editor-wrapper.cu-editor-wrapper_active .ql-editor {
    height: auto;
    max-height: 2000000px;
    overflow: auto;
    border: 1px solid #e2e2e2
}

.dark-theme .cu-editor-wrapper.cu-editor-wrapper_active .ql-editor {
    border-color: #1e272e
}

.task__full-editor .cu-editor-wrapper.cu-editor-wrapper_active .ql-editor {
    border: none
}

.cu-editor-wrapper.cu-editor-wrapper_active.cu-editor-wrapper_hightlight .ql-editor {
    border: 1px solid #d16464;
    border-radius: 4px 4px 4px 0
}

.cu-editor-wrapper.cu-editor_task-view .cu-editor .ql-editor {
    transition: .1s;
    min-height: 60px;
    max-height: 240px
}

.cu-editor-wrapper.cu-editor_task-view .cu-editor .ql-editor.ql-blank {
    min-height: 240px
}

.cu-editor-wrapper.cu-editor_task-view .cu-editor.ql-disabled .ql-editor {
    transition: .1s;
    min-height: 60px
}

.cu-editor-wrapper.cu-editor_task-view .cu-editor.ql-disabled .ql-editor.ql-blank {
    min-height: 100px
}

.cu-editor-wrapper.cu-editor-wrapper_show-all:not(.cu-editor-wrapper_create-task):not(.doc-editor) .ql-editor {
    height: auto;
    max-height: 2000000px;
    min-height: 240px;
    overflow: auto;
    border-radius: 4px
}

.cu-editor-wrapper.cu-editor-wrapper_show-all:not(.cu-editor-wrapper_create-task):not(.doc-editor).cu-editor-wrapper_active.cu-editor-wrapper_create-task .ql-editor {
    min-height: 100px!important
}

.cu-editor-wrapper.cu-editor-wrapper_show-all:not(.cu-editor-wrapper_create-task):not(.doc-editor).cu-editor_task-view .cu-editor .ql-editor {
    transition: .1s;
    min-height: 240px;
    max-height: 2000000px
}

.cu-editor-wrapper.cu-editor-wrapper_show-all:not(.cu-editor-wrapper_create-task):not(.doc-editor).cu-editor_task-view .cu-editor .ql-editor.ql-blank {
    min-height: 240px
}

.cu-editor-wrapper.cu-editor-wrapper_show-all:not(.cu-editor-wrapper_create-task):not(.doc-editor).cu-editor_task-view .cu-editor.ql-disabled .ql-editor {
    transition: .1s;
    min-height: 75px
}

.cu-editor-wrapper.cu-editor-wrapper_show-all:not(.cu-editor-wrapper_create-task):not(.doc-editor).cu-editor_task-view .cu-editor.ql-disabled .ql-editor.ql-blank {
    min-height: 100px
}

.slash-commands_open .cu-editor-wrapper.cu-editor-wrapper_show-all:not(.cu-editor-wrapper_create-task):not(.doc-editor).cu-editor_task-view .cu-editor.ql-disabled .ql-editor {
    min-height: 240px
}

.cu-editor-wrapper.cu-editor-wrapper_show-all:not(.cu-editor-wrapper_create-task):not(.doc-editor).cu-editor_task-view.cu-editor-wrapper_active .cu-editor.ql-disabled.ql-snow .ql-editor {
    min-height: 240px
}

.cu-editor-wrapper.cu-editor_subtask {
    padding: 0;
    margin: 20px 0 0
}

.cu-editor-wrapper.cu-editor_subtask .ql-editor {
    min-height: 100px
}

.cu-show-more {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    margin: 10px 0 15px
}

.cu-show-more:before {
    content: "";
    display: block;
    position: absolute;
    background: #A2C44A;
    top: 50%;
    left: 0;
    height: 1px;
    width: 100%;
    z-index: 1
}

@supports (--theme-main-color: $color-purple) {
    .cu-show-more:before {
        background:var(--theme-main-color)
    }
}

.cu-show-more__toggle {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #A2C44A;
    border-color: #A2C44A;
    font-size: 11px;
    font-weight: 400;
    position: relative;
    z-index: 10;
    height: 28px;
    border: 1px solid;
    background: #fff;
    border-radius: 25px;
    padding: 0 20px;
    transition: linear .15s
}

@supports (--theme-main-color: $color-purple) {
    .cu-show-more__toggle {
        color:var(--theme-main-color)
    }
}

@supports (--theme-main-color: $color-purple) {
    .cu-show-more__toggle {
        border-color:var(--theme-main-color)
    }
}

.dark-theme .cu-show-more__toggle {
    background: #384047
}

.cu-show-more__toggle:hover {
    background: #A2C44A;
    color: #fff
}

@supports (--theme-main-color: $color-purple) {
    .cu-show-more__toggle:hover {
        background:var(--theme-main-color)
    }
}

.cu-show-more.cu-show-more_compact {
    margin: 0
}

.cu-editor-footer-info {
    display: flex;
    height: 31px;
    flex-shrink: 0
}

.cu-editor-footer-info-column {
    flex: 1
}

.cu-editor-footer-info-column+.cu-editor-footer-info-column {
    text-align: right;
    display: flex;
    justify-content: flex-end
}

.cu-editor-footer-info_fullscreen {
    margin: 6px 0 20px
}

.cu-editor-fullscreen {
    cursor: pointer;
    width: 31px;
    height: 31px;
    display: flex;
    align-items: center;
    justify-content: center
}

.cu-editor-fullscreen:hover .icon {
    fill: var(--theme-main-color)
}

.cu-editor-fullscreen .icon {
    transition: all .2s cubic-bezier(.785,.135,.15,.86) 0s;
    width: 13px;
    height: 13px;
    fill: #979797
}

.cu-editor-fullscreen_collapse {
    transition: all .2s cubic-bezier(.785,.135,.15,.86) 0s;
    background-color: var(--theme-main-color);
    border-radius: 4px;
    margin: 3px 5px 0;
    width: 24px;
    height: 24px
}

.cu-editor-fullscreen_collapse .icon,.cu-editor-fullscreen_collapse:hover .icon {
    fill: #fff
}

.cu-editor-print.icon {
    cursor: pointer;
    width: 31px;
    height: 31px
}

.cu-editor-print.icon:hover use {
    stroke: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .cu-editor-print.icon:hover use {
        stroke:var(--theme-main-color)
    }
}

.cu-editor-print.icon svg {
    width: 16px;
    height: 15px
}

.cu-editor-print.icon use {
    transition: all .2s cubic-bezier(.785,.135,.15,.86) 0s;
    stroke: #979797
}

.cu-editor__add {
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    width: 28px;
    height: 31px
}

.cu-editor__add:hover svg {
    fill: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .cu-editor__add:hover svg {
        fill:var(--theme-main-color)
    }
}

.cu-editor__add svg {
    transition: all .2s cubic-bezier(.785,.135,.15,.86) 0s;
    fill: #979797;
    width: 16px;
    height: 16px
}

.cu-editor-saved {
    margin: 10px 0 0;
    display: flex;
    align-items: center
}

.cu-editor-saved__icon {
    flex-shrink: 0;
    margin: 0 5px 0 0;
    width: 12px;
    height: 12px;
    fill: #34343466
}

.dark-theme .cu-editor-saved__icon {
    fill: #828588b3
}

.cu-editor-saved__text {
    font-size: 13px;
    font-weight: 400;
    padding: 4px 0 0;
    color: #34343466
}

.dark-theme .cu-editor-saved__text {
    color: #828588b3
}

.cu-editor-not-saved {
    margin: 10px 0 0;
    display: flex;
    align-items: center
}

.cu-editor-not-saved__icon {
    flex-shrink: 0;
    margin: 0 5px 0 0;
    width: 12px;
    height: 12px;
    fill: #d16464
}

.cu-editor-not-saved__text {
    font-size: 13px;
    font-weight: 400;
    padding: 4px 0 0;
    color: #d16464
}

.cu-editor-editing {
    display: inline-flex;
    padding: 4px 10px;
    font-size: 12px;
    border-radius: 0 0 4px 4px;
    color: #d16464
}

.cu-editor-editing_active {
    color: #fff;
    background: #d16464
}

.cu-editor-editing_active .cu-editor-editing__icon {
    fill: #fff;
    stroke: #fff
}

.cu-editor-editing__icon {
    width: 9px;
    height: 9px;
    margin-right: 4px;
    fill: #d16464;
    stroke: #d16464
}

@keyframes showToolbar {
    0% {
        opacity: 0;
        height: 0
    }

    50% {
        opacity: 0;
        height: auto
    }

    to {
        opacity: 1;
        height: auto
    }
}

.cu-comment__text a {
    color: #4a90e2;
    text-decoration: underline;
    word-break: break-word
}

.dark-theme .cu-comment__text a {
    color: #72b3fd
}

.cu-comment__text a:hover {
    text-decoration: none
}

.cu-comment__text a.task-mention {
    color: #343434
}

.cu-comment__text .ql-toolbar.ql-snow {
    margin: 0 0 10px;
    padding: 6px;
    border: 0;
    border-radius: 3px;
    background: #f7f7f7
}

.cu-comment__text .ql-toolbar.ql-snow button {
    width: 24px;
    height: 24px;
    padding: 5px
}

.cu-comment__text .ql-toolbar.ql-snow button svg {
    opacity: .8
}

.cu-comment__text .ql-toolbar.ql-snow button .ql-fill,.cu-comment__text .ql-toolbar.ql-snow button .ql-stroke {
    transition: all .2s cubic-bezier(.785,.135,.15,.86) 0s
}

.cu-comment__text .ql-toolbar.ql-snow button .ql-fill:hover,.cu-comment__text .ql-toolbar.ql-snow button .ql-stroke:hover {
    transition: none
}

.cu-comment__text .ql-toolbar.ql-snow button:hover .ql-stroke {
    stroke: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .cu-comment__text .ql-toolbar.ql-snow button:hover .ql-stroke {
        stroke:var(--theme-main-color)
    }
}

.cu-comment__text .ql-toolbar.ql-snow button:hover .ql-fill {
    fill: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .cu-comment__text .ql-toolbar.ql-snow button:hover .ql-fill {
        fill:var(--theme-main-color)
    }
}

.cu-comment__text .ql-container.ql-snow {
    border: 1px solid #e4e4e4;
    border-top: 1px solid #e4e4e4!important;
    border-radius: 3px
}

.cu-comment__text .ql-container.ql-snow p {
    font-size: 14px;
    font-weight: 400;
    line-height: 130%
}

.cu-comment__text .ql-snow .ql-picker {
    width: 24px;
    height: 24px
}

.cu-comment__text .ql-snow .ql-picker-label {
    padding: 3px!important;
    width: 24px
}

.cu-comment__text .ql-snow .ql-picker-label svg {
    opacity: .8
}

.cu-comment__text .ql-snow .ql-picker-label:hover {
    color: #A2C44A!important
}

@supports (--theme-main-color: $color-purple) {
    .cu-comment__text .ql-snow .ql-picker-label:hover {
        color:var(--theme-main-color)!important
    }
}

.cu-comment__text .ql-snow .ql-picker-label:hover svg {
    color: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .cu-comment__text .ql-snow .ql-picker-label:hover svg {
        color:var(--theme-main-color)
    }
}

.cu-comment__text .ql-snow .ql-picker-label:hover .ql-stroke {
    stroke: #A2C44A!important
}

@supports (--theme-main-color: $color-purple) {
    .cu-comment__text .ql-snow .ql-picker-label:hover .ql-stroke {
        stroke:var(--theme-main-color)!important
    }
}

.cu-comment__text .ql-snow .ql-picker-label:hover .ql-fill {
    fill: #A2C44A!important
}

@supports (--theme-main-color: $color-purple) {
    .cu-comment__text .ql-snow .ql-picker-label:hover .ql-fill {
        fill:var(--theme-main-color)!important
    }
}

.cu-comment__text .ql-picker-item[data-value="#ffffff"] {
    border: 1px solid #ddd!important
}

.cu-comment__text .ql-picker-item[data-value="#ffffff"]:hover {
    border: 1px solid #000!important
}

.ql-editor p,.ql-editor ol,.ql-editor ul,.ql-editor pre,.ql-editor blockquote,.ql-editor h1,.ql-editor h2,.ql-editor h3,.ql-editor h4,.ql-editor h5,.ql-editor h6 {
    counter-reset: list-0
}

.cu-editor ol,.cu-editor ul {
    padding-left: 1.5em
}

.cu-editor ol>li,.cu-editor ul>li {
    list-style-type: none;
    line-height: 1.5em
}

.cu-editor ul>li:before {
    content: "\2022"
}

.cu-editor ul>li[data-checked=true]:before,.cu-editor ol>li[data-checked=true]:before,.cu-editor ul[data-checked=true]>li:before,.cu-editor ol[data-checked=true]>li:before,.ql-editor ol>li[data-list=checked]>.ql-ui:before {
    transition: border-color .2s cubic-bezier(.785,.135,.15,.86),background .2s cubic-bezier(.785,.135,.15,.86);
    content: "";
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="%23ffffff"><path fill-rule="evenodd" d="M18.707 7.293a1 1 0 0 1 0 1.414l-7.996 7.996-.003.004a1 1 0 0 1-1.415 0l-4-4a1 1 0 1 1 1.414-1.414L10 14.586l7.293-7.293a1 1 0 0 1 1.414 0z" clip-rule="evenodd"/><path fill-rule="evenodd" d="M18.707 7.293a1 1 0 0 1 0 1.414l-7.996 7.996-.003.004a1 1 0 0 1-1.415 0l-4-4a1 1 0 1 1 1.414-1.414L10 14.586l7.293-7.293a1 1 0 0 1 1.414 0z" clip-rule="evenodd"/></svg>');
    background-size: cover;
    color: #fff;
    background-color: #67cb48;
    border: 1px solid #67cb48;
    width: 17px;
    height: 17px;
    margin-top: 2px;
    margin-left: -22px;
    padding: 2px 0 0;
    text-align: center;
    border-radius: 50%;
    animation: checklistPulse .4s linear both
}

.cu-editor ul>li[data-checked=false]:before,.cu-editor ol>li[data-checked=false]:before,.cu-editor ul[data-checked=false]>li:before,.cu-editor ol[data-checked=false]>li:before,.ql-editor ol>li[data-list=unchecked]>.ql-ui:before {
    transition: border-color .2s cubic-bezier(.785,.135,.15,.86),background .2s cubic-bezier(.785,.135,.15,.86);
    content: "";
    background: transparent;
    border: 1px solid #c1c1c1;
    width: 17px;
    height: 17px;
    margin-top: 2px;
    margin-left: -22px;
    padding: 0;
    border-radius: 50%
}

.dark-theme .cu-editor ul>li[data-checked=false]:before,.dark-theme .cu-editor ol>li[data-checked=false]:before,.dark-theme .cu-editor ul[data-checked=false]>li:before,.dark-theme .cu-editor ol[data-checked=false]>li:before,.dark-theme .ql-editor ol>li[data-list=unchecked]>.ql-ui:before {
    border-color: #828588
}

.cu-editor li:before {
    display: inline-block;
    margin-right: .3em;
    text-align: right;
    white-space: nowrap;
    width: 1.2em;
    line-height: 1.2em
}

.cu-editor ol>li:before,.cu-editor ul>li:before {
    width: 15px;
    padding-right: 5px
}

.cu-editor li:not(.ql-direction-rtl):before {
    margin-left: -1.5em
}

.ql-editor ol li,.ql-editor ul li,.cu-editor ol li,.cu-editor ul li {
    padding-left: 2.2em
}

.cu-editor .ql-indent-1:not(.ql-direction-rtl),.cu-comment__editor .ql-indent-1:not(.ql-direction-rtl),.cu-comment-bar__editor .ql-indent-1:not(.ql-direction-rtl) {
    padding-left: 4.4em
}

.cu-editor .ql-indent-1:not(.ql-direction-rtl).ql-toggle-child[data-list=none],.cu-comment__editor .ql-indent-1:not(.ql-direction-rtl).ql-toggle-child[data-list=none],.cu-comment-bar__editor .ql-indent-1:not(.ql-direction-rtl).ql-toggle-child[data-list=none] {
    padding-left: 2.2em
}

.cu-editor .ql-indent-1.ql-direction-rtl.ql-align-right,.cu-comment__editor .ql-indent-1.ql-direction-rtl.ql-align-right,.cu-comment-bar__editor .ql-indent-1.ql-direction-rtl.ql-align-right {
    padding-right: 4.4em
}

.cu-editor .ql-indent-1.ql-direction-rtl.ql-align-right.ql-toggle-child[data-list=none],.cu-comment__editor .ql-indent-1.ql-direction-rtl.ql-align-right.ql-toggle-child[data-list=none],.cu-comment-bar__editor .ql-indent-1.ql-direction-rtl.ql-align-right.ql-toggle-child[data-list=none] {
    padding-right: 2.2em
}

.cu-editor .ql-indent-2:not(.ql-direction-rtl),.cu-comment__editor .ql-indent-2:not(.ql-direction-rtl),.cu-comment-bar__editor .ql-indent-2:not(.ql-direction-rtl) {
    padding-left: 6.6em
}

.cu-editor .ql-indent-2:not(.ql-direction-rtl).ql-toggle-child[data-list=none],.cu-comment__editor .ql-indent-2:not(.ql-direction-rtl).ql-toggle-child[data-list=none],.cu-comment-bar__editor .ql-indent-2:not(.ql-direction-rtl).ql-toggle-child[data-list=none] {
    padding-left: 4.4em
}

.cu-editor .ql-indent-2.ql-direction-rtl.ql-align-right,.cu-comment__editor .ql-indent-2.ql-direction-rtl.ql-align-right,.cu-comment-bar__editor .ql-indent-2.ql-direction-rtl.ql-align-right {
    padding-right: 6.6em
}

.cu-editor .ql-indent-2.ql-direction-rtl.ql-align-right.ql-toggle-child[data-list=none],.cu-comment__editor .ql-indent-2.ql-direction-rtl.ql-align-right.ql-toggle-child[data-list=none],.cu-comment-bar__editor .ql-indent-2.ql-direction-rtl.ql-align-right.ql-toggle-child[data-list=none] {
    padding-right: 4.4em
}

.cu-editor .ql-indent-3:not(.ql-direction-rtl),.cu-comment__editor .ql-indent-3:not(.ql-direction-rtl),.cu-comment-bar__editor .ql-indent-3:not(.ql-direction-rtl) {
    padding-left: 8.8em
}

.cu-editor .ql-indent-3:not(.ql-direction-rtl).ql-toggle-child[data-list=none],.cu-comment__editor .ql-indent-3:not(.ql-direction-rtl).ql-toggle-child[data-list=none],.cu-comment-bar__editor .ql-indent-3:not(.ql-direction-rtl).ql-toggle-child[data-list=none] {
    padding-left: 6.6em
}

.cu-editor .ql-indent-3.ql-direction-rtl.ql-align-right,.cu-comment__editor .ql-indent-3.ql-direction-rtl.ql-align-right,.cu-comment-bar__editor .ql-indent-3.ql-direction-rtl.ql-align-right {
    padding-right: 8.8em
}

.cu-editor .ql-indent-3.ql-direction-rtl.ql-align-right.ql-toggle-child[data-list=none],.cu-comment__editor .ql-indent-3.ql-direction-rtl.ql-align-right.ql-toggle-child[data-list=none],.cu-comment-bar__editor .ql-indent-3.ql-direction-rtl.ql-align-right.ql-toggle-child[data-list=none] {
    padding-right: 6.6em
}

.cu-editor .ql-indent-4:not(.ql-direction-rtl),.cu-comment__editor .ql-indent-4:not(.ql-direction-rtl),.cu-comment-bar__editor .ql-indent-4:not(.ql-direction-rtl) {
    padding-left: 11em
}

.cu-editor .ql-indent-4:not(.ql-direction-rtl).ql-toggle-child[data-list=none],.cu-comment__editor .ql-indent-4:not(.ql-direction-rtl).ql-toggle-child[data-list=none],.cu-comment-bar__editor .ql-indent-4:not(.ql-direction-rtl).ql-toggle-child[data-list=none] {
    padding-left: 8.8em
}

.cu-editor .ql-indent-4.ql-direction-rtl.ql-align-right,.cu-comment__editor .ql-indent-4.ql-direction-rtl.ql-align-right,.cu-comment-bar__editor .ql-indent-4.ql-direction-rtl.ql-align-right {
    padding-right: 11em
}

.cu-editor .ql-indent-4.ql-direction-rtl.ql-align-right.ql-toggle-child[data-list=none],.cu-comment__editor .ql-indent-4.ql-direction-rtl.ql-align-right.ql-toggle-child[data-list=none],.cu-comment-bar__editor .ql-indent-4.ql-direction-rtl.ql-align-right.ql-toggle-child[data-list=none] {
    padding-right: 8.8em
}

.cu-editor .ql-indent-5:not(.ql-direction-rtl),.cu-comment__editor .ql-indent-5:not(.ql-direction-rtl),.cu-comment-bar__editor .ql-indent-5:not(.ql-direction-rtl) {
    padding-left: 13.2em
}

.cu-editor .ql-indent-5:not(.ql-direction-rtl).ql-toggle-child[data-list=none],.cu-comment__editor .ql-indent-5:not(.ql-direction-rtl).ql-toggle-child[data-list=none],.cu-comment-bar__editor .ql-indent-5:not(.ql-direction-rtl).ql-toggle-child[data-list=none] {
    padding-left: 11em
}

.cu-editor .ql-indent-5.ql-direction-rtl.ql-align-right,.cu-comment__editor .ql-indent-5.ql-direction-rtl.ql-align-right,.cu-comment-bar__editor .ql-indent-5.ql-direction-rtl.ql-align-right {
    padding-right: 13.2em
}

.cu-editor .ql-indent-5.ql-direction-rtl.ql-align-right.ql-toggle-child[data-list=none],.cu-comment__editor .ql-indent-5.ql-direction-rtl.ql-align-right.ql-toggle-child[data-list=none],.cu-comment-bar__editor .ql-indent-5.ql-direction-rtl.ql-align-right.ql-toggle-child[data-list=none] {
    padding-right: 11em
}

.cu-editor .ql-indent-6:not(.ql-direction-rtl),.cu-comment__editor .ql-indent-6:not(.ql-direction-rtl),.cu-comment-bar__editor .ql-indent-6:not(.ql-direction-rtl) {
    padding-left: 15.4em
}

.cu-editor .ql-indent-6:not(.ql-direction-rtl).ql-toggle-child[data-list=none],.cu-comment__editor .ql-indent-6:not(.ql-direction-rtl).ql-toggle-child[data-list=none],.cu-comment-bar__editor .ql-indent-6:not(.ql-direction-rtl).ql-toggle-child[data-list=none] {
    padding-left: 13.2em
}

.cu-editor .ql-indent-6.ql-direction-rtl.ql-align-right,.cu-comment__editor .ql-indent-6.ql-direction-rtl.ql-align-right,.cu-comment-bar__editor .ql-indent-6.ql-direction-rtl.ql-align-right {
    padding-right: 15.4em
}

.cu-editor .ql-indent-6.ql-direction-rtl.ql-align-right.ql-toggle-child[data-list=none],.cu-comment__editor .ql-indent-6.ql-direction-rtl.ql-align-right.ql-toggle-child[data-list=none],.cu-comment-bar__editor .ql-indent-6.ql-direction-rtl.ql-align-right.ql-toggle-child[data-list=none] {
    padding-right: 13.2em
}

.cu-editor .ql-indent-7:not(.ql-direction-rtl),.cu-comment__editor .ql-indent-7:not(.ql-direction-rtl),.cu-comment-bar__editor .ql-indent-7:not(.ql-direction-rtl) {
    padding-left: 17.6em
}

.cu-editor .ql-indent-7:not(.ql-direction-rtl).ql-toggle-child[data-list=none],.cu-comment__editor .ql-indent-7:not(.ql-direction-rtl).ql-toggle-child[data-list=none],.cu-comment-bar__editor .ql-indent-7:not(.ql-direction-rtl).ql-toggle-child[data-list=none] {
    padding-left: 15.4em
}

.cu-editor .ql-indent-7.ql-direction-rtl.ql-align-right,.cu-comment__editor .ql-indent-7.ql-direction-rtl.ql-align-right,.cu-comment-bar__editor .ql-indent-7.ql-direction-rtl.ql-align-right {
    padding-right: 17.6em
}

.cu-editor .ql-indent-7.ql-direction-rtl.ql-align-right.ql-toggle-child[data-list=none],.cu-comment__editor .ql-indent-7.ql-direction-rtl.ql-align-right.ql-toggle-child[data-list=none],.cu-comment-bar__editor .ql-indent-7.ql-direction-rtl.ql-align-right.ql-toggle-child[data-list=none] {
    padding-right: 15.4em
}

.cu-editor .ql-indent-8:not(.ql-direction-rtl),.cu-comment__editor .ql-indent-8:not(.ql-direction-rtl),.cu-comment-bar__editor .ql-indent-8:not(.ql-direction-rtl) {
    padding-left: 19.8em
}

.cu-editor .ql-indent-8:not(.ql-direction-rtl).ql-toggle-child[data-list=none],.cu-comment__editor .ql-indent-8:not(.ql-direction-rtl).ql-toggle-child[data-list=none],.cu-comment-bar__editor .ql-indent-8:not(.ql-direction-rtl).ql-toggle-child[data-list=none] {
    padding-left: 17.6em
}

.cu-editor .ql-indent-8.ql-direction-rtl.ql-align-right,.cu-comment__editor .ql-indent-8.ql-direction-rtl.ql-align-right,.cu-comment-bar__editor .ql-indent-8.ql-direction-rtl.ql-align-right {
    padding-right: 19.8em
}

.cu-editor .ql-indent-8.ql-direction-rtl.ql-align-right.ql-toggle-child[data-list=none],.cu-comment__editor .ql-indent-8.ql-direction-rtl.ql-align-right.ql-toggle-child[data-list=none],.cu-comment-bar__editor .ql-indent-8.ql-direction-rtl.ql-align-right.ql-toggle-child[data-list=none] {
    padding-right: 17.6em
}

.cu-editor .ql-indent-9:not(.ql-direction-rtl),.cu-comment__editor .ql-indent-9:not(.ql-direction-rtl),.cu-comment-bar__editor .ql-indent-9:not(.ql-direction-rtl) {
    padding-left: 22em
}

.cu-editor .ql-indent-9:not(.ql-direction-rtl).ql-toggle-child[data-list=none],.cu-comment__editor .ql-indent-9:not(.ql-direction-rtl).ql-toggle-child[data-list=none],.cu-comment-bar__editor .ql-indent-9:not(.ql-direction-rtl).ql-toggle-child[data-list=none] {
    padding-left: 19.8em
}

.cu-editor .ql-indent-9.ql-direction-rtl.ql-align-right,.cu-comment__editor .ql-indent-9.ql-direction-rtl.ql-align-right,.cu-comment-bar__editor .ql-indent-9.ql-direction-rtl.ql-align-right {
    padding-right: 22em
}

.cu-editor .ql-indent-9.ql-direction-rtl.ql-align-right.ql-toggle-child[data-list=none],.cu-comment__editor .ql-indent-9.ql-direction-rtl.ql-align-right.ql-toggle-child[data-list=none],.cu-comment-bar__editor .ql-indent-9.ql-direction-rtl.ql-align-right.ql-toggle-child[data-list=none] {
    padding-right: 19.8em
}

.cu-editor .ql-video {
    display: block;
    max-width: 100%
}

.cu-editor .ql-video.ql-align-center {
    margin: 0 auto
}

.cu-editor .ql-video.ql-align-right {
    margin: 0 0 0 auto
}

.cu-editor .ql-font-serif {
    font-family: Georgia,Times New Roman,serif
}

.cu-editor .ql-font-monospace {
    font-family: Monaco,Courier New,monospace
}

.cu-editor .ql-size-small {
    font-size: .75em
}

.cu-editor .ql-size-large {
    font-size: 1.5em
}

.cu-editor .ql-size-huge {
    font-size: 2.5em
}

.cu-editor .ql-direction-rtl {
    direction: rtl;
    text-align: inherit
}

.cu-editor .ql-align-center {
    text-align: center
}

.cu-editor .ql-align-justify {
    text-align: justify
}

.cu-editor .ql-align-right {
    text-align: right
}

.cu-editor .ql-editor.ql-blank:before {
    font-size: 13px;
    font-weight: 400;
    color: #34343466;
    content: attr(data-placeholder);
    font-style: normal;
    pointer-events: none;
    position: absolute;
    top: 10px
}

.dark-theme .cu-editor .ql-editor.ql-blank:before {
    color: #d5d6d74d
}

.cu-comment-form {
    flex-grow: 1;
    display: flex;
    box-shadow: 0 0 10px #0000001a;
    background: #fff
}

.cu-comment-form__content {
    position: relative;
    flex-grow: 1
}

.cu-comment-form__controls {
    position: relative;
    flex-shrink: 0;
    width: 155px
}

.cu-comment-form__submit {
    -webkit-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    transition: all .2s cubic-bezier(.785,.135,.15,.86) 0s;
    background-color: #A2C44A;
    border-color: #A2C44A;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 18px;
    font-weight: 600;
    line-height: 63px;
    font-family: -apple-system,BlinkMacSystemFont,Segoe UI,roboto,Helvetica Neue,helvetica,arial,sans-serif;
    display: inline-flex;
    height: 64px;
    padding: 6px 30px 0;
    cursor: pointer;
    color: #fff;
    border: 1px solid;
    text-decoration: none;
    white-space: nowrap;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.cu-comment-form__submit:hover {
    transition: none
}

@supports (--theme-main-color: $color-purple) {
    .cu-comment-form__submit {
        background-color:var(--theme-main-color)
    }
}

@supports (--theme-main-color: $color-purple) {
    .cu-comment-form__submit {
        border-color:var(--theme-main-color)
    }
}

.cu-comment-form__submit:hover,.cu-comment-form__submit:active {
    background-color: #A2C44A;
    border-color: #A2C44A;
    border: 1px solid;
    transition: none
}

@supports (--theme-main-color-dark: $color-purple-dark) {
    .cu-comment-form__submit:hover,.cu-comment-form__submit:active {
        background-color:var(--theme-main-color-dark)
    }
}

@supports (--theme-main-color-dark: $color-purple-dark) {
    .cu-comment-form__submit:hover,.cu-comment-form__submit:active {
        border-color:var(--theme-main-color-dark)
    }
}

#commentForm .ql-float-button__toggle,.cu-comment__text .ql-float-button__toggle {
    margin: 0 0 0 -20px
}

#commentForm p,#commentForm li,.cu-comment__text p,.cu-comment__text li {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    word-break: break-word;
    overflow-wrap: break-word;
    word-wrap: break-word;
    -webkit-hyphens: auto;
    hyphens: auto;
    color: #343434cc
}

.dark-theme #commentForm p,.dark-theme #commentForm li,.dark-theme .cu-comment__text p,.dark-theme .cu-comment__text li {
    color: #d5d6d7
}

#commentForm .ql-bubble .ql-tooltip:not(.ql-flip) .ql-tooltip-arrow,.cu-comment__text .ql-bubble .ql-tooltip:not(.ql-flip) .ql-tooltip-arrow {
    border-top: 6px solid #fff;
    border-bottom: 0;
    top: auto;
    bottom: -6px
}

.dark-theme #commentForm .ql-bubble .ql-tooltip:not(.ql-flip) .ql-tooltip-arrow,.dark-theme .cu-comment__text .ql-bubble .ql-tooltip:not(.ql-flip) .ql-tooltip-arrow {
    border-top-color: #1e272e
}

#commentForm .ql-bubble .ql-tooltip,.cu-comment__text .ql-bubble .ql-tooltip {
    z-index: 2100;
    border-radius: 4px;
    width: auto;
    padding: 0;
    background: no-repeat
}

.dark-theme #commentForm .ql-bubble .ql-tooltip,.dark-theme .cu-comment__text .ql-bubble .ql-tooltip {
    background: transparent
}

.cu-dashboard-doc-right-sidebar-content #commentForm .ql-bubble .ql-tooltip.ql-flip,.cu-dashboard-doc-right-sidebar-content .cu-comment__text .ql-bubble .ql-tooltip.ql-flip {
    margin-top: 95px
}

.cu-dashboard-doc-quick-menu__dropdown #commentForm .ql-bubble .ql-tooltip,.cu-dashboard-doc-quick-menu__dropdown .cu-comment__text .ql-bubble .ql-tooltip {
    padding: 3px
}

#commentForm .ql-bubble .ql-tooltip .ql-formats,.cu-comment__text .ql-bubble .ql-tooltip .ql-formats {
    margin: 0;
    display: flex;
    flex-wrap: nowrap
}

.cu-dashboard-doc-right-sidebar-content #commentForm .ql-bubble .ql-tooltip .ql-formats,.cu-dashboard-doc-right-sidebar-content .cu-comment__text .ql-bubble .ql-tooltip .ql-formats {
    flex-wrap: wrap
}

#commentForm .ql-bubble .ql-tooltip button,.cu-comment__text .ql-bubble .ql-tooltip button {
    display: flex;
    align-items: center;
    width: 28px;
    height: 28px;
    padding: 6px;
    flex-shrink: 0;
    cursor: pointer;
    fill: #30353c
}

.dark-theme #commentForm .ql-bubble .ql-tooltip button,.dark-theme .cu-comment__text .ql-bubble .ql-tooltip button {
    fill: #fff
}

#commentForm .ql-bubble .ql-tooltip button.ql-active,#commentForm .ql-bubble .ql-tooltip button:hover,.cu-comment__text .ql-bubble .ql-tooltip button.ql-active,.cu-comment__text .ql-bubble .ql-tooltip button:hover {
    background-color: #f0f1f3;
    border-radius: 4px
}

.dark-theme #commentForm .ql-bubble .ql-tooltip button.ql-active,.dark-theme #commentForm .ql-bubble .ql-tooltip button:hover,.dark-theme .cu-comment__text .ql-bubble .ql-tooltip button.ql-active,.dark-theme .cu-comment__text .ql-bubble .ql-tooltip button:hover {
    background-color: #1e272e
}

#commentForm .ql-bubble .ql-tooltip .ql-background,.cu-comment__text .ql-bubble .ql-tooltip .ql-background {
    width: 28px;
    height: 28px
}

#commentForm .ql-bubble .ql-tooltip .ql-background .ql-picker-label,.cu-comment__text .ql-bubble .ql-tooltip .ql-background .ql-picker-label {
    display: flex;
    align-items: center;
    width: 28px;
    height: 28px;
    padding: 5px;
    fill: #30353c
}

.dark-theme #commentForm .ql-bubble .ql-tooltip .ql-background .ql-picker-label,.dark-theme .cu-comment__text .ql-bubble .ql-tooltip .ql-background .ql-picker-label {
    fill: #fff
}

#commentForm .ql-bubble .ql-tooltip .ql-background .ql-picker-label.ql-active,#commentForm .ql-bubble .ql-tooltip .ql-background .ql-picker-label:hover,.cu-comment__text .ql-bubble .ql-tooltip .ql-background .ql-picker-label.ql-active,.cu-comment__text .ql-bubble .ql-tooltip .ql-background .ql-picker-label:hover {
    background-color: #f0f1f3;
    border-radius: 4px
}

.dark-theme #commentForm .ql-bubble .ql-tooltip .ql-background .ql-picker-label.ql-active,.dark-theme #commentForm .ql-bubble .ql-tooltip .ql-background .ql-picker-label:hover,.dark-theme .cu-comment__text .ql-bubble .ql-tooltip .ql-background .ql-picker-label.ql-active,.dark-theme .cu-comment__text .ql-bubble .ql-tooltip .ql-background .ql-picker-label:hover {
    background-color: #2b343b
}

.cu-automation-variable-text-editor__variable {
    background: #A2C44A;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 11px;
    font-weight: 400;
    line-height: 11px;
    display: inline-flex;
    align-items: center;
    flex-shrink: 0;
    padding: 4px 7px;
    margin: 1px 2px 1px 0;
    border-radius: 4px;
    color: #fff;
    cursor: pointer
}

@supports (--theme-main-color: $color-purple) {
    .cu-automation-variable-text-editor__variable {
        background:var(--theme-main-color)
    }
}

.cu-mention,.cu-mention__user-group,.cu-mention__task-user-group {
    color: #A2C44A;
    font-weight: 400;
    cursor: pointer;
    border-radius: 3px;
    padding: 2px 4px;
    margin: -2px -4px
}

@supports (--theme-main-color: $color-purple) {
    .cu-mention,.cu-mention__user-group,.cu-mention__task-user-group {
        color:var(--theme-main-color)
    }
}

.cu-mention_readonly,.cu-mention__user-group_readonly,.cu-mention__task-user-group_readonly {
    pointer-events: none
}

.cu-mention:hover,.cu-mention__user-group:hover,.cu-mention__task-user-group:hover {
    color: #A2C44A;
    background-color: #f2f2f2
}

@supports (--theme-main-color-dark: $color-purple-dark) {
    .cu-mention:hover,.cu-mention__user-group:hover,.cu-mention__task-user-group:hover {
        color:var(--theme-main-color-dark)
    }
}

.dark-theme .cu-mention:hover,.dark-theme .cu-mention__user-group:hover,.dark-theme .cu-mention__task-user-group:hover {
    background-color: #1e272e
}

.ql-editor .cu-mention:not(.cu-mention),.ql-editor .cu-mention__user-group:not(.cu-mention),.ql-editor .cu-mention__task-user-group:not(.cu-mention) {
    cursor: default
}

.ql-editor .cu-mention:not(.cu-mention):hover,.ql-editor .cu-mention__user-group:not(.cu-mention):hover,.ql-editor .cu-mention__task-user-group:not(.cu-mention):hover {
    color: #A2C44A;
    background-color: transparent
}

@supports (--theme-main-color: $color-purple) {
    .ql-editor .cu-mention:not(.cu-mention):hover,.ql-editor .cu-mention__user-group:not(.cu-mention):hover,.ql-editor .cu-mention__task-user-group:not(.cu-mention):hover {
        color:var(--theme-main-color)
    }
}

.dark-theme .ql-editor .cu-mention:not(.cu-mention):hover,.dark-theme .ql-editor .cu-mention__user-group:not(.cu-mention):hover,.dark-theme .ql-editor .cu-mention__task-user-group:not(.cu-mention):hover {
    background-color: transparent
}

.cu-mention span,.cu-mention__user-group span,.cu-mention__task-user-group span {
    color: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .cu-mention span,.cu-mention__user-group span,.cu-mention__task-user-group span {
        color:var(--theme-main-color)
    }
}

.cu-mention>span,.cu-mention__user-group>span,.cu-mention__task-user-group>span {
    margin: 0 1px
}

.cu-mention.cu-mention_me,.cu-mention__user-group.cu-mention_me,.cu-mention__task-user-group.cu-mention_me {
    color: #A2C44A;
    position: relative;
    padding: 2px 5px;
    margin: -2px 0;
    border-radius: 3px;
    font-weight: 500
}

@supports (--theme-main-color: $color-purple) {
    .cu-mention.cu-mention_me,.cu-mention__user-group.cu-mention_me,.cu-mention__task-user-group.cu-mention_me {
        color:var(--theme-main-color)
    }
}

.cu-mention.cu-mention_me:before,.cu-mention__user-group.cu-mention_me:before,.cu-mention__task-user-group.cu-mention_me:before {
    background: #dfdbfb;
    border-radius: 3px;
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: .2
}

@supports (--theme-main-color-light: $color-purple-light) {
    .cu-mention.cu-mention_me:before,.cu-mention__user-group.cu-mention_me:before,.cu-mention__task-user-group.cu-mention_me:before {
        background:var(--theme-main-color-light)
    }
}

.dark-theme .cu-mention.cu-mention_me,.dark-theme .cu-mention__user-group.cu-mention_me,.dark-theme .cu-mention__task-user-group.cu-mention_me {
    background: #dfdbfb;
    color: #384047
}

@supports (--theme-main-color-light: $color-purple-light) {
    .dark-theme .cu-mention.cu-mention_me,.dark-theme .cu-mention__user-group.cu-mention_me,.dark-theme .cu-mention__task-user-group.cu-mention_me {
        background:var(--theme-main-color-light)
    }
}

.dark-theme .cu-mention.cu-mention_me[data-user-theme-color="#202020"],.dark-theme .cu-mention__user-group.cu-mention_me[data-user-theme-color="#202020"],.dark-theme .cu-mention__task-user-group.cu-mention_me[data-user-theme-color="#202020"] {
    color: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .dark-theme .cu-mention.cu-mention_me[data-user-theme-color="#202020"],.dark-theme .cu-mention__user-group.cu-mention_me[data-user-theme-color="#202020"],.dark-theme .cu-mention__task-user-group.cu-mention_me[data-user-theme-color="#202020"] {
        color:var(--theme-main-color)
    }
}

.cu-mention.cu-mention_me[data-user-theme-color="#A2C44A"],.cu-mention__user-group.cu-mention_me[data-user-theme-color="#A2C44A"],.cu-mention__task-user-group.cu-mention_me[data-user-theme-color="#A2C44A"] {
    background: #dfdbfb
}

@supports (--theme-main-color-light: $color-purple-light) {
    .cu-mention.cu-mention_me[data-user-theme-color="#A2C44A"],.cu-mention__user-group.cu-mention_me[data-user-theme-color="#A2C44A"],.cu-mention__task-user-group.cu-mention_me[data-user-theme-color="#A2C44A"] {
        background:var(--theme-main-color-light)
    }
}

.dark-theme .cu-mention.cu-mention_me[data-user-theme-color="#A2C44A"],.dark-theme .cu-mention__user-group.cu-mention_me[data-user-theme-color="#A2C44A"],.dark-theme .cu-mention__task-user-group.cu-mention_me[data-user-theme-color="#A2C44A"] {
    color: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .dark-theme .cu-mention.cu-mention_me[data-user-theme-color="#A2C44A"],.dark-theme .cu-mention__user-group.cu-mention_me[data-user-theme-color="#A2C44A"],.dark-theme .cu-mention__task-user-group.cu-mention_me[data-user-theme-color="#A2C44A"] {
        color:var(--theme-main-color)
    }
}

.cu-mention.cu-mention_me:hover,.cu-mention__user-group.cu-mention_me:hover,.cu-mention__task-user-group.cu-mention_me:hover {
    color: #A2C44A
}

@supports (--theme-main-color-dark: $color-purple-dark) {
    .cu-mention.cu-mention_me:hover,.cu-mention__user-group.cu-mention_me:hover,.cu-mention__task-user-group.cu-mention_me:hover {
        color:var(--theme-main-color-dark)
    }
}

.dark-theme .cu-mention.cu-mention_me:hover,.dark-theme .cu-mention__user-group.cu-mention_me:hover,.dark-theme .cu-mention__task-user-group.cu-mention_me:hover {
    color: #A2C44A
}

@supports (--theme-main-color-dark: $color-purple-dark) {
    .dark-theme .cu-mention.cu-mention_me:hover,.dark-theme .cu-mention__user-group.cu-mention_me:hover,.dark-theme .cu-mention__task-user-group.cu-mention_me:hover {
        color:var(--theme-main-color-dark)
    }
}

strong strong.cu-mention,strong strong.cu-mention__user-group,strong strong.cu-mention__task-user-group {
    font-weight: 700
}

.ql-divider {
    position: relative;
    border: none;
    height: 1px;
    padding: .5em 0;
    margin: 0;
    background: none
}

.ql-divider:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: .5em;
    height: 1px;
    background-color: #c1c1c1
}

.dark-theme .ql-divider:after {
    background-color: #e2e2e2
}

.cu-editor-content .ql-snow .ql-tooltip .ql-tooltip-embedding,.cu-editor-content .ql-snow .ql-tooltip.ql-embedding.ql-editing .ql-tooltip-embedding {
    display: none
}

.cu-editor-content .ql-snow .ql-tooltip.ql-embedding .ql-tooltip-embedding {
    display: block
}

.cu-editor-content .ql-snow .ql-tooltip.ql-embedding .ql-embedd {
    padding: 0 10px;
    cursor: pointer;
    color: #fff;
    display: block;
    opacity: .5
}

.cu-editor-content .ql-snow .ql-tooltip.ql-embedding .ql-embedd:hover {
    text-decoration: underline;
    -webkit-text-decoration-style: dotted;
    text-decoration-style: dotted;
    opacity: .8
}

.ql-bubble .ql-tooltip {
    z-index: 10
}

.dark-theme .ql-bubble .ql-tooltip {
    background: transparent
}

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

.ql-bubble .ql-tooltip.ql-embedding .ql-tooltip-embedding {
    display: block
}

.ql-bubble .ql-tooltip.ql-embedding .ql-toolbar {
    display: none
}

.ql-bubble .ql-tooltip.ql-embedding .ql-embedd {
    padding: 10px;
    cursor: pointer;
    display: block;
    color: #292d34
}

.dark-theme .ql-bubble .ql-tooltip.ql-embedding .ql-embedd {
    color: #fff
}

.ql-bubble .ql-tooltip.ql-embedding .ql-embedd:hover {
    text-decoration: underline;
    -webkit-text-decoration-style: dotted;
    text-decoration-style: dotted
}

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

.ql-bubble .ql-tooltip.ql-editing .ql-tooltip-editor {
    position: relative;
    height: 34px;
    width: 100%;
    min-width: 250px;
    z-index: 10;
    border-radius: 4px;
    box-shadow: #0f0f0f0d 0 0 0 1px,#0f0f0f1a 0 3px 6px,#0f0f0f33 0 9px 24px
}

.ql-bubble .ql-tooltip .ql-tooltip-editor input,.ql-bubble .ql-tooltip .ql-tooltip-editor input:focus,.ql-bubble .ql-tooltip .ql-tooltip-editor input:active {
    font-size: 13px;
    font-weight: 400;
    line-height: 1;
    box-shadow: none;
    border-radius: 3px;
    background: #fff;
    color: #292d34
}

.dark-theme .ql-bubble .ql-tooltip .ql-tooltip-editor input,.dark-theme .ql-bubble .ql-tooltip .ql-tooltip-editor input:focus,.dark-theme .ql-bubble .ql-tooltip .ql-tooltip-editor input:active {
    color: #d5d6d7;
    background: #1e272e
}

.cu-comment .ql-editor,.comment-bar .ql-editor {
    border: none
}

.cu-comment .ql-tooltip,.comment-bar .ql-tooltip {
    padding: 0 8px
}

.cu-comment .ql-tooltip-editor,.comment-bar .ql-tooltip-editor {
    width: 100%
}

.cu-comment .ql-editor.ql-blank:before,.comment-bar .ql-editor.ql-blank:before {
    left: 0
}

.cu-comment .ql-bubble .ql-tooltip.ql-editing,.comment-bar .ql-bubble .ql-tooltip.ql-editing {
    display: flex;
    align-items: center;
    background: #fff;
    padding: 0
}

.cu-comment .ql-bubble .ql-tooltip.ql-editing input[type=text],.comment-bar .ql-bubble .ql-tooltip.ql-editing input[type=text] {
    position: relative;
    top: auto;
    left: auto;
    color: #bbb;
    padding: 9px 12px 10px;
    font-size: 14px
}

.cu-comment .ql-bubble .ql-tooltip.ql-editing input[type=text]::placeholder,.comment-bar .ql-bubble .ql-tooltip.ql-editing input[type=text]::placeholder {
    color: #34343466;
    opacity: 1;
    font-size: 14px
}

.dark-theme .cu-comment .ql-bubble .ql-tooltip.ql-editing input[type=text]::placeholder,.dark-theme .comment-bar .ql-bubble .ql-tooltip.ql-editing input[type=text]::placeholder {
    color: #fff6;
    opacity: 1;
    font-size: 14px
}

.cu-comment .ql-bubble .ql-tooltip.ql-editing input[type=text]:focus,.comment-bar .ql-bubble .ql-tooltip.ql-editing input[type=text]:focus {
    color: #343434cc
}

.dark-theme .cu-comment .ql-bubble .ql-tooltip.ql-editing input[type=text]:focus,.dark-theme .comment-bar .ql-bubble .ql-tooltip.ql-editing input[type=text]:focus {
    color: #d5d6d7
}

.cu-comment .ql-bubble .ql-tooltip.ql-editing .ql-toolbar,.comment-bar .ql-bubble .ql-tooltip.ql-editing .ql-toolbar {
    display: none
}

.cu-comment .ql-bubble .ql-tooltip.ql-editing:before,.comment-bar .ql-bubble .ql-tooltip.ql-editing:before {
    font-size: 12px;
    font-weight: 400;
    color: #fff;
    display: none
}

.cu-comment .ql-bubble .ql-tooltip.ql-editing:after,.comment-bar .ql-bubble .ql-tooltip.ql-editing:after {
    top: -8px;
    left: calc(50% - 4px);
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 6px 8px 6px;
    border-color: transparent transparent #544d60 transparent
}

.cu-comment .ql-tooltip.ql-editing.ql-hidden,.comment-bar .ql-tooltip.ql-editing.ql-hidden,.cu-comment .ql-close,.comment-bar .ql-close {
    display: none
}

.cu-comment-editor-wrapper .ql-bubble .ql-editor * {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.cu-comment-editor-wrapper .ql-bubble .ql-editor blockquote {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    margin-bottom: 0;
    margin-top: 0;
    border-left: 4px solid #d8d8d8;
    padding-left: 12px;
    font-style: italic
}

.dark-theme .cu-comment-editor-wrapper .ql-bubble .ql-editor blockquote {
    border-left: 4px solid #828588;
    color: #d5d6d7
}

.cu-comment-editor-wrapper .ql-bubble .ql-editor blockquote:first-of-type {
    margin-top: 5px
}

.cu-comment-editor-wrapper .ql-bubble .ql-editor blockquote:last-of-type {
    margin-bottom: 5px
}

.cu-comment-editor-wrapper .ql-bubble .ql-editor ul,.cu-comment-editor-wrapper .ql-bubble .ql-editor ol {
    padding-left: 2px;
    font-size: 14px
}

.cu-comment-editor-wrapper .ql-bubble .ql-editor ul li,.cu-comment-editor-wrapper .ql-bubble .ql-editor ol li {
    color: #343434cc;
    margin-bottom: 0;
    padding-bottom: 5px
}

.dark-theme .cu-comment-editor-wrapper .ql-bubble .ql-editor ul li,.dark-theme .cu-comment-editor-wrapper .ql-bubble .ql-editor ol li {
    color: #d5d6d7
}

.cu-comment-editor-wrapper .ql-bubble .ql-editor ul li:not(.ql-direction-rtl):before,.cu-comment-editor-wrapper .ql-bubble .ql-editor ol li:not(.ql-direction-rtl):before {
    text-align: left
}

.cu-editor-wrapper .ql-editor ul,.cu-editor-wrapper .ql-editor ol {
    margin: 0;
    padding: 0
}

.cu-editor-wrapper .cu-editor ul+p,.cu-editor-wrapper .cu-editor ol+p {
    margin-top: 5px
}

.cu-editor-wrapper .ql-editor blockquote {
    margin-bottom: 0;
    margin-top: 0
}

.cu-editor-wrapper .ql-editor blockquote:first-of-type {
    margin-top: 5px
}

.cu-editor-wrapper .ql-editor blockquote:last-of-type {
    margin-bottom: 5px
}

.cu-editor-wrapper .ql-editor ol li:not(.ql-direction-rtl),.cu-editor-wrapper .ql-editor ul li:not(.ql-direction-rtl) {
    margin-bottom: 0;
    padding-bottom: 5px
}

.cu-editor-wrapper .cu-editor .ql-indent-1:not(.ql-direction-rtl) {
    padding-left: 4.4em
}

.cu-editor-wrapper .cu-editor .ql-indent-1.ql-direction-rtl.ql-align-right {
    padding-right: 4.4em
}

.cu-editor-wrapper .cu-editor .ql-indent-2:not(.ql-direction-rtl) {
    padding-left: 6.6em
}

.cu-editor-wrapper .cu-editor .ql-indent-2.ql-direction-rtl.ql-align-right {
    padding-right: 6.6em
}

.cu-editor-wrapper .cu-editor .ql-indent-3:not(.ql-direction-rtl) {
    padding-left: 8.8em
}

.cu-editor-wrapper .cu-editor .ql-indent-3.ql-direction-rtl.ql-align-right {
    padding-right: 8.8em
}

.cu-editor-wrapper .cu-editor .ql-indent-4:not(.ql-direction-rtl) {
    padding-left: 11em
}

.cu-editor-wrapper .cu-editor .ql-indent-4.ql-direction-rtl.ql-align-right {
    padding-right: 11em
}

.cu-editor-wrapper .cu-editor .ql-indent-5:not(.ql-direction-rtl) {
    padding-left: 13.2em
}

.cu-editor-wrapper .cu-editor .ql-indent-5.ql-direction-rtl.ql-align-right {
    padding-right: 13.2em
}

.cu-editor-wrapper .cu-editor .ql-indent-6:not(.ql-direction-rtl) {
    padding-left: 15.4em
}

.cu-editor-wrapper .cu-editor .ql-indent-6.ql-direction-rtl.ql-align-right {
    padding-right: 15.4em
}

.cu-editor-wrapper .cu-editor .ql-indent-7:not(.ql-direction-rtl) {
    padding-left: 17.6em
}

.cu-editor-wrapper .cu-editor .ql-indent-7.ql-direction-rtl.ql-align-right {
    padding-right: 17.6em
}

.cu-editor-wrapper .cu-editor .ql-indent-8:not(.ql-direction-rtl) {
    padding-left: 19.8em
}

.cu-editor-wrapper .cu-editor .ql-indent-8.ql-direction-rtl.ql-align-right {
    padding-right: 19.8em
}

.cu-editor-wrapper .cu-editor .ql-indent-9:not(.ql-direction-rtl) {
    padding-left: 22em
}

.cu-editor-wrapper .cu-editor .ql-indent-9.ql-direction-rtl.ql-align-right {
    padding-right: 22em
}

.cu-editor-wrapper .cu-editor li[data-list=bullet]>.ql-ui:before {
    font-size: calc(var(--editor-font-size) * 1.5);
    margin-left: -1.1em
}

.cu-grid-dashboard .cu-editor-wrapper .cu-editor li[data-list=bullet]>.ql-ui:before,.cu-draft-view__container .cu-editor-wrapper .cu-editor li[data-list=bullet]>.ql-ui:before,.task-container .cu-editor-wrapper .cu-editor li[data-list=bullet]>.ql-ui:before {
    font-size: 20px;
    margin-left: -1.2em
}

.cu-editor-wrapper .cu-editor li[data-list=toggled]>.ql-ui {
    margin-left: -1.9em;
    width: calc(var(--editor-font-size) * 1.4);
    height: calc(var(--editor-font-size) * 1.4)
}

.cu-grid-dashboard .cu-editor-wrapper .cu-editor li[data-list=toggled]>.ql-ui,.cu-draft-view__container .cu-editor-wrapper .cu-editor li[data-list=toggled]>.ql-ui,.task-container .cu-editor-wrapper .cu-editor li[data-list=toggled]>.ql-ui,.cu2-list-details-column__body .cu-editor-wrapper .cu-editor li[data-list=toggled]>.ql-ui,.scratchpad-body .cu-editor-wrapper .cu-editor li[data-list=toggled]>.ql-ui {
    width: 18px;
    height: 18px
}

.cu-editor-wrapper .cu-editor li[data-list=toggled]>.ql-ui:hover {
    background-color: #f1f2f3;
    border-radius: 4px
}

.dark-theme .cu-editor-wrapper .cu-editor li[data-list=toggled]>.ql-ui:hover {
    background-color: #4f5762
}

.cu-editor-wrapper .cu-editor li[data-list=toggled]>.ql-ui:before {
    content: "";
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"><path fill="%2387909e" d="M6.807 8.25h10.386c.718 0 1.077.956.569 1.516l-5.19 5.724a.757.757 0 0 1-1.143 0l-5.19-5.724c-.51-.56-.15-1.516.568-1.516z"/></svg>');
    background-size: cover;
    width: 100%;
    height: 100%;
    margin: 0
}

.cu-editor-wrapper .cu-editor li[data-list=toggled]>.ql-togglelist-placeholder {
    padding: 0 5px;
    border-radius: 4px;
    bottom: 0
}

.dark-theme .cu-editor-wrapper .cu-editor li[data-list=toggled]>.ql-togglelist-placeholder {
    color: #f0f0f066
}

.dark-theme .cu-editor-wrapper .cu-editor li[data-list=toggled]>.ql-togglelist-placeholder:hover {
    background-color: #ffffff26
}

ol+.ql-frame+ol {
    counter-reset: none
}

.ql-frame {
    display: block;
    margin: 10px 0;
    position: relative;
    width: 318px;
    max-width: 100%
}

.ql-editor .ql-frame:first-child {
    margin-top: 0
}

.ql-frame[service=custom],.ql-frame[service=clickup_listview],.ql-frame[service=clickup_doc_view] {
    width: 100%
}

.ql-frame[data-size=small] .ql-frame__content {
    display: none
}

.ql-frame[data-size=large] {
    min-width: 160px;
    height: 0;
    min-height: 220px
}

.ql-frame[data-size=large] .ql-frame__content {
    display: flex;
    align-items: center;
    justify-content: center
}

.ql-frame[data-size=large] .ql-frame__header-preview,.ql-frame[data-size=large] .ql-frame__size-large {
    display: none
}

.ql-frame[data-size=large] .ql-frame__size-small {
    display: flex
}

.ql-frame[data-size=large][service=youtube] {
    height: auto!important
}

.ql-frame[data-size=large][service=youtube] .ql-frame__content {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden
}

.ql-frame[data-size=large][service=youtube] .ql-frame__content>video,.ql-frame[data-size=large][service=youtube] .ql-frame__content>iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.ql-frame[data-size=large][service=loom] {
    height: auto!important
}

.ql-frame[data-size=large][service=loom] .ql-frame__content {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden
}

.ql-frame[data-size=large][service=loom] .ql-frame__content>video,.ql-frame[data-size=large][service=loom] .ql-frame__content>iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.ql-frame[data-size=large][service=vimeo] {
    height: auto!important
}

.ql-frame[data-size=large][service=vimeo] .ql-frame__content {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden
}

.ql-frame[data-size=large][service=vimeo] .ql-frame__content>video,.ql-frame[data-size=large][service=vimeo] .ql-frame__content>iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.ql-frame[data-size=large][service=figma] {
    height: auto!important
}

.ql-frame[data-size=large][service=figma] .ql-frame__content {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden
}

.ql-frame[data-size=large][service=figma] .ql-frame__content>video,.ql-frame[data-size=large][service=figma] .ql-frame__content>iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.ql-frame[data-size=large][service=miro] {
    height: auto!important
}

.ql-frame[data-size=large][service=miro] .ql-frame__content {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden
}

.ql-frame[data-size=large][service=miro] .ql-frame__content>video,.ql-frame[data-size=large][service=miro] .ql-frame__content>iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.ql-frame[data-size=large][service=wistia] {
    height: auto!important
}

.ql-frame[data-size=large][service=wistia] .ql-frame__content {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden
}

.ql-frame[data-size=large][service=wistia] .ql-frame__content>video,.ql-frame[data-size=large][service=wistia] .ql-frame__content>iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.ql-frame[data-size=large][service=clickup_video] {
    height: auto!important
}

.ql-frame[data-size=large][service=clickup_video] .ql-frame__content {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden
}

.ql-frame[data-size=large][service=clickup_video] .ql-frame__content>video,.ql-frame[data-size=large][service=clickup_video] .ql-frame__content>iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.ql-frame__desktop-google-embed {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0 20px;
    text-align: center
}

.ql-frame__desktop-google-embed-title {
    margin-bottom: 8px
}

.ql-frame__desktop-google-embed-title,.cu-editor-wrapper .ql-editor .ql-frame__desktop-google-embed-title {
    font-size: 13px;
    font-weight: 500;
    line-height: 1.2
}

.ql-frame__desktop-google-embed-title *,.cu-editor-wrapper .ql-editor .ql-frame__desktop-google-embed-title * {
    font-size: inherit;
    line-height: inherit
}

.cu-editor-wrapper.doc-editor .ql-editor .ql-frame__desktop-google-embed-title {
    margin-bottom: 15px;
    font-size: 25px;
    font-weight: 500;
    line-height: 1.4
}

.ql-frame__desktop-google-embed-text {
    margin: 5px 0
}

.ql-frame__desktop-google-embed-text,.cu-editor-wrapper .ql-editor .ql-frame__desktop-google-embed-text {
    font-size: 12px;
    font-weight: 400;
    line-height: 1.2
}

.ql-frame__desktop-google-embed-text *,.cu-editor-wrapper .ql-editor .ql-frame__desktop-google-embed-text * {
    font-size: inherit;
    line-height: inherit
}

.cu-editor-wrapper.doc-editor .ql-editor .ql-frame__desktop-google-embed-text {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px
}

.ql-frame__desktop-google-embed-link {
    color: #4a90e2;
    text-decoration: underline
}

.dark-theme .ql-frame__desktop-google-embed-link {
    color: #72b3fd
}

.ql-frame__desktop-google-embed-link:hover {
    cursor: pointer;
    text-decoration: none
}

.ql-frame_listview {
    width: 100%;
    height: 400px
}

.ql-frame__body {
    display: flex;
    flex-direction: column;
    position: relative;
    max-width: 100%;
    height: 100%;
    padding: 8px;
    border-radius: 3px;
    background: #fff;
    border: 1px solid #e9ebf0
}

.dark-theme .ql-frame__body {
    background: #1e272e;
    border-color: #1e272e
}

.ql-frame__body:hover .ql-frame__header-new-tab,.ql-frame__body:hover .ql-frame__expanded {
    opacity: 1
}

.cu-notification-item__truncated-comment .ql-frame__body {
    display: none
}

.ql-frame__body[service=cloudapp] {
    min-width: 420px;
    max-width: calc(100% - 16px)
}

.ql-frame__body[service=cloudapp] .ql-frame__content {
    width: 100%
}

.ql-frame__header {
    display: flex;
    height: 36px
}

.ql-frame__header a {
    white-space: nowrap
}

.ql-frame__header-preview {
    transition: fill .2s cubic-bezier(.785,.135,.15,.86) 0s;
    width: 36px;
    height: 36px;
    border-radius: 2px;
    background: #e9ebf0;
    margin-right: 12px;
    padding: 10px;
    cursor: pointer;
    fill: #7c828d
}

.dark-theme .ql-frame__header-preview {
    background: #384047
}

.ql-frame__header-preview:hover {
    fill: #292d34;
    padding: 9px
}

.dark-theme .ql-frame__header-preview:hover {
    color: #d5d6d7
}

.ql-frame__header-info {
    min-width: 0;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    cursor: default;
    text-decoration: none!important;
    flex-grow: 1
}

.ql-frame__header-info:hover .ql-frame__header-title {
    color: #292d34!important
}

.dark-theme .ql-frame__header-info:hover .ql-frame__header-title {
    color: #d5d6d7!important
}

.ql-frame__header-info:hover .ql-frame__header-new-tab {
    opacity: 1
}

.ql-frame__header-info:before,.ql-frame__header-info:after {
    display: none!important
}

.ql-frame__header-info-row {
    display: flex;
    align-items: center
}

.ql-frame__header-info-row:before,.ql-frame__header-info-row:after {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%
}

.ql-container.ql-bubble:not(.ql-disabled) .ql-frame-with-bottom-tooltip .ql-frame__header-info-row:before {
    transform: translate(-50%);
    top: 36px
}

.ql-container.ql-bubble:not(.ql-disabled) .ql-frame-with-bottom-tooltip .ql-frame__header-info-row:after {
    transform: translate(-50%,-6px) rotate(180deg);
    top: 36px
}

.ql-frame__header-service {
    font-weight: 500!important;
    font-size: 13px!important;
    line-height: 1!important;
    color: #292d34!important
}

.dark-theme .ql-frame__header-service {
    color: #d5d6d7!important
}

.ql-frame__header-service img {
    height: 15px;
    display: block
}

.ql-frame__header-service img:first-child {
    display: block
}

.dark-theme .ql-frame__header-service img:first-child {
    display: none
}

.ql-frame__header-service img:last-child {
    display: none
}

.dark-theme .ql-frame__header-service img:last-child {
    display: block
}

.ql-frame__header-title {
    transition: color .2s cubic-bezier(.785,.135,.15,.86) 0s;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: 400!important;
    font-size: 12px!important;
    line-height: 1!important;
    color: #7c828d!important;
    text-decoration: none!important
}

.ql-frame__header-title:hover {
    text-decoration: none!important
}

.ql-frame__header-new-tab {
    transition: opacity .2s cubic-bezier(.785,.135,.15,.86),fill .2s cubic-bezier(.785,.135,.15,.86);
    margin-left: 5px;
    margin-top: -3px;
    width: 24px;
    height: 24px;
    padding: 5px;
    opacity: 0;
    fill: #b9bec7
}

.dark-theme .ql-frame__header-new-tab {
    fill: #828588
}

.ql-frame__header-new-tab:hover {
    fill: #292d34
}

.dark-theme .ql-frame__header-new-tab:hover {
    fill: #d5d6d7
}

.cu-editor-wrapper .ql-frame__header-new-tab {
    display: block
}

.cu-editor-wrapper_active .ql-frame__header-new-tab {
    opacity: 0
}

.cu-comment-editor-wrapper .ql-frame__header-new-tab {
    display: none
}

.ql-frame__expanded {
    transition: opacity .2s cubic-bezier(.785,.135,.15,.86);
    width: 24px;
    height: 24px;
    margin-top: -6px;
    margin-right: 8px;
    cursor: pointer;
    opacity: 0;
    display: none
}

.doc-editor .ql-frame__expanded {
    display: flex
}

.ql-frame__expanded-icon {
    transition: fill .2s cubic-bezier(.785,.135,.15,.86);
    fill: #b9bec7
}

.dark-theme .ql-frame__expanded-icon {
    fill: #828588
}

.ql-frame__expanded-icon:hover {
    fill: #292d34
}

.dark-theme .ql-frame__expanded-icon:hover {
    fill: #d5d6d7
}

.ql-frame__expanded-icon_expanded {
    display: none
}

.ql-frame[data-expanded=true] .ql-frame__expanded-icon_expanded,.ql-frame__expanded-icon_collapsed {
    display: block
}

.ql-frame[data-expanded=true] .ql-frame__expanded-icon_collapsed {
    display: none
}

.ql-frame__dropdown {
    cursor: pointer;
    width: 24px
}

.cu-editor-wrapper .ql-frame__dropdown {
    display: none
}

.cu-editor-wrapper_active .ql-frame__dropdown,.ql-frame__dropdown:hover .ql-frame__dropdown-menu {
    display: block
}

.ql-frame__dropdown:hover .ql-frame__dropdown-toggle {
    fill: #292d34
}

.dark-theme .ql-frame__dropdown:hover .ql-frame__dropdown-toggle {
    fill: #d5d6d7
}

.ql-frame__dropdown-toggle {
    transition: fill .2s cubic-bezier(.785,.135,.15,.86);
    position: absolute;
    top: 2px;
    right: 7px;
    width: 24px;
    height: 24px;
    padding: 4px;
    fill: #b9bec7
}

.dark-theme .ql-frame__dropdown-toggle {
    fill: #828588
}

.ql-frame__dropdown-menu {
    display: none;
    opacity: 0;
    position: absolute;
    top: 20px;
    right: 0;
    width: 160px;
    left: auto;
    padding: 7px 0;
    box-shadow: 0 1px 16px #0000001a;
    background: #fff;
    border-radius: 6px;
    z-index: 1000;
    pointer-events: all;
    animation: dropdownMenuAnimation .03s ease-in forwards
}

.dark-theme .ql-frame__dropdown-menu {
    background: #384047;
    box-shadow: 0 2px 16px #0000004d
}

.ql-frame__dropdown-menu-item {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 13px;
    font-weight: 400;
    line-height: 1;
    transition: background-color .2s cubic-bezier(.785,.135,.15,.86) 0s,color .2s cubic-bezier(.785,.135,.15,.86) 0s;
    display: flex;
    align-items: center;
    padding: 4px 8px;
    margin: 0 8px;
    min-height: 32px;
    color: #2a2e34
}

.dark-theme .ql-frame__dropdown-menu-item {
    color: #d5d6d7
}

.ql-frame__dropdown-menu-item:hover {
    border-radius: 6px;
    background-color: #f0f1f3
}

.dark-theme .ql-frame__dropdown-menu-item:hover {
    background-color: #2b343b
}

.ql-frame__dropdown-menu-item_delete {
    color: #bc4841
}

.dark-theme .ql-frame__dropdown-menu-item_delete {
    color: #f0aba5
}

.ql-frame__dropdown-menu-item.ql-frame__size-small {
    display: none
}

.ql-frame__dropdown-menu-item span {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 13px;
    font-weight: 400;
    line-height: 1;
    color: inherit
}

.ql-frame__dropdown-menu-separator {
    margin: 5px 0;
    height: 1px;
    width: 100%;
    border-bottom: 1px solid #e9ebf0
}

.dark-theme .ql-frame__dropdown-menu-separator {
    border-bottom-color: #1e272e
}

.ql-frame__dropdown-menu-icon {
    transition: fill .2s cubic-bezier(.785,.135,.15,.86) 0s;
    width: 16px;
    height: 16px;
    margin-right: 10px;
    fill: #656f7d
}

.dark-theme .ql-frame__dropdown-menu-icon {
    fill: #979797
}

.ql-frame__dropdown-menu-icon_delete {
    fill: #bc4841
}

.dark-theme .ql-frame__dropdown-menu-icon_delete {
    fill: #f0aba5
}

.ql-frame__options {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    padding: 10px;
    position: absolute;
    top: 0
}

.ql-frame__content {
    flex-grow: 1;
    border-radius: 2px;
    margin-top: 8px;
    overflow: hidden;
    position: relative;
    background-color: #e9ebf0;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center
}

.dark-theme .ql-frame__content {
    background-color: #384047
}

.ql-frame__content:hover .ql-frame__content-preview,.ql-frame__content:hover .ql-frame__content-new-tab {
    opacity: 1
}

.ql-frame__content>iframe {
    width: 100%;
    height: 100%
}

.ql-frame__content-play,.ql-frame__content-preview,.ql-frame__content-new-tab {
    position: relative;
    border-radius: 50%;
    background: rgba(185,190,199,.7);
    border: 1px solid rgba(250,251,252,.5);
    cursor: pointer;
    fill: #fff
}

.dark-theme .ql-frame__content-play,.dark-theme .ql-frame__content-preview,.dark-theme .ql-frame__content-new-tab {
    background: rgba(213,214,215,.9);
    border-color: #2b343b33;
    fill: #7c828d
}

.ql-frame__content-play:hover,.ql-frame__content-preview:hover,.ql-frame__content-new-tab:hover {
    background: #b9bec7
}

.dark-theme .ql-frame__content-play:hover,.dark-theme .ql-frame__content-preview:hover,.dark-theme .ql-frame__content-new-tab:hover {
    background: #d5d6d7
}

.ql-frame__content-play:hover:before,.ql-frame__content-play:hover:after,.ql-frame__content-preview:hover:before,.ql-frame__content-preview:hover:after,.ql-frame__content-new-tab:hover:before,.ql-frame__content-new-tab:hover:after {
    opacity: 1
}

.ql-frame__content-play:before,.ql-frame__content-preview:before,.ql-frame__content-new-tab:before {
    transition: opacity .2s cubic-bezier(.785,.135,.15,.86) 0s;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 11px;
    font-weight: 500;
    line-height: 14px;
    position: absolute;
    display: block;
    left: 50%;
    transform: translate(-50%,-50px);
    padding: 6px 8px 5px;
    border-radius: 4px;
    z-index: 110000;
    text-align: center;
    -webkit-user-select: none;
    user-select: none;
    letter-spacing: .5px;
    min-width: 60px;
    max-width: 550px;
    opacity: 0;
    pointer-events: none;
    white-space: nowrap;
    background: #343434;
    color: #ffffffe6
}

.dark-theme .ql-frame__content-play:before,.dark-theme .ql-frame__content-preview:before,.dark-theme .ql-frame__content-new-tab:before {
    background: #d5d6d7;
    color: #2b343b
}

.ql-frame__content-play:after,.ql-frame__content-preview:after,.ql-frame__content-new-tab:after {
    transition: opacity .2s cubic-bezier(.785,.135,.15,.86) 0s;
    content: "";
    display: block;
    position: absolute;
    height: 0;
    width: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px;
    border-top-color: #343434;
    left: 50%;
    opacity: 0;
    transform: translate(-50%,-31px)
}

.dark-theme .ql-frame__content-play:after,.dark-theme .ql-frame__content-preview:after,.dark-theme .ql-frame__content-new-tab:after {
    height: 0;
    width: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px;
    border-top-color: #d5d6d7
}

.ql-frame__content-play {
    transition: background-color .2s cubic-bezier(.785,.135,.15,.86) 0s;
    width: 50px;
    height: 50px;
    margin: 0 15px;
    padding: 17px 15px 17px 19px
}

.ql-frame__content-play:before {
    content: attr(data-play-text)
}

.ql-frame__content-preview,.ql-frame__content-new-tab {
    transition: opacity .2s cubic-bezier(.785,.135,.15,.86),background-color .2s cubic-bezier(.785,.135,.15,.86);
    opacity: 0;
    width: 30px;
    height: 30px
}

.ql-frame__content-preview {
    padding: 8px
}

.ql-frame__content-preview:before {
    content: attr(data-preview-text)
}

.ql-frame__content-new-tab {
    padding: 7px 7px 9px 9px
}

.ql-frame__content-new-tab:before {
    content: attr(data-new-tab-text)!important
}

.ql-frame__url {
    display: none
}

.cu-notification-item__truncated-comment .ql-frame__url {
    transition: color .2s cubic-bezier(.785,.135,.15,.86) 0s;
    color: #A2C44A;
    display: inline;
    margin-right: 5px
}

@supports (--theme-main-color: $color-purple) {
    .cu-notification-item__truncated-comment .ql-frame__url {
        color:var(--theme-main-color)
    }
}

.cu-notification-item__truncated-comment .ql-frame__url:hover {
    color: #A2C44A
}

@supports (--theme-main-color-dark: $color-purple-dark) {
    .cu-notification-item__truncated-comment .ql-frame__url:hover {
        color:var(--theme-main-color-dark)
    }
}

.ql-frame__warning {
    text-align: center;
    padding-top: 30px
}

.ql-frame .ql-frame {
    display: inline
}

.slash-command {
    display: inline-flex
}

.slash-command>span {
    display: inline-flex
}

.slash-command .cu-slash-command {
    display: inline-flex
}

.slash-command cu-slash-command {
    display: inline-flex;
    vertical-align: bottom
}

.slash-command .cu-tags-badge>div {
    display: flex
}

.cu-comment__text-edit .ql-editor .slash-command div {
    white-space: normal
}

.blot-formatter__toolbar {
    left: 50%;
    transform: translate(-76px)
}

.blot-formatter__toolbar-button {
    transition: all .2s cubic-bezier(.785,.135,.15,.86) 0s;
    border: 1px solid #e4e4e4;
    padding: 5px;
    background: #fff;
    cursor: pointer
}

.dark-theme .blot-formatter__toolbar-button {
    background: #384047;
    border: 1px solid #1e272e
}

.blot-formatter__toolbar-button:hover {
    background: #f7f7f7
}

.dark-theme .blot-formatter__toolbar-button:hover {
    background: #2b343b
}

.blot-formatter__toolbar-button:first-child {
    border-radius: 3px 0 0 3px
}

.blot-formatter__toolbar-button.is-selected {
    filter: none!important
}

.blot-formatter__toolbar-button.is-selected .ql-stroke {
    stroke: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .blot-formatter__toolbar-button.is-selected .ql-stroke {
        stroke:var(--theme-main-color)
    }
}

.blot-formatter__toolbar-button .ql-stroke {
    stroke: #777
}

.blot-formatter__extra {
    left: 50%;
    display: flex;
    position: absolute;
    top: -12px;
    transform: translate(-50%)
}

.blot-formatter__extra-autosize,.blot-formatter__extra-preview {
    position: relative;
    cursor: pointer;
    padding: 6px;
    height: 28px;
    border: 1px solid #e4e4e4;
    background: #fff
}

.dark-theme .blot-formatter__extra-autosize,.dark-theme .blot-formatter__extra-preview {
    background: #384047;
    border: 1px solid #1e272e
}

.blot-formatter__extra-autosize:hover,.blot-formatter__extra-preview:hover {
    background: #f7f7f7
}

.dark-theme .blot-formatter__extra-autosize:hover,.dark-theme .blot-formatter__extra-preview:hover {
    background: #2b343b
}

.blot-formatter__extra-autosize:hover:before,.blot-formatter__extra-autosize:hover:after,.blot-formatter__extra-preview:hover:before,.blot-formatter__extra-preview:hover:after {
    opacity: 1
}

.blot-formatter__extra-autosize svg,.blot-formatter__extra-preview svg {
    width: 14px;
    height: 14px;
    fill: #777
}

.blot-formatter__extra-autosize:before,.blot-formatter__extra-preview:before {
    transition: opacity .2s cubic-bezier(.785,.135,.15,.86) 0s;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 11px;
    font-weight: 500;
    line-height: 14px;
    position: absolute;
    display: block;
    left: 50%;
    transform: translate(-50%,25px);
    padding: 6px 8px 5px;
    border-radius: 4px;
    z-index: 110000;
    text-align: center;
    -webkit-user-select: none;
    user-select: none;
    letter-spacing: .5px;
    min-width: 60px;
    max-width: 550px;
    opacity: 0;
    pointer-events: none;
    white-space: nowrap;
    background: #343434;
    color: #ffffffe6
}

.dark-theme .blot-formatter__extra-autosize:before,.dark-theme .blot-formatter__extra-preview:before {
    background: #d5d6d7;
    color: #2b343b
}

.blot-formatter__extra-autosize:after,.blot-formatter__extra-preview:after {
    transition: opacity .2s cubic-bezier(.785,.135,.15,.86) 0s;
    content: "";
    display: block;
    position: absolute;
    height: 0;
    width: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px;
    border-bottom-color: #343434;
    left: 50%;
    opacity: 0;
    transform: translate(-50%)
}

.dark-theme .blot-formatter__extra-autosize:after,.dark-theme .blot-formatter__extra-preview:after {
    height: 0;
    width: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px;
    border-bottom-color: #d5d6d7
}

.blot-formatter__extra-autosize {
    border-radius: 3px 0 0 3px
}

.blot-formatter__extra-autosize:before {
    content: attr(data-autosize-text)
}

.blot-formatter__extra-preview {
    border-left-width: 0;
    border-radius: 0 3px 3px 0
}

.dark-theme .blot-formatter__extra-preview {
    border-left-width: 0
}

.blot-formatter__extra-preview:before {
    content: attr(data-preview-text)
}

.blot-formatter__delete {
    position: absolute;
    top: 7px;
    right: 7px;
    cursor: pointer;
    width: 26px;
    height: 28px;
    padding: 6px;
    border: 1px solid #e4e4e4;
    background: #fff;
    border-radius: 3px
}

.dark-theme .blot-formatter__delete {
    background: #384047;
    border: 1px solid #1e272e
}

.blot-formatter__delete:hover {
    background: #f7f7f7
}

.dark-theme .blot-formatter__delete:hover {
    background: #2b343b
}

.blot-formatter__delete:hover:before,.blot-formatter__delete:hover:after {
    opacity: 1
}

.blot-formatter__delete:hover svg {
    fill: #fd71af
}

.blot-formatter__delete svg {
    fill: #777
}

.blot-formatter__delete:before {
    transition: opacity .2s cubic-bezier(.785,.135,.15,.86) 0s;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 11px;
    font-weight: 500;
    line-height: 14px;
    content: attr(data-remove-image-text);
    position: absolute;
    display: block;
    left: 50%;
    transform: translate(-50%,25px);
    padding: 6px 8px 5px;
    border-radius: 4px;
    z-index: 110000;
    text-align: center;
    -webkit-user-select: none;
    user-select: none;
    letter-spacing: .5px;
    min-width: 60px;
    max-width: 550px;
    opacity: 0;
    pointer-events: none;
    white-space: nowrap;
    background: #343434;
    color: #ffffffe6
}

.dark-theme .blot-formatter__delete:before {
    background: #d5d6d7;
    color: #2b343b
}

.blot-formatter__delete:after {
    transition: opacity .2s cubic-bezier(.785,.135,.15,.86) 0s;
    content: "";
    display: block;
    position: absolute;
    height: 0;
    width: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px;
    border-bottom-color: #343434;
    left: 50%;
    opacity: 0;
    transform: translate(-50%)
}

.dark-theme .blot-formatter__delete:after {
    height: 0;
    width: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px;
    border-bottom-color: #d5d6d7
}

.blot-formatter__overlay {
    pointer-events: none;
    border: none!important
}

.blot-formatter__overlay:before {
    content: "";
    position: absolute;
    border: 2px dashed #ababab;
    top: -1px;
    bottom: -1px;
    left: -1px;
    right: -1px
}

.dark-theme .blot-formatter__overlay:before {
    border-color: #1e272e
}

.blot-formatter__overlay>* {
    pointer-events: all!important
}

.blot-formatter__overlay .blot-formatter__resize-handle {
    border-radius: 50%;
    background-color: #fff!important;
    border: 3px solid var(--theme-main-color)!important;
    opacity: 1!important
}

.dark-theme .blot-formatter__overlay .blot-formatter__resize-handle {
    background-color: #384047!important
}

.cu-ql-dropdown {
    display: none;
    position: absolute;
    margin: 5px 0;
    z-index: 1000
}

.cu-dashboard-doc-container__sidebar-body .cu-ql-dropdown:not(.cu-ql-dropdown_top) .cu-block-handle-menu {
    top: -10px;
    position: absolute
}

.cu-ql-dropdown_center {
    transform: translate(-50%)
}

.cu-comment-viewer-content pre,.cu-comment-editor-content .ql-code-block-container,.cu-editor-wrapper .cu-editor .ql-code-block-container {
    padding: 24px!important
}

.cu-editor-content pre:hover .ql-ui,.cu-comment-viewer-content pre:hover .ql-ui,.ql-code-block-container:hover .ql-ui {
    opacity: 1;
    transition: opacity .1s ease 0s
}

.cu-editor-content pre .ql-ui,.cu-comment-viewer-content pre .ql-ui,.ql-code-block-container .ql-ui {
    display: flex;
    opacity: 0;
    position: absolute;
    right: .8rem;
    top: 4px;
    transition: opacity .5s ease .2s
}

.cu-editor-content pre .ql-ui select,.cu-comment-viewer-content pre .ql-ui select,.ql-code-block-container .ql-ui select {
    background-color: #f9f9f9;
    border: 1px solid #e6e6e6;
    color: #292d34
}

.dark-theme .cu-editor-content pre .ql-ui select,.dark-theme .cu-comment-viewer-content pre .ql-ui select,.dark-theme .ql-code-block-container .ql-ui select {
    color: #7c828d
}

.cu-editor-content pre .ql-ui select option,.cu-comment-viewer-content pre .ql-ui select option,.ql-code-block-container .ql-ui select option {
    color: #292d34
}

.dark-theme .cu-editor-content pre .ql-ui select option,.dark-theme .cu-comment-viewer-content pre .ql-ui select option,.dark-theme .ql-code-block-container .ql-ui select option {
    color: #7c828d
}

.cu-editor-content pre .ql-ui__syntax-copy,.cu-comment-viewer-content pre .ql-ui__syntax-copy,.ql-code-block-container .ql-ui__syntax-copy {
    display: flex;
    align-items: center;
    cursor: pointer;
    -webkit-user-select: none;
    user-select: none;
    margin-left: 10px
}

.cu-editor-content pre .ql-ui__syntax-copy-icon,.cu-comment-viewer-content pre .ql-ui__syntax-copy-icon,.ql-code-block-container .ql-ui__syntax-copy-icon {
    width: 16px;
    height: 16px;
    margin-right: 5px
}

a.ql-link {
    cursor: pointer;
    position: static
}

.ql-bubble .ql-editor a.ql-link:hover:before,.ql-bubble .ql-editor a.ql-link:hover:after {
    display: none
}

.ql-container.ql-bubble:not(.ql-disabled) a.ql-link {
    white-space: pre-wrap
}

ul li[data-checked=false],ol li[data-checked=false],ul[data-checked=false] li,ol[data-checked=false] li,.ql-editor ol li[data-list=unchecked] {
    transition: color .2s cubic-bezier(.785,.135,.15,.86) 0s;
    padding-bottom: 5px;
    margin-bottom: 0!important
}

ul li[data-checked=true],ol li[data-checked=true],ul[data-checked=true] li,ol[data-checked=true] li,.ql-editor ol li[data-list=checked] {
    transition: color .2s cubic-bezier(.785,.135,.15,.86) 0s;
    text-decoration: line-through;
    padding-bottom: 5px;
    margin-bottom: 0!important;
    color: #828588
}

.dark-theme ul li[data-checked=true],.dark-theme ol li[data-checked=true],.dark-theme ul[data-checked=true] li,.dark-theme ol[data-checked=true] li,.dark-theme .ql-editor ol li[data-list=checked] {
    color: #828588
}

ul li[data-checked=true] .ql-ui,ol li[data-checked=true] .ql-ui,ul[data-checked=true] li .ql-ui,ol[data-checked=true] li .ql-ui,.ql-editor ol li[data-list=checked] .ql-ui {
    line-height: 14px
}

.ql-float-button {
    display: block
}

.ql-float-button_hidden {
    display: none
}

.ql-float-button__toggle {
    transition: border-color .2s cubic-bezier(.785,.135,.15,.86) 0s;
    color: #A2C44A;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    background: #fff;
    border: 2px solid #e9ebf0;
    border-radius: 50%;
    margin: 0 0 0 -13px;
    width: 18px;
    height: 18px;
    top: 0;
    cursor: pointer;
    fill: #b9bec7
}

@supports (--theme-main-color: $color-purple) {
    .ql-float-button__toggle {
        color:var(--theme-main-color)
    }
}

.dark-theme .ql-float-button__toggle {
    background: #384047;
    fill: #d5d6d7;
    border-color: #828588
}

.ql-float-button__toggle:hover {
    border-color: #b9bec7
}

.dark-theme .ql-float-button__toggle:hover {
    border-color: #d5d6d7
}

.ql-float-button-toggle-tooltip {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 11px;
    font-weight: 500;
    position: absolute;
    left: 0;
    top: 0;
    text-align: center;
    line-height: 14px;
    border: 0;
    margin: 0;
    padding: 6px 8px 5px;
    transform-origin: left top;
    transform: translate(-10px,-14px) scale(.9);
    width: 130px;
    background: #384047;
    border-radius: 4px;
    color: #ffffffe6;
    letter-spacing: .5px;
    z-index: 110000;
    pointer-events: none;
    white-space: nowrap
}

.dark-theme .ql-float-button-toggle-tooltip {
    background: #d5d6d7;
    color: #2b343b
}

.ql-float-button-toggle-tooltip:after {
    content: "";
    display: block;
    position: absolute;
    height: 0;
    width: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 4px;
    border-top-color: #343434;
    left: 16px;
    bottom: -8px
}

.dark-theme .ql-float-button-toggle-tooltip:after {
    height: 0;
    width: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 4px;
    border-top-color: #d5d6d7
}

.ql-table-toggle {
    transition: border-color .2s cubic-bezier(.785,.135,.15,.86) 0s;
    color: #A2C44A;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    background: #fff;
    border: 2px solid #e9ebf0;
    border-radius: 50%;
    margin: 6px 0 0 -22px;
    width: 18px;
    height: 18px;
    top: 0;
    left: 0;
    cursor: pointer;
    fill: #b9bec7
}

@supports (--theme-main-color: $color-purple) {
    .ql-table-toggle {
        color:var(--theme-main-color)
    }
}

.ql-table-toggle_hidden {
    display: none
}

.dark-theme .ql-table-toggle {
    background: #384047;
    fill: #d5d6d7;
    border-color: #828588
}

.ql-table-toggle:hover {
    border-color: #b9bec7
}

.dark-theme .ql-table-toggle:hover {
    border-color: #d5d6d7
}

.ql-table-menu {
    top: 0;
    left: 0;
    position: absolute;
    background: #fff;
    z-index: 2100;
    box-shadow: 0 1px 16px #0000001a;
    border-radius: 6px
}

.dark-theme .ql-table-menu {
    background: #384047;
    box-shadow: 0 2px 16px #0000004d
}

.ql-table-menu__item {
    display: flex;
    align-items: center;
    cursor: pointer;
    min-height: 32px;
    padding: 5px
}

.ql-table-menu__item:hover {
    background-color: #fafbfc
}

.dark-theme .ql-table-menu__item:hover {
    background: #2b343b
}

.ql-table-menu__item-icon {
    margin-right: 5px
}

.ql-table-menu__item-icon .icon {
    width: 20px;
    height: 20px
}

.dark-theme .ql-table-menu__item-icon path {
    fill: #b9bec7!important
}

.ql-table-menu__item-text {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 12px;
    font-weight: 400;
    line-height: 1
}

.ql-table-tooltip {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 11px;
    font-weight: 500;
    line-height: 14px;
    position: absolute;
    padding: 6px 8px 5px;
    background: #384047;
    border-radius: 4px;
    z-index: 110000;
    color: #ffffffe6;
    text-align: center;
    -webkit-user-select: none;
    user-select: none;
    letter-spacing: .5px;
    min-width: 60px;
    max-width: 550px;
    opacity: 0;
    animation: fadeIn .07s linear .07s forwards;
    white-space: pre-line;
    pointer-events: none;
    transform: translate(-10px)
}

.dark-theme .ql-table-tooltip {
    background: #d5d6d7;
    color: #2b343b
}

.ql-table-tooltip:before {
    content: "";
    display: block;
    position: absolute;
    height: 0;
    width: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px;
    border-top-color: #384047;
    left: 10px
}

.dark-theme .ql-table-tooltip:before {
    height: 0;
    width: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px;
    border-top-color: #d5d6d7
}

.ql-dragging .ql-tooltip {
    display: none
}

.ql-dragging .task-mention a:before,.ql-dragging .task-mention a:after {
    display: none
}

.ql-comment-mention__quote {
    margin-top: -16px!important;
    margin-left: 2px!important
}

[contenteditable=true] {
    -webkit-user-select: text;
    user-select: text
}

.ql-comment {
    display: inline;
    color: inherit
}

.ql-comment .task-mention,.ql-comment .ql-doc-mention,.ql-comment .ql-view-mention,.ql-comment .ql-block-mention,.ql-comment .ql-goal-mention {
    position: relative;
    top: -3px
}

.ql-comment_active {
    border-bottom: 2px solid #ffc800
}

.ql-comment_highlight {
    background: rgba(255,200,0,.4)
}

.ql-editor .ql-comment_highlight .task-mention>span,.ql-editor .ql-comment_highlight .ql-doc-mention>span,.ql-editor .ql-comment_highlight .ql-view-mention>span,.ql-editor .ql-comment_highlight .ql-block-mention>span,.ql-editor .ql-comment_highlight .ql-goal-mention>span {
    background: transparent
}

.ql-comment_disabled {
    cursor: not-allowed!important;
    color: #7c828d80!important
}

.ql-comment_disabled .cu-rich-editor-toolbar__additional-icon {
    fill: #7c828d80!important
}

.ql-comment-draft {
    background: rgba(255,200,0,.1);
    border-bottom: 2px dotted #ffc800;
    display: inline
}

.ql-task {
    white-space: nowrap
}

.ql-task_disabled {
    cursor: not-allowed!important;
    color: #7c828d80!important
}

.ql-task_disabled .cu-rich-editor-toolbar__additional-icon {
    fill: #7c828d80!important
}

.ql-doc-mention,.ql-view-mention,.ql-block-mention,.ql-goal-mention {
    transition: all .2s cubic-bezier(.785,.135,.15,.86) 0s;
    margin: 0 2px;
    display: inline;
    max-width: 100%
}

.public-sharing .ql-doc-mention,.public-sharing .ql-view-mention,.public-sharing .ql-block-mention,.public-sharing .ql-goal-mention {
    display: inline-block
}

.cu-dashboard-doc-main__content .ql-doc-mention,.cu-dashboard-doc-main__content .ql-view-mention,.cu-dashboard-doc-main__content .ql-block-mention,.cu-dashboard-doc-main__content .ql-goal-mention {
    display: inline;
    max-width: none
}

.cu-dashboard-doc-main__content .ql-doc-mention>span,.cu-dashboard-doc-main__content .ql-view-mention>span,.cu-dashboard-doc-main__content .ql-block-mention>span,.cu-dashboard-doc-main__content .ql-goal-mention>span {
    border-radius: calc(var(--editor-font-size) * .3)
}

.cu-dashboard-doc-main__content .ql-doc-mention__icon,.cu-dashboard-doc-main__content .ql-view-mention__icon,.cu-dashboard-doc-main__content .ql-block-mention__icon,.cu-dashboard-doc-main__content .ql-goal-mention__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center
}

.ql-doc-mention[data-failed],.ql-view-mention[data-failed],.ql-block-mention[data-failed],.ql-goal-mention[data-failed] {
    opacity: .6;
    pointer-events: none
}

.ql-doc-mention a,.ql-view-mention a,.ql-block-mention a,.ql-goal-mention a {
    text-decoration: none!important;
    align-items: center;
    min-width: 0
}

.cu-dashboard-doc-main__content .ql-doc-mention a,.cu-dashboard-doc-main__content .ql-view-mention a,.cu-dashboard-doc-main__content .ql-block-mention a,.cu-dashboard-doc-main__content .ql-goal-mention a {
    display: inline!important
}

.ql-doc-mention>span,.ql-view-mention>span,.ql-block-mention>span,.ql-goal-mention>span {
    display: inline!important;
    border: 0!important;
    padding: 3px 7px 3px 5px;
    margin: -3px 1px;
    height: auto;
    min-height: 22px;
    position: relative;
    background: #e9ebf0;
    border-radius: 3px
}

.dark-theme .ql-doc-mention>span,.dark-theme .ql-view-mention>span,.dark-theme .ql-block-mention>span,.dark-theme .ql-goal-mention>span {
    background: #2b343b
}

.ql-doc-mention>span:hover,.ql-view-mention>span:hover,.ql-block-mention>span:hover,.ql-goal-mention>span:hover {
    background: #ddd
}

.dark-theme .ql-doc-mention>span:hover,.dark-theme .ql-view-mention>span:hover,.dark-theme .ql-block-mention>span:hover,.dark-theme .ql-goal-mention>span:hover {
    background: #1e272e
}

.ql-doc-mention>span:hover span[data-embed-link],.ql-view-mention>span:hover span[data-embed-link],.ql-block-mention>span:hover span[data-embed-link],.ql-goal-mention>span:hover span[data-embed-link] {
    display: block
}

.ql-doc-mention>span a,.ql-view-mention>span a,.ql-block-mention>span a,.ql-goal-mention>span a {
    display: inline;
    position: relative
}

.ql-doc-mention__icon,.ql-view-mention__icon,.ql-block-mention__icon,.ql-goal-mention__icon {
    display: inline-block;
    text-align: center;
    margin-right: 4px
}

.ql-doc-mention__icon svg,.ql-view-mention__icon svg,.ql-block-mention__icon svg,.ql-goal-mention__icon svg {
    fill: #292d34
}

.dark-theme .ql-doc-mention__icon svg,.dark-theme .ql-view-mention__icon svg,.dark-theme .ql-block-mention__icon svg,.dark-theme .ql-goal-mention__icon svg {
    fill: #d5d6d7
}

.ql-doc-mention__name,.ql-view-mention__name,.ql-block-mention__name,.ql-goal-mention__name {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    white-space: normal;
    overflow: visible;
    text-overflow: clip;
    display: inline;
    max-width: none;
    font-weight: 500;
    color: #292d34!important
}

.dark-theme .ql-doc-mention__name,.dark-theme .ql-view-mention__name,.dark-theme .ql-block-mention__name,.dark-theme .ql-goal-mention__name {
    color: #d5d6d7!important
}

.cu-editor-wrapper .cu-editor a .ql-doc-mention__name,.cu-editor-wrapper .cu-editor a:not(.comment-attachment__content) .ql-doc-mention__name,.cu-editor-wrapper .cu-editor a:not(.comment-attachment__content):link .ql-doc-mention__name,.cu-editor-wrapper .cu-editor a .ql-view-mention__name,.cu-editor-wrapper .cu-editor a:not(.comment-attachment__content) .ql-view-mention__name,.cu-editor-wrapper .cu-editor a:not(.comment-attachment__content):link .ql-view-mention__name,.cu-editor-wrapper .cu-editor a .ql-block-mention__name,.cu-editor-wrapper .cu-editor a:not(.comment-attachment__content) .ql-block-mention__name,.cu-editor-wrapper .cu-editor a:not(.comment-attachment__content):link .ql-block-mention__name,.cu-editor-wrapper .cu-editor a .ql-goal-mention__name,.cu-editor-wrapper .cu-editor a:not(.comment-attachment__content) .ql-goal-mention__name,.cu-editor-wrapper .cu-editor a:not(.comment-attachment__content):link .ql-goal-mention__name {
    color: #292d34
}

.dark-theme .cu-editor-wrapper .cu-editor a .ql-doc-mention__name,.dark-theme .cu-editor-wrapper .cu-editor a:not(.comment-attachment__content) .ql-doc-mention__name,.dark-theme .cu-editor-wrapper .cu-editor a:not(.comment-attachment__content):link .ql-doc-mention__name,.dark-theme .cu-editor-wrapper .cu-editor a .ql-view-mention__name,.dark-theme .cu-editor-wrapper .cu-editor a:not(.comment-attachment__content) .ql-view-mention__name,.dark-theme .cu-editor-wrapper .cu-editor a:not(.comment-attachment__content):link .ql-view-mention__name,.dark-theme .cu-editor-wrapper .cu-editor a .ql-block-mention__name,.dark-theme .cu-editor-wrapper .cu-editor a:not(.comment-attachment__content) .ql-block-mention__name,.dark-theme .cu-editor-wrapper .cu-editor a:not(.comment-attachment__content):link .ql-block-mention__name,.dark-theme .cu-editor-wrapper .cu-editor a .ql-goal-mention__name,.dark-theme .cu-editor-wrapper .cu-editor a:not(.comment-attachment__content) .ql-goal-mention__name,.dark-theme .cu-editor-wrapper .cu-editor a:not(.comment-attachment__content):link .ql-goal-mention__name {
    color: #d5d6d7
}

.ql-doc-mention__name:empty,.ql-view-mention__name:empty,.ql-block-mention__name:empty,.ql-goal-mention__name:empty {
    display: none
}

.ql-doc-mention__extra,.ql-view-mention__extra,.ql-block-mention__extra,.ql-goal-mention__extra {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-left: 8px;
    padding: 0;
    color: #7c828d!important
}

.ql-doc-mention__extra:empty,.ql-view-mention__extra:empty,.ql-block-mention__extra:empty,.ql-goal-mention__extra:empty {
    display: none
}

.ql-doc-mention a:before,.ql-doc-mention a:after,.ql-view-mention a:before,.ql-view-mention a:after,.ql-block-mention a:before,.ql-block-mention a:after,.ql-goal-mention a:before,.ql-goal-mention a:after {
    display: none
}

.ql-doc-mention span[data-embed-link],.ql-view-mention span[data-embed-link],.ql-block-mention span[data-embed-link],.ql-goal-mention span[data-embed-link] {
    font-size: 12px;
    font-weight: 400;
    line-height: 1;
    margin-left: 5px;
    align-self: center;
    color: #7c828d;
    border-bottom: 1px dotted transparent
}

.dark-theme .ql-doc-mention span[data-embed-link],.dark-theme .ql-view-mention span[data-embed-link],.dark-theme .ql-block-mention span[data-embed-link],.dark-theme .ql-goal-mention span[data-embed-link] {
    color: #828588
}

.ql-doc-mention span[data-embed-link]:hover,.ql-view-mention span[data-embed-link]:hover,.ql-block-mention span[data-embed-link]:hover,.ql-goal-mention span[data-embed-link]:hover {
    color: #A2C44A;
    border-bottom-color: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .ql-doc-mention span[data-embed-link]:hover,.ql-view-mention span[data-embed-link]:hover,.ql-block-mention span[data-embed-link]:hover,.ql-goal-mention span[data-embed-link]:hover {
        color:var(--theme-main-color)
    }
}

@supports (--theme-main-color: $color-purple) {
    .ql-doc-mention span[data-embed-link]:hover,.ql-view-mention span[data-embed-link]:hover,.ql-block-mention span[data-embed-link]:hover,.ql-goal-mention span[data-embed-link]:hover {
        border-bottom-color:var(--theme-main-color)
    }
}

.cu-dashboard-doc-main__content .ql-doc-mention span[data-embed-link],.cu-dashboard-doc-main__content .ql-view-mention span[data-embed-link],.cu-dashboard-doc-main__content .ql-block-mention span[data-embed-link],.cu-dashboard-doc-main__content .ql-goal-mention span[data-embed-link] {
    display: none;
    position: absolute;
    right: 7px;
    bottom: 3px;
    padding-top: 1px;
    background: #ddd
}

.dark-theme .cu-dashboard-doc-main__content .ql-doc-mention span[data-embed-link],.dark-theme .cu-dashboard-doc-main__content .ql-view-mention span[data-embed-link],.dark-theme .cu-dashboard-doc-main__content .ql-block-mention span[data-embed-link],.dark-theme .cu-dashboard-doc-main__content .ql-goal-mention span[data-embed-link] {
    background: #1e272e
}

.cu-dashboard-doc-main__content .ql-doc-mention span[data-embed-link]:before,.cu-dashboard-doc-main__content .ql-view-mention span[data-embed-link]:before,.cu-dashboard-doc-main__content .ql-block-mention span[data-embed-link]:before,.cu-dashboard-doc-main__content .ql-goal-mention span[data-embed-link]:before {
    content: "";
    display: block;
    position: absolute;
    left: -15px;
    width: 15px;
    height: 100%;
    pointer-events: none;
    background: linear-gradient(to right,rgba(221,221,221,0) 0%,#dddddd 70%,#dddddd 100%)
}

.dark-theme .cu-dashboard-doc-main__content .ql-doc-mention span[data-embed-link]:before,.dark-theme .cu-dashboard-doc-main__content .ql-view-mention span[data-embed-link]:before,.dark-theme .cu-dashboard-doc-main__content .ql-block-mention span[data-embed-link]:before,.dark-theme .cu-dashboard-doc-main__content .ql-goal-mention span[data-embed-link]:before {
    background: linear-gradient(to right,rgba(30,39,46,0) 0%,#1e272e 70%,#1e272e 100%)
}

.ql-block-mention>span {
    padding-right: 0
}

.cu-notification-item__truncated-comment .ql-block-mention__name {
    white-space: nowrap
}

.ql-block-mention__sep {
    color: #292d34!important
}

.dark-theme .ql-block-mention__sep {
    color: #d5d6d7!important
}

.ql-block-mention__text {
    color: #4f5762!important;
    white-space: normal;
    padding: 0 7px 0 5px;
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
    word-break: break-all
}

.dark-theme .ql-block-mention__text {
    color: #adb3bd!important
}

.cu-notification-item__truncated-comment .ql-block-mention__text {
    white-space: nowrap
}

.ql-doc-mention .cu-doc-page-avatar__img {
    border-radius: .14em;
    height: 1em;
    transform: translateY(.1em);
    width: 1em
}

.ql-doc-mention .cu-doc-page-avatar__emoji {
    width: 20px
}

.ql-doc-mention .cu-doc-page-avatar__emoji>span:empty:before {
    content: " ";
    white-space: pre;
    width: 1px
}

.ql-view-mention[data-view-type="1"] .ql-view-mention__icon svg,.ql-view-mention[data-view-type="2"] .ql-view-mention__icon svg,.ql-view-mention[data-view-location-type=li] .ql-view-mention__icon svg {
    stroke: #292d34
}

.dark-theme .ql-view-mention[data-view-type="1"] .ql-view-mention__icon svg,.dark-theme .ql-view-mention[data-view-type="2"] .ql-view-mention__icon svg,.dark-theme .ql-view-mention[data-view-location-type=li] .ql-view-mention__icon svg {
    stroke: #d5d6d7
}

.ql-view-mention .ql-view-mention__icon__list>svg {
    width: .6em!important;
    height: .6em!important;
    transform: translateY(-.05em)!important;
    fill: #7c828d
}

.dark-theme .ql-view-mention .ql-view-mention__icon__list>svg {
    fill: #7c828d
}

.ql-view-mention .ql-view-mention__icon__image img {
    width: 1em;
    height: 1em;
    transform: translateY(.1em);
    border-radius: .14em
}

.ql-view-mention .ql-view-mention__name {
    max-width: none
}

.ql-view-mention .ql-view-mention__name svg {
    position: relative;
    top: 2px
}

.ql-doc-embed {
    display: block;
    white-space: normal;
    width: 100%
}

.ql-doc-embed .cu-doc-page-element {
    width: 100%
}

.ql-doc-embed .cu-doc-list-tile-item {
    margin: 10px;
    width: auto
}

.ql-task-embed {
    display: block;
    white-space: normal;
    width: 100%
}

.ql-btn {
    padding: 10px 0
}

.ql-btn__body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 14px;
    font-weight: 500;
    line-height: 1;
    background-color: #A2C44A;
    display: inline-flex;
    align-items: center;
    padding: 8px 11px;
    color: #fff!important;
    text-decoration: none!important;
    border-radius: 4px;
    cursor: pointer;
    position: relative
}

@supports (--theme-main-color: $color-purple) {
    .ql-btn__body {
        background-color:var(--theme-main-color)
    }
}

.ql-btn__body:hover .ql-btn__edit {
    display: block
}

.ql-btn__body:before {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 6px;
    top: -6px
}

.ql-btn__edit {
    display: none;
    width: 30px;
    height: 30px;
    border-radius: 4px;
    padding: 6px 6px 8px 8px;
    top: -35px;
    right: 0;
    cursor: pointer;
    position: absolute;
    box-shadow: 0 2px 8px #0000001a;
    border: 1px solid #e9ebf0;
    fill: #7c828d;
    background: #fff
}

.dark-theme .ql-btn__edit {
    background: #1e272e;
    border-color: #1e272e
}

.ql-btn__edit:hover {
    fill: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .ql-btn__edit:hover {
        fill:var(--theme-main-color)
    }
}

.ql-embed-view {
    display: block;
    padding: 10px
}

.ql-table-content {
    display: block;
    white-space: normal;
    width: 100%
}

.cu-table-content {
    position: relative;
    display: block;
    margin-bottom: 20px;
    margin-left: -4px;
    padding-top: 10px;
    padding-right: 40px;
    width: 100%;
    cursor: default
}

.cu-table-content:before {
    font-size: 10px;
    font-weight: 400;
    line-height: 1;
    content: attr(data-toctext);
    display: block;
    position: absolute;
    top: 0;
    left: 4px;
    color: #b9bec7
}

.dark-theme .cu-table-content:before {
    color: #828588
}

.cu-table-content__anchor {
    display: block;
    position: relative;
    top: -75px;
    visibility: hidden
}

.cu-table-content__item {
    transition: background .12s ease-in 0s;
    display: flex;
    line-height: 1!important;
    padding: 6px 4px
}

.cu-table-content__item:hover {
    cursor: pointer;
    background: rgba(55,53,47,.08)
}

.dark-theme .cu-table-content__item:hover {
    background: rgba(130,133,136,.3)
}

.ql-snow .ql-editor .cu-table-content__item {
    text-decoration: none
}

.cu-table-content__item-text {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
    cursor: pointer;
    text-decoration: none;
    -webkit-user-select: none;
    user-select: none;
    background-image: linear-gradient(to right,rgba(55,53,47,.16) 0%,rgba(55,53,47,.16) 100%);
    background-repeat: repeat-x;
    background-position: 0 100%;
    background-size: 100% 1px;
    color: #37352f99
}

.dark-theme .cu-table-content__item-text {
    background-image: linear-gradient(to right,rgba(130,133,136,.6) 0%,rgba(130,133,136,.6) 100%);
    color: #abaeb0
}

.cu-table-content__item-text[data-header="1"],.doc-editor .ql-editor .cu-table-content__item-text[data-header="1"],.cu-table-content__item-text[data-header="2"],.doc-editor .ql-editor .cu-table-content__item-text[data-header="2"],.cu-table-content__item-text[data-header="3"],.doc-editor .ql-editor .cu-table-content__item-text[data-header="3"],.cu-table-content__item-text[data-header="4"],.doc-editor .ql-editor .cu-table-content__item-text[data-header="4"] {
    font-size: 14px;
    line-height: 1.3
}

.cu-table-content__item-text[data-indent="1"],.doc-editor .ql-editor .cu-table-content__item-text[data-indent="1"] {
    margin-left: 24px
}

.cu-table-content__item-text[data-indent="2"],.doc-editor .ql-editor .cu-table-content__item-text[data-indent="2"] {
    margin-left: 48px
}

.cu-table-content__item-text[data-indent="3"],.doc-editor .ql-editor .cu-table-content__item-text[data-indent="3"] {
    margin-left: 72px
}

.ql-banner {
    margin-left: 2px;
    color: #343434cc;
    white-space: pre-wrap
}

.dark-theme .ql-banner {
    color: #d5d6d7
}

.ql-banner-container__icon~.ql-banner {
    margin-left: 30px
}

.cu-dashboard-doc-main__content .ql-banner-container__icon~.ql-banner {
    margin-left: calc(var(--editor-font-size) * 1.875)
}

.ql-banner-container__icon_empty~.ql-banner {
    margin-left: 15px
}

.cu-dashboard-doc-main__content .ql-banner-container__icon_empty~.ql-banner {
    margin-left: calc(var(--editor-font-size) * .9375)
}

.task-todo-item__comment-block .ql-banner {
    border: none!important;
    background: transparent!important;
    white-space: nowrap
}

.ql-banner-container {
    display: block;
    border-radius: 2px;
    position: relative;
    margin-top: 5px;
    margin-bottom: 5px;
    padding: 11px 12px;
    white-space: normal;
    border-left: 4px solid #d8d8d8
}

.ql-editor .ql-banner-container:first-child {
    margin-top: 0
}

.dark-theme .ql-banner-container {
    border-left-color: #828588;
    color: #d5d6d7
}

.task-todo-item__comment-block .ql-banner-container {
    margin: 0 5px;
    padding: 0;
    cursor: pointer
}

.cu-notification-item__truncated-comment .ql-banner-container {
    display: flex;
    align-items: center;
    height: 24px;
    overflow: hidden;
    margin: 0 5px;
    padding: 0 7px
}

.ql-banner-container__icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    border-radius: 4px;
    cursor: pointer;
    -webkit-user-select: none;
    user-select: none;
    flex-shrink: 0;
    float: left
}

.ql-banner-container__icon.ql-ui {
    position: relative
}

.cu-dashboard-doc-main__content .ql-banner-container__icon {
    width: calc(var(--editor-font-size) * 1.5);
    height: calc(var(--editor-font-size) * 1.5)
}

.ql-banner-container__icon_empty {
    margin-left: -10px;
    margin-right: 0
}

.ql-banner-container_success .ql-banner-container__icon:hover {
    background: rgba(5,190,140,.2)
}

.ql-banner-container_danger .ql-banner-container__icon:hover {
    background: rgba(255,66,67,.2)
}

.ql-banner-container_info .ql-banner-container__icon:hover {
    background: rgba(32,122,241,.2)
}

.ql-banner-container_warning .ql-banner-container__icon:hover {
    background: rgba(252,180,20,.2)
}

.task-todo-item__comment-block .ql-banner-container__icon {
    margin: 8px -5px 0 11px
}

.task-todo-item__comment-block .ql-banner-container__icon:hover {
    background: transparent
}

.cu-notification-item__truncated-comment .ql-banner-container__icon {
    margin-right: 5px;
    pointer-events: none
}

.public-sharing .ql-banner-container__icon,.cu-comment-viewer-content__container .ql-banner-container__icon {
    pointer-events: none
}

.ql-banner-container__icon>svg {
    display: none;
    width: 16px;
    height: 16px;
    fill: #7c828d
}

.dark-theme .ql-banner-container__icon>svg {
    fill: #b9bec7
}

.cu-dashboard-doc-main__content .ql-banner-container__icon>svg {
    width: var(--editor-font-size);
    height: var(--editor-font-size)
}

.ql-banner-container:hover .ql-banner-container__icon>svg {
    display: block
}

.ql-banner-container_success {
    border-left-color: #05be8c;
    background-color: #edfef6
}

.dark-theme .ql-banner-container_success {
    border-left-color: #05be8c;
    background-color: #05be8c26
}

.ql-banner-container_danger {
    border-left-color: #ff4243;
    background-color: #fef4f2
}

.dark-theme .ql-banner-container_danger {
    border-left-color: #ff4243;
    background-color: #ff424326
}

.ql-banner-container_info {
    border-left-color: #207af1;
    background-color: #f2f8ff
}

.dark-theme .ql-banner-container_info {
    border-left-color: #207af1;
    background-color: #207af126
}

.ql-banner-container_warning {
    border-left-color: #fcb414;
    background-color: #fff9ec
}

.dark-theme .ql-banner-container_warning {
    border-left-color: #fcb414;
    background-color: #fcb41426
}

.ql-banner * {
    color: #343434cc
}

.dark-theme .ql-banner * {
    color: #d5d6d7
}

.ql-banner .cu-mention,.ql-banner .cu-mention__user-group,.ql-banner .cu-mention__task-user-group {
    color: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .ql-banner .cu-mention,.ql-banner .cu-mention__user-group,.ql-banner .cu-mention__task-user-group {
        color:var(--theme-main-color)
    }
}

.cu-table-tool {
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 5!important;
    width: 13px!important;
    height: 13px!important;
    border-radius: 0;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd
}

.dark-theme .cu-table-tool {
    background: #1e272e;
    border-color: #828588
}

.dark-theme .cu-table-tool:hover {
    background: #1e272e
}

.cu-table-tool:hover:before {
    background: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .cu-table-tool:hover:before {
        background:var(--theme-main-color)
    }
}

.cu-table-tool.active {
    background-color: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .cu-table-tool.active {
        background-color:var(--theme-main-color)
    }
}

.cu-table-tool.active:before {
    background: #fff
}

.cu-table-tool:before {
    content: "";
    display: block;
    position: absolute;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: #aaa
}

.cu-col-tool {
    z-index: 5!important;
    padding-left: 1px
}

.dark-theme .cu-col-tool .cu-col-tool-cell {
    background: #1e272e;
    border-right-color: #828588
}

.dark-theme .cu-col-tool .cu-col-tool-cell:hover {
    background: #1e272e
}

.cu-col-tool .cu-col-tool-cell:hover .cu-col-tool-cell-dropdown-icon-dot {
    background: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .cu-col-tool .cu-col-tool-cell:hover .cu-col-tool-cell-dropdown-icon-dot {
        background:var(--theme-main-color)
    }
}

.cu-col-tool .cu-col-tool-cell:first-child {
    border-left-color: transparent
}

.cu-col-tool .cu-col-tool-cell:first-child .cu-col-tool-cell-add-col-left {
    left: -1px
}

.cu-col-tool .cu-col-tool-cell:last-child .cu-col-tool-cell-add-col-right {
    right: -2px
}

.cu-col-tool .cu-col-tool-cell.active {
    background-color: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .cu-col-tool .cu-col-tool-cell.active {
        background-color:var(--theme-main-color)
    }
}

.cu-col-tool .cu-col-tool-cell .cu-col-tool-cell-dropdown-icon {
    width: 100%
}

.cu-col-tool .cu-col-tool-cell .cu-col-tool-cell-add-col-left,.cu-col-tool .cu-col-tool-cell .cu-col-tool-cell-add-col-right {
    color: #b9bec7
}

.cu-col-tool .cu-col-tool-cell .cu-col-tool-cell-add-col-left:hover,.cu-col-tool .cu-col-tool-cell .cu-col-tool-cell-add-col-right:hover {
    background-color: #A2C44A;
    color: #fff
}

@supports (--theme-main-color: $color-purple) {
    .cu-col-tool .cu-col-tool-cell .cu-col-tool-cell-add-col-left:hover,.cu-col-tool .cu-col-tool-cell .cu-col-tool-cell-add-col-right:hover {
        background-color:var(--theme-main-color)
    }
}

.cu-col-tool .cu-col-tool-cell .cu-col-tool-cell-holder:hover {
    background-color: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .cu-col-tool .cu-col-tool-cell .cu-col-tool-cell-holder:hover {
        background-color:var(--theme-main-color)
    }
}

.cu-col-tool-dropdown {
    border-radius: 6px;
    overflow: hidden;
    background: #fff
}

.dark-theme .cu-col-tool-dropdown {
    background: #384047
}

.cu-col-tool-dropdown .cu-col-tool-dropdown-item {
    padding: 8px 10px;
    background: #fff
}

.dark-theme .cu-col-tool-dropdown .cu-col-tool-dropdown-item {
    background: #384047
}

.cu-col-tool-dropdown .cu-col-tool-dropdown-item:hover {
    background: #fafbfc
}

.dark-theme .cu-col-tool-dropdown .cu-col-tool-dropdown-item:hover {
    background: #2b343b
}

.cu-col-tool-dropdown .cu-col-tool-dropdown-item .cu-col-tool-dropdown-item-icon {
    width: 16px;
    height: 16px
}

.cu-col-tool-dropdown .cu-col-tool-dropdown-item .cu-col-tool-dropdown-item-icon svg {
    fill: #7c828d
}

.dark-theme .cu-col-tool-dropdown .cu-col-tool-dropdown-item .cu-col-tool-dropdown-item-icon svg {
    fill: #b9bec7
}

.cu-col-tool-dropdown .cu-col-tool-dropdown-item .cu-col-tool-dropdpwn-item-text,.cu-col-tool-dropdown .cu-col-tool-dropdown-item .cu-col-tool-dropdown-item-text {
    font-size: 12px;
    font-weight: 400;
    line-height: 1;
    color: #292d34
}

.dark-theme .cu-col-tool-dropdown .cu-col-tool-dropdown-item .cu-col-tool-dropdpwn-item-text,.dark-theme .cu-col-tool-dropdown .cu-col-tool-dropdown-item .cu-col-tool-dropdown-item-text {
    color: #d5d6d7
}

.cu-col-tool-cell-resizer {
    background: #A2C44A;
    display: none;
    position: absolute;
    width: 3px;
    cursor: ew-resize;
    z-index: 10
}

@supports (--theme-main-color: $color-purple) {
    .cu-col-tool-cell-resizer {
        background:var(--theme-main-color)
    }
}

.cu-col-tool-cell-resizer:before {
    content: "";
    position: absolute;
    top: 0;
    left: -6px;
    display: block;
    width: 8px;
    height: 100%
}

.cu-col-tool-cell-resizer:after {
    content: "";
    position: absolute;
    top: 0;
    right: -6px;
    display: block;
    width: 8px;
    height: 100%
}

.cu-row-tool {
    z-index: 5!important
}

.cu-row-tool .cu-row-tool-cell {
    cursor: grab
}

.dark-theme .cu-row-tool .cu-row-tool-cell {
    background: #1e272e;
    border-bottom-color: #828588
}

.cu-row-tool .cu-row-tool-cell.active {
    background-color: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .cu-row-tool .cu-row-tool-cell.active {
        background-color:var(--theme-main-color)
    }
}

.dark-theme .cu-row-tool .cu-row-tool-cell:hover {
    background: #1e272e
}

.cu-row-tool .cu-row-tool-cell:first-child {
    border-top-color: transparent
}

.cu-row-tool .cu-row-tool-cell-add-row-top,.cu-row-tool .cu-row-tool-cell-add-row-bottom,.cu-row-tool .cu-row-tool-cell-delete-row {
    left: -16px;
    width: 16px;
    height: 16px;
    padding: 1px;
    line-height: 12px;
    font-size: 16px;
    color: #b9bec7
}

.cu-row-tool .cu-row-tool-cell-add-row-top:hover,.cu-row-tool .cu-row-tool-cell-add-row-bottom:hover,.cu-row-tool .cu-row-tool-cell-delete-row:hover {
    background-color: #A2C44A;
    color: #fff
}

@supports (--theme-main-color: $color-purple) {
    .cu-row-tool .cu-row-tool-cell-add-row-top:hover,.cu-row-tool .cu-row-tool-cell-add-row-bottom:hover,.cu-row-tool .cu-row-tool-cell-delete-row:hover {
        background-color:var(--theme-main-color)
    }
}

.cu-row-tool .cu-row-tool-cell-add-row-top {
    top: -11px
}

.cu-row-tool .cu-row-tool-cell-add-row-bottom {
    bottom: -11px
}

.cu-row-tool .cu-row-tool-cell-delete-row:hover svg {
    fill: #fff
}

.dark-theme .cu-row-tool .cu-row-tool-cell-delete-row:hover svg {
    fill: #fff
}

.cu-row-tool .cu-row-tool-cell-delete-row svg {
    fill: #7c828d
}

.dark-theme .cu-row-tool .cu-row-tool-cell-delete-row svg {
    fill: #b9bec7
}

.cu-help-rect {
    border-color: #A2C44A;
    pointer-events: none;
    background: transparent
}

@supports (--theme-main-color: $color-purple) {
    .cu-help-rect {
        border-color:var(--theme-main-color)
    }
}

.cu-help-rect:before {
    content: "";
    display: block;
    position: absolute;
    background: #A2C44A;
    width: 100%;
    height: 100%;
    opacity: .2
}

@supports (--theme-main-color: $color-purple) {
    .cu-help-rect:before {
        background:var(--theme-main-color)
    }
}

.cu-help-line:before {
    background: #A2C44A;
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 100%
}

@supports (--theme-main-color: $color-purple) {
    .cu-help-line:before {
        background:var(--theme-main-color)
    }
}

.html2pdf__container * {
    page-break-inside: avoid
}

.html2pdf__container .cu-col-tool,.html2pdf__container .cu-row-tool,.html2pdf__container .cu-table-tool,.html2pdf__container .cu-table-content__empty,.html2pdf__container .cu-draggable-anchor,.html2pdf__container .cu-task-editor__comment-badges,.html2pdf__container .cu-rich-editor-toolbar,.html2pdf__container .ql-column-setting-toggle,.html2pdf__container .codox-styles {
    display: none
}

.html2pdf__container .ql-layout-row-container {
    box-shadow: none!important
}

.html2pdf__container table {
    border-collapse: collapse!important;
    max-width: 100%!important;
    width: auto!important
}

.html2pdf__container table td {
    word-break: break-word;
    overflow-wrap: break-word;
    word-wrap: break-word;
    -webkit-hyphens: auto;
    hyphens: auto
}

.html2pdf__container td+td {
    border-left: 0
}

.html2pdf__container tr+tr td {
    border-top: 0
}

.html2pdf__container .cu-table-content__item {
    cursor: default
}

.html2pdf__container .cu-table-content__item-text {
    background: transparent;
    cursor: default
}

.html2pdf__container .ql-editor>*:last-child {
    margin-bottom: 10px;
    background: #fff
}

.cu-dashboard-doc-main__content video {
    display: block;
    margin: 0 auto
}

.cu-editor-wrapper .cu-editor .ql-editor.ql-editor-readonly,.cu-list-group__header .ql-editor.ql-editor-readonly,.cu-comment-viewer-content .ql-editor.ql-editor-readonly,.cu-dashboard-doc-main__content .ql-editor.ql-editor-readonly,.cu-editor_task-view .ql-editor.ql-editor-readonly,.cu-form__container .ql-editor.ql-editor-readonly {
    padding: 15px
}

.cu-editor-wrapper .cu-editor ul>li[data-none-type],.cu-list-group__header ul>li[data-none-type],.cu-comment-viewer-content ul>li[data-none-type],.cu-dashboard-doc-main__content ul>li[data-none-type],.cu-editor_task-view ul>li[data-none-type],.cu-form__container ul>li[data-none-type] {
    list-style-type: none
}

.cu-editor-wrapper .cu-editor ul>li[data-none-type]:before,.cu-list-group__header ul>li[data-none-type]:before,.cu-comment-viewer-content ul>li[data-none-type]:before,.cu-dashboard-doc-main__content ul>li[data-none-type]:before,.cu-editor_task-view ul>li[data-none-type]:before,.cu-form__container ul>li[data-none-type]:before {
    content: "";
    display: none
}

.cu-editor-wrapper .cu-editor ol>li[data-none-type],.cu-list-group__header ol>li[data-none-type],.cu-comment-viewer-content ol>li[data-none-type],.cu-dashboard-doc-main__content ol>li[data-none-type],.cu-editor_task-view ol>li[data-none-type],.cu-form__container ol>li[data-none-type] {
    list-style-type: none
}

.cu-editor-wrapper .cu-editor ol>li[data-none-type]:before,.cu-list-group__header ol>li[data-none-type]:before,.cu-comment-viewer-content ol>li[data-none-type]:before,.cu-dashboard-doc-main__content ol>li[data-none-type]:before,.cu-editor_task-view ol>li[data-none-type]:before,.cu-form__container ol>li[data-none-type]:before {
    content: "";
    display: none
}

.cu-editor-wrapper .cu-editor ul>li[data-toggled],.cu-editor-wrapper .cu-editor ol>li[data-toggled],.cu-list-group__header ul>li[data-toggled],.cu-list-group__header ol>li[data-toggled],.cu-comment-viewer-content ul>li[data-toggled],.cu-comment-viewer-content ol>li[data-toggled],.cu-dashboard-doc-main__content ul>li[data-toggled],.cu-dashboard-doc-main__content ol>li[data-toggled],.cu-editor_task-view ul>li[data-toggled],.cu-editor_task-view ol>li[data-toggled],.cu-form__container ul>li[data-toggled],.cu-form__container ol>li[data-toggled] {
    list-style-type: none;
    min-height: 24px
}

.cu-editor-wrapper .cu-editor ul>li[data-toggled] *,.cu-editor-wrapper .cu-editor ol>li[data-toggled] *,.cu-list-group__header ul>li[data-toggled] *,.cu-list-group__header ol>li[data-toggled] *,.cu-comment-viewer-content ul>li[data-toggled] *,.cu-comment-viewer-content ol>li[data-toggled] *,.cu-dashboard-doc-main__content ul>li[data-toggled] *,.cu-dashboard-doc-main__content ol>li[data-toggled] *,.cu-editor_task-view ul>li[data-toggled] *,.cu-editor_task-view ol>li[data-toggled] *,.cu-form__container ul>li[data-toggled] *,.cu-form__container ol>li[data-toggled] * {
    pointer-events: all
}

.cu-editor-wrapper .cu-editor ul>li[data-toggled=false] ul,.cu-editor-wrapper .cu-editor ol>li[data-toggled=false] ul,.cu-editor-wrapper .cu-editor ul>li[data-toggled=false] ol,.cu-editor-wrapper .cu-editor ol>li[data-toggled=false] ol,.cu-list-group__header ul>li[data-toggled=false] ul,.cu-list-group__header ol>li[data-toggled=false] ul,.cu-list-group__header ul>li[data-toggled=false] ol,.cu-list-group__header ol>li[data-toggled=false] ol,.cu-comment-viewer-content ul>li[data-toggled=false] ul,.cu-comment-viewer-content ol>li[data-toggled=false] ul,.cu-comment-viewer-content ul>li[data-toggled=false] ol,.cu-comment-viewer-content ol>li[data-toggled=false] ol,.cu-dashboard-doc-main__content ul>li[data-toggled=false] ul,.cu-dashboard-doc-main__content ol>li[data-toggled=false] ul,.cu-dashboard-doc-main__content ul>li[data-toggled=false] ol,.cu-dashboard-doc-main__content ol>li[data-toggled=false] ol,.cu-editor_task-view ul>li[data-toggled=false] ul,.cu-editor_task-view ol>li[data-toggled=false] ul,.cu-editor_task-view ul>li[data-toggled=false] ol,.cu-editor_task-view ol>li[data-toggled=false] ol,.cu-form__container ul>li[data-toggled=false] ul,.cu-form__container ol>li[data-toggled=false] ul,.cu-form__container ul>li[data-toggled=false] ol,.cu-form__container ol>li[data-toggled=false] ol {
    display: none
}

.cu-editor-wrapper .cu-editor ul>li[data-toggled=false]:before,.cu-editor-wrapper .cu-editor ol>li[data-toggled=false]:before,.cu-list-group__header ul>li[data-toggled=false]:before,.cu-list-group__header ol>li[data-toggled=false]:before,.cu-comment-viewer-content ul>li[data-toggled=false]:before,.cu-comment-viewer-content ol>li[data-toggled=false]:before,.cu-dashboard-doc-main__content ul>li[data-toggled=false]:before,.cu-dashboard-doc-main__content ol>li[data-toggled=false]:before,.cu-editor_task-view ul>li[data-toggled=false]:before,.cu-editor_task-view ol>li[data-toggled=false]:before,.cu-form__container ul>li[data-toggled=false]:before,.cu-form__container ol>li[data-toggled=false]:before {
    transform: rotate(-90deg)
}

.cu-editor-wrapper .cu-editor ul>li[data-toggled]:before,.cu-editor-wrapper .cu-editor ol>li[data-toggled]:before,.cu-editor-wrapper .cu-editor ul>li[data-toggled]>.ql-ui:before,.cu-editor-wrapper .cu-editor ol>li[data-toggled]>.ql-ui:before,.cu-list-group__header ul>li[data-toggled]:before,.cu-list-group__header ol>li[data-toggled]:before,.cu-list-group__header ul>li[data-toggled]>.ql-ui:before,.cu-list-group__header ol>li[data-toggled]>.ql-ui:before,.cu-comment-viewer-content ul>li[data-toggled]:before,.cu-comment-viewer-content ol>li[data-toggled]:before,.cu-comment-viewer-content ul>li[data-toggled]>.ql-ui:before,.cu-comment-viewer-content ol>li[data-toggled]>.ql-ui:before,.cu-dashboard-doc-main__content ul>li[data-toggled]:before,.cu-dashboard-doc-main__content ol>li[data-toggled]:before,.cu-dashboard-doc-main__content ul>li[data-toggled]>.ql-ui:before,.cu-dashboard-doc-main__content ol>li[data-toggled]>.ql-ui:before,.cu-editor_task-view ul>li[data-toggled]:before,.cu-editor_task-view ol>li[data-toggled]:before,.cu-editor_task-view ul>li[data-toggled]>.ql-ui:before,.cu-editor_task-view ol>li[data-toggled]>.ql-ui:before,.cu-form__container ul>li[data-toggled]:before,.cu-form__container ol>li[data-toggled]:before,.cu-form__container ul>li[data-toggled]>.ql-ui:before,.cu-form__container ol>li[data-toggled]>.ql-ui:before {
    content: "";
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"><path fill="%2387909e" d="M6.807 8.25h10.386c.718 0 1.077.956.569 1.516l-5.19 5.724a.757.757 0 0 1-1.143 0l-5.19-5.724c-.51-.56-.15-1.516.568-1.516z"/></svg>');
    transform-origin: center center;
    transition: transform .2s linear;
    width: 20px;
    height: 20px;
    background-size: 18px 18px;
    cursor: pointer;
    margin-right: .5em;
    margin-left: -1.7em;
    padding: 0;
    display: inline-flex;
    flex-shrink: 0;
    justify-content: center;
    align-items: center;
    position: absolute;
    font-family: initial
}

.dark-theme .cu-editor-wrapper .cu-editor ul>li[data-toggled]:before,.dark-theme .cu-editor-wrapper .cu-editor ol>li[data-toggled]:before,.dark-theme .cu-editor-wrapper .cu-editor ul>li[data-toggled]>.ql-ui:before,.dark-theme .cu-editor-wrapper .cu-editor ol>li[data-toggled]>.ql-ui:before,.dark-theme .cu-list-group__header ul>li[data-toggled]:before,.dark-theme .cu-list-group__header ol>li[data-toggled]:before,.dark-theme .cu-list-group__header ul>li[data-toggled]>.ql-ui:before,.dark-theme .cu-list-group__header ol>li[data-toggled]>.ql-ui:before,.dark-theme .cu-comment-viewer-content ul>li[data-toggled]:before,.dark-theme .cu-comment-viewer-content ol>li[data-toggled]:before,.dark-theme .cu-comment-viewer-content ul>li[data-toggled]>.ql-ui:before,.dark-theme .cu-comment-viewer-content ol>li[data-toggled]>.ql-ui:before,.dark-theme .cu-dashboard-doc-main__content ul>li[data-toggled]:before,.dark-theme .cu-dashboard-doc-main__content ol>li[data-toggled]:before,.dark-theme .cu-dashboard-doc-main__content ul>li[data-toggled]>.ql-ui:before,.dark-theme .cu-dashboard-doc-main__content ol>li[data-toggled]>.ql-ui:before,.dark-theme .cu-editor_task-view ul>li[data-toggled]:before,.dark-theme .cu-editor_task-view ol>li[data-toggled]:before,.dark-theme .cu-editor_task-view ul>li[data-toggled]>.ql-ui:before,.dark-theme .cu-editor_task-view ol>li[data-toggled]>.ql-ui:before,.dark-theme .cu-form__container ul>li[data-toggled]:before,.dark-theme .cu-form__container ol>li[data-toggled]:before,.dark-theme .cu-form__container ul>li[data-toggled]>.ql-ui:before,.dark-theme .cu-form__container ol>li[data-toggled]>.ql-ui:before {
    color: #828588
}

.cu-list-group__header ul>li[data-toggled]:before,.cu-list-group__header ol>li[data-toggled]>.ql-ui:before,.cu-editor_task-view ul>li[data-toggled]:before,.cu-editor_task-view ol>li[data-toggled]>.ql-ui:before {
    width: 24px;
    height: 24px
}

.ql-rendered-list-container {
    counter-reset: list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9
}

.ql-rendered-list-container[data-empty-nest=true] {
    counter-reset: none;
    padding-top: 0!important
}

.ql-rendered-list-container li[data-empty-block=true] {
    counter-increment: none!important;
    counter-reset: none!important;
    padding-top: 0!important;
    padding-bottom: 0!important
}

.ql-rendered-list-container li[data-empty-block=true]:before {
    display: none
}

.ql-rendered-list-container li[data-empty-block=true]>.ql-rendered-list-container {
    counter-reset: none!important
}

@media screen and (max-width: 544px) {
    .ql-rendered-list-container {
        overflow:auto
    }

    .cu-os-win .ql-rendered-list-container {
        scrollbar-width: thin
    }

    .cu-os-win .ql-rendered-list-container::-webkit-scrollbar {
        background-color: #fff;
        width: 16px;
        height: 16px
    }

    .cu-os-win .ql-rendered-list-container::-webkit-scrollbar-track {
        background-color: #fff
    }

    .cu-os-win .ql-rendered-list-container::-webkit-scrollbar-track:hover {
        background-color: #fff
    }

    .cu-os-win .ql-rendered-list-container::-webkit-scrollbar-thumb {
        background-color: #babac080;
        border-radius: 16px;
        border: 5px solid #fff
    }

    .cu-os-win .ql-rendered-list-container::-webkit-scrollbar-thumb:hover {
        background-color: #a0a0a5;
        border: 3px solid #fff
    }

    .cu-os-win .ql-rendered-list-container::-webkit-scrollbar-button {
        display: none
    }

    .cu-os-win.dark-theme .ql-rendered-list-container::-webkit-scrollbar,.cu-os-win .dark-theme .ql-rendered-list-container::-webkit-scrollbar {
        background-color: #2a2e34
    }

    .cu-os-win.dark-theme .ql-rendered-list-container::-webkit-scrollbar-track,.cu-os-win .dark-theme .ql-rendered-list-container::-webkit-scrollbar-track {
        background-color: #2a2e34
    }

    .cu-os-win.dark-theme .ql-rendered-list-container::-webkit-scrollbar-track:hover,.cu-os-win .dark-theme .ql-rendered-list-container::-webkit-scrollbar-track:hover {
        background-color: #2a2e34
    }

    .cu-os-win.dark-theme .ql-rendered-list-container::-webkit-scrollbar-thumb,.cu-os-win .dark-theme .ql-rendered-list-container::-webkit-scrollbar-thumb {
        border-color: #2a2e34
    }

    .cu-os-win.dark-theme .ql-rendered-list-container::-webkit-scrollbar-thumb:hover,.cu-os-win .dark-theme .ql-rendered-list-container::-webkit-scrollbar-thumb:hover {
        border-color: #2a2e34
    }

    .cu-os-win.dark-theme .ql-rendered-list-container::-webkit-scrollbar-corner,.cu-os-win .dark-theme .ql-rendered-list-container::-webkit-scrollbar-corner {
        background-color: #2a2e34
    }

    .ql-rendered-list-container .ql-rendered-list-container {
        overflow: visible
    }

    .ql-rendered-list-container li {
        padding-right: 0
    }

    .ql-rendered-list-container>.ql-rendered-bullet-list>.ql-rendered-list-container>.ql-rendered-bullet-list>.ql-rendered-list-container>.ql-rendered-bullet-list>.ql-rendered-list-container>.ql-rendered-bullet-list .ql-rendered-list-container {
        min-width: 50vw
    }

    .ql-rendered-list-container>.ql-rendered-bullet-list>.ql-rendered-list-container>.ql-rendered-bullet-list>.ql-rendered-list-container>.ql-rendered-bullet-list>.ql-rendered-list-container>.ql-rendered-bullet-list .ql-rendered-list-container>li {
        display: inline-block
    }
}

.ql-rendered-list-container .ql-rendered-ordered-list {
    list-style-type: none;
    position: relative
}

.ql-rendered-list-container .ql-rendered-ordered-list:before {
    position: absolute;
    transform: translate(-100%)
}

.ql-rendered-list-container .ql-rendered-bullet-list {
    list-style-type: none;
    counter-increment: none!important;
    position: relative
}

.ql-rendered-list-container .ql-rendered-bullet-list:before {
    content: "\2022"!important;
    position: absolute;
    font-size: 20px;
    left: -.4em
}

.ql-rendered-list-container .ql-rendered-checked-list,.ql-rendered-list-container .ql-rendered-unchecked-list {
    counter-increment: none!important;
    position: relative
}

.ql-rendered-list-container .ql-rendered-unchecked-list:before {
    content: ""!important
}

.ql-rendered-list-container .ql-rendered-toggled-list {
    counter-increment: none!important;
    position: relative
}

.ql-rendered-list-container .ql-rendered-toggled-list[data-empty-toggle]:before {
    opacity: .5
}

.ql-rendered-list-container>li:not(.ql-rendered-toggled-list)>.ql-rendered-list-container>li {
    counter-reset: list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9
}

.ql-rendered-list-container>li:not(.ql-rendered-toggled-list)>.ql-rendered-list-container>li:not(.ql-rendered-toggled-list)>.ql-rendered-list-container>li {
    counter-reset: list-3 list-4 list-5 list-6 list-7 list-8 list-9
}

.ql-rendered-list-container>li:not(.ql-rendered-toggled-list)>.ql-rendered-list-container>li:not(.ql-rendered-toggled-list)>.ql-rendered-list-container>li:not(.ql-rendered-toggled-list)>.ql-rendered-list-container>li {
    counter-reset: list-4 list-5 list-6 list-7 list-8 list-9
}

.ql-rendered-list-container>li:not(.ql-rendered-toggled-list)>.ql-rendered-list-container>li:not(.ql-rendered-toggled-list)>.ql-rendered-list-container>li:not(.ql-rendered-toggled-list)>.ql-rendered-list-container>li:not(.ql-rendered-toggled-list)>.ql-rendered-list-container>li {
    counter-reset: list-5 list-6 list-7 list-8 list-9
}

.ql-rendered-list-container>li:not(.ql-rendered-toggled-list)>.ql-rendered-list-container>li:not(.ql-rendered-toggled-list)>.ql-rendered-list-container>li:not(.ql-rendered-toggled-list)>.ql-rendered-list-container>li:not(.ql-rendered-toggled-list)>.ql-rendered-list-container>li:not(.ql-rendered-toggled-list)>.ql-rendered-list-container>li {
    counter-reset: list-6 list-7 list-8 list-9
}

.ql-rendered-list-container>li:not(.ql-rendered-toggled-list)>.ql-rendered-list-container>li:not(.ql-rendered-toggled-list)>.ql-rendered-list-container>li:not(.ql-rendered-toggled-list)>.ql-rendered-list-container>li:not(.ql-rendered-toggled-list)>.ql-rendered-list-container>li:not(.ql-rendered-toggled-list)>.ql-rendered-list-container>li:not(.ql-rendered-toggled-list)>.ql-rendered-list-container>li {
    counter-reset: list-7 list-8 list-9
}

.ql-rendered-list-container>li:not(.ql-rendered-toggled-list)>.ql-rendered-list-container>li:not(.ql-rendered-toggled-list)>.ql-rendered-list-container>li:not(.ql-rendered-toggled-list)>.ql-rendered-list-container>li:not(.ql-rendered-toggled-list)>.ql-rendered-list-container>li:not(.ql-rendered-toggled-list)>.ql-rendered-list-container>li:not(.ql-rendered-toggled-list)>.ql-rendered-list-container>li:not(.ql-rendered-toggled-list)>.ql-rendered-list-container>li {
    counter-reset: list-8 list-9
}

.ql-rendered-list-container>li:not(.ql-rendered-toggled-list)>.ql-rendered-list-container>li:not(.ql-rendered-toggled-list)>.ql-rendered-list-container>li:not(.ql-rendered-toggled-list)>.ql-rendered-list-container>li:not(.ql-rendered-toggled-list)>.ql-rendered-list-container>li:not(.ql-rendered-toggled-list)>.ql-rendered-list-container>li:not(.ql-rendered-toggled-list)>.ql-rendered-list-container>li:not(.ql-rendered-toggled-list)>.ql-rendered-list-container>li:not(.ql-rendered-toggled-list)>.ql-rendered-list-container>li {
    counter-reset: list-9
}

.ql-rendered-list-container>li:not(.ql-rendered-toggled-list)>.ql-rendered-list-container>li:not(.ql-rendered-toggled-list)>.ql-rendered-list-container>li:not(.ql-rendered-toggled-list)>.ql-rendered-list-container>li:not(.ql-rendered-toggled-list)>.ql-rendered-list-container>li:not(.ql-rendered-toggled-list)>.ql-rendered-list-container>li:not(.ql-rendered-toggled-list)>.ql-rendered-list-container>li:not(.ql-rendered-toggled-list)>.ql-rendered-list-container>li:not(.ql-rendered-toggled-list)>.ql-rendered-list-container>li:not(.ql-rendered-toggled-list)>.ql-rendered-list-container>.ql-rendered-ordered-list {
    counter-increment: list-9
}

.ql-rendered-list-container>li:not(.ql-rendered-toggled-list)>.ql-rendered-list-container>li:not(.ql-rendered-toggled-list)>.ql-rendered-list-container>li:not(.ql-rendered-toggled-list)>.ql-rendered-list-container>li:not(.ql-rendered-toggled-list)>.ql-rendered-list-container>li:not(.ql-rendered-toggled-list)>.ql-rendered-list-container>li:not(.ql-rendered-toggled-list)>.ql-rendered-list-container>li:not(.ql-rendered-toggled-list)>.ql-rendered-list-container>li:not(.ql-rendered-toggled-list)>.ql-rendered-list-container>li:not(.ql-rendered-toggled-list)>.ql-rendered-list-container>.ql-rendered-ordered-list[data-none-type=true] {
    counter-increment: none
}

.ql-rendered-list-container>li:not(.ql-rendered-toggled-list)>.ql-rendered-list-container>li:not(.ql-rendered-toggled-list)>.ql-rendered-list-container>li:not(.ql-rendered-toggled-list)>.ql-rendered-list-container>li:not(.ql-rendered-toggled-list)>.ql-rendered-list-container>li:not(.ql-rendered-toggled-list)>.ql-rendered-list-container>li:not(.ql-rendered-toggled-list)>.ql-rendered-list-container>li:not(.ql-rendered-toggled-list)>.ql-rendered-list-container>li:not(.ql-rendered-toggled-list)>.ql-rendered-list-container>li:not(.ql-rendered-toggled-list)>.ql-rendered-list-container>.ql-rendered-ordered-list[data-none-type=true]:before {
    content: ""
}

.ql-rendered-list-container>li:not(.ql-rendered-toggled-list)>.ql-rendered-list-container>li:not(.ql-rendered-toggled-list)>.ql-rendered-list-container>li:not(.ql-rendered-toggled-list)>.ql-rendered-list-container>li:not(.ql-rendered-toggled-list)>.ql-rendered-list-container>li:not(.ql-rendered-toggled-list)>.ql-rendered-list-container>li:not(.ql-rendered-toggled-list)>.ql-rendered-list-container>li:not(.ql-rendered-toggled-list)>.ql-rendered-list-container>li:not(.ql-rendered-toggled-list)>.ql-rendered-list-container>li:not(.ql-rendered-toggled-list)>.ql-rendered-list-container>.ql-rendered-ordered-list:before {
    content: counter(list-9,decimal) ". "
}

.ql-rendered-list-container>li:not(.ql-rendered-toggled-list)>.ql-rendered-list-container>li:not(.ql-rendered-toggled-list)>.ql-rendered-list-container>li:not(.ql-rendered-toggled-list)>.ql-rendered-list-container>li:not(.ql-rendered-toggled-list)>.ql-rendered-list-container>li:not(.ql-rendered-toggled-list)>.ql-rendered-list-container>li:not(.ql-rendered-toggled-list)>.ql-rendered-list-container>li:not(.ql-rendered-toggled-list)>.ql-rendered-list-container>li:not(.ql-rendered-toggled-list)>.ql-rendered-list-container>.ql-rendered-ordered-list {
    counter-increment: list-8
}

.ql-rendered-list-container>li:not(.ql-rendered-toggled-list)>.ql-rendered-list-container>li:not(.ql-rendered-toggled-list)>.ql-rendered-list-container>li:not(.ql-rendered-toggled-list)>.ql-rendered-list-container>li:not(.ql-rendered-toggled-list)>.ql-rendered-list-container>li:not(.ql-rendered-toggled-list)>.ql-rendered-list-container>li:not(.ql-rendered-toggled-list)>.ql-rendered-list-container>li:not(.ql-rendered-toggled-list)>.ql-rendered-list-container>li:not(.ql-rendered-toggled-list)>.ql-rendered-list-container>.ql-rendered-ordered-list[data-none-type=true] {
    counter-increment: none
}

.ql-rendered-list-container>li:not(.ql-rendered-toggled-list)>.ql-rendered-list-container>li:not(.ql-rendered-toggled-list)>.ql-rendered-list-container>li:not(.ql-rendered-toggled-list)>.ql-rendered-list-container>li:not(.ql-rendered-toggled-list)>.ql-rendered-list-container>li:not(.ql-rendered-toggled-list)>.ql-rendered-list-container>li:not(.ql-rendered-toggled-list)>.ql-rendered-list-container>li:not(.ql-rendered-toggled-list)>.ql-rendered-list-container>li:not(.ql-rendered-toggled-list)>.ql-rendered-list-container>.ql-rendered-ordered-list[data-none-type=true]:before {
    content: ""
}

.ql-rendered-list-container>li:not(.ql-rendered-toggled-list)>.ql-rendered-list-container>li:not(.ql-rendered-toggled-list)>.ql-rendered-list-container>li:not(.ql-rendered-toggled-list)>.ql-rendered-list-container>li:not(.ql-rendered-toggled-list)>.ql-rendered-list-container>li:not(.ql-rendered-toggled-list)>.ql-rendered-list-container>li:not(.ql-rendered-toggled-list)>.ql-rendered-list-container>li:not(.ql-rendered-toggled-list)>.ql-rendered-list-container>li:not(.ql-rendered-toggled-list)>.ql-rendered-list-container>.ql-rendered-ordered-list:before {
    content: counter(list-8,lower-roman) ". "
}

.ql-rendered-list-container>li:not(.ql-rendered-toggled-list)>.ql-rendered-list-container>li:not(.ql-rendered-toggled-list)>.ql-rendered-list-container>li:not(.ql-rendered-toggled-list)>.ql-rendered-list-container>li:not(.ql-rendered-toggled-list)>.ql-rendered-list-container>li:not(.ql-rendered-toggled-list)>.ql-rendered-list-container>li:not(.ql-rendered-toggled-list)>.ql-rendered-list-container>li:not(.ql-rendered-toggled-list)>.ql-rendered-list-container>.ql-rendered-ordered-list {
    counter-increment: list-7
}

.ql-rendered-list-container>li:not(.ql-rendered-toggled-list)>.ql-rendered-list-container>li:not(.ql-rendered-toggled-list)>.ql-rendered-list-container>li:not(.ql-rendered-toggled-list)>.ql-rendered-list-container>li:not(.ql-rendered-toggled-list)>.ql-rendered-list-container>li:not(.ql-rendered-toggled-list)>.ql-rendered-list-container>li:not(.ql-rendered-toggled-list)>.ql-rendered-list-container>li:not(.ql-rendered-toggled-list)>.ql-rendered-list-container>.ql-rendered-ordered-list[data-none-type=true] {
    counter-increment: none
}

.ql-rendered-list-container>li:not(.ql-rendered-toggled-list)>.ql-rendered-list-container>li:not(.ql-rendered-toggled-list)>.ql-rendered-list-container>li:not(.ql-rendered-toggled-list)>.ql-rendered-list-container>li:not(.ql-rendered-toggled-list)>.ql-rendered-list-container>li:not(.ql-rendered-toggled-list)>.ql-rendered-list-container>li:not(.ql-rendered-toggled-list)>.ql-rendered-list-container>li:not(.ql-rendered-toggled-list)>.ql-rendered-list-container>.ql-rendered-ordered-list[data-none-type=true]:before {
    content: ""
}

.ql-rendered-list-container>li:not(.ql-rendered-toggled-list)>.ql-rendered-list-container>li:not(.ql-rendered-toggled-list)>.ql-rendered-list-container>li:not(.ql-rendered-toggled-list)>.ql-rendered-list-container>li:not(.ql-rendered-toggled-list)>.ql-rendered-list-container>li:not(.ql-rendered-toggled-list)>.ql-rendered-list-container>li:not(.ql-rendered-toggled-list)>.ql-rendered-list-container>li:not(.ql-rendered-toggled-list)>.ql-rendered-list-container>.ql-rendered-ordered-list:before {
    content: counter(list-7,lower-alpha) ". "
}

.ql-rendered-list-container>li:not(.ql-rendered-toggled-list)>.ql-rendered-list-container>li:not(.ql-rendered-toggled-list)>.ql-rendered-list-container>li:not(.ql-rendered-toggled-list)>.ql-rendered-list-container>li:not(.ql-rendered-toggled-list)>.ql-rendered-list-container>li:not(.ql-rendered-toggled-list)>.ql-rendered-list-container>li:not(.ql-rendered-toggled-list)>.ql-rendered-list-container>.ql-rendered-ordered-list {
    counter-increment: list-6
}

.ql-rendered-list-container>li:not(.ql-rendered-toggled-list)>.ql-rendered-list-container>li:not(.ql-rendered-toggled-list)>.ql-rendered-list-container>li:not(.ql-rendered-toggled-list)>.ql-rendered-list-container>li:not(.ql-rendered-toggled-list)>.ql-rendered-list-container>li:not(.ql-rendered-toggled-list)>.ql-rendered-list-container>li:not(.ql-rendered-toggled-list)>.ql-rendered-list-container>.ql-rendered-ordered-list[data-none-type=true] {
    counter-increment: none
}

.ql-rendered-list-container>li:not(.ql-rendered-toggled-list)>.ql-rendered-list-container>li:not(.ql-rendered-toggled-list)>.ql-rendered-list-container>li:not(.ql-rendered-toggled-list)>.ql-rendered-list-container>li:not(.ql-rendered-toggled-list)>.ql-rendered-list-container>li:not(.ql-rendered-toggled-list)>.ql-rendered-list-container>li:not(.ql-rendered-toggled-list)>.ql-rendered-list-container>.ql-rendered-ordered-list[data-none-type=true]:before {
    content: ""
}

.ql-rendered-list-container>li:not(.ql-rendered-toggled-list)>.ql-rendered-list-container>li:not(.ql-rendered-toggled-list)>.ql-rendered-list-container>li:not(.ql-rendered-toggled-list)>.ql-rendered-list-container>li:not(.ql-rendered-toggled-list)>.ql-rendered-list-container>li:not(.ql-rendered-toggled-list)>.ql-rendered-list-container>li:not(.ql-rendered-toggled-list)>.ql-rendered-list-container>.ql-rendered-ordered-list:before {
    content: counter(list-6,decimal) ". "
}

.ql-rendered-list-container>li:not(.ql-rendered-toggled-list)>.ql-rendered-list-container>li:not(.ql-rendered-toggled-list)>.ql-rendered-list-container>li:not(.ql-rendered-toggled-list)>.ql-rendered-list-container>li:not(.ql-rendered-toggled-list)>.ql-rendered-list-container>li:not(.ql-rendered-toggled-list)>.ql-rendered-list-container>.ql-rendered-ordered-list {
    counter-increment: list-5
}

.ql-rendered-list-container>li:not(.ql-rendered-toggled-list)>.ql-rendered-list-container>li:not(.ql-rendered-toggled-list)>.ql-rendered-list-container>li:not(.ql-rendered-toggled-list)>.ql-rendered-list-container>li:not(.ql-rendered-toggled-list)>.ql-rendered-list-container>li:not(.ql-rendered-toggled-list)>.ql-rendered-list-container>.ql-rendered-ordered-list[data-none-type=true] {
    counter-increment: none
}

.ql-rendered-list-container>li:not(.ql-rendered-toggled-list)>.ql-rendered-list-container>li:not(.ql-rendered-toggled-list)>.ql-rendered-list-container>li:not(.ql-rendered-toggled-list)>.ql-rendered-list-container>li:not(.ql-rendered-toggled-list)>.ql-rendered-list-container>li:not(.ql-rendered-toggled-list)>.ql-rendered-list-container>.ql-rendered-ordered-list[data-none-type=true]:before {
    content: ""
}

.ql-rendered-list-container>li:not(.ql-rendered-toggled-list)>.ql-rendered-list-container>li:not(.ql-rendered-toggled-list)>.ql-rendered-list-container>li:not(.ql-rendered-toggled-list)>.ql-rendered-list-container>li:not(.ql-rendered-toggled-list)>.ql-rendered-list-container>li:not(.ql-rendered-toggled-list)>.ql-rendered-list-container>.ql-rendered-ordered-list:before {
    content: counter(list-5,lower-roman) ". "
}

.ql-rendered-list-container>li:not(.ql-rendered-toggled-list)>.ql-rendered-list-container>li:not(.ql-rendered-toggled-list)>.ql-rendered-list-container>li:not(.ql-rendered-toggled-list)>.ql-rendered-list-container>li:not(.ql-rendered-toggled-list)>.ql-rendered-list-container>.ql-rendered-ordered-list {
    counter-increment: list-4
}

.ql-rendered-list-container>li:not(.ql-rendered-toggled-list)>.ql-rendered-list-container>li:not(.ql-rendered-toggled-list)>.ql-rendered-list-container>li:not(.ql-rendered-toggled-list)>.ql-rendered-list-container>li:not(.ql-rendered-toggled-list)>.ql-rendered-list-container>.ql-rendered-ordered-list[data-none-type=true] {
    counter-increment: none
}

.ql-rendered-list-container>li:not(.ql-rendered-toggled-list)>.ql-rendered-list-container>li:not(.ql-rendered-toggled-list)>.ql-rendered-list-container>li:not(.ql-rendered-toggled-list)>.ql-rendered-list-container>li:not(.ql-rendered-toggled-list)>.ql-rendered-list-container>.ql-rendered-ordered-list[data-none-type=true]:before {
    content: ""
}

.ql-rendered-list-container>li:not(.ql-rendered-toggled-list)>.ql-rendered-list-container>li:not(.ql-rendered-toggled-list)>.ql-rendered-list-container>li:not(.ql-rendered-toggled-list)>.ql-rendered-list-container>li:not(.ql-rendered-toggled-list)>.ql-rendered-list-container>.ql-rendered-ordered-list:before {
    content: counter(list-4,lower-alpha) ". "
}

.ql-rendered-list-container>li:not(.ql-rendered-toggled-list)>.ql-rendered-list-container>li:not(.ql-rendered-toggled-list)>.ql-rendered-list-container>li:not(.ql-rendered-toggled-list)>.ql-rendered-list-container>.ql-rendered-ordered-list {
    counter-increment: list-3
}

.ql-rendered-list-container>li:not(.ql-rendered-toggled-list)>.ql-rendered-list-container>li:not(.ql-rendered-toggled-list)>.ql-rendered-list-container>li:not(.ql-rendered-toggled-list)>.ql-rendered-list-container>.ql-rendered-ordered-list[data-none-type=true] {
    counter-increment: none
}

.ql-rendered-list-container>li:not(.ql-rendered-toggled-list)>.ql-rendered-list-container>li:not(.ql-rendered-toggled-list)>.ql-rendered-list-container>li:not(.ql-rendered-toggled-list)>.ql-rendered-list-container>.ql-rendered-ordered-list[data-none-type=true]:before {
    content: ""
}

.ql-rendered-list-container>li:not(.ql-rendered-toggled-list)>.ql-rendered-list-container>li:not(.ql-rendered-toggled-list)>.ql-rendered-list-container>li:not(.ql-rendered-toggled-list)>.ql-rendered-list-container>.ql-rendered-ordered-list:before {
    content: counter(list-3,decimal) ". "
}

.ql-rendered-list-container>li:not(.ql-rendered-toggled-list)>.ql-rendered-list-container>li:not(.ql-rendered-toggled-list)>.ql-rendered-list-container>.ql-rendered-ordered-list {
    counter-increment: list-2
}

.ql-rendered-list-container>li:not(.ql-rendered-toggled-list)>.ql-rendered-list-container>li:not(.ql-rendered-toggled-list)>.ql-rendered-list-container>.ql-rendered-ordered-list[data-none-type=true] {
    counter-increment: none
}

.ql-rendered-list-container>li:not(.ql-rendered-toggled-list)>.ql-rendered-list-container>li:not(.ql-rendered-toggled-list)>.ql-rendered-list-container>.ql-rendered-ordered-list[data-none-type=true]:before {
    content: ""
}

.ql-rendered-list-container>li:not(.ql-rendered-toggled-list)>.ql-rendered-list-container>li:not(.ql-rendered-toggled-list)>.ql-rendered-list-container>.ql-rendered-ordered-list:before {
    content: counter(list-2,lower-roman) ". "
}

.ql-rendered-list-container>li:not(.ql-rendered-toggled-list)>.ql-rendered-list-container>.ql-rendered-ordered-list {
    counter-increment: list-1
}

.ql-rendered-list-container>li:not(.ql-rendered-toggled-list)>.ql-rendered-list-container>.ql-rendered-ordered-list[data-none-type=true] {
    counter-increment: none
}

.ql-rendered-list-container>li:not(.ql-rendered-toggled-list)>.ql-rendered-list-container>.ql-rendered-ordered-list[data-none-type=true]:before {
    content: ""
}

.ql-rendered-list-container>li:not(.ql-rendered-toggled-list)>.ql-rendered-list-container>.ql-rendered-ordered-list:before {
    content: counter(list-1,lower-alpha) ". "
}

.ql-rendered-list-container>.ql-rendered-ordered-list {
    counter-increment: list-0
}

.ql-rendered-list-container>.ql-rendered-ordered-list[data-none-type=true] {
    counter-increment: none
}

.ql-rendered-list-container>.ql-rendered-ordered-list[data-none-type=true]:before {
    content: ""
}

.ql-rendered-list-container>.ql-rendered-ordered-list:before {
    content: counter(list-0,decimal) ". "
}

.ql-rendered-list-container .ql-rendered-toggled-list>.ql-rendered-list-container {
    padding-left: 0
}

.ql-rendered-list-container .ql-rendered-toggled-list>.ql-rendered-list-container>li[data-none-type] {
    margin-left: 0;
    padding-left: 0
}

.ql-rendered-list-container .ql-rendered-toggled-list>.ql-rendered-list-container>li[data-none-type]>.ql-rendered-list-container {
    padding-left: 2.2em
}

.cu-comment__text-content .ql-rendered-toggled-list:before {
    top: 2px
}

.ql-giphy {
    max-width: 100%;
    -webkit-user-select: none;
    user-select: none
}

.ql-giphy__container {
    max-width: 100%;
    position: relative
}

.ql-giphy__topbar {
    display: flex;
    align-items: center;
    padding: 7px 0
}

.cu-task-row__latest-comment .ql-giphy__topbar {
    display: none
}

.ql-giphy__icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    background: #111;
    border-radius: 3px;
    margin-right: 12px;
    flex-shrink: 0
}

.ql-giphy__title {
    line-height: 16px;
    min-width: 0
}

.ql-giphy__header {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #000;
    font-size: 13px;
    font-weight: 500
}

.dark-theme .ql-giphy__header {
    color: #d5d6d7
}

.ql-giphy__shuffle {
    height: 24px;
    line-height: 24px;
    border: 1px solid #b9bec7;
    border-radius: 3px;
    font-weight: 500;
    font-size: 13px!important;
    padding: 0 12px;
    margin-right: auto;
    margin-left: 20px;
    color: #7c828d;
    cursor: pointer;
    flex-shrink: 0
}

.ql-giphy__shuffle:hover {
    background-color: #37352f14
}

.ql-giphy__delete {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    border: 1px solid #b9bec7;
    border-radius: 3px;
    cursor: pointer;
    margin-left: 8px;
    flex-shrink: 0
}

.ql-giphy__delete:hover,.ql-giphy__shuffle:hover {
    background-color: #37352f14
}

.dark-theme .ql-giphy__delete:hover,.dark-theme .ql-giphy__shuffle:hover {
    background-color: #2b343b
}

.cu-editor-wrapper:not(.cu-editor-wrapper_active) .ql-giphy__delete,.cu-editor-wrapper:not(.cu-editor-wrapper_active) .ql-giphy__shuffle {
    visibility: hidden;
    pointer-events: none
}

.dark-theme .ql-giphy__delete,.dark-theme .ql-giphy__shuffle {
    border: 1px solid #1e272e
}

.ql-giphy__gifWrapper {
    position: relative;
    display: flex;
    align-items: center;
    margin-bottom: 12px
}

.ql-giphy__gifWrapper img {
    max-width: 100%
}

.ql-giphy__loading {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 5;
    opacity: 0
}

.ql-giphy__btngroup {
    display: flex;
    align-items: center;
    flex-wrap: nowrap
}

.task-todo-item__comment-block .ql-giphy__title,.task-todo-item__comment-block .ql-giphy__gifWrapper {
    display: none
}

.task-todo-item__comment-block .ql-giphy__icon {
    margin-right: 5px
}

.ql-bookmark {
    position: relative;
    width: 100%;
    height: 114px;
    background: #fff;
    border: 1px solid #e9ebf0;
    box-sizing: border-box;
    border-radius: 3px;
    cursor: pointer
}

.dark-theme .ql-bookmark {
    background: #384047;
    box-shadow: 0 2px 5px #00000073;
    color: #828588;
    border: 0
}

.ql-bookmark__bazel {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 1;
    background-color: #37352f14;
    opacity: 0;
    transition: opacity .25s linear
}

.ql-bookmark:hover .ql-bookmark__bazel {
    opacity: 1
}

.ql-bookmark__loader {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 2;
    background-color: #fff;
    line-height: 0!important;
    font-size: 0!important;
    padding: 10px
}

.dark-theme .ql-bookmark__loader {
    background: #384047
}

.ql-bookmark__body {
    display: flex;
    height: 100%;
    width: 100%;
    text-decoration: none!important
}

.ql-bookmark__content {
    flex: 1;
    height: 100%;
    padding: 12px 40px 0 16px;
    overflow: hidden;
    color: #292d34
}

.ql-bookmark__title {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: 500;
    font-size: 14px!important;
    line-height: 18px!important;
    margin-bottom: 8px;
    white-space: nowrap!important
}

.ql-bookmark__desc {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    font-weight: 400;
    font-size: 13px!important;
    line-height: 18px!important;
    opacity: .7;
    margin-bottom: 10px;
    height: 36px
}

.ql-bookmark__url {
    display: flex;
    align-items: center;
    line-height: 12px!important
}

.ql-bookmark__favicon {
    display: none;
    margin-right: 5px;
    max-width: 16px
}

.ql-bookmark__favicon.with-favicon {
    display: inline
}

.ql-bookmark__urltext {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 13px!important;
    line-height: 16px!important;
    flex: 1
}

.ql-bookmark__banner {
    width: 180px;
    height: 100%;
    visibility: hidden;
    background-size: 100%;
    background-position: center center;
    background-repeat: no-repeat
}

.ql-bookmark__banner.with-thumbnail {
    visibility: visible
}

.ql-bookmark__dropdown {
    position: absolute!important;
    top: 0;
    right: 0;
    z-index: 2
}

.ql-bookmark.ql-bookmark-with-description.ql-bookmark-with-thumbnail .ql-bookmark__dropdown {
    right: 180px
}

.ql-bookmark.ql-bookmark-without-thumbnail .ql-bookmark__banner {
    display: none
}

.ql-bookmark.ql-bookmark-without-description {
    height: auto;
    padding: 14px 40px 14px 16px
}

.ql-bookmark.ql-bookmark-without-description .ql-bookmark__content {
    padding: 0
}

.ql-bookmark.ql-bookmark-without-description .ql-bookmark__banner,.ql-bookmark.ql-bookmark-without-description .ql-bookmark__desc {
    display: none
}

.cu-draggable-anchor .cu-draggable-anchor-icon {
    position: relative
}

.cu-draggable-anchor .cu-draggable-anchor-icon.with-dropdown-opened {
    background-color: #f0f0f099;
    border-radius: 4px
}

.cu-draggable-anchor-tooltip {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 11px;
    font-weight: 500;
    position: absolute;
    left: 0;
    top: 0;
    text-align: center;
    line-height: 14px;
    border: 0;
    margin: 0;
    padding: 4px;
    transform-origin: left top;
    transform: translateY(4px) scale(.9);
    width: 130px;
    background: #384047;
    border-radius: 4px;
    color: #ffffffe6;
    letter-spacing: .5px;
    z-index: 110000
}

.dark-theme .cu-draggable-anchor-tooltip {
    background: #d5d6d7;
    color: #2b343b
}

.cu-draggable-anchor-tooltip:after {
    content: "";
    position: absolute;
    top: -4px;
    left: 8px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 3px 4px 3px;
    border-color: transparent transparent #384047 transparent
}

.dark-theme .cu-draggable-anchor-tooltip:after {
    border-color: transparent transparent #d5d6d7 transparent
}

.cu-draggable-anchor-tooltip span {
    font-weight: 600;
    color: #fff
}

.dark-theme .cu-draggable-anchor-tooltip span {
    color: #1e272e
}

.ql-block-highlight,.ql-block-highlight.ql-frame .ql-frame__body {
    background-color: #2daadb4d
}

.ql-editor-readonly .ql-block-highlight.ql-frame {
    box-shadow: 0 0 0 2px #2daadb99
}

.ql-block-highlight.ql-code-block-container,.ql-block-highlight.ql-banner-container,.doc-editor .ql-editor .ql-block-highlight.ql-code-block-container,.dark-theme .doc-editor .ql-editor .ql-block-highlight.ql-code-block-container,.cu-editor-wrapper .cu-editor .ql-block-highlight.ql-code-block-container,.dark-theme .cu-editor-wrapper .cu-editor .ql-block-highlight.ql-code-block-container,.doc-editor .ql-editor.ql-editor-readonly pre.ql-block-highlight {
    background-color: #2daadb4d!important
}

.ql-emoticon {
    overflow: hidden
}

.ql-emoticon>span {
    display: inline-flex;
    vertical-align: middle;
    margin: 0 1px
}

.ql-emoticon .ql-emoticon-icon {
    line-height: 20px
}

.ql-frame-container:not(.cu-comment-frame) {
    padding: 8px;
    background-color: #fff;
    border: 1px solid #e9ebf0;
    height: 350px
}

.ql-frame-container:not(.cu-comment-frame) .ql-frame-preview-icon {
    display: none;
    transition: fill .2s cubic-bezier(.785,.135,.15,.86) 0s;
    width: 36px;
    height: 36px;
    border-radius: 2px;
    background: #e9ebf0;
    margin-right: 12px;
    padding: 10px;
    cursor: pointer;
    fill: #7c828d
}

.ql-frame-container:not(.cu-comment-frame) .ql-frame-preview-icon svg {
    width: 100%;
    height: 100%
}

.ql-frame-container:not(.cu-comment-frame)[data-size=small] {
    height: auto
}

.ql-frame-container:not(.cu-comment-frame)[data-size=small] .ql-frame-preview-icon {
    display: block
}

.ql-frame-container:not(.cu-comment-frame)[data-expanded=true] {
    max-width: 100%!important
}

.dark-theme .ql-frame-container:not(.cu-comment-frame) {
    background-color: #1e272e;
    border-color: #1e272e
}

.ql-frame-container:not(.cu-comment-frame) .ql-frame-toolbar {
    display: flex;
    align-items: center;
    height: 36px;
    margin-bottom: 8px;
    border-radius: 3px
}

.ql-frame-container:not(.cu-comment-frame) .ql-frame-toolbar__title {
    flex: 1;
    width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    height: 100%;
    color: #292d34;
    font-weight: 500;
    font-size: 13px!important;
    display: flex;
    align-items: center;
    text-transform: capitalize
}

.dark-theme .ql-frame-container:not(.cu-comment-frame) .ql-frame-toolbar__title {
    color: #d5d6d7
}

.cu-editor-wrapper .cu-editor .ql-frame-container:not(.cu-comment-frame) .ql-frame-toolbar__title .ql-frame__header-info a.ql-frame__header-info-row {
    color: #292d34
}

.dark-theme .cu-editor-wrapper .cu-editor .ql-frame-container:not(.cu-comment-frame) .ql-frame-toolbar__title .ql-frame__header-info a.ql-frame__header-info-row {
    color: #d5d6d7
}

.ql-frame-container:not(.cu-comment-frame) .ql-frame-toolbar__open-link {
    position: relative;
    display: flex;
    vertical-align: middle;
    justify-content: center;
    width: 24px;
    height: 24px
}

.ql-frame-container:not(.cu-comment-frame) .ql-frame-toolbar__open-link:hover .ql-frame-toolbar__icon svg {
    fill: #292d34
}

.dark-theme .ql-frame-container:not(.cu-comment-frame) .ql-frame-toolbar__open-link:hover .ql-frame-toolbar__icon svg {
    fill: #d5d6d7
}

.ql-frame-container:not(.cu-comment-frame) .ql-frame-toolbar__icon {
    display: block;
    width: 16px;
    height: 16px
}

.ql-frame-container:not(.cu-comment-frame) .ql-frame-toolbar__icon svg {
    width: 100%;
    height: 100%;
    fill: #b9bec7
}

.dark-theme .ql-frame-container:not(.cu-comment-frame) .ql-frame-toolbar__icon svg {
    fill: #828588
}

.ql-frame-container:not(.cu-comment-frame) iframe.ql-frame {
    height: calc(100% - 60px)!important
}

.ql-frame-container:not(.cu-comment-frame) iframe.ql-frame[data-size=small] {
    display: none
}

.cu-list-group__header-description .ql-frame-container:not(.cu-comment-frame) {
    background-color: #fff;
    border-radius: 3px;
    width: 334px;
    height: auto
}

.dark-theme .cu-list-group__header-description .ql-frame-container:not(.cu-comment-frame) {
    background-color: #2b343b
}

.cu-list-group__header-description .ql-frame-container:not(.cu-comment-frame) .ql-frame-preview-icon {
    background: #e9ebf0
}

.dark-theme .cu-list-group__header-description .ql-frame-container:not(.cu-comment-frame) .ql-frame-preview-icon {
    background-color: #384047
}

.ql-frame-container:not(.cu-comment-frame)[container=youtube] {
    height: auto!important
}

.ql-frame-container:not(.cu-comment-frame)[container=youtube] .ql-frame-container__content {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden
}

.ql-frame-container:not(.cu-comment-frame)[container=youtube] .ql-frame-container__content>video,.ql-frame-container:not(.cu-comment-frame)[container=youtube] .ql-frame-container__content>iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.ql-frame-container:not(.cu-comment-frame)[container=youtube] .ql-frame-container__content iframe.ql-frame {
    width: 100%;
    height: 100%!important
}

.ql-frame-container:not(.cu-comment-frame)[container=loom] {
    height: auto!important
}

.ql-frame-container:not(.cu-comment-frame)[container=loom] .ql-frame-container__content {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden
}

.ql-frame-container:not(.cu-comment-frame)[container=loom] .ql-frame-container__content>video,.ql-frame-container:not(.cu-comment-frame)[container=loom] .ql-frame-container__content>iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.ql-frame-container:not(.cu-comment-frame)[container=loom] .ql-frame-container__content iframe.ql-frame {
    width: 100%;
    height: 100%!important
}

.ql-frame-container:not(.cu-comment-frame)[container=vimeo] {
    height: auto!important
}

.ql-frame-container:not(.cu-comment-frame)[container=vimeo] .ql-frame-container__content {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden
}

.ql-frame-container:not(.cu-comment-frame)[container=vimeo] .ql-frame-container__content>video,.ql-frame-container:not(.cu-comment-frame)[container=vimeo] .ql-frame-container__content>iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.ql-frame-container:not(.cu-comment-frame)[container=vimeo] .ql-frame-container__content iframe.ql-frame {
    width: 100%;
    height: 100%!important
}

.ql-frame-container:not(.cu-comment-frame)[container=figma] {
    height: auto!important
}

.ql-frame-container:not(.cu-comment-frame)[container=figma] .ql-frame-container__content {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden
}

.ql-frame-container:not(.cu-comment-frame)[container=figma] .ql-frame-container__content>video,.ql-frame-container:not(.cu-comment-frame)[container=figma] .ql-frame-container__content>iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.ql-frame-container:not(.cu-comment-frame)[container=figma] .ql-frame-container__content iframe.ql-frame {
    width: 100%;
    height: 100%!important
}

.ql-frame-container:not(.cu-comment-frame)[container=miro] {
    height: auto!important
}

.ql-frame-container:not(.cu-comment-frame)[container=miro] .ql-frame-container__content {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden
}

.ql-frame-container:not(.cu-comment-frame)[container=miro] .ql-frame-container__content>video,.ql-frame-container:not(.cu-comment-frame)[container=miro] .ql-frame-container__content>iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.ql-frame-container:not(.cu-comment-frame)[container=miro] .ql-frame-container__content iframe.ql-frame {
    width: 100%;
    height: 100%!important
}

.ql-frame-container:not(.cu-comment-frame)[container=wistia] {
    height: auto!important
}

.ql-frame-container:not(.cu-comment-frame)[container=wistia] .ql-frame-container__content {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden
}

.ql-frame-container:not(.cu-comment-frame)[container=wistia] .ql-frame-container__content>video,.ql-frame-container:not(.cu-comment-frame)[container=wistia] .ql-frame-container__content>iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.ql-frame-container:not(.cu-comment-frame)[container=wistia] .ql-frame-container__content iframe.ql-frame {
    width: 100%;
    height: 100%!important
}

.ql-frame-container:not(.cu-comment-frame)[container=clickup_video] {
    height: auto!important
}

.ql-frame-container:not(.cu-comment-frame)[container=clickup_video] .ql-frame-container__content {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden
}

.ql-frame-container:not(.cu-comment-frame)[container=clickup_video] .ql-frame-container__content>video,.ql-frame-container:not(.cu-comment-frame)[container=clickup_video] .ql-frame-container__content>iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.ql-frame-container:not(.cu-comment-frame)[container=clickup_video] .ql-frame-container__content iframe.ql-frame {
    width: 100%;
    height: 100%!important
}

.cu-editor-wrapper_disabled .ql-container .ql-frame__expanded,.cu-editor-wrapper_disabled .ql-container .ql-frame__dropdown,.cu-editor-wrapper_disabled .ql-container .cu-col-tool,.cu-editor-wrapper_disabled .ql-container .cu-row-tool,.cu-editor-wrapper_disabled .ql-container .cu-table-tool,.cu-editor-wrapper_disabled .ql-container .ql-float-button,.cu-editor-wrapper_disabled .ql-container .cu-draggable-anchor,.cu-editor-wrapper_disabled .ql-container .ql-giphy__shuffle,.cu-editor-wrapper_disabled .ql-container .ql-giphy__delete,.cu-editor-wrapper_disabled .ql-container .comment-attachment__edit,.cu-editor-wrapper_disabled .ql-container .comment-attachment__remove,.cu-editor-wrapper_disabled .ql-container .cu-doc-list-tile-item .cu-doc-list-tile-item__unembed,.cu-editor-wrapper_disabled .ql-container .ql-code-block-container .ql-ui,.cu-editor-wrapper_disabled .ql-container .ql-column-setting-toggle,.cu-editor-wrapper_disabled .ql-container .blot-formatter__overlay .blot-formatter__resize-handle,.cu-editor-wrapper_disabled .ql-container .blot-formatter__overlay .blot-formatter__delete,.cu-editor-wrapper_disabled .ql-container .blot-formatter__overlay .blot-formatter__extra .blot-formatter__extra-autosize {
    display: none
}

.cu-editor-wrapper_disabled .ql-container .blot-formatter__overlay .blot-formatter__extra .blot-formatter__extra-preview {
    border-radius: 3px;
    border-left-width: 1px
}

.cu-editor-wrapper_disabled .ql-container .ql-tooltip {
    display: block
}

.cu-editor-wrapper_disabled .ql-container li[data-list=toggled] .ql-ui:before {
    cursor: pointer
}

.cu-editor-wrapper_disabled .cu-rich-editor-toolbar.cu-rich-editor-toolbar_sticky.ql-toolbar {
    display: none
}

.cu-editor-wrapper_show-toolbar-with-only-can-comment .ql-container .ql-tooltip {
    visibility: visible
}

.cu-editor-wrapper_show-toolbar-with-only-can-comment .ql-container .ql-tooltip .cu-rich-editor-toolbar__additional {
    left: 0;
    width: max-content
}

.codox-user-caret.codox-user-caret-visible {
    opacity: 1!important
}

@keyframes phAnimation {
    0% {
        transform: translate(-30%)
    }

    to {
        transform: translate(30%)
    }
}

.cu-link-card__container {
    width: 296px;
    border-radius: 8px;
    box-shadow: 0 4px 16px #1010101f;
    padding: 20px 16px;
    z-index: 1000
}

.cu-os-win .cu-link-card__container {
    scrollbar-width: thin
}

.cu-os-win .cu-link-card__container::-webkit-scrollbar {
    background-color: #fff;
    width: 16px;
    height: 16px
}

.cu-os-win .cu-link-card__container::-webkit-scrollbar-track {
    background-color: #fff
}

.cu-os-win .cu-link-card__container::-webkit-scrollbar-track:hover {
    background-color: #fff
}

.cu-os-win .cu-link-card__container::-webkit-scrollbar-thumb {
    background-color: #babac080;
    border-radius: 16px;
    border: 5px solid #fff
}

.cu-os-win .cu-link-card__container::-webkit-scrollbar-thumb:hover {
    background-color: #a0a0a5;
    border: 3px solid #fff
}

.cu-os-win .cu-link-card__container::-webkit-scrollbar-button {
    display: none
}

.cu-os-win.dark-theme .cu-link-card__container::-webkit-scrollbar,.cu-os-win .dark-theme .cu-link-card__container::-webkit-scrollbar {
    background-color: #384047
}

.cu-os-win.dark-theme .cu-link-card__container::-webkit-scrollbar-track,.cu-os-win .dark-theme .cu-link-card__container::-webkit-scrollbar-track {
    background-color: #384047
}

.cu-os-win.dark-theme .cu-link-card__container::-webkit-scrollbar-track:hover,.cu-os-win .dark-theme .cu-link-card__container::-webkit-scrollbar-track:hover {
    background-color: #384047
}

.cu-os-win.dark-theme .cu-link-card__container::-webkit-scrollbar-thumb,.cu-os-win .dark-theme .cu-link-card__container::-webkit-scrollbar-thumb {
    border-color: #384047
}

.cu-os-win.dark-theme .cu-link-card__container::-webkit-scrollbar-thumb:hover,.cu-os-win .dark-theme .cu-link-card__container::-webkit-scrollbar-thumb:hover {
    border-color: #384047
}

.cu-os-win.dark-theme .cu-link-card__container::-webkit-scrollbar-corner,.cu-os-win .dark-theme .cu-link-card__container::-webkit-scrollbar-corner {
    background-color: #384047
}

.dark-theme .cu-link-card__container {
    box-shadow: 0 2px 16px #0006
}

.cu-link-card__container-empty .cu-link-card__header {
    margin-bottom: 0
}

.cu-link-card__container.cu-link-card__container-directive {
    opacity: 0;
    position: absolute;
    background: #fff;
    z-index: 1000;
    pointer-events: all;
    animation: dropdownMenuAnimation .03s ease-in forwards
}

.cu-link-card__container.cu-link-card__container-directive.cu-link-card__container-closing {
    animation: dropdownMenuOutAnimation .03s ease-out forwards
}

.dark-theme .cu-link-card__container.cu-link-card__container-directive {
    background: #384047
}

.cu-link-card__container.cu-link-card__container-directive .cu-link-card__header-tools-item {
    display: flex;
    align-items: center;
    justify-content: center
}

.cu-link-card__loading-container {
    overflow: hidden;
    position: relative
}

.cu-link-card__loading-container:before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 50%;
    z-index: 1;
    width: 500%;
    margin-left: -250%;
    background: linear-gradient(to right,rgba(255,255,255,0) 46%,rgba(255,255,255,.35) 50%,rgba(255,255,255,0) 54%) 50% 50%;
    content: " ";
    pointer-events: none;
    animation: phAnimation .8s linear infinite
}

.dark-theme .cu-link-card__loading-container:before {
    background: linear-gradient(to right,rgba(56,64,71,0) 46%,rgba(56,64,71,.35) 50%,rgba(56,64,71,0) 54%) 50% 50%
}

.cu-link-card__loading-banner,.cu-link-card__loading-row {
    background: #f5f6f7
}

.dark-theme .cu-link-card__loading-banner,.dark-theme .cu-link-card__loading-row {
    background: #2b343b
}

.cu-link-card__loading-banner {
    height: 106px;
    border-radius: 8px 8px 0 0;
    overflow: hidden
}

.cu-link-card__loading-content {
    box-sizing: border-box;
    border: 1px solid #f5f6f7;
    border-radius: 0 0 8px 8px;
    padding: 13px 12px
}

.dark-theme .cu-link-card__loading-content {
    border-color: #2b343b
}

.cu-link-card__loading-header {
    height: 14px;
    margin-bottom: 8px
}

.cu-link-card__loading-tip {
    height: 12px;
    margin-bottom: 0
}

.cu-link-card__loading-row {
    height: 12px;
    margin-bottom: 6px
}

.cu-link-card__loading-row.col-1 {
    width: 25%
}

.cu-link-card__loading-row.col-2 {
    width: 50%
}

.cu-link-card__loading-row.col-3 {
    width: 75%
}

.cu-link-card__header {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px
}

.cu-link-card__header-icon {
    margin-right: 6px;
    width: 16px;
    height: 16px
}

.dark-theme .cu-link-card__header-icon-default {
    fill: #d5d6d7
}

.cu-link-card__header-icon img {
    width: 100%;
    height: 100%
}

.cu-link-card__header-link {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 12px;
    font-weight: 500;
    line-height: 15px;
    flex-grow: 1;
    flex-basis: 0;
    color: #a192ff;
    cursor: pointer
}

.cu-link-card__header-tools {
    display: flex;
    align-items: center
}

.cu-link-card__header-tools-item {
    width: 24px;
    height: 24px;
    cursor: pointer;
    border-radius: 3px
}

.cu-link-card__header-tools-item svg {
    width: 14px;
    height: 14px;
    fill: #292d34
}

.dark-theme .cu-link-card__header-tools-item svg {
    fill: #d5d6d7
}

.cu-link-card__header-tools-item:hover:not(.cu-link-card__header-tools-item-copied) {
    background-color: #f4f5f5
}

.dark-theme .cu-link-card__header-tools-item:hover:not(.cu-link-card__header-tools-item-copied) {
    background-color: #2b343b
}

.cu-link-card__body {
    cursor: pointer
}

.cu-link-card__banner {
    height: 106px;
    border-radius: 8px 8px 0 0;
    overflow: hidden
}

.cu-link-card__banner img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover
}

.cu-link-card__content {
    box-sizing: border-box;
    border: 1px solid #ededed;
    border-radius: 0 0 8px 8px;
    padding: 13px 12px
}

.dark-theme .cu-link-card__content {
    border-color: #2b343b
}

.cu-link-card__title {
    font-size: 14px;
    font-weight: 500;
    line-height: 17px;
    color: #343434;
    margin-bottom: 8px
}

.dark-theme .cu-link-card__title {
    color: #d5d6d7
}

.cu-link-card__description {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    font-size: 12px;
    font-weight: 400;
    line-height: 15px;
    margin-bottom: 12px
}

.cu-link-card__link {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 12px;
    font-weight: 500;
    line-height: 15px;
    color: #b9bec7
}

.cu-link-card__edit-form .cu-editable {
    position: relative;
    width: 100%
}

.cu-link-card__edit-form .cu-editable:before {
    transition: opacity .2s cubic-bezier(.785,.135,.15,.86) 0s;
    content: "";
    display: block;
    position: absolute;
    top: -3px;
    left: -1px;
    width: calc(100% + 3px);
    height: calc(100% + 6px);
    border-radius: 4px;
    pointer-events: none;
    border: 1px solid #ececec
}

.dark-theme .cu-link-card__edit-form .cu-editable:before {
    border-color: #979797
}

.cu-link-card__edit-form .cu-editable__input {
    max-width: 100%
}

.dark-theme .cu-link-card__edit-form .cu-editable__input {
    background: #384047
}

.cu-link-card__edit-label {
    font-size: 12px;
    font-weight: 500;
    line-height: 15px;
    margin-bottom: 4px
}

.cu-link-card__edit-url-input {
    font-size: 14px;
    font-weight: 400;
    line-height: 36px;
    display: flex;
    flex-grow: 1;
    min-width: 0
}

.cu-link-card__input-cover {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
    padding-left: 9px
}

.cu-link-card__empty-body {
    font-size: 14px;
    font-weight: 500;
    line-height: 17px
}

@keyframes highlightMove {
    to {
        background-position: 80px 0
    }
}

.task-mention:not([data-updated]):not([data-failed]):not([data-in-sharing-app]) .task-mention__status {
    display: inline-block!important;
    height: 1em;
    width: 1em;
    margin-right: 5px;
    transform: translateY(.14em)
}

.task-mention:not([data-updated]):not([data-failed]):not([data-in-sharing-app]) .task-mention__status svg {
    display: none
}

.task-mention:not([data-updated]):not([data-failed]):not([data-in-sharing-app]) .task-mention__name {
    display: contents;
    height: 1em;
    width: 60px;
    background-color: #d6d9de;
    border-radius: .14em;
    transform: translateY(.14em);
    background-image: linear-gradient(100deg,rgba(255,255,255,0),rgba(255,255,255,.3) 40%,rgba(255,255,255,0) 80%);
    background-size: 60px 100%;
    background-repeat: no-repeat;
    background-position: -80px 0;
    animation: highlightMove 1s infinite
}

.dark-theme .task-mention:not([data-updated]):not([data-failed]):not([data-in-sharing-app]) .task-mention__name {
    background-color: #384047
}

.ql-view-mention:not([data-updated]):not([data-failed]):not([data-in-sharing-app]) .ql-view-mention__name {
    display: contents;
    height: 1em;
    width: 60px;
    background-color: #d6d9de;
    border-radius: .14em;
    transform: translateY(.14em);
    background-image: linear-gradient(100deg,rgba(255,255,255,0),rgba(255,255,255,.3) 40%,rgba(255,255,255,0) 80%);
    background-size: 60px 100%;
    background-repeat: no-repeat;
    background-position: -80px 0;
    animation: highlightMove 1s infinite
}

.dark-theme .ql-view-mention:not([data-updated]):not([data-failed]):not([data-in-sharing-app]) .ql-view-mention__name {
    background-color: #384047
}

.ql-doc-mention:not([data-updated]):not([data-failed]):not([data-in-sharing-app]) .ql-doc-mention__name {
    display: contents;
    height: 1em;
    width: 60px;
    background-color: #d6d9de;
    border-radius: .14em;
    transform: translateY(.14em);
    background-image: linear-gradient(100deg,rgba(255,255,255,0),rgba(255,255,255,.3) 40%,rgba(255,255,255,0) 80%);
    background-size: 60px 100%;
    background-repeat: no-repeat;
    background-position: -80px 0;
    animation: highlightMove 1s infinite
}

.dark-theme .ql-doc-mention:not([data-updated]):not([data-failed]):not([data-in-sharing-app]) .ql-doc-mention__name {
    background-color: #384047
}

.ql-block-mention:not([data-updated]):not([data-failed]):not([data-in-sharing-app]) .ql-block-mention__name {
    display: contents;
    height: 1em;
    width: 60px;
    background-color: #d6d9de;
    border-radius: .14em;
    transform: translateY(.14em);
    background-image: linear-gradient(100deg,rgba(255,255,255,0),rgba(255,255,255,.3) 40%,rgba(255,255,255,0) 80%);
    background-size: 60px 100%;
    background-repeat: no-repeat;
    background-position: -80px 0;
    animation: highlightMove 1s infinite
}

.dark-theme .ql-block-mention:not([data-updated]):not([data-failed]):not([data-in-sharing-app]) .ql-block-mention__name {
    background-color: #384047
}

.ql-goal-mention:not([data-updated]):not([data-failed]):not([data-in-sharing-app]) .ql-goal-mention__name {
    display: contents;
    height: 1em;
    width: 60px;
    background-color: #d6d9de;
    border-radius: .14em;
    transform: translateY(.14em);
    background-image: linear-gradient(100deg,rgba(255,255,255,0),rgba(255,255,255,.3) 40%,rgba(255,255,255,0) 80%);
    background-size: 60px 100%;
    background-repeat: no-repeat;
    background-position: -80px 0;
    animation: highlightMove 1s infinite
}

.dark-theme .ql-goal-mention:not([data-updated]):not([data-failed]):not([data-in-sharing-app]) .ql-goal-mention__name {
    background-color: #384047
}

.codox-user-caret.codox-user-caret-visible {
    opacity: 1!important
}

.ql-editor.ql-column-resizing {
    -webkit-user-select: none;
    user-select: none
}

.ql-layout-row-container {
    display: flex;
    contain: layout;
    padding: 4px 0
}

@media screen and (max-width: 544px) and (max-width: 544px) {
    .cu-dashboard-doc-container__scroll-container_public .ql-layout-row-container {
        flex-wrap:wrap
    }
}

.cu-dashboard-doc-container__scroll-container_public .ql-layout-row-container .ql-layout-col-container:before {
    display: none
}

.ql-layout-row-container:hover>.ql-layout-col-container:before,.ql-layout-row-container[style]>.ql-layout-col-container:before {
    background-color: #e8eaed
}

.dark-theme .ql-layout-row-container:hover>.ql-layout-col-container:before,.dark-theme .ql-layout-row-container[style]>.ql-layout-col-container:before {
    background-color: #d5d6d74d
}

.ql-layout-row-container>.ql-layout-col-container {
    flex: 1;
    width: 0;
    display: flex;
    flex-direction: column;
    padding: 0 24px;
    border-right: 1px dashed transparent;
    position: relative
}

@media screen and (max-width: 544px) and (max-width: 544px) {
    .cu-dashboard-doc-container__scroll-container_public .ql-layout-row-container>.ql-layout-col-container {
        flex-basis:100%!important;
        margin-bottom: 25px;
        padding: 0
    }

    .cu-dashboard-doc-container__scroll-container_public .ql-layout-row-container>.ql-layout-col-container:before {
        content: "";
        position: absolute;
        width: 48px;
        height: 3px;
        border-radius: 4px;
        top: initial;
        bottom: -16px;
        left: 50%;
        transform: translate(-50%)
    }
}

.ql-layout-row-container>.ql-layout-col-container:before {
    content: "";
    position: absolute;
    width: 3px;
    height: 48px;
    border-radius: 4px;
    top: 50%;
    left: 100%;
    transform: translate(-1px,-50%)
}

.ql-layout-row-container>.ql-layout-col-container[data-layout-align=center] {
    justify-content: center
}

.ql-layout-row-container>.ql-layout-col-container[data-layout-align=bottom] {
    justify-content: flex-end
}

.ql-layout-row-container>.ql-layout-col-container[data-empty-column=true] {
    min-height: 176px
}

.ql-layout-row-container>.ql-layout-col-container[data-empty-column=true]:after {
    content: attr(data-empty-column-placeholder);
    position: absolute;
    width: calc(100% - 48px);
    height: 100%;
    left: 24px;
    top: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 2px dashed #d6d9de;
    color: #adb3bd;
    font-style: normal;
    border-radius: 4px
}

.dark-theme .ql-layout-row-container>.ql-layout-col-container[data-empty-column=true]:after {
    border-color: #d5d6d74d;
    color: #d5d6d74d
}

.ql-layout-row-container>.ql-layout-col-container[data-empty-column=true].allowed-active:after {
    background-color: #516cf0;
    cursor: pointer
}

.ql-layout-row-container>.ql-layout-col-container[data-empty-column=true].not-allowed-active:after {
    background-color: #d164644d;
    cursor: not-allowed
}

.ql-layout-row-container>.ql-layout-col-container:last-child {
    border: 0
}

.ql-layout-row-container>.ql-layout-col-container:last-child:before {
    display: none
}

.ql-layout-row-container>.ql-layout-col-container [quill-block-placeholder]:after {
    visibility: hidden
}

.ql-editor .ql-layout-row-container>.ql-layout-col-container .ql-code-block-container {
    margin-left: 0!important;
    margin-right: 0!important
}

.ql-column-resize-holder {
    position: absolute;
    display: none;
    cursor: col-resize
}

.ql-column-resize-holder.ql-resizing {
    cursor: grabbing
}

.ql-column-setting-toggle {
    display: none;
    position: absolute
}

.ql-column-resizing * {
    cursor: grabbing
}

.ql-cursor .ql-cursor-caret-container {
    transform: translate(-1px)
}

.ql-cursor .ql-cursor-flag {
    border-radius: 3px!important;
    transform: translate(-4px,-100%)!important
}

.ql-cursor .ql-cursor-flag .ql-cursor-name {
    color: #fff!important
}

.ql-cursor-caret-head {
    background-color: inherit;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    display: block;
    margin-top: -5px;
    margin-left: 50%;
    transform: translate(-50%)
}

.ql-color-red {
    color: #e04f44!important
}

.dark-theme .ql-color-red {
    color: #eb8e87!important
}

.ql-bg-red {
    background-color: #fae3e1!important
}

.dark-theme .ql-bg-red {
    background-color: #643939!important
}

.ql-bg-red.ql-color-red,.ql-bg-red.ql-color-orange,.ql-bg-red.ql-color-yellow,.ql-bg-red.ql-color-blue,.ql-bg-red.ql-color-purple,.ql-bg-red.ql-color-pink,.ql-bg-red.ql-color-green,.ql-bg-red.ql-color-grey {
    background-color: #fae3e1!important
}

.dark-theme .ql-bg-red.ql-color-red,.dark-theme .ql-bg-red.ql-color-orange,.dark-theme .ql-bg-red.ql-color-yellow,.dark-theme .ql-bg-red.ql-color-blue,.dark-theme .ql-bg-red.ql-color-purple,.dark-theme .ql-bg-red.ql-color-pink,.dark-theme .ql-bg-red.ql-color-green,.dark-theme .ql-bg-red.ql-color-grey {
    background-color: #473337!important
}

.ql-color-orange {
    color: #bc5f1c!important
}

.dark-theme .ql-color-orange {
    color: #eca06a!important
}

.ql-bg-orange {
    background-color: #fae7da!important
}

.dark-theme .ql-bg-orange {
    background-color: #65422a!important
}

.ql-bg-orange.ql-color-red,.ql-bg-orange.ql-color-orange,.ql-bg-orange.ql-color-yellow,.ql-bg-orange.ql-color-blue,.ql-bg-orange.ql-color-purple,.ql-bg-orange.ql-color-pink,.ql-bg-orange.ql-color-green,.ql-bg-orange.ql-color-grey {
    background-color: #fdf3ec!important
}

.dark-theme .ql-bg-orange.ql-color-red,.dark-theme .ql-bg-orange.ql-color-orange,.dark-theme .ql-bg-orange.ql-color-yellow,.dark-theme .ql-bg-orange.ql-color-blue,.dark-theme .ql-bg-orange.ql-color-purple,.dark-theme .ql-bg-orange.ql-color-pink,.dark-theme .ql-bg-orange.ql-color-green,.dark-theme .ql-bg-orange.ql-color-grey {
    background-color: #47382f!important
}

.ql-color-yellow {
    color: #cf940a!important
}

.dark-theme .ql-color-yellow {
    color: #fbcb5c!important
}

.ql-bg-yellow {
    background-color: #fef2d6!important
}

.dark-theme .ql-bg-yellow {
    background-color: #6c5723!important
}

.ql-bg-yellow.ql-color-red,.ql-bg-yellow.ql-color-orange,.ql-bg-yellow.ql-color-yellow,.ql-bg-yellow.ql-color-blue,.ql-bg-yellow.ql-color-purple,.ql-bg-yellow.ql-color-pink,.ql-bg-yellow.ql-color-green,.ql-bg-yellow.ql-color-grey {
    background-color: #fef9eb!important
}

.dark-theme .ql-bg-yellow.ql-color-red,.dark-theme .ql-bg-yellow.ql-color-orange,.dark-theme .ql-bg-yellow.ql-color-yellow,.dark-theme .ql-bg-yellow.ql-color-blue,.dark-theme .ql-bg-yellow.ql-color-purple,.dark-theme .ql-bg-yellow.ql-color-pink,.dark-theme .ql-bg-yellow.ql-color-green,.dark-theme .ql-bg-yellow.ql-color-grey {
    background-color: #4b422c!important
}

.ql-color-blue {
    color: #4c68d6!important
}

.dark-theme .ql-color-blue {
    color: #92a8ff!important
}

.ql-bg-blue {
    background-color: #e4e9ff!important
}

.dark-theme .ql-bg-blue {
    background-color: #384575!important
}

.ql-bg-blue.ql-color-red,.ql-bg-blue.ql-color-orange,.ql-bg-blue.ql-color-yellow,.ql-bg-blue.ql-color-blue,.ql-bg-blue.ql-color-purple,.ql-bg-blue.ql-color-pink,.ql-bg-blue.ql-color-green,.ql-bg-blue.ql-color-grey {
    background-color: #f1f4ff!important
}

.dark-theme .ql-bg-blue.ql-color-red,.dark-theme .ql-bg-blue.ql-color-orange,.dark-theme .ql-bg-blue.ql-color-yellow,.dark-theme .ql-bg-blue.ql-color-blue,.dark-theme .ql-bg-blue.ql-color-purple,.dark-theme .ql-bg-blue.ql-color-pink,.dark-theme .ql-bg-blue.ql-color-green,.dark-theme .ql-bg-blue.ql-color-grey {
    background-color: #313a54!important
}

.ql-color-purple {
    color: #5f55ee!important
}

.dark-theme .ql-color-purple {
    color: #9992f4!important
}

.ql-bg-purple {
    background-color: #e5e4fc!important
}

.dark-theme .ql-bg-purple {
    background-color: #3b3a70!important
}

.ql-bg-purple.ql-color-red,.ql-bg-purple.ql-color-orange,.ql-bg-purple.ql-color-yellow,.ql-bg-purple.ql-color-blue,.ql-bg-purple.ql-color-purple,.ql-bg-purple.ql-color-pink,.ql-bg-purple.ql-color-green,.ql-bg-purple.ql-color-grey {
    background-color: #f2f1fe!important
}

.dark-theme .ql-bg-purple.ql-color-red,.dark-theme .ql-bg-purple.ql-color-orange,.dark-theme .ql-bg-purple.ql-color-yellow,.dark-theme .ql-bg-purple.ql-color-blue,.dark-theme .ql-bg-purple.ql-color-purple,.dark-theme .ql-bg-purple.ql-color-pink,.dark-theme .ql-bg-purple.ql-color-green,.dark-theme .ql-bg-purple.ql-color-grey {
    background-color: #323452!important
}

.ql-color-pink {
    color: #c75485!important
}

.dark-theme .ql-color-pink {
    color: #f498be!important
}

.ql-bg-pink {
    background-color: #fce5ef!important
}

.dark-theme .ql-bg-pink {
    background-color: #693d54!important
}

.ql-bg-pink.ql-color-red,.ql-bg-pink.ql-color-orange,.ql-bg-pink.ql-color-yellow,.ql-bg-pink.ql-color-blue,.ql-bg-pink.ql-color-purple,.ql-bg-pink.ql-color-pink,.ql-bg-pink.ql-color-green,.ql-bg-pink.ql-color-grey {
    background-color: #fef2f7!important
}

.dark-theme .ql-bg-pink.ql-color-red,.dark-theme .ql-bg-pink.ql-color-orange,.dark-theme .ql-bg-pink.ql-color-yellow,.dark-theme .ql-bg-pink.ql-color-blue,.dark-theme .ql-bg-pink.ql-color-purple,.dark-theme .ql-bg-pink.ql-color-pink,.dark-theme .ql-bg-pink.ql-color-green,.dark-theme .ql-bg-pink.ql-color-grey {
    background-color: #493644!important
}

.ql-color-green {
    color: #259646!important
}

.dark-theme .ql-color-green {
    color: #73cd8c!important
}

.ql-bg-green {
    background-color: #dcf2e2!important
}

.dark-theme .ql-bg-green {
    background-color: #28583b!important
}

.ql-bg-green.ql-color-red,.ql-bg-green.ql-color-orange,.ql-bg-green.ql-color-yellow,.ql-bg-green.ql-color-blue,.ql-bg-green.ql-color-purple,.ql-bg-green.ql-color-pink,.ql-bg-green.ql-color-green,.ql-bg-green.ql-color-grey {
    background-color: #edf9f1!important
}

.dark-theme .ql-bg-green.ql-color-red,.dark-theme .ql-bg-green.ql-color-orange,.dark-theme .ql-bg-green.ql-color-yellow,.dark-theme .ql-bg-green.ql-color-blue,.dark-theme .ql-bg-green.ql-color-purple,.dark-theme .ql-bg-green.ql-color-pink,.dark-theme .ql-bg-green.ql-color-green,.dark-theme .ql-bg-green.ql-color-grey {
    background-color: #2d4442!important
}

.ql-color-grey {
    color: #87909e!important
}

.dark-theme .ql-color-grey {
    color: #adb3bd!important
}

.ql-bg-grey {
    background-color: #f0f1f3!important
}

.dark-theme .ql-bg-grey {
    background-color: #2a2e34!important
}

.ql-bg-grey.ql-color-red,.ql-bg-grey.ql-color-orange,.ql-bg-grey.ql-color-yellow,.ql-bg-grey.ql-color-blue,.ql-bg-grey.ql-color-purple,.ql-bg-grey.ql-color-pink,.ql-bg-grey.ql-color-green,.ql-bg-grey.ql-color-grey {
    background-color: #f7f8f9!important
}

.dark-theme .ql-bg-grey.ql-color-red,.dark-theme .ql-bg-grey.ql-color-orange,.dark-theme .ql-bg-grey.ql-color-yellow,.dark-theme .ql-bg-grey.ql-color-blue,.dark-theme .ql-bg-grey.ql-color-purple,.dark-theme .ql-bg-grey.ql-color-pink,.dark-theme .ql-bg-grey.ql-color-green,.dark-theme .ql-bg-grey.ql-color-grey {
    background-color: #1a1c20!important
}

.cu-scratchpad_stacking-context {
    position: relative;
    z-index: 905
}

.scratchpad {
    position: fixed;
    bottom: 62px;
    right: 26px
}

.scratchpad-converted {
    padding: 30px;
    text-align: center;
    font-size: 20px
}

.scratchpad-converted-text {
    margin-bottom: 30px
}

.scratchpad-converted-btns .cu-btn.scatchpad-delete-btn {
    color: red;
    background: white;
    border-color: red
}

.scratchpad-hide {
    display: none
}

.scratchpad-empty {
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center
}

.scratchpad-empty-image {
    width: 100px;
    height: 98px
}

.scratchpad-empty__title {
    font-size: 17px;
    font-weight: 400;
    line-height: 24px;
    margin-top: 16px;
    margin-bottom: 24px;
    display: inline-block
}

.scratchpad-empty__list {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 12px;
    font-weight: 400;
    line-height: 1
}

.scratchpad-empty__list-title {
    font-size: 12px;
    font-weight: 400;
    line-height: 1.2
}

.scratchpad-empty__list__item {
    color: #9b9b9b;
    margin-top: 12px
}

.scratchpad .ql-snow .cu-rich-editor-toolbar {
    margin-top: 15px
}

.scratchpad .cu-editor-wrapper .ql-editor {
    padding: 0 0 20px;
    font-size: 13px;
    height: 100%;
    word-break: break-word;
    text-align: left;
    direction: ltr
}

.scratchpad-note {
    flex-grow: 1;
    display: flex;
    min-height: 0
}

.scratchpad-note .cu-rich-editor-toolbar__row {
    display: flex;
    align-items: center;
    overflow-x: auto;
    padding: 0 4px 30px;
    margin-bottom: -30px
}

.scratchpad-note .cu-rich-editor-toolbar__row::-webkit-scrollbar {
    display: none;
    width: 0;
    height: 0
}

@-moz-document url-prefix() {
    .scratchpad-note .cu-rich-editor-toolbar__row {
        scrollbar-width: none
    }
}

.scratchpad-note .cu-rich-editor-toolbar__row:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 8px;
    height: 100%;
    z-index: 10;
    pointer-events: none;
    background: linear-gradient(to left,rgba(255,255,255,0) 0%,white 100%)
}

.dark-theme .scratchpad-note .cu-rich-editor-toolbar__row:before {
    background: linear-gradient(to left,rgba(56,64,71,0) 0%,#384047 100%)
}

.scratchpad-note .cu-rich-editor-toolbar__row:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    width: 8px;
    height: 100%;
    z-index: 10;
    pointer-events: none;
    background: linear-gradient(to right,rgba(255,255,255,0) 0%,white 100%)
}

.dark-theme .scratchpad-note .cu-rich-editor-toolbar__row:after {
    background: linear-gradient(to right,rgba(56,64,71,0) 0%,#384047 100%)
}

.scratchpad-note .scratchpad-note__inner {
    display: flex;
    min-width: 0
}

.scratchpad-note .task__inner {
    background: #fff
}

.dark-theme .scratchpad-note .task__inner {
    background: #384047
}

.scratchpad__btn {
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all .2s cubic-bezier(.785,.135,.15,.86) 0s;
    width: 40px;
    height: 40px;
    cursor: pointer;
    fill: #fff;
    border-radius: 4px;
    padding: 11px
}

.scratchpad__btn:hover {
    background: rgba(255,255,255,.2)
}

.scratchpad__btn_last {
    padding: 12px;
    margin-right: 10px;
    margin-left: auto
}

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

.scratchpad .cu-dropdown_open .scratchpad__menu-container .scratchpad__btn {
    background: rgba(255,255,255,.2)
}

.scratchpad-editor {
    flex-grow: 1;
    display: flex;
    flex-direction: column
}

.scratchpad-editor .ql-toolbar.ql-snow,.scratchpad-editor .ql-container.ql-snow {
    border: 0
}

.scratchpad-editor__toolbar {
    padding-top: 7px;
    padding-left: 12px;
    padding-right: 12px;
    box-sizing: border-box
}

.scratchpad-item {
    height: 45px;
    position: relative;
    line-height: 45px;
    margin-left: 40px;
    margin-right: 20px;
    opacity: 0;
    transition-delay: .1s
}

.scratchpad-item__warning {
    position: absolute;
    right: 0;
    color: #d16464;
    opacity: 0;
    top: 0;
    visibility: hidden;
    transition: all .3s cubic-bezier(.785,.135,.15,.86) 0s
}

.scratchpad-item__warning:hover {
    transition: none
}

.scratchpad-item-show-warning .scratchpad-item__content {
    margin-right: 80px
}

.scratchpad-item-show-warning .scratchpad-item__warning {
    opacity: 1;
    visibility: visible
}

.scratchpad-item:hover .scratchpad-item__right-menu {
    opacity: 1;
    margin-right: 0
}

.scratchpad-item:hover .scratchpad-item__handle {
    opacity: 1
}

.scratchpad-item:hover .scratchpad-item__content {
    margin-right: 80px
}

.scratchpad-item__handle {
    opacity: 0;
    width: 20px;
    position: absolute;
    z-index: 2;
    top: 0;
    bottom: 0;
    margin-top: auto;
    margin-bottom: auto;
    left: -20px;
    height: 45px;
    padding: 3px 7px;
    box-sizing: border-touch-calloutbox;
    cursor: move;
    -webkit-user-select: none;
    user-select: none;
    fill: #dbdbdb
}

.dark-theme .scratchpad-item__handle {
    fill: #979797
}

.scratchpad-item__button {
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all .2s cubic-bezier(.785,.135,.15,.86) 0s;
    --color-hover-bg: #f0f1f3;
    --color-icon-fill: #656f7d;
    position: relative;
    width: 24px;
    height: 24px;
    border: none;
    border-radius: 4px
}

.dark-theme .scratchpad-item__button {
    --color-hover-bg: #2b343b;
    --color-icon-fill: #979797
}

.scratchpad-item__button:hover,.scratchpad-item__button:focus {
    background-color: var(--color-hover-bg)
}

.scratchpad-item__button+.scratchpad-item__button {
    margin-left: 8px
}

.scratchpad-item__button--new.in-editor {
    height: 100%
}

.scratchpad-item__button .icon {
    width: 16px;
    height: 16px;
    fill: var(--color-icon-fill)
}

.scratchpad-item+.scratchpad-item {
    border-top: 1px solid rgba(185,190,199,.5)
}

.dark-theme .scratchpad-item+.scratchpad-item {
    border-top-color: #7c828d80
}

.scratchpad-item__content {
    transition: all .2s cubic-bezier(.785,.135,.15,.86) 0s;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    cursor: pointer;
    border-width: 0;
    width: 100%;
    height: 100%;
    padding: 0;
    outline: none;
    color: #292d34
}

.scratchpad-item__content:hover {
    transition: none
}

.dark-theme .scratchpad-item__content {
    color: #d5d6d7;
    box-shadow: none;
    background: transparent
}

.scratchpad-item__content_note-name .scratchpad-item__archived-icon {
    display: inline-block;
    vertical-align: text-bottom;
    height: 14px;
    width: 14px;
    fill: #adb3bd;
    margin-right: 3px
}

.scratchpad-item__right-menu {
    transition: opacity .2s cubic-bezier(.785,.135,.15,.86) 0s;
    height: 100%;
    padding-left: 25px;
    box-sizing: border-box;
    position: absolute;
    display: flex;
    flex-direction: row;
    align-items: center;
    right: 0;
    top: 0;
    opacity: 0;
    background: repeating-linear-gradient(to right,rgba(255,255,255,.001) 0%,white 20px,white 100%)
}

.dark-theme .scratchpad-item__right-menu {
    background: repeating-linear-gradient(to right,rgba(56,64,71,.001) 0%,#384047 20px,#384047 100%)
}

.scratchpad-active.scratchpad-show-warning .scratchpad-body {
    margin-bottom: 40px
}

.scratchpad-active.scratchpad-show-warning .scratchpad-container__warning {
    visibility: visible;
    opacity: 1;
    margin-bottom: 0
}

.scratchpad-active.scratchpad-show-warning .scratchpad-note__inner .cu-editor-footer-info {
    display: none
}

.scratchpad-active .scratchpad-container {
    opacity: 1
}

.scratchpad-active .scratchpad-item {
    margin-left: 20px;
    opacity: 1
}

.scratchpad-container {
    transition: all .2s cubic-bezier(.785,.135,.15,.86) 0s;
    max-height: 465px;
    height: calc(100vh - 195px);
    border-radius: 4px;
    background-color: #fff;
    width: 380px;
    display: flex;
    flex-direction: column;
    box-shadow: 0 20px 54px #0000001a;
    opacity: 0;
    position: relative
}

.scratchpad-container:hover {
    transition: none
}

.dark-theme .scratchpad-container {
    background-color: #384047
}

.scratchpad-container__warning {
    transition: all .2s cubic-bezier(.785,.135,.15,.86) 0s;
    position: absolute;
    text-align: center;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
    visibility: hidden;
    background: rgba(255,255,255,.85);
    height: 100%;
    z-index: 100;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    color: #343434;
    font-size: 15px
}

.dark-theme .scratchpad-container__warning {
    color: #d5d6d7;
    background: rgba(56,64,71,.85)
}

.scratchpad-container__warning-btn {
    margin: 15px 0 10px
}

.scratchpad-container__warning-retry {
    color: #343434
}

.dark-theme .scratchpad-container__warning-retry {
    color: #d5d6d7
}

.scratchpad-container__warning-retry-link {
    cursor: pointer;
    color: #fd71af;
    border-bottom: 1px dotted #fd71af
}

.scratchpad-container__warning-retry-link:hover {
    color: #fd58a1;
    border-bottom-color: #fd58a1
}

.scratchpad-navigation {
    flex-grow: 0;
    min-height: 60px;
    height: 60px;
    display: flex;
    flex-direction: row;
    background-color: var(--theme-main-color);
    text-align: center;
    align-items: center;
    position: relative
}

.scratchpad-navigation .scratchpad-search {
    width: auto
}

.scratchpad-navigation .scratchpad-search.scratchpad-search_hidden .scratchpad-search-form__input {
    display: none
}

.scratchpad-navigation .scratchpad-search.scratchpad-search_hidden .scratchpad-search-form__icon-loupe {
    transition: background .2s cubic-bezier(.785,.135,.15,.86) 0s
}

.scratchpad-navigation .scratchpad-search.scratchpad-search_hidden .scratchpad-search-form__icon-loupe:hover {
    background: rgba(255,255,255,.2);
    opacity: 1
}

.scratchpad-navigation .scratchpad-search .scratchpad-search-form {
    border-bottom: none;
    margin-left: 10px
}

.scratchpad-navigation .scratchpad-search .scratchpad-search-form__icon {
    width: 40px;
    height: 40px;
    padding: 11px;
    border-radius: 4px;
    cursor: pointer
}

.scratchpad-navigation .scratchpad-search .scratchpad-search-form__icon-loupe .cu-stroke {
    stroke: #fff
}

.scratchpad-navigation .scratchpad-search .scratchpad-search-form__input {
    background: transparent;
    box-shadow: none;
    color: #fff;
    padding: 0 35px 0 40px
}

.scratchpad-navigation .scratchpad-search .scratchpad-search-form__input::placeholder {
    color: #fff6;
    opacity: 1;
    font-size: "initial"
}

.scratchpad-navigation .scratchpad-search .scratchpad-search-close {
    transition: all .2s cubic-bezier(.785,.135,.15,.86) 0s;
    width: 24px;
    height: 24px;
    padding: 6px;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 2px;
    cursor: pointer;
    display: none;
    background: rgba(255,255,255,.2)
}

.scratchpad-navigation .scratchpad-search .scratchpad-search-close:hover {
    background: rgba(255,255,255,.4)
}

.scratchpad-navigation .scratchpad-search .scratchpad-search-close:hover svg {
    transform: rotate(-90deg)
}

.scratchpad-navigation .scratchpad-search .scratchpad-search-close svg {
    transition: all .2s cubic-bezier(.785,.135,.15,.86) 0s;
    stroke: #fff
}

.scratchpad-navigation.scratchpad-navigation-search .scratchpad-search {
    display: flex;
    position: relative;
    width: 100%;
    z-index: 1000;
    padding-right: 15px
}

.scratchpad-navigation.scratchpad-navigation-search .scratchpad-search .scratchpad-search-form__icon-loupe {
    cursor: default
}

.scratchpad-navigation.scratchpad-navigation-search .scratchpad-search .scratchpad-search-form__icon-loupe .cu-stroke {
    stroke: #fff
}

.scratchpad-navigation.scratchpad-navigation-search .scratchpad-search-form {
    position: relative;
    transition: .2s linear;
    flex-grow: 1
}

.scratchpad-navigation.scratchpad-navigation-search .scratchpad-search-form__input {
    font-size: 15px;
    font-weight: 400;
    line-height: 1.15;
    display: block;
    width: 100%;
    margin: 0;
    border: 0;
    transition: .2s linear
}

.scratchpad-navigation.scratchpad-navigation-search .scratchpad-search-form__input:focus {
    outline: none
}

.dark-theme .scratchpad-navigation.scratchpad-navigation-search .scratchpad-search-form__input:focus {
    box-shadow: none
}

.scratchpad-navigation.scratchpad-navigation-search .scratchpad-search-form__icon {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    height: 40px;
    width: 40px;
    pointer-events: none
}

.scratchpad-navigation.scratchpad-navigation-search .scratchpad-search-form__icon-loupe {
    z-index: 20
}

.scratchpad-navigation.scratchpad-navigation-search .scratchpad-navigation__editor-title {
    display: none
}

.scratchpad-navigation.scratchpad-navigation-search .scratchpad-search-close {
    display: block
}

.scratchpad-navigation:before {
    position: absolute;
    background-color: #fff;
    left: 50%;
    width: 1px;
    top: 0;
    bottom: 0;
    margin-top: auto;
    margin-bottom: auto;
    height: 30px;
    opacity: .2
}

.scratchpad-navigation__back {
    position: absolute;
    left: 10px;
    border-radius: 4px;
    height: 4px;
    padding: 20px;
    z-index: 2;
    width: 40px;
    margin-top: auto;
    margin-bottom: auto;
    border-width: 0;
    top: 0;
    bottom: 0;
    cursor: pointer;
    transition: all .2s cubic-bezier(.785,.135,.15,.86) 0s
}

.scratchpad-navigation__back:hover {
    transition: none
}

.scratchpad-navigation__back:hover {
    background: rgba(255,255,255,.2)
}

.scratchpad-navigation__back svg {
    position: absolute;
    width: 9px;
    height: 18px;
    fill: #fff;
    stroke: #fff;
    left: -3px;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto
}

.scratchpad-navigation__editor-title {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 16px;
    font-weight: 500;
    flex-grow: 1;
    position: relative;
    line-height: 1;
    margin-left: 60px;
    margin-right: 8px;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    color: #fff;
    width: 100%
}

.scratchpad-navigation__editor-title:focus {
    text-overflow: initial
}

.scratchpad-navigation__editor-title_no-active {
    margin-left: 0;
    margin-right: 0
}

.scratchpad-navigation__item {
    flex-grow: 1;
    position: relative;
    border: 0;
    color: #fff;
    opacity: .4;
    line-height: 60px;
    transition: all .2s cubic-bezier(.785,.135,.15,.86) 0s
}

.scratchpad-navigation__item:hover {
    transition: none
}

.scratchpad-navigation__item:focus,.scratchpad-navigation__item:hover {
    opacity: 1
}

.scratchpad-navigation__item--active {
    cursor: default;
    opacity: 1
}

.scratchpad-body {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    min-height: 0
}

.scratchpad-list {
    flex-grow: 1;
    overflow: auto;
    overflow-x: hidden
}

.scratchpad-footer {
    flex-grow: 0;
    min-height: 45px;
    height: 45px;
    padding-left: 20px;
    padding-right: 20px;
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    justify-content: center;
    border-top: 1px solid rgba(185,190,199,.5);
    background: #fafbfc
}

.dark-theme .scratchpad-footer {
    border-top-color: #7c828d80;
    background: rgba(43,52,59,.5)
}

.scratchpad-footer__input {
    flex-grow: 1;
    width: 100%;
    height: 21px;
    border: 0;
    align-self: center;
    background: transparent
}

.scratchpad-footer__input::placeholder {
    color: #34343466;
    opacity: 1;
    font-size: 14px
}

.dark-theme .scratchpad-footer__input {
    color: #d5d6d7;
    background: transparent
}

.dark-theme .scratchpad-footer__input::placeholder {
    color: #d5d6d766;
    opacity: 1;
    font-size: 14px
}

.scratchpad-footer__input:focus,.scratchpad-footer__input:active {
    box-shadow: none
}

.scratchpad-footer__button {
    transition: all .3s cubic-bezier(.785,.135,.15,.86) 0s;
    margin-left: 15px;
    border-radius: 3px;
    padding: 5px 10px;
    height: 31px;
    color: #fff;
    background-color: var(--theme-main-color);
    border-width: 0;
    align-self: center
}

.scratchpad-footer__button:disabled {
    cursor: not-allowed;
    opacity: .65
}

.scratchpad-footer__button:hover {
    transition: none
}

.scratchpad cu-task-editor {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    min-height: 0
}

.scratchpad.scratchpad-fullscreen {
    width: 98%;
    max-width: 950px;
    height: 98%;
    z-index: 1000;
    padding-top: 100px
}

.scratchpad.scratchpad-fullscreen .scratchpad-container {
    width: 100%;
    max-height: none;
    height: 100%
}

.scratchpad.scratchpad-fullscreen .cu-editor-wrapper .cu-editor-content {
    padding-bottom: 60px
}

.scratchpad.scratchpad-fullscreen .cu-editor-wrapper .cu-editor-footer-info {
    bottom: 10px
}

.scratchpad .cu-editor-wrapper {
    display: flex;
    flex-direction: column;
    position: relative;
    min-height: 0
}

.scratchpad .cu-editor-wrapper.scrachpad-editor {
    margin: 0
}

.scratchpad .cu-editor-wrapper_active .cu-editor:after {
    display: none!important
}

.scratchpad .cu-editor-wrapper .cu-editor {
    display: flex;
    flex-direction: column;
    flex-grow: 1
}

.scratchpad .cu-editor-wrapper .cu-editor:after {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 8px;
    bottom: 0;
    background: linear-gradient(180deg,rgba(255,255,255,0) 0%,white 100%)
}

.dark-theme .scratchpad .cu-editor-wrapper .cu-editor:after {
    background: linear-gradient(180deg,rgba(56,64,71,0) 0%,#384047 100%)
}

.scratchpad .cu-editor-wrapper .ql-editor {
    padding-left: 24px;
    padding-right: 24px;
    text-align: left;
    direction: ltr
}

.scratchpad .cu-editor-wrapper .cu-editor-content {
    flex: 1;
    max-height: 100%
}

.scratchpad .cu-editor-wrapper .cu-rich-editor-toolbar.ql-toolbar.ql-snow {
    z-index: 3;
    width: auto;
    height: 37px;
    flex-shrink: 0;
    padding: 0;
    border-radius: 0;
    border-bottom: 1px solid #e8eaed
}

.dark-theme .scratchpad .cu-editor-wrapper .cu-rich-editor-toolbar.ql-toolbar.ql-snow {
    border-bottom-color: #4f5762;
    background-color: #384047
}

.scratchpad .cu-editor-wrapper .cu-editor-content {
    position: relative;
    display: flex;
    flex-direction: column;
    padding-bottom: 35px;
    padding-top: 15px
}

.scratchpad .cu-editor-wrapper .cu-editor-footer-info {
    position: absolute;
    top: auto;
    right: 5px;
    bottom: 5px;
    z-index: 222
}

.scratchpad .cu-editor-wrapper .ql-float-button__toggle {
    margin-left: 2px
}

.scratchpad .scratchpad-editor .scratchpad__toolbar__formats.ql-formats {
    margin-right: 22px
}

.scratchpad .ql-toolbar {
    z-index: 1;
    margin-bottom: 0!important
}

.scratchpad .ql-toolbar button.scratchpad__toolbar__button {
    padding: 0;
    width: inherit;
    opacity: .4
}

.scratchpad .ql-toolbar button.scratchpad__toolbar__button:hover,.scratchpad .ql-toolbar button.scratchpad__toolbar__button.ql-active {
    opacity: 1;
    color: var(--theme-main-color)
}

.scratchpad .ql-toolbar button.scratchpad__toolbar__button:hover .ql-stroke,.scratchpad .ql-toolbar button.scratchpad__toolbar__button.ql-active .ql-stroke {
    stroke: var(--theme-main-color)
}

.scratchpad .ql-toolbar button.scratchpad__toolbar__button+.scratchpad__toolbar__button {
    margin-left: 14px
}

.scratchpad-modal-button {
    display: inline-block;
    text-align: center;
    margin-right: 20px
}

.scratchpad-modal-button:last-child {
    margin-right: 0
}

.scrachpad-editor {
    flex-grow: 1
}

.scrachpad-editor .ql-formats,.scrachpad-editor .ql-editor {
    border: 0!important
}

.scrachpad-editor .ql-editor {
    box-sizing: border-box
}

.scrachpad-editor .ql-formats {
    margin: 0!important;
    padding: 0!important;
    display: block
}

.scrachpad-editor .ql-editor.ql-blank {
    min-height: 0
}

.scrachpad-editor .ql-editor.ql-blank:before {
    left: 25px;
    top: 6px!important;
    line-height: 1;
    background: transparent;
    content: "Add note"
}

.scrachpad-editor.cu-editor-wrapper .cu-rich-editor-toolbar.ql-toolbar.ql-snow .ql-underline {
    display: flex
}

.scrachpad-editor .ql-tooltip {
    z-index: 10
}

.scrachpad-editor .task-mention__name {
    font-size: 12px
}

.scratchpad-note .cu-ql-dropdown:not(.cu-ql-dropdown_top) {
    transform: translateY(0)
}

.scratchpad-note .cu-ql-dropdown.cu-ql-dropdown_top {
    transform: translateY(-30px)
}

.scratchpad-item__button .cu-fill,.nav-menu-item__icon .cu-fill {
    fill: #cecfe0
}

.scratchpad-item__button .cu-stroke,.nav-menu-item__icon .cu-stroke {
    stroke: #cecfe0
}

.scratchpad-item__button .pencil-stroke,.nav-menu-item__icon .pencil-stroke {
    stroke-width: 1.6px
}

.cu-categories-list {
    width: 300px;
    padding: 15px
}

.cu-categories-list__body {
    max-height: 400px;
    overflow: auto
}

.cu-categories-list__item:not(:last-child) {
    border-bottom: 1px solid #e4e4e4
}

.dark-theme .cu-categories-list__item:not(:last-child) {
    border-bottom: 1px solid #1e272e
}

.cu-categories-list.cu-categories-list_fw {
    width: 400px
}

.cu-categories-list.cu-categories-list_fullwidth {
    width: 100%
}

.cu-categories-list.cu-categories-list_import {
    max-height: 200px;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 0
}

.cu-categories-list.cu-categories-list_import .cu-categories-list__item {
    border: 0
}

.cu-categories-list.cu-categories-list_import .cu-category__header {
    padding: 0
}

.cu-categories-list.cu-categories-list_import .cu-category__name {
    font-size: 14px;
    font-weight: 400;
    padding: 2px 0 10px;
    color: #565656
}

.cu-categories-list.cu-categories-list_import .cu-sub-category {
    padding: 0 0 0 20px
}

.cu-category {
    position: relative
}

.cu-category__header {
    margin-left: 5px;
    padding: 15px 0;
    position: relative;
    display: flex
}

.cu-category__controls {
    border-color: #A2C44A;
    position: relative;
    flex-shrink: 0;
    width: 14px;
    height: 14px;
    border: 2px solid;
    border-radius: 2px;
    margin: 0 10px 0 0;
    cursor: pointer
}

@supports (--theme-main-color: $color-purple) {
    .cu-category__controls {
        border-color:var(--theme-main-color)
    }
}

.cu-category__controls:before,.cu-category__controls:after {
    content: "";
    display: block;
    position: absolute;
    background: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .cu-category__controls:before,.cu-category__controls:after {
        background:var(--theme-main-color)
    }
}

.cu-category__controls:before {
    width: 6px;
    height: 2px;
    top: 4px;
    left: 2px
}

.cu-category__controls:after {
    width: 2px;
    height: 6px;
    top: 2px;
    left: 4px
}

.cu-category__name {
    color: #A2C44A;
    font-size: 15px;
    font-weight: 500;
    line-height: 15px;
    flex-grow: 1;
    text-decoration: none
}

@supports (--theme-main-color: $color-purple) {
    .cu-category__name {
        color:var(--theme-main-color)
    }
}

.cu-category__body {
    overflow: hidden;
    height: 0
}

.cu-category_selected {
    background: #A2C44A;
    color: #fff
}

@supports (--theme-main-color: $color-purple) {
    .cu-category_selected {
        background:var(--theme-main-color)
    }
}

.cu-category_selected .cu-category__header .cu-category__name {
    color: #fff
}

.cu-category_selected .cu-category__header .cu-category__controls {
    border-color: #A2C44A;
    position: relative;
    flex-shrink: 0;
    width: 14px;
    height: 14px;
    border: 2px solid;
    border: 2px solid white;
    border-radius: 2px;
    margin: 0 10px 0 0;
    cursor: pointer
}

@supports (--theme-main-color: $color-purple) {
    .cu-category_selected .cu-category__header .cu-category__controls {
        border-color:var(--theme-main-color)
    }
}

.cu-category_selected .cu-category__header .cu-category__controls:before,.cu-category_selected .cu-category__header .cu-category__controls:after {
    content: "";
    display: block;
    position: absolute;
    background: #A2C44A;
    background: white
}

@supports (--theme-main-color: $color-purple) {
    .cu-category_selected .cu-category__header .cu-category__controls:before,.cu-category_selected .cu-category__header .cu-category__controls:after {
        background:var(--theme-main-color)
    }
}

.cu-category_selected .cu-category__header .cu-category__controls:before {
    width: 6px;
    height: 2px;
    top: 4px;
    left: 2px
}

.cu-category_selected .cu-category__header .cu-category__controls:after {
    width: 2px;
    height: 6px;
    top: 2px;
    left: 4px
}

.cu-category_selected .cu-category__body {
    color: #A2C44A;
    background: #fff
}

@supports (--theme-main-color: $color-purple) {
    .cu-category_selected .cu-category__body {
        color:var(--theme-main-color)
    }
}

.cu-category_active:before,.cu-category_open:before {
    background: #A2C44A;
    content: "";
    display: block;
    position: absolute;
    width: 2px;
    height: calc(100% - 44px);
    top: 35px;
    left: 6px
}

@supports (--theme-main-color: $color-purple) {
    .cu-category_active:before,.cu-category_open:before {
        background:var(--theme-main-color)
    }
}

.cu-category_active .cu-category__controls,.cu-category_open .cu-category__controls {
    border-color: #A2C44A;
    position: relative;
    flex-shrink: 0;
    width: 14px;
    height: 14px;
    border: 2px solid;
    border-radius: 2px;
    margin: 0 10px 0 0;
    cursor: pointer
}

@supports (--theme-main-color: $color-purple) {
    .cu-category_active .cu-category__controls,.cu-category_open .cu-category__controls {
        border-color:var(--theme-main-color)
    }
}

.cu-category_active .cu-category__controls:before,.cu-category_active .cu-category__controls:after,.cu-category_open .cu-category__controls:before,.cu-category_open .cu-category__controls:after {
    content: "";
    display: block;
    position: absolute;
    background: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .cu-category_active .cu-category__controls:before,.cu-category_active .cu-category__controls:after,.cu-category_open .cu-category__controls:before,.cu-category_open .cu-category__controls:after {
        background:var(--theme-main-color)
    }
}

.cu-category_active .cu-category__controls:before,.cu-category_open .cu-category__controls:before {
    width: 6px;
    height: 2px;
    top: 4px;
    left: 2px
}

.cu-category_active .cu-category__controls:after,.cu-category_open .cu-category__controls:after {
    width: 2px;
    height: 6px;
    top: 2px;
    left: 4px;
    display: none
}

.cu-category_active .cu-category__header,.cu-category_open .cu-category__header {
    padding-bottom: 10px
}

.cu-category_active .cu-category__body,.cu-category_open .cu-category__body {
    height: auto;
    padding: 0 0 10px
}

.cu-category_empty .cu-category__controls:before {
    display: none
}

.cu-category_empty .cu-category__controls:after {
    display: none
}

.cu-sub-category {
    font-size: 14px;
    font-weight: 300;
    display: block;
    text-decoration: none;
    padding: 0 0 0 30px;
    height: 30px;
    line-height: 30px;
    color: #565656;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.dark-theme .cu-sub-category {
    color: #abaeb0
}

.cu-sub-category_active {
    position: relative
}

.cu-sub-category_active:before {
    content: "";
    display: block;
    position: absolute;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: #A2C44A;
    top: 12px;
    left: 17px
}

@supports (--theme-main-color: $color-purple) {
    .cu-sub-category_active:before {
        background:var(--theme-main-color)
    }
}

.cu-sub-category_selected {
    color: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .cu-sub-category_selected {
        color:var(--theme-main-color)
    }
}

.cu-sections-list__header {
    padding: 15px
}

.card.cu-sections-list,.panel.cu-sections-list {
    border-bottom: 1px solid #e4e4e4
}

.dark-theme .card.cu-sections-list,.dark-theme .panel.cu-sections-list {
    border-bottom: 1px solid #1e272e
}

.card.cu-sections-list .card-header {
    font-size: 13px;
    font-weight: 500;
    line-height: 1;
    margin: 0;
    padding: 10px 15px;
    cursor: pointer
}

.cu-section__header-block {
    display: flex;
    align-items: center
}

.cu-section__header-block * .cu-ct__add-section {
    visibility: hidden
}

.cu-section__header-block:hover * .cu-ct__add-section {
    visibility: visible
}

.cu-section__header {
    display: flex;
    align-items: center;
    height: 25px;
    margin-left: 10px
}

.cu-section__header .cu-section__default {
    text-align: center
}

.cu-section__body {
    height: 35px;
    line-height: 35px
}

.cu-section__body:hover .cu-subsection {
    color: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .cu-section__body:hover .cu-subsection {
        color:var(--theme-main-color)
    }
}

.cu-section__body-list-item {
    margin: 0;
    padding: 9px 16px;
    height: auto;
    line-height: 1.2;
    cursor: pointer
}

.cu-section__body-list-item:first-child {
    margin-top: -8px
}

.cu-section__body-list-item:last-child {
    margin-bottom: 10px
}

.cu-section__body .cu-subsection {
    margin-left: 18px
}

.cu-section__body .cu-subsection.cu-subsection_selected {
    color: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .cu-section__body .cu-subsection.cu-subsection_selected {
        color:var(--theme-main-color)
    }
}

.panel.cu-sections-list,.card.cu-sections-list {
    width: 100%
}

.panel.cu-sections-list__body,.card.cu-sections-list__body {
    max-height: 400px;
    overflow-y: scroll
}

.panel.cu-sections-list__item:not(:last-child),.card.cu-sections-list__item:not(:last-child) {
    border-bottom: 1px solid #e4e4e4
}

.panel.cu-sections-list__item .cu-section__default,.card.cu-sections-list__item .cu-section__default {
    margin-left: auto;
    margin-right: 30%;
    color: #2229
}

.panel.cu-sections-list__item .cu-section__default a,.card.cu-sections-list__item .cu-section__default a {
    color: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .panel.cu-sections-list__item .cu-section__default a,.card.cu-sections-list__item .cu-section__default a {
        color:var(--theme-main-color)
    }
}

.card.cu-sections-list:hover .cu-section__header {
    color: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .card.cu-sections-list:hover .cu-section__header {
        color:var(--theme-main-color)
    }
}

.cu-section__default {
    padding: 15px;
    text-align: center;
    width: 100%;
    color: #2229
}

.dark-theme .cu-section__default {
    color: #828588
}

.cu-section__default a {
    color: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .cu-section__default a {
        color:var(--theme-main-color)
    }
}

.cu-sort-list {
    padding: 10px 0
}

.cu-sort-list__item {
    font-size: 12px;
    font-weight: 500;
    white-space: nowrap;
    display: block;
    text-decoration: none;
    text-transform: uppercase;
    color: #544d61;
    padding: 10px 20px
}

.cu-sort-list__item:hover {
    color: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .cu-sort-list__item:hover {
        color:var(--theme-main-color)
    }
}

.cu-sort-list__item_active {
    color: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .cu-sort-list__item_active {
        color:var(--theme-main-color)
    }
}

.cu-project-list {
    padding: 20px 0;
    max-height: 500px
}

.cu-project-list:not(:first-of-type) {
    border-top: 1px solid #d8d8d8
}

.cu-project-list__header {
    display: flex;
    align-items: center;
    margin: 0 0 10px;
    padding: 0 20px
}

.cu-project-list__body {
    max-height: 427px;
    padding: 0 15px;
    overflow: auto
}

.cu-os-win .cu-project-list__body {
    scrollbar-width: thin
}

.cu-os-win .cu-project-list__body::-webkit-scrollbar {
    background-color: #fff;
    width: 16px;
    height: 16px
}

.cu-os-win .cu-project-list__body::-webkit-scrollbar-track {
    background-color: #fff
}

.cu-os-win .cu-project-list__body::-webkit-scrollbar-track:hover {
    background-color: #fff
}

.cu-os-win .cu-project-list__body::-webkit-scrollbar-thumb {
    background-color: #babac080;
    border-radius: 16px;
    border: 5px solid #fff
}

.cu-os-win .cu-project-list__body::-webkit-scrollbar-thumb:hover {
    background-color: #a0a0a5;
    border: 3px solid #fff
}

.cu-os-win .cu-project-list__body::-webkit-scrollbar-button {
    display: none
}

.cu-os-win.dark-theme .cu-project-list__body::-webkit-scrollbar,.cu-os-win .dark-theme .cu-project-list__body::-webkit-scrollbar {
    background-color: #384047
}

.cu-os-win.dark-theme .cu-project-list__body::-webkit-scrollbar-track,.cu-os-win .dark-theme .cu-project-list__body::-webkit-scrollbar-track {
    background-color: #384047
}

.cu-os-win.dark-theme .cu-project-list__body::-webkit-scrollbar-track:hover,.cu-os-win .dark-theme .cu-project-list__body::-webkit-scrollbar-track:hover {
    background-color: #384047
}

.cu-os-win.dark-theme .cu-project-list__body::-webkit-scrollbar-thumb,.cu-os-win .dark-theme .cu-project-list__body::-webkit-scrollbar-thumb {
    border-color: #384047
}

.cu-os-win.dark-theme .cu-project-list__body::-webkit-scrollbar-thumb:hover,.cu-os-win .dark-theme .cu-project-list__body::-webkit-scrollbar-thumb:hover {
    border-color: #384047
}

.cu-os-win.dark-theme .cu-project-list__body::-webkit-scrollbar-corner,.cu-os-win .dark-theme .cu-project-list__body::-webkit-scrollbar-corner {
    background-color: #384047
}

.dark-theme .cu-project-list__body {
    background: #384047
}

.cu-project-list__title {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 12px;
    font-weight: 400;
    padding: 2px 0 0;
    text-transform: uppercase;
    letter-spacing: 2px;
    color: #bcbcbc
}

.cu-project-list__badge {
    fill: #A2C44A;
    width: 16px;
    height: 16px;
    margin: 0 0 0 5px
}

@supports (--theme-main-color: $color-purple) {
    .cu-project-list__badge {
        fill:var(--theme-main-color)
    }
}

.cu-project-list__view-all {
    color: #A2C44A;
    font-size: 12px;
    font-weight: 400;
    padding: 2px 0 0
}

@supports (--theme-main-color: $color-purple) {
    .cu-project-list__view-all {
        color:var(--theme-main-color)
    }
}

.cu-project-list__item {
    position: relative;
    display: flex;
    align-items: center;
    padding: 0 5px;
    max-width: 260px
}

.cu-project-list__item.selected a {
    color: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .cu-project-list__item.selected a {
        color:var(--theme-main-color)
    }
}

.cu-project-list__item.selected a::-moz-focus-inner {
    border: 0
}

.cu-project-list__item.selected a use {
    fill: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .cu-project-list__item.selected a use {
        fill:var(--theme-main-color)
    }
}

.cu-project-list__item .cu-controls__item-hover-show {
    display: none
}

.cu-project-list__item .cu-controls__item-hover-hide {
    display: block;
    margin: 0!important
}

.cu-project-list__item:hover .cu-controls__item-hover-show {
    display: block
}

.cu-project-list__item:hover .cu-controls__item-hover-hide {
    display: none
}

.cu-project-list__item:hover .cu-project-list__item-handle {
    opacity: 1
}

.cu-project-list__item-handle {
    transition: all .1s cubic-bezier(.785,.135,.15,.86) 0s;
    position: absolute;
    left: -10px;
    top: 50%;
    transform: translateY(-50%);
    width: 10px;
    height: 19px;
    margin: 0 5px 0 0;
    opacity: 0;
    cursor: move
}

.cu-project-list__item-handle:hover {
    transition: none
}

.cu-project-list__item-handle svg {
    pointer-events: none
}

.cu-project-list__link {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: all .2s cubic-bezier(.785,.135,.15,.86) 0s;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.3em;
    flex-grow: 1;
    display: block;
    color: #544d61;
    text-decoration: none;
    padding: 8px 5px 6px 0;
    cursor: pointer
}

.cu-project-list__link:hover {
    transition: none
}

.dark-theme .cu-project-list__link {
    color: #d5d6d7
}

.cu-project-list__link:hover {
    color: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .cu-project-list__link:hover {
        color:var(--theme-main-color)
    }
}

.cu-project-list__link::-moz-focus-inner {
    border: 0
}

.cu-project-list__link_sidebar {
    min-width: 200px
}

.cu-project-list__no-results {
    font-size: 13px;
    font-weight: 400;
    line-height: 1.5em;
    padding: 20px 10px;
    color: #34343440;
    font-style: italic
}

.dark-theme .cu-project-list__no-results {
    color: #828588
}

.cu-project-list .cu-controls {
    padding: 0;
    width: 20px
}

.cu-dropdown__menu.cu-projects-list {
    max-height: 300px;
    overflow: auto
}

.cu-timeline-list {
    width: 220px;
    padding: 20px
}

.cu-timeline-list__item {
    position: relative;
    display: flex
}

.cu-timeline-list__item:not(:last-child) {
    margin-bottom: 20px
}

.cu-timeline-list__item:not(:last-child):before {
    content: "";
    display: block;
    position: absolute;
    width: 2px;
    height: 16px;
    top: 30px;
    left: 13px;
    background: rgba(216,216,216,.5)
}

.cu-timeline-list__icon {
    flex-shrink: 0;
    margin: 0 10px 0 0;
    width: 28px;
    height: 28px;
    border-radius: 50%
}

.cu-timeline-list__icon:empty {
    border: 1px dashed rgba(151,151,151,.3)
}

.cu-timeline-list__status {
    font-size: 11px;
    font-weight: 500;
    text-transform: uppercase;
    padding: 2px 0 5px
}

.cu-timeline-list__text {
    font-size: 10px;
    font-weight: 400;
    color: #434343
}

.cu-sidebar-delimiter {
    height: 1px;
    background: #e5e5e5;
    margin: 30px 0
}

.cu-p-r-30 {
    padding-right: 20px
}

.cu-hidden {
    display: none!important
}

.cu-visible {
    visibility: visible!important
}

.cu-invisible {
    visibility: hidden;
    overflow: hidden
}

.cu-note {
    opacity: .6;
    font-size: 11px;
    color: #544d61;
    line-height: 20px
}

.cu-clickable {
    cursor: pointer
}

.cu-cursor-default {
    cursor: default!important
}

.cu-disabled {
    cursor: not-allowed
}

.cu-overflow-y-hidden {
    overflow-y: hidden!important
}

.cu-stroke {
    stroke: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .cu-stroke {
        stroke:var(--theme-main-color)
    }
}

.cu-stroke_dark {
    stroke: #A2C44A
}

@supports (--theme-main-color-dark: $color-purple-dark) {
    .cu-stroke_dark {
        stroke:var(--theme-main-color-dark)
    }
}

.cu-stroke_light {
    stroke: #dfdbfb
}

@supports (--theme-main-color-light: $color-purple-light) {
    .cu-stroke_light {
        stroke:var(--theme-main-color-light)
    }
}

.cu-fill {
    fill: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .cu-fill {
        fill:var(--theme-main-color)
    }
}

.cu-fill_dark {
    fill: #A2C44A
}

@supports (--theme-main-color-dark: $color-purple-dark) {
    .cu-fill_dark {
        fill:var(--theme-main-color-dark)
    }
}

.cu-fill_light {
    fill: #dfdbfb
}

@supports (--theme-main-color-light: $color-purple-light) {
    .cu-fill_light {
        fill:var(--theme-main-color-light)
    }
}

.cu-hide-loader .cu-loader-mind,.cu-hide-loader .cu-toast-new {
    display: none
}

.cu-text-danger {
    color: #fd71af
}

.cu-text-info {
    font-size: 28px;
    color: #000
}

.cu-text-soon {
    color: #ff895a;
    font-size: 12px
}

.cu-text-center {
    text-align: center
}

.cu-text-capitalize {
    text-transform: capitalize
}

.cu-task-count {
    margin: 0 auto;
    width: 120px;
    text-align: center;
    text-transform: uppercase;
    font-size: 15px;
    background: #e0e0e0;
    padding: 10px;
    border-radius: 5px
}

.cu-step-delete {
    margin-top: 25px;
    font-size: 15px
}

.cu-step-delete span {
    color: #fd71af;
    cursor: pointer
}

.help-question-mark {
    transition: fill .2s cubic-bezier(.785,.135,.15,.86) 0s;
    width: 14px;
    height: 14px;
    margin-left: 5px;
    margin-top: -2px;
    display: inline-block;
    cursor: pointer;
    fill: #b9bec7;
    z-index: 5
}

.help-question-mark:hover {
    fill: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .help-question-mark:hover {
        fill:var(--theme-main-color)
    }
}

.cu-user-link {
    color: #A2C44A;
    text-decoration: none
}

@supports (--theme-main-color: $color-purple) {
    .cu-user-link {
        color:var(--theme-main-color)
    }
}

.cu-close {
    transition: all .2s cubic-bezier(.785,.135,.15,.86) 0s;
    width: 24px;
    height: 24px;
    background: url(close.1ca8ac6461d9990a.svg) center center/contain no-repeat transparent;
    opacity: .8
}

.cu-close:hover {
    transition: none
}

.cu-close:hover {
    opacity: 1
}

.cu-delimiter {
    flex-grow: 1
}

.cu-top-0 {
    top: 0
}

.cu-no-pointer * {
    pointer-events: none!important
}

.cu-unselectable {
    -webkit-user-select: none;
    user-select: none;
    pointer-events: none
}

.cu-linkify-link {
    fill: #A2C44A;
    transition: all .2s cubic-bezier(.785,.135,.15,.86) 0s;
    padding-left: 1px;
    vertical-align: middle;
    cursor: pointer
}

@supports (--theme-main-color: $color-purple) {
    .cu-linkify-link {
        fill:var(--theme-main-color)
    }
}

.cu-linkify-link:hover {
    fill: #A2C44A
}

@supports (--theme-main-color-dark: $color-purple-dark) {
    .cu-linkify-link:hover {
        fill:var(--theme-main-color-dark)
    }
}

.cu-slim-scroll .ps__rail-y {
    width: 10px
}

.cu-slim-scroll .ps__rail-y:hover .ps__thumb-y {
    width: 6px
}

.cu-sticky-scroll .ps__rail-y {
    opacity: .3
}

.intercom-namespace .intercom-messenger-frame {
    right: 55px!important
}

.cu-activity-viewers {
    position: relative;
    cursor: pointer
}

.cu-activity-viewers__icon {
    width: 30px;
    height: 20px;
    stroke: #cbc9cf;
    fill: transparent
}

.cu-activity-viewers__icon_dark {
    fill: #343434
}

.cu-activity-viewers__icon:hover,.cu-activity-viewers_active .cu-activity-viewers__icon,.cu-dropdown_open .cu-activity-viewers__icon {
    stroke: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .cu-activity-viewers__icon:hover,.cu-activity-viewers_active .cu-activity-viewers__icon,.cu-dropdown_open .cu-activity-viewers__icon {
        stroke:var(--theme-main-color)
    }
}

.cu-activity-viewers_active.cu-activity-viewers_watching .cu-activity-viewers__icon {
    fill: #A2C44A;
    stroke: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .cu-activity-viewers_active.cu-activity-viewers_watching .cu-activity-viewers__icon {
        fill:var(--theme-main-color)
    }
}

@supports (--theme-main-color: $color-purple) {
    .cu-activity-viewers_active.cu-activity-viewers_watching .cu-activity-viewers__icon {
        stroke:var(--theme-main-color)
    }
}

.cu-activity-viewers_active.no-add {
    cursor: default
}

.cu-activity-viewers__counter {
    background: #A2C44A;
    font-size: 9px;
    font-weight: 500;
    line-height: 1;
    position: absolute;
    top: -10px;
    left: 100%;
    margin-left: -15px;
    border-radius: 10px;
    color: #fff;
    padding: 2px 6px;
    border: 2px solid #fff;
    -webkit-user-select: none;
    user-select: none
}

@supports (--theme-main-color: $color-purple) {
    .cu-activity-viewers__counter {
        background:var(--theme-main-color)
    }
}

.dark-theme .cu-activity-viewers__counter {
    color: #d5d6d7;
    border: 2px solid #384047
}

.cu-attachments {
    margin: 30px 0 0
}

@media screen and (max-width: 992px) {
    .cu-attachments {
        margin:10px 0 0
    }
}

@media print {
    .cu-attachments {
        margin: 0
    }
}

.cu-task-view-attachments .cu-attachments {
    margin: 0
}

.cu-attachments__header {
    display: flex;
    align-items: center;
    margin: 0 0 10px;
    padding: 0 20px 0 30px
}

.cu-attachments__title {
    font-size: 20px;
    font-weight: 300;
    color: #343434
}

.dark-theme .cu-attachments__title {
    color: #d5d6d7
}

.cu-attachments__controls {
    display: flex;
    align-items: center;
    margin: 0 0 0 auto
}

.cu-attachments__controls-divider {
    width: 1px;
    height: 14px;
    margin: 0 12px 0 7px;
    background: #e9ebf0
}

.dark-theme .cu-attachments__controls-divider {
    background: #7c828d
}

.cu-attachments__download {
    transition: background .2s cubic-bezier(.785,.135,.15,.86) 0s;
    padding: 0 8px;
    display: flex;
    align-items: center;
    height: 24px;
    border-radius: 3px;
    cursor: pointer;
    border: 1px solid rgba(185,190,199,.5)
}

.dark-theme .cu-attachments__download {
    border-color: #7c828d
}

.cu-attachments__download:hover {
    background: #f2f2f2
}

.dark-theme .cu-attachments__download:hover {
    background: #2b343b
}

.cu-attachments__download_center {
    justify-content: center
}

.cu-attachments__download_center .cu-attachments__download-text {
    flex-grow: 0
}

.cu-attachments__download_blinking {
    pointer-events: none
}

.cu-attachments__download-text {
    font-size: 12px;
    font-weight: 400;
    line-height: 1;
    flex-grow: 1;
    color: #7c828d
}

.cu-attachments__download-text_percent {
    color: #292d34
}

.dark-theme .cu-attachments__download-text_percent {
    color: #d5d6d7
}

.cu-attachments__download-text_blinking {
    text-align: center;
    animation: flash 1s linear both infinite
}

.cu-attachments__download-icon {
    width: 10px;
    height: 12px;
    margin-right: 4px;
    fill: #b9bec7
}

.dark-theme .cu-attachments__download-icon {
    fill: #7c828d
}

.cu-attachments__download-close {
    transition: color .2s cubic-bezier(.785,.135,.15,.86) 0s;
    width: 10px;
    height: 12px;
    fill: #b9bec7
}

.cu-attachments__download-close:hover {
    fill: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .cu-attachments__download-close:hover {
        fill:var(--theme-main-color)
    }
}

.cu-attachments__download circle-progress {
    height: 18px;
    margin-right: 5px
}

.attachment {
    position: relative;
    display: flex;
    align-items: center;
    padding: 10px 20px 10px 10px
}

.attachment:not(:last-child) {
    border-bottom: 1px solid #f4f4f4
}

.dark-theme .attachment:not(:last-child) {
    border-bottom: 1px solid #2b343b
}

.attachment:hover {
    background: #fafbfc
}

.dark-theme .attachment:hover {
    background: #2b343b
}

.attachment__icon {
    flex-shrink: 0;
    margin: 0 10px 0 0;
    -webkit-user-select: none;
    user-select: none;
    width: 60px;
    min-width: 60px;
    text-align: center;
    position: relative
}

.attachment__icon img {
    height: 30px;
    width: auto
}

.attachment__body {
    flex-grow: 1;
    margin: 0 15px 0 0
}

.attachment__name {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 12px;
    transition: color .1s;
    cursor: pointer;
    color: #343434
}

.dark-theme .attachment__name {
    color: #d5d6d7
}

.attachment__name:hover {
    color: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .attachment__name:hover {
        color:var(--theme-main-color)
    }
}

.attachment__size {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 10px;
    font-weight: 500;
    line-height: 1;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: none;
    margin: 2px 0 -12px;
    color: #b7b9bb
}

.dark-theme .attachment__size {
    color: #828588
}

.attachment:hover .attachment__size {
    display: block
}

.attachment__time {
    font-size: 13px;
    font-weight: 400;
    flex-shrink: 0;
    color: #4a4a4a80;
    width: 150px
}

.dark-theme .attachment__time {
    color: #828588
}

.attachment__user {
    margin: 0 0 0 15px
}

.attachment.attachment_editing {
    background: #fafbfc
}

.dark-theme .attachment.attachment_editing {
    background: #384047
}

.attachment.attachment_editing .attachment-edit {
    display: flex
}

.attachment-oneline {
    font-size: 14px;
    font-weight: 300;
    line-height: 1;
    color: #61b0d8;
    margin: 0 5px 0 0
}

.attachment-controls {
    position: absolute;
    display: none;
    align-items: center;
    justify-content: flex-end;
    flex-shrink: 0;
    top: 0;
    right: 73px;
    width: 150px;
    height: 100%;
    padding: 0 10px 0 0;
    background: #fafbfc;
    z-index: 10
}

.dark-theme .attachment-controls {
    background: #2b343b
}

.attachment-controls__item {
    width: 16px;
    height: 16px;
    flex-shrink: 0;
    fill: #b7b9bb;
    stroke: #b7b9bb;
    transition: .1s;
    margin-right: 20px
}

.attachment-controls__item:hover {
    fill: #A2C44A;
    stroke: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .attachment-controls__item:hover {
        fill:var(--theme-main-color)
    }
}

@supports (--theme-main-color: $color-purple) {
    .attachment-controls__item:hover {
        stroke:var(--theme-main-color)
    }
}

.attachment-controls__item.disabled-action {
    opacity: .4;
    cursor: not-allowed
}

.attachment-controls__item.disabled-action:hover {
    fill: #b7b9bb;
    stroke: #b7b9bb
}

.attachment-controls__item_close:hover {
    stroke: #fd71af
}

.attachment-controls__item_view {
    width: 19px
}

.attachment:hover .attachment-controls {
    animation: fadeIn .1s linear both;
    display: flex
}

.attachment-edit {
    position: absolute;
    display: none;
    align-items: center;
    top: 0;
    left: 80px;
    width: calc(100% - 80px);
    height: 100%;
    background: #fafbfc;
    z-index: 100
}

.dark-theme .attachment-edit {
    background: #384047
}

.attachment-edit__form {
    flex-grow: 1;
    display: flex
}

.attachment-edit__input {
    font-size: 14px;
    font-weight: 400;
    flex-grow: 1;
    padding: 12px 10px 8px;
    border: 1px solid #e4e4e4;
    border-radius: 3px 0 0 3px;
    background: #fff;
    transition: border .1s
}

.dark-theme .attachment-edit__input {
    color: #d5d6d7;
    background: #384047
}

.attachment-edit__input:focus {
    border-color: #A2C44A;
    border: 1px solid;
    box-shadow: none
}

@supports (--theme-main-color: $color-purple) {
    .attachment-edit__input:focus {
        border-color:var(--theme-main-color)
    }
}

.attachment-edit__input:focus+.attachment-edit__ext {
    border-color: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .attachment-edit__input:focus+.attachment-edit__ext {
        border-color:var(--theme-main-color)
    }
}

.attachment-edit__ext {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    font-weight: 400;
    flex-shrink: 0;
    min-width: 60px;
    border: 1px solid #e4e4e4;
    border-left: 0;
    border-radius: 0 3px 3px 0;
    padding: 0 10px;
    color: #34343480;
    background: #f7f7f7;
    -webkit-user-select: none;
    user-select: none
}

.dark-theme .attachment-edit__ext {
    color: #d5d6d7;
    background: #384047
}

.attachment-edit__controls {
    display: flex;
    justify-content: space-between;
    flex-shrink: 0;
    width: 50px;
    margin: 0 30px 0 15px
}

.attachment-edit__control {
    width: 20px;
    height: 20px;
    stroke: #b7b9bb;
    transition: .1s
}

.attachment-edit__control_save:hover {
    stroke: #67cb48
}

.attachment-edit__control_cancel {
    padding: 2px
}

.attachment-edit__control_cancel:hover {
    stroke: #fd71af
}

.cu-attachments-view-toggle {
    display: flex
}

.cu-attachments-view-toggle__item {
    padding: 5px;
    width: 26px;
    height: 26px;
    border-radius: 2px;
    stroke: #b7b9bb
}

.dark-theme .cu-attachments-view-toggle__item {
    opacity: .7
}

.cu-attachments-view-toggle__item_active {
    background: rgba(129,129,147,.1)
}

.cu-attachments-view-toggle__item+.cu-attachments-view-toggle__item {
    margin-left: 4px
}

.cu-attachments-tiles-list {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    padding: 0 30px
}

@media screen and (max-width: 992px) {
    .cu-attachments-tiles-list {
        padding:0 15px
    }
}

.cu-task-view-attachments .cu-attachments-tiles-list {
    padding: 0;
    gap: 24px
}

.cu-attachments-tiles-list.cu-attachments-tiles-list_compact {
    padding: 0
}

.cu-attachments-tile {
    position: relative;
    display: flex;
    flex-direction: column;
    margin: 0 0 20px;
    width: 20%;
    padding: 10px;
    border: 1px solid transparent;
    border-radius: 3px;
    flex-shrink: 0
}

.task-history-attachment__body .cu-attachments-tile {
    width: 130px;
    margin: 0 10px 10px 0;
    padding: 0
}

.task-history-attachment__body .cu-attachments-tile:hover {
    border-color: transparent
}

.cu-attachments-tile .cu-clickable {
    width: 100%;
    height: 100%
}

.cu-attachments-tile__content {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    width: 100%;
    height: 100%;
    max-height: 100px
}

.task-history-attachment__body .cu-attachments-tile__content {
    max-height: none
}

.cu-attachments-tile__thumbnail {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%
}

.cu-attachments-tile__thumbnail img {
    display: block;
    width: auto;
    height: auto;
    max-width: 100px;
    max-height: 100px;
    object-fit: contain;
    margin: 0 auto
}

.cu-attachments-tile__filename {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: center;
    padding: 10px 0
}

.cu-attachments-tile__controls {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 3px;
    background: #fafbfc;
    display: none
}

.cu-attachments-tile__control {
    color: #A2C44A;
    font-size: 13px;
    font-weight: 400;
    padding: 5px;
    display: block;
    margin: 0 0 10px
}

@supports (--theme-main-color: $color-purple) {
    .cu-attachments-tile__control {
        color:var(--theme-main-color)
    }
}

.cu-attachments-tile__control:hover {
    text-decoration: underline
}

.cu-attachments-tile__control_remove {
    color: #fd71af;
    margin: 0
}

.cu-attachments-tile:hover {
    border: 1px solid #e4e4e4
}

.dark-theme .cu-attachments-tile:hover {
    border-color: #1e272e
}

.cu-attachments-tile:hover .cu-attachments-tile__controls {
    display: flex;
    opacity: 0;
    animation: fadeIn .2s cubic-bezier(.165,.84,.44,1) forwards
}

.attachment-tile {
    width: calc(25% - 9px);
    height: 160px;
    overflow: visible;
    margin: 0 12px 30px 0;
    border-radius: 4px
}

.attachment-tile:nth-child(4n) {
    margin-right: 0
}

@media screen and (max-width: 992px) {
    .attachment-tile {
        width:calc(33.33% - 8px)
    }

    .attachment-tile,.attachment-tile:nth-child(4n) {
        margin: 0 4px 20px
    }
}

.cu-task-view-attachments .attachment-tile {
    width: calc(50% - 12px);
    height: 180px;
    margin: 0;
    border-radius: 6px;
    overflow: hidden;
    border: 1px solid #e8eaed
}

.dark-theme .cu-task-view-attachments .attachment-tile {
    border-color: #4f5762
}

.attachment-tile__inner {
    position: relative;
    height: 160px;
    background: #fff;
    border-radius: 4px
}

.dark-theme .attachment-tile__inner {
    background: #384047
}

.cu-task-view-attachments .attachment-tile__inner {
    height: 100%;
    background-color: transparent;
    display: flex;
    flex-direction: column
}

.attachment-tile_editing .attachment-tile__inner,.attachment-tile__inner:hover {
    height: auto;
    z-index: 50;
    box-shadow: 0 2px 15px #0003
}

.attachment-tile_editing .attachment-tile__inner .cu-attachment-preview__cover,.attachment-tile__inner:hover .cu-attachment-preview__cover {
    display: block
}

.cu-task-view-attachments .attachment-tile_editing .attachment-tile__inner,.cu-task-view-attachments .attachment-tile__inner:hover {
    box-shadow: none;
    height: 100%
}

.attachment-tile__menu {
    padding: 8px 0
}

.attachment-tile__menu-item {
    transition: background .2s cubic-bezier(.785,.135,.15,.86) 0s;
    display: flex;
    align-items: center;
    padding: 8px;
    cursor: pointer;
    border-radius: 6px;
    white-space: nowrap;
    border: none;
    margin: 0 8px;
    width: calc(100% - 16px)
}

.attachment-tile__menu-item:hover {
    background-color: #f0f1f3
}

.dark-theme .attachment-tile__menu-item:hover {
    background-color: #2a2e34
}

.attachment-tile__menu-item_disabled {
    cursor: not-allowed;
    opacity: .4
}

.attachment-tile__menu-item_disabled:hover {
    opacity: .4
}

.attachment-tile__menu-item-icon {
    margin: 0 12px 0 0;
    width: 16px;
    height: 16px;
    fill: #4f5762
}

.dark-theme .attachment-tile__menu-item-icon {
    fill: #adb3bd
}

.attachment-tile__menu-item-icon_delete,.dark-theme .attachment-tile__menu-item-icon_delete {
    fill: #d33d44
}

.attachment-tile__menu-item-text {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    color: #2a2e34
}

.dark-theme .attachment-tile__menu-item-text {
    color: #e8eaed
}

.attachment-tile__menu-item-text_delete,.dark-theme .attachment-tile__menu-item-text_delete {
    color: #d33d44
}

.attachment-tile__menu-divider {
    margin: 7px 0;
    height: 1px;
    background-color: #e8eaed
}

.dark-theme .attachment-tile__menu-divider {
    background-color: #2a2e34
}

.attachment-tile__menu-toggle {
    transition: opacity .2s cubic-bezier(.785,.135,.15,.86) 0s;
    opacity: 0;
    position: absolute;
    top: 7px;
    right: 7px;
    width: 24px;
    height: 24px;
    border-radius: 4px;
    padding: 4px;
    z-index: 20;
    border: 1px solid #d6d9de;
    background-color: #fff;
    fill: #4f5762
}

.dark-theme .attachment-tile__menu-toggle {
    border-color: #3c414a;
    background-color: #2a2e34;
    fill: #adb3bd
}

.attachment-tile__inner .cu-dropdown_open .attachment-tile__menu-toggle,.attachment-tile__inner:hover .attachment-tile__menu-toggle {
    opacity: 1
}

.attachment-tile__inner .cu-dropdown_open .attachment-tile__menu-toggle,.attachment-tile__menu-toggle:hover,.attachment-tile__menu-toggle:focus-visible {
    background-color: #f0f1f3
}

.dark-theme .attachment-tile__inner .cu-dropdown_open .attachment-tile__menu-toggle,.dark-theme .attachment-tile__menu-toggle:hover,.dark-theme .attachment-tile__menu-toggle:focus-visible {
    background-color: #3c414a
}

.attachment-tile__menu-toggle:active {
    background-color: #e8eaed
}

.dark-theme .attachment-tile__menu-toggle:active {
    background-color: #4f5762
}

.attachment-tile__preview {
    position: relative;
    width: 100%;
    height: 100px;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    display: flex;
    align-items: flex-end;
    justify-content: center
}

.cu-task-view-attachments .attachment-tile__preview {
    height: 126px;
    align-items: center
}

.attachment-tile__preview_icon {
    background-position: 50% 100%;
    background-size: 90px
}

.attachment-tile__preview_icon-logo {
    background-position: 50% 90%;
    background-size: 60px
}

.attachment-tile__author {
    position: absolute;
    left: 50%;
    transform: translate(-50%,50%);
    bottom: 0;
    z-index: 20
}

.attachment-tile__overlay {
    transition: opacity .2s cubic-bezier(.785,.135,.15,.86) 0s;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0,0,0,.5);
    border-radius: 4px 4px 0 0;
    cursor: pointer;
    z-index: 10
}

.attachment-tile__overlay:hover {
    opacity: 1
}

.cu-task-view-attachments .attachment-tile__overlay {
    background: rgba(0,0,0,.3)
}

.cu-task-view-attachments .attachment-tile__inner:hover .attachment-tile__overlay,.cu-task-view-attachments .attachment-tile__inner_menu-open .attachment-tile__overlay {
    opacity: 1
}

.attachment-tile__overlay-icon {
    width: 27px;
    height: 18px;
    stroke: #fff;
    opacity: .7
}

.cu-task-view-attachments .attachment-tile__overlay-icon {
    width: 24px;
    height: 24px;
    opacity: 1;
    fill: #fff;
    stroke: transparent
}

.attachment-tile__title {
    margin: 18px 0 0;
    padding: 0 10px;
    text-align: center;
    display: flex;
    justify-content: center
}

.attachment-tile__title-text {
    display: flex;
    justify-content: center;
    min-width: 0
}

.attachment-tile__title-name {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 12px;
    font-weight: 400;
    line-height: 1.4;
    color: #343434
}

.dark-theme .attachment-tile__title-name {
    color: #d5d6d7
}

.attachment-tile__title-extension {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 12px;
    font-weight: 400;
    line-height: 1.4;
    color: #343434;
    flex-shrink: 0;
    max-width: 60px
}

.dark-theme .attachment-tile__title-extension {
    color: #d5d6d7
}

.attachment-tile__title .attachment-tile__source {
    margin-right: 5px
}

.attachment-tile__source {
    display: inline-block;
    width: 16px;
    height: 16px;
    vertical-align: middle;
    margin-bottom: 1px
}

.attachment-tile__source-line {
    display: block;
    position: absolute;
    width: 24px;
    height: 24px;
    padding: 4px;
    background: #fff;
    border-radius: 50%;
    top: 50%;
    margin-top: -3px;
    left: 40px
}

.attachment-tile__inner:hover .attachment-tile__title {
    white-space: normal;
    word-break: break-all
}

.attachment-tile_editing .attachment-tile__title {
    display: none
}

.attachment-tile__editor {
    font-size: 12px;
    line-height: 1.4;
    display: none;
    resize: none;
    border: none;
    width: 100%;
    margin: 20px 0;
    padding: 0 10px;
    text-align: center;
    background: transparent
}

.attachment-tile__editor:focus {
    outline: none;
    box-shadow: none
}

.attachment-tile_editing .attachment-tile__editor {
    display: block
}

.attachment-tile__date {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 11px;
    font-weight: 400;
    margin: 10px 0 0;
    padding: 0 5px;
    text-align: center;
    color: #34343466
}

.dark-theme .attachment-tile__date {
    color: #828588
}

.attachment-tile_editing .attachment-tile__date,.attachment-tile__inner:hover .attachment-tile__date {
    display: none
}

.attachment-tile__size {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 10px;
    font-weight: 500;
    line-height: 1;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: none;
    margin: 4px 0 -14px;
    padding: 0 5px;
    text-align: center;
    color: #b7b9bb
}

.dark-theme .attachment-tile__size {
    color: #828588
}

.attachment-tile_editing .attachment-tile__size,.attachment-tile__inner:hover .attachment-tile__size {
    display: block
}

.attachment-tile__controls {
    display: none;
    margin: 10px 0
}

.attachment-tile__inner:hover .attachment-tile__controls {
    display: flex
}

.attachment-tile_editing .attachment-tile__controls {
    display: none
}

.attachment-tile__control {
    transition: all .2s cubic-bezier(.785,.135,.15,.86) 0s;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    flex-basis: 0;
    flex-grow: 1;
    padding: 10px 5px
}

.attachment-tile__control+.attachment-tile__control:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 30%;
    height: 40%;
    width: 1px;
    background: #e4e4e4;
    opacity: .5
}

.dark-theme .attachment-tile__control+.attachment-tile__control:before {
    background: #abaeb0
}

.attachment-tile__control:hover .attachment-tile__control-icon {
    opacity: 1
}

.attachment-tile__control.disabled-action {
    cursor: not-allowed;
    opacity: .4
}

.attachment-tile__control.disabled-action:hover {
    opacity: .4
}

.attachment-tile__control-icon {
    width: 12px;
    height: 12px;
    stroke: #979797;
    opacity: .5
}

.dark-theme .attachment-tile__control-icon {
    stroke: #abaeb0
}

.attachment-tile__control-icon_close {
    height: 14px;
    fill: #d16464;
    stroke: #d16464
}

.dark-theme .attachment-tile__control-icon_close {
    fill: #d16464;
    stroke: #d16464
}

.attachment-tile__control-icon_download {
    margin-top: -2px;
    fill: #979797
}

.dark-theme .attachment-tile__control-icon_download {
    fill: #abaeb0
}

.attachment-tile__footer {
    display: flex;
    align-items: center;
    flex-grow: 1;
    padding: 0 12px;
    border-top: 1px solid #e8eaed
}

.dark-theme .attachment-tile__footer {
    border-top-color: #4f5762
}

.attachment-tile__footer-body {
    flex-grow: 1;
    margin-right: 12px;
    min-width: 0
}

.attachment-tile__footer-title {
    display: flex;
    align-items: center
}

.attachment-tile__footer-title-text {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 14px;
    font-weight: 400;
    line-height: 16px;
    color: #2a2e34
}

.dark-theme .attachment-tile__footer-title-text {
    color: #e8eaed
}

.attachment-tile__footer-title-text_name {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.attachment-tile__footer-editor {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 14px;
    font-weight: 400;
    line-height: 16px;
    height: 16px;
    resize: none;
    border: none;
    width: 100%;
    margin: 0;
    padding: 0;
    background: transparent;
    color: #2a2e34
}

.dark-theme .attachment-tile__footer-editor {
    color: #e8eaed
}

.attachment-tile__footer-editor:focus {
    outline: none;
    box-shadow: none
}

.attachment-tile__footer-comments {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 10px;
    font-weight: 600;
    line-height: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #f17ead;
    border-radius: 8px;
    color: #fff9;
    z-index: 15;
    padding: 0 4px;
    height: 16px;
    margin-left: 10px;
    white-space: nowrap
}

.attachment-tile__footer-comments span {
    color: #fff;
    font-weight: 500
}

.attachment-tile__footer-date {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    margin-top: 3px;
    color: #4f5762
}

.dark-theme .attachment-tile__footer-date {
    color: #adb3bd
}

.attachments-captions {
    display: flex;
    padding: 0 30px 0 80px;
    margin: 0 0 10px
}

.attachments-caption {
    -webkit-user-select: none;
    user-select: none
}

.attachments-caption>span {
    font-size: 11px;
    font-weight: 500;
    position: relative;
    color: #81819380;
    cursor: pointer;
    padding: 5px 15px 5px 0
}

.dark-theme .attachments-caption>span {
    color: #828588
}

.attachments-caption_name {
    flex-grow: 1
}

.attachments-caption_date {
    flex-shrink: 0;
    width: 145px
}

.attachments-caption_user {
    flex-shrink: 0;
    width: 30px
}

.attachments-caption.attachments-caption_asc>span,.attachments-caption.attachments-caption_desc>span {
    color: #343434
}

.dark-theme .attachments-caption.attachments-caption_asc>span,.dark-theme .attachments-caption.attachments-caption_desc>span {
    color: #d5d6d7
}

.attachments-caption.attachments-caption_asc>span:after {
    content: "";
    display: block;
    position: absolute;
    height: 0;
    width: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 4px;
    border-bottom-color: #343434;
    right: 0;
    top: 2px
}

.dark-theme .attachments-caption.attachments-caption_asc>span:after {
    height: 0;
    width: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 4px;
    border-bottom-color: #d5d6d7
}

.attachments-caption.attachments-caption_desc>span:after {
    content: "";
    display: block;
    position: absolute;
    height: 0;
    width: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 4px;
    border-top-color: #343434;
    right: 0;
    top: 8px
}

.dark-theme .attachments-caption.attachments-caption_desc>span:after {
    height: 0;
    width: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 4px;
    border-top-color: #d5d6d7
}

.cu-attachment-preview__cover {
    display: none;
    position: absolute;
    right: 7px;
    top: 7px;
    width: 25px;
    height: 25px;
    border-radius: 20px;
    background: #fff;
    padding: 5px 5px 5px 4px;
    stroke: #979797;
    fill: #979797;
    z-index: 20
}

.cu-attachment-preview__cover:hover {
    stroke: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .cu-attachment-preview__cover:hover {
        stroke:var(--theme-main-color)
    }
}

.cu-attachment-preview__thumbnail.cu-attachment-preview__selected-cover .cu-attachment-preview__cover {
    display: block;
    stroke: #fff;
    fill: #fff;
    background: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .cu-attachment-preview__thumbnail.cu-attachment-preview__selected-cover .cu-attachment-preview__cover {
        background:var(--theme-main-color)
    }
}

.cu-attachment-preview__thumbnail.cu-attachment-preview__selected-cover .cu-attachment-preview__cover:hover {
    stroke: #979797;
    background: #fff
}

.cu-grid-widget-attachment__attachments .cu-attachments {
    margin: 0
}

.cu-comment {
    display: inline-flex;
    flex-grow: 1;
    margin: 10px 0;
    transition: opacity .2s;
    min-width: 0;
    width: 100%
}

.cu-comment.cu-comment__highlight {
    border-color: #A2C44A;
    border-style: solid;
    border-width: 1px
}

@supports (--theme-main-color: $color-purple) {
    .cu-comment.cu-comment__highlight {
        border-color:var(--theme-main-color)
    }
}

.cu-comment__pending {
    opacity: .5
}

.cu-comment__settings {
    transition: fill .2s cubic-bezier(.785,.135,.15,.86) 0s;
    width: 20px;
    height: 20px;
    padding: 2px;
    margin-left: 8px;
    fill: #b9bec7
}

.cu-comment__settings:hover,.cu-comment_menu .cu-comment__settings {
    fill: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .cu-comment__settings:hover,.cu-comment_menu .cu-comment__settings {
        fill:var(--theme-main-color)
    }
}

.cu-comment__saving {
    pointer-events: none;
    opacity: .5
}

.cu-comment__aside {
    margin: 0;
    flex-shrink: 0;
    min-width: 32px;
    padding-right: 5px
}

.cu-comment__aside .comment-reaction {
    justify-content: flex-start
}

.cu-comment__aside.thumbs-up {
    height: 20px;
    width: 20px;
    margin: 0;
    cursor: pointer;
    position: absolute;
    right: 15px;
    top: 15px
}

.cu-comment__aside.thumbs-up.purple use {
    color: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .cu-comment__aside.thumbs-up.purple use {
        color:var(--theme-main-color)
    }
}

.cu-comment__aside.thumbs-up.gray {
    opacity: 0
}

.cu-comment__aside.thumbs-up.gray use {
    color: #aeacb0
}

.cu-comment__header {
    position: relative;
    display: flex;
    align-items: center;
    padding: 10px 12px 10px 16px;
    border-radius: 10px 10px 0 0;
    contain: layout paint
}

.cu-comment__body-email .cu-comment__header {
    padding-left: 8px
}

.cu-comment__header-bottom {
    padding-bottom: 10px;
    border-bottom: 1px solid #e9ebf0
}

.dark-theme .cu-comment__header-bottom {
    border-color: #1e272e
}

.cu-comment__header-created-via-email {
    padding: 10px 12px 10px 14px
}

.cu-comment__quote {
    overflow: hidden;
    margin: 10px;
    padding: 3px;
    background: rgba(255,200,0,.2);
    cursor: pointer
}

.cu-comment__quote p {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.cu-comment__quote .ql-image {
    max-width: 100%;
    display: block
}

.cu-comment__quote .task-mention>span,.cu-comment__quote .ql-doc-mention>span {
    background-color: transparent!important
}

.cu-comment__number {
    font-size: 9px;
    font-weight: 500;
    line-height: 1;
    height: 20px;
    width: 20px;
    color: #fff;
    display: flex;
    flex-shrink: 0;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    background-color: #fd71af;
    margin-right: 8px;
    position: relative;
    cursor: pointer
}

.cu-comment__time {
    display: flex;
    align-items: center;
    margin-right: 8px;
    margin-left: -3px;
    cursor: pointer
}

.cu-comment__time-icon {
    width: 12px;
    height: 12px;
    margin-right: 3px
}

.cu-comment__time-text {
    font-size: 12px;
    font-weight: 400;
    line-height: 1
}

.cu-comment__divider {
    flex-grow: 1
}

.cu-comment__meta {
    display: flex;
    flex-grow: 1;
    min-height: 20px;
    min-width: 0
}

.cu-comment__meta-row {
    display: flex;
    align-items: center;
    margin-top: 4px
}

.cu-comment__assigned {
    justify-content: center
}

.cu-dropdown__comments-body .cu-comment__assigned {
    -webkit-user-select: none;
    user-select: none
}

.cu-comment__who {
    display: flex;
    align-items: center
}

.cu-comment__editor .ql-list[value=check] svg {
    width: 15px;
    height: 14px
}

.cu-comment__toggle {
    fill: #A2C44A;
    opacity: 0;
    contain: strict;
    flex-shrink: 0;
    margin: 0 0 0 10px;
    width: 16px;
    height: 16px
}

@supports (--theme-main-color: $color-purple) {
    .cu-comment__toggle {
        fill:var(--theme-main-color)
    }
}

.cu-comment__author {
    word-break: break-word;
    overflow-wrap: break-word;
    word-wrap: break-word;
    -webkit-hyphens: auto;
    hyphens: auto;
    margin-top: 3px;
    font-size: 13px;
    color: #34343466
}

.contrast_high .cu-comment__author {
    color: #858585
}

.dark-theme .cu-comment__author {
    color: #abaeb0
}

.cu-comment__author-notification-comment {
    display: flex;
    align-items: center
}

.cu-comment__author-notification-comment-name {
    margin-left: 6px
}

.cu-comment__author-notification-comment a {
    color: var(--theme-main-color)
}

.cu-comment__author>span {
    transition: background .2s cubic-bezier(.785,.135,.15,.86) 0s;
    font-weight: 500;
    color: #343434;
    border-radius: 3px;
    padding: 4px;
    margin: -4px 0 -4px -4px
}

.dark-theme .cu-comment__author>span {
    color: #d5d6d7
}

.cu-comment__author>span:hover {
    background-color: #f2f2f2
}

.dark-theme .cu-comment__author>span:hover {
    background-color: #1e272e
}

.cu-comment__author>div {
    display: inline;
    color: #34343466
}

.dark-theme .cu-comment__author>div {
    color: #abaeb0
}

.cu-comment__author-break-line>div {
    display: block
}

.cu-comment__author>.cu-comment__author-notification-comment-name {
    margin-left: 6px;
    margin-right: 2px
}

.cu-comment__author_me>span {
    color: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .cu-comment__author_me>span {
        color:var(--theme-main-color)
    }
}

.cu-comment__author-assigned {
    font-size: 13px;
    font-weight: 500;
    line-height: 13px;
    color: #544d61;
    margin-left: 8px
}

.dark-theme .cu-comment__author-assigned {
    color: #d5d6d7
}

.cu-comment__failed {
    font-size: 14px;
    font-weight: 400;
    margin: 0 0 0 auto;
    padding-left: 10px;
    flex-shrink: 0
}

.cu-comment__failed span {
    color: #d64c4c
}

.contrast_high .cu-comment__failed {
    color: #858585
}

.dark-theme .cu-comment__failed {
    color: #abaeb0
}

.cu-comment__retry {
    font-size: 12px;
    font-weight: 400;
    padding: 4px 8px;
    margin: 0 0 0 10px;
    flex-shrink: 0;
    transition: .1s;
    cursor: pointer;
    -webkit-user-select: none;
    user-select: none;
    border: 1px solid #d64c4c;
    background-color: #d64c4c;
    border-radius: 4px
}

.cu-comment__retry span {
    color: #fff
}

.cu-comment__date {
    font-size: 11px;
    font-weight: 400;
    margin: 0 0 0 auto;
    padding-top: 4px;
    padding-left: 10px;
    flex-shrink: 0;
    color: #abaeb0
}

.contrast_high .cu-comment__date {
    color: #858585
}

.dark-theme .cu-comment__date {
    color: #abaeb0
}

.comment-viewer__email-preview .cu-comment__date {
    visibility: visible!important
}

.cu-comment__assignee {
    color: #A2C44A;
    font-size: 12px;
    font-weight: 400;
    line-height: 1;
    margin: 0 5px 0 0
}

@supports (--theme-main-color: $color-purple) {
    .cu-comment__assignee {
        color:var(--theme-main-color)
    }
}

.cu-comment__body {
    flex-grow: 1;
    border-radius: 8px;
    position: relative;
    max-width: 100%;
    min-width: 0;
    background: #fff;
    border: 1px solid #e9ebf0;
    z-index: 15
}

.contrast_high .cu-comment__body {
    border: 1px solid #dedede
}

.dark-theme .cu-comment__body {
    background: #384047;
    border: 1px solid #1e272e
}

.dark-theme .cu-comment__body p,.dark-theme .cu-comment__body li {
    color: #d5d6d7
}

.cu-comment__body.search-comment-result {
    width: 90%
}

.cu-comment__body:hover .thumbs-up,.cu-comment__body-container_toolbar:hover .cu-comment__toolbar {
    opacity: 1
}

.cu-comment__body-container_toolbar:hover .cu-comment__date {
    visibility: hidden
}

.cu-comment__body-container_email .cu-comment__meta {
    align-items: flex-start
}

.cu-comment__body-container_email .cu-comment__toolbar {
    align-items: flex-start;
    padding-top: 0;
    top: 10px;
    bottom: auto
}

.thread-container__email-footer-visible .cu-comment__body,.thread-container__email-has-reactions .cu-comment__body {
    border-radius: 8px 8px 0 0!important
}

.cu-comment__toolbar {
    opacity: 0;
    display: flex;
    position: absolute;
    justify-content: flex-end;
    top: 0;
    right: 0;
    bottom: 0;
    padding: 10px 10px 5px 5px;
    max-width: 100%;
    background: #fff
}

.dark-theme .cu-comment__toolbar {
    background: #384047
}

.cu-comment__toolbar:before {
    content: "";
    display: block;
    position: absolute;
    width: 8px;
    top: 0;
    left: -8px;
    height: 100%;
    z-index: 1;
    pointer-events: none;
    background: linear-gradient(to right,rgba(255,255,255,0) 0%,white 100%)
}

.dark-theme .cu-comment__toolbar:before {
    background: linear-gradient(to right,rgba(56,64,71,0) 0%,#384047 100%)
}

.cu-comment__toolbar .cu-comment__link {
    cursor: pointer;
    margin-top: 4px
}

.cu-comment__toolbar .cu-comment__link:hover .cu-comment__link-text {
    color: var(--theme-main-color-dark)
}

.cu-comment__toolbar>a i,.cu-comment__toolbar .cu-dropdown__toggle i {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 10px;
    width: 10px;
    margin: 0 5px 0 0
}

.cu-comment__toolbar-assignee {
    position: relative
}

.cu-comment__toolbar-assignee:before {
    content: "";
    display: block;
    position: absolute;
    bottom: -2px;
    left: 0;
    height: 1px;
    width: 100%;
    background: repeating-linear-gradient(90deg,#A2C44A,#A2C44A 3px,transparent 3px,transparent 5px)
}

@supports (--theme-main-color: $color-purple) {
    .cu-comment__toolbar-assignee:before {
        background:repeating-linear-gradient(90deg,var(--theme-main-color),var(--theme-main-color) 3px,transparent 3px,transparent 5px)
    }
}

.cu-comment__toolbar-followers {
    display: flex;
    align-items: center;
    margin-top: 4px
}

.cu-comment__toolbar-followers .icon {
    width: 12px;
    height: 12px;
    margin: 0 5px 0 0;
    flex-shrink: 0;
    fill: #979797
}

.cu-comment__toolbar-followers-text {
    font-size: 12px;
    font-weight: 400;
    line-height: 1;
    color: var(--theme-main-color)
}

.cu-comment__toolbar-followers:hover .cu-comment__toolbar-followers-text {
    color: var(--theme-main-color-dark)
}

.cu-comment__link {
    display: flex;
    align-items: center;
    margin: 0 5px 0 10px
}

.cu-comment__link_cancel,.cu-comment__link_save {
    display: none
}

.cu-comment__link-icon {
    width: 12px;
    height: 12px;
    margin: 0 4px 0 0;
    flex-shrink: 0;
    fill: #979797;
    stroke: #979797;
    transition: .1s;
    padding: 1px
}

.cu-comment__link-icon-no-stroke {
    margin-top: 1px;
    stroke: none
}

.cu-comment__link_save .cu-comment__link-icon {
    padding: 0
}

.cu-comment__link-text {
    color: #A2C44A;
    font-size: 12px;
    font-weight: 400;
    padding: 0
}

@supports (--theme-main-color: $color-purple) {
    .cu-comment__link-text {
        color:var(--theme-main-color)
    }
}

.cu-comment__link_delete .cu-comment__link-text,.cu-comment__link_cancel .cu-comment__link-text {
    color: #fd71af
}

.cu-comment__text {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    display: block;
    flex-grow: 1;
    padding: 10px 16px;
    color: #343434cc
}

.cu-comment__text_irresolvable .cu-checkbox {
    pointer-events: none
}

.cu-comment__text_irresolvable .cu-checkbox .cu-checkbox__label.cu-comment__resolve {
    cursor: default;
    color: #7c828d
}

.dark-theme .cu-comment__text_irresolvable .cu-checkbox .cu-checkbox__label.cu-comment__resolve {
    color: #abaeb0
}

.cu-comment__text_irresolvable .cu-checkbox .cu-checkbox__label.cu-comment__resolve:before {
    opacity: .25;
    border-color: #7c828d
}

.dark-theme .cu-comment__text_irresolvable .cu-checkbox .cu-checkbox__label.cu-comment__resolve:before {
    border-color: #abaeb0
}

.cu-comment__text_irresolvable .cu-comment__toolbar-assignee:before {
    opacity: .25;
    border-color: #7c828d
}

.dark-theme .cu-comment__text_irresolvable .cu-comment__toolbar-assignee:before {
    border-color: #abaeb0
}

.cu-comment__text-edit:not(.cu-notification-item__text-edit) .ql-editor {
    direction: ltr;
    text-align: left;
    margin: -10px -8px;
    padding: 25px 10px 15px;
    min-height: 60px;
    max-height: 280px;
    background: #fff
}

.cu-os-win .cu-comment__text-edit .ql-editor {
    scrollbar-width: thin
}

.cu-os-win .cu-comment__text-edit .ql-editor::-webkit-scrollbar {
    background-color: #fff;
    width: 16px;
    height: 16px
}

.cu-os-win .cu-comment__text-edit .ql-editor::-webkit-scrollbar-track {
    background-color: #fff
}

.cu-os-win .cu-comment__text-edit .ql-editor::-webkit-scrollbar-track:hover {
    background-color: #fff
}

.cu-os-win .cu-comment__text-edit .ql-editor::-webkit-scrollbar-thumb {
    background-color: #babac080;
    border-radius: 16px;
    border: 5px solid #fff
}

.cu-os-win .cu-comment__text-edit .ql-editor::-webkit-scrollbar-thumb:hover {
    background-color: #a0a0a5;
    border: 3px solid #fff
}

.cu-os-win .cu-comment__text-edit .ql-editor::-webkit-scrollbar-button {
    display: none
}

.cu-os-win.dark-theme .cu-comment__text-edit .ql-editor::-webkit-scrollbar,.cu-os-win .dark-theme .cu-comment__text-edit .ql-editor::-webkit-scrollbar {
    background-color: #384047
}

.cu-os-win.dark-theme .cu-comment__text-edit .ql-editor::-webkit-scrollbar-track,.cu-os-win .dark-theme .cu-comment__text-edit .ql-editor::-webkit-scrollbar-track {
    background-color: #384047
}

.cu-os-win.dark-theme .cu-comment__text-edit .ql-editor::-webkit-scrollbar-track:hover,.cu-os-win .dark-theme .cu-comment__text-edit .ql-editor::-webkit-scrollbar-track:hover {
    background-color: #384047
}

.cu-os-win.dark-theme .cu-comment__text-edit .ql-editor::-webkit-scrollbar-thumb,.cu-os-win .dark-theme .cu-comment__text-edit .ql-editor::-webkit-scrollbar-thumb {
    border-color: #384047
}

.cu-os-win.dark-theme .cu-comment__text-edit .ql-editor::-webkit-scrollbar-thumb:hover,.cu-os-win .dark-theme .cu-comment__text-edit .ql-editor::-webkit-scrollbar-thumb:hover {
    border-color: #384047
}

.cu-os-win.dark-theme .cu-comment__text-edit .ql-editor::-webkit-scrollbar-corner,.cu-os-win .dark-theme .cu-comment__text-edit .ql-editor::-webkit-scrollbar-corner {
    background-color: #384047
}

.dark-theme .cu-comment__text-edit .ql-editor {
    background: #384047
}

.cu-comment__text-edit .ql-editor div {
    font-size: 14px;
    color: #343434cc;
    white-space: pre-wrap
}

.dark-theme .cu-comment__text-edit .ql-editor div {
    color: #d5d6d7
}

.cu-comment__text-edit .ql-editor div.comment-attachment__name,.cu-comment__text-edit .ql-editor div.comment-attachment__ext {
    color: #fff
}

.dark-theme .cu-comment__text-edit .ql-editor *[style*="background-color: rgb(255, 250, 120);"],.dark-theme .cu-comment__text-edit .ql-editor *[style*="background-color: rgb(230, 255, 207);"],.dark-theme .cu-comment__text-edit .ql-editor *[style*="background-color: rgb(255, 224, 224);"],.dark-theme .cu-comment__text-edit .ql-editor *[style*="background-color: rgb(255, 250, 120);"] *,.dark-theme .cu-comment__text-edit .ql-editor *[style*="background-color: rgb(230, 255, 207);"] *,.dark-theme .cu-comment__text-edit .ql-editor *[style*="background-color: rgb(255, 224, 224);"] * {
    color: #2b343b;
    font-weight: 400;
    padding: 2px 0
}

.cu-comment__text-edit .ql-editor .clickup-table-view {
    margin: 10px;
    overflow: auto;
    display: flex
}

.cu-comment__text-edit .ql-editor .clickup-table-view:after {
    content: "";
    display: block;
    position: sticky;
    width: 10px;
    height: auto;
    right: 0;
    top: 0;
    flex-shrink: 0;
    pointer-events: none;
    background: linear-gradient(90deg,rgba(255,255,255,0) 0%,white 100%)
}

.dark-theme .cu-comment__text-edit .ql-editor .clickup-table-view:after {
    background: linear-gradient(90deg,rgba(56,64,71,0) 0%,#384047 100%)
}

.cu-comment__text-edit .ql-editor .clickup-table {
    border-collapse: collapse;
    caret-color: transparent
}

.cu-comment__text-edit .ql-editor .clickup-table tbody {
    caret-color: auto
}

.cu-comment__text-edit .ql-editor .clickup-table td {
    overflow: auto;
    border-color: #7c828d
}

.dark-theme .cu-comment__text-edit .ql-editor .clickup-table td {
    border-color: #828588
}

.cu-comment__text-edit .cu-comment-editor-content {
    margin: 0 -16px;
    padding: 0 20px
}

.cu-comment__text-content {
    white-space: pre-wrap;
    word-wrap: break-word;
    tab-size: 4;
    position: relative
}

.cu-comment__text-content p {
    color: #343434cc;
    min-height: 20px
}

.cu-comment__text-content ul li,.cu-comment__text-content ol li {
    color: #343434cc
}

.cu-comment__text-content ul li[data-checked=true],.cu-comment__text-content ol li[data-checked=true] {
    transition: color .2s cubic-bezier(.785,.135,.15,.86) 0s;
    text-decoration: line-through;
    padding-bottom: 5px;
    margin-bottom: 0;
    color: #828588
}

.dark-theme .cu-comment__text-content ul li[data-checked=true],.dark-theme .cu-comment__text-content ol li[data-checked=true] {
    color: #828588
}

.cu-comment__text-content ol ol {
    list-style-type: lower-alpha
}

.cu-comment__text-content ol ol ol {
    list-style-type: lower-roman
}

.cu-comment__text-content ol ol ol ol {
    list-style-type: decimal
}

.cu-comment__text-content .clickup-table-view {
    margin: 10px;
    overflow: auto;
    display: flex
}

.cu-comment__text-content .clickup-table-view:after {
    content: "";
    display: block;
    position: sticky;
    width: 10px;
    height: auto;
    right: 0;
    top: 0;
    flex-shrink: 0;
    pointer-events: none;
    background: linear-gradient(90deg,rgba(255,255,255,0) 0%,white 100%)
}

.dark-theme .cu-comment__text-content .clickup-table-view:after {
    background: linear-gradient(90deg,rgba(56,64,71,0) 0%,#384047 100%)
}

.cu-comment__text .cu-checkbox {
    margin: 20px 0 0
}

.cu-comment__text .cu-checkbox__label {
    font-size: 14px;
    font-weight: 500;
    color: #7b6c95cc;
    text-transform: none;
    padding: 4px 0 0 30px
}

.cu-comment__text-email-subject {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 14px;
    font-weight: 500;
    line-height: 14px;
    color: #292d34;
    padding: 4px 0 10px
}

.dark-theme .cu-comment__text-email-subject {
    color: #d5d6d7
}

.cu-comment__undo {
    font-size: 13px;
    font-weight: 500;
    position: absolute;
    display: none;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #fff;
    z-index: 10;
    justify-content: center;
    align-items: center;
    border-radius: 10px;
    color: #34343466
}

.dark-theme .cu-comment__undo {
    background: #384047;
    color: #828588
}

.cu-comment__undo-link {
    color: #A2C44A;
    text-decoration: none;
    margin: 0 0 0 5px
}

@supports (--theme-main-color: $color-purple) {
    .cu-comment__undo-link {
        color:var(--theme-main-color)
    }
}

.cu-comment__undo-link:hover {
    text-decoration: underline
}

.cu-comment__text-content>p:first-of-type:empty {
    display: none
}

.cu-comment__footer {
    display: flex;
    justify-content: space-between;
    padding: 0 12px 10px;
    min-height: 40px
}

@media screen and (max-width: 992px) {
    .cu-comment__footer {
        flex-wrap:wrap
    }
}

.cu-comment code,.cu-comment .pre {
    border: 1px solid #e4e4e4;
    background: #f7f7f7;
    border-radius: 2px;
    white-space: normal;
    color: #d16464
}

.dark-theme .cu-comment code,.dark-theme .cu-comment .pre {
    border: 1px solid #1e272e;
    background: #2b343b
}

.cu-comment code p,.cu-comment .pre p {
    display: none
}

.cu-comment code a,.cu-comment .pre a {
    color: #d16464
}

.cu-comment .pre {
    display: inline;
    line-height: 26px;
    padding: 3px 4px
}

.cu-comment code {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
    line-height: 1;
    padding: 2px 4px;
    vertical-align: top;
    max-width: 100%
}

.cu-comment__user-hint-popover:after {
    display: none
}

.cu-comment__user-hint-popover.popover {
    max-width: none;
    background-color: transparent;
    border: none;
    transform: translateY(-12px);
    box-shadow: none
}

.cu-comment__user-hint-popover.popover .popover-content {
    padding: 0
}

.cu-comment__user-hint-popover.popover.popover-top,.cu-comment__user-hint-popover.popover.bs-tether-element-attached-bottom {
    margin-top: -10px
}

.cu-comment__user-hint-popover.popover.popover-top:before,.cu-comment__user-hint-popover.popover.popover-top:after,.cu-comment__user-hint-popover.popover.bs-tether-element-attached-bottom:before,.cu-comment__user-hint-popover.popover.bs-tether-element-attached-bottom:after {
    bottom: 0;
    margin-left: 0;
    border-top-color: transparent
}

.cu-comment .cu-comment-viewer-content__container {
    position: relative
}

.cu-comment .cu-comment-viewer-content ul>li[data-checked] {
    pointer-events: all;
    cursor: pointer
}

.cu-comment .cu-comment-viewer-content:not(.cu-email-reply__content) ul>li[data-checked] {
    pointer-events: all;
    cursor: pointer
}

.cu-comment.cu-comment-uneditable .cu-comment-viewer-content ul>li[data-checked] {
    cursor: not-allowed
}

.cu-comment.cu-comment-uneditable .cu-comment-viewer-content ul>li[data-checked]:before {
    cursor: not-allowed
}

.cu-comment__reply_expanded {
    padding-top: 10px;
    border-top: 1px solid #e9ebf0
}

.contrast_high .cu-comment__reply_expanded {
    border-top-color: #dedede
}

.dark-theme .cu-comment__reply_expanded {
    border-top-color: #1e272e
}

.cu-comment__reply.cu-comment__reply-email-reactions {
    display: flex
}

.cu-comment__reply-toggle {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    min-height: 30px;
    padding: 7px 12px;
    cursor: pointer;
    border-top: 1px solid #e9ebf0
}

.contrast_high .cu-comment__reply-toggle {
    border-top-color: #dedede
}

.dark-theme .cu-comment__reply-toggle {
    border-top-color: #1e272e
}

.cu-comment__reply-toggle:hover .cu-comment__reply-toggle-text {
    color: #A2C44A;
    border-bottom-color: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .cu-comment__reply-toggle:hover .cu-comment__reply-toggle-text {
        color:var(--theme-main-color)
    }
}

@supports (--theme-main-color: $color-purple) {
    .cu-comment__reply-toggle:hover .cu-comment__reply-toggle-text {
        border-bottom-color:var(--theme-main-color)
    }
}

.cu-comment__reply-toggle_centered {
    justify-content: center
}

.cu-comment__reply-toggle-text {
    transition: all .2s cubic-bezier(.785,.135,.15,.86) 0s;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 11px;
    font-weight: 500;
    line-height: 1;
    color: #7c828d
}

.dark-theme .cu-comment__reply-toggle-text {
    color: #abaeb0
}

.cu-comment__reply-toggle-text_collapse {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #b9bec7;
    border-bottom: 1px dashed #b9bec7
}

.dark-theme .cu-comment__reply-toggle-text_collapse {
    color: #828588;
    border-bottom-color: #828588
}

.cu-comment__reply-toggle-icon {
    fill: #A2C44A;
    width: 18px;
    height: 18px;
    padding: 2px;
    margin-right: 5px;
    position: relative
}

@supports (--theme-main-color: $color-purple) {
    .cu-comment__reply-toggle-icon {
        fill:var(--theme-main-color)
    }
}

.cu-comment__reply-toggle-icon:before {
    content: "";
    display: block;
    position: absolute;
    background: #A2C44A;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    opacity: .1
}

@supports (--theme-main-color: $color-purple) {
    .cu-comment__reply-toggle-icon:before {
        background:var(--theme-main-color)
    }
}

.cu-comment__reply-toggle-icon:after {
    content: "";
    display: block;
    position: absolute;
    background: #A2C44A;
    top: -1px;
    right: -1px;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    border: 1px solid #fff
}

@supports (--theme-main-color: $color-purple) {
    .cu-comment__reply-toggle-icon:after {
        background:var(--theme-main-color)
    }
}

.dark-theme .cu-comment__reply-toggle-icon:after {
    border-color: #384047
}

.cu-comment__reply-toggle-divider {
    margin: 0 10px;
    width: 1px;
    height: 12px;
    background: #e9ebf0
}

.contrast_high .cu-comment__reply-toggle-divider {
    background: #dedede
}

.dark-theme .cu-comment__reply-toggle-divider {
    background: #1e272e
}

.cu-comment__reply-toggle.cu-comment__reply-toggle_email {
    display: none
}

.cu-comment__reply .comments-container {
    padding: 0 15px 30px
}

.cu-comment__reply .comment-bar__editor .ql-editor {
    border-radius: 0 0 8px 8px
}

.cu-comment__lip {
    display: flex;
    justify-content: space-between;
    align-items: center;
    min-height: 39px;
    padding: 0 0 0 12px;
    border-top: 1px solid #e9ebf0
}

.contrast_high .cu-comment__lip {
    border-top-color: #dedede
}

.dark-theme .cu-comment__lip {
    border-top-color: #1e272e
}

.cu-comment__lip_empty,.cu-comment__lip_reply-expanded.cu-comment__lip_no-reactions {
    opacity: 0;
    pointer-events: none;
    position: absolute;
    left: -1px;
    z-index: 10;
    width: calc(100% + 2px);
    border-radius: 0 0 10px 10px;
    background: #fff;
    border: 1px solid #e9ebf0
}

.contrast_high .cu-comment__lip_empty,.contrast_high .cu-comment__lip_reply-expanded.cu-comment__lip_no-reactions {
    border-color: #dedede
}

.dark-theme .cu-comment__lip_empty,.dark-theme .cu-comment__lip_reply-expanded.cu-comment__lip_no-reactions {
    background: #384047;
    border-color: #1e272e
}

.cu-location-overview-sidebar-content__comments .cu-comment__lip_empty,.cu-location-overview-sidebar-content__comments .cu-comment__lip_reply-expanded.cu-comment__lip_no-reactions {
    width: calc(100% - 1px)
}

.cu-comment__body-container:hover+.cu-comment__lip_empty,.cu-comment__lip_empty:hover,.cu-comment__body-container:hover+.cu-comment__lip_reply-expanded.cu-comment__lip_no-reactions,.cu-comment__lip_reply-expanded.cu-comment__lip_no-reactions:hover {
    pointer-events: all;
    opacity: 1
}

.cu-comment .cu-comment:hover .cu-comment__lip_empty,.cu-comment .cu-comment:hover .cu-comment__lip_reply-expanded.cu-comment__lip_no-reactions {
    pointer-events: all;
    opacity: 1
}

.cu-comment__lip_empty:before,.cu-comment__lip_reply-expanded.cu-comment__lip_no-reactions:before {
    content: "";
    display: block;
    position: absolute;
    top: -9px;
    left: -1px;
    width: calc(100% + 2px);
    height: 8px;
    background: inherit;
    border-left: 1px solid #e9ebf0;
    border-right: 1px solid #e9ebf0
}

.contrast_high .cu-comment__lip_empty:before,.contrast_high .cu-comment__lip_reply-expanded.cu-comment__lip_no-reactions:before {
    border-left-color: #dedede;
    border-right-color: #dedede
}

.dark-theme .cu-comment__lip_empty:before,.dark-theme .cu-comment__lip_reply-expanded.cu-comment__lip_no-reactions:before {
    border-left-color: #1e272e;
    border-right-color: #1e272e
}

.cu-comment_to-me:hover .cu-comment__lip_empty:before,.cu-comment_to-me:hover .cu-comment__lip_reply-expanded.cu-comment__lip_no-reactions:before {
    width: 100%;
    left: 1px;
    border-left: 0
}

.cu-comment__lip_reply-expanded {
    border-radius: 0;
    border-right: 0;
    border-bottom: 0;
    border-left: 0
}

.cu-comment__reply .cu-comment__lip.cu-comment__lip_empty,.cu-notification__reply .cu-comment__lip.cu-comment__lip_empty,.cu-comment__lip_reply-expanded.cu-comment__lip_no-reactions {
    padding: 0;
    border: 0;
    width: auto;
    left: 15px;
    margin-top: -17px;
    background: transparent
}

.dark-theme .cu-comment__reply .cu-comment__lip.cu-comment__lip_empty,.dark-theme .cu-notification__reply .cu-comment__lip.cu-comment__lip_empty,.dark-theme .cu-comment__lip_reply-expanded.cu-comment__lip_no-reactions {
    background: transparent
}

.cu-comment__reply .cu-comment__lip.cu-comment__lip_empty:before,.cu-notification__reply .cu-comment__lip.cu-comment__lip_empty:before,.cu-comment__lip_reply-expanded.cu-comment__lip_no-reactions:before {
    display: none
}

.cu-comment__lip-toggle {
    padding: 5px 12px 5px 0;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    flex-grow: 1;
    flex-wrap: wrap;
    cursor: pointer
}

*+.cu-comment__lip-toggle {
    margin-left: 10px
}

.cu-comment__lip-toggle:hover .cu-comment__lip-toggle-text {
    color: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .cu-comment__lip-toggle:hover .cu-comment__lip-toggle-text {
        color:var(--theme-main-color)
    }
}

.cu-comment__lip-toggle-text {
    transition: all .2s cubic-bezier(.785,.135,.15,.86) 0s;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 11px;
    font-weight: 500;
    line-height: 1;
    color: #7c828d
}

.dark-theme .cu-comment__lip-toggle-text {
    color: #abaeb0
}

.cu-comment__lip-toggle-icon {
    fill: #A2C44A;
    width: 18px;
    height: 18px;
    padding: 2px;
    margin-right: 5px;
    position: relative
}

@supports (--theme-main-color: $color-purple) {
    .cu-comment__lip-toggle-icon {
        fill:var(--theme-main-color)
    }
}

.cu-comment__lip-toggle-icon_no-margin {
    margin-right: 0
}

.cu-comment__lip-toggle-icon:before {
    content: "";
    display: block;
    position: absolute;
    background: #A2C44A;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    opacity: .1
}

@supports (--theme-main-color: $color-purple) {
    .cu-comment__lip-toggle-icon:before {
        background:var(--theme-main-color)
    }
}

.cu-comment__lip-toggle-icon:after {
    content: "";
    display: block;
    position: absolute;
    background: #A2C44A;
    top: -1px;
    right: -1px;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    border: 1px solid #fff
}

@supports (--theme-main-color: $color-purple) {
    .cu-comment__lip-toggle-icon:after {
        background:var(--theme-main-color)
    }
}

.dark-theme .cu-comment__lip-toggle-icon:after {
    border-color: #384047
}

.cu-comment__lip-toggle-divider {
    margin: 0 10px;
    width: 1px;
    height: 12px;
    background-color: #e9ebf0
}

.cu-comment__lip-toggle-divider_small {
    margin: 0 8px
}

.contrast_high .cu-comment__lip-toggle-divider {
    background: #dedede
}

.dark-theme .cu-comment__lip-toggle-divider {
    background-color: #4f5762
}

.cu-comment__lip-toggle-user-group {
    margin-right: -1px;
    margin-left: 4px
}

.cu-comment__emails-read {
    display: flex;
    margin-left: auto
}

.cu-comment__emails-read .icon {
    width: 12px;
    height: 12px;
    fill: var(--theme-main-color);
    margin-right: 5px
}

.cu-comment__emails-read+.cu-comment__date {
    margin: 0
}

.cu-comment__created-via-email .cu-comment__header {
    padding: 15px 12px 10px 16px
}

.cu-comment__created-via-email-header-top {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 13px;
    font-weight: 500;
    line-height: 1;
    padding-bottom: 10px;
    color: #292d34
}

.dark-theme .cu-comment__created-via-email-header-top {
    color: #d5d6d7
}

.cu-comment__created-via-email-header-top-clickable {
    cursor: pointer
}

.cu-comment__created-via-email-header-bot {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 13px;
    font-weight: 400;
    line-height: 1;
    color: #7c828d
}

.cu-comment__created-via-email-header-bot a {
    color: var(--theme-main-color);
    cursor: pointer
}

.dark-theme .cu-comment__created-via-email-header-bot {
    color: #828588
}

.cu-comment__created-via-email .cu-comment__body-container:before {
    display: none!important
}

.cu-comment__created-via-email .cu-comment.cu-comment_mention .cu-comment__body-container:before,.cu-comment__created-via-email .cu-comment.cu-comment_mine.cu-comment__email .cu-comment__body-container:before,.cu-comment__created-via-email .cu-comment.cu-comment_to-me .cu-comment__body-container:before {
    display: block!important
}

.cu-comment__created-via-email .cu-comment__body-highlight {
    border-color: #e9ebf0
}

.dark-theme .cu-comment__created-via-email .cu-comment__body-highlight {
    border-color: #1e272e
}

.cu-comment__created-via-email .cu-comment-bar {
    margin-top: 30px
}

.cu-comment__created-via-email .cu-comment__body {
    border-radius: 8px!important
}

.thread-container__email-footer-visible .cu-comment__created-via-email .cu-comment__body,.thread-container__email-has-reactions .cu-comment__created-via-email .cu-comment__body {
    border-radius: 8px 8px 0 0!important
}

.cu-comment-thread .cu-comment__created-via-email .cu-comment__body {
    border-radius: 8px!important
}

.cu-comment__created-via-email .cu-comment_assigned.cu-comment_mine.cu-comment_to-me .cu-comment__body-container:before {
    display: block!important
}

.cu-comment__created-via-email .cu-comment_assigned.cu-comment_mine.cu-comment_to-me .cu-comment__body {
    border-radius: 0 8px 8px 0!important
}

.cu-comment__created-via-email .cu-comment__reply .cu-comment__header {
    padding: 15px 12px 5px 16px
}

.thread-container .cu-comment__created-via-email .cu-comment__reply .cu-comment__header {
    padding: 10px 12px 10px 8px
}

.cu-comment__aside-email-unknown {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    border: 1px solid #e9ebf0;
    display: flex!important;
    align-items: center;
    justify-content: center;
    background: #fff
}

.cu-comment__aside-email-unknown-icon {
    fill: var(--theme-main-color);
    height: 14px;
    width: 18px
}

.dark-theme .cu-comment__aside-email-unknown {
    background: #2b343b;
    border-color: #1e272e
}

.cu-comment.cu-comment_highlight {
    position: relative;
    z-index: 2
}

.cu-comment-assignee {
    display: flex;
    align-items: center;
    padding: 3px 0;
    min-width: 0
}

@media screen and (max-width: 992px) {
    .cu-comment-assignee {
        margin-right:5px
    }
}

.cu-comment-assignee__icon {
    width: 24px;
    height: 24px;
    margin: 0 10px 0 0
}

.cu-comment-assignee__icon_resolved {
    display: none
}

.cu-comment-assignee__icon .icon-comment-resolved__bkg,.dark-theme .cu-comment-assignee__icon .icon-comment-resolved__bkg {
    fill: #c9c8ca
}

.cu-comment-assignee__icon .icon-comment-resolved__check {
    fill: #fff
}

.dark-theme .cu-comment-assignee__icon .icon-comment-resolved__check {
    fill: #384047
}

.cu-comment_to-me .cu-comment-assignee__icon,.cu-comment_to-me .cu-comment-assignee__icon use {
    fill: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .cu-comment_to-me .cu-comment-assignee__icon,.cu-comment_to-me .cu-comment-assignee__icon use {
        fill:var(--theme-main-color)
    }
}

.cu-comment-assignee__content {
    font-size: 12px;
    font-weight: 400;
    min-width: 0;
    display: flex;
    align-items: center;
    color: #34343466
}

.cu-comment_to-me .cu-comment-assignee__content,.cu-comment_to-me .cu-comment-assignee__content use {
    color: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .cu-comment_to-me .cu-comment-assignee__content,.cu-comment_to-me .cu-comment-assignee__content use {
        color:var(--theme-main-color)
    }
}

.cu-comment-assignee__content .cu-comment-assignee__user {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 12px;
    font-weight: 500;
    display: block;
    position: relative;
    margin: 0 0 0 5px;
    color: #343434
}

.dark-theme .cu-comment-assignee__content .cu-comment-assignee__user {
    color: #d5d6d7
}

.cu-comment-assignee__content .cu-comment-assignee__user:not(.cu-comment-assignee__user_readonly):hover {
    color: var(--theme-main-color)
}

.cu-comment_to-me .cu-comment-assignee__content .cu-comment-assignee__user,.cu-comment_to-me .cu-comment-assignee__content .cu-comment-assignee__user use {
    color: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .cu-comment_to-me .cu-comment-assignee__content .cu-comment-assignee__user,.cu-comment_to-me .cu-comment-assignee__content .cu-comment-assignee__user use {
        color:var(--theme-main-color)
    }
}

.cu-comment .cu-comment:not(.cu-comment_to-me) .cu-comment-assignee__content .cu-comment-assignee__user {
    color: #343434
}

.dark-theme .cu-comment .cu-comment:not(.cu-comment_to-me) .cu-comment-assignee__content .cu-comment-assignee__user {
    color: #d5d6d7
}

.cu-comment-assignee__content .cu-comment-assignee__user:after {
    content: "";
    display: block;
    position: absolute;
    bottom: -1px;
    left: 0;
    height: 1px;
    width: 100%;
    background: repeating-linear-gradient(90deg,#aeaeae,#aeaeae 3px,transparent 3px,transparent 5px)
}

.cu-comment-assignee__content .cu-comment-assignee__user_readonly:after {
    display: none
}

.cu-comment-assignee__resolve {
    display: inline-flex;
    align-items: center;
    cursor: pointer
}

.cu-comment-assignee__resolve-label {
    font-size: 12px;
    font-weight: 400;
    padding: 0;
    color: #34343466;
    text-align: right
}

.dark-theme .cu-comment-assignee__resolve-label {
    color: #abaeb0
}

.cu-comment_to-me .cu-comment-assignee__resolve-label {
    color: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .cu-comment_to-me .cu-comment-assignee__resolve-label {
        color:var(--theme-main-color)
    }
}

.cu-comment .cu-comment:not(.cu-comment_to-me) .cu-comment-assignee__resolve-label {
    color: #34343466
}

.dark-theme .cu-comment .cu-comment:not(.cu-comment_to-me) .cu-comment-assignee__resolve-label {
    color: #abaeb0
}

.cu-comment-assignee__resolve.no-permission {
    cursor: default
}

.cu-comment-assignee__resolve-box {
    flex-shrink: 0;
    margin: 0 0 0 10px;
    width: 20px;
    height: 20px;
    border-radius: 4px;
    position: relative;
    z-index: 1;
    outline: none
}

.cu-comment-assignee__resolve-box:hover {
    background: #f8f9f9
}

.dark-theme .cu-comment-assignee__resolve-box:hover {
    background: #2b343b
}

.cu-comment-assignee__resolve-box-mask {
    border-radius: 4px;
    width: 100%;
    height: 100%;
    position: absolute;
    cursor: pointer;
    pointer-events: none;
    transition: all .25s ease;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: -1;
    box-sizing: border-box;
    outline: none
}

.cu-comment-assignee__resolve-box-mask:after,.cu-comment-assignee__resolve-box-mask:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1
}

.cu-comment-assignee__resolve-box-mask:before {
    border-radius: inherit;
    transition: all .25s ease;
    box-sizing: border-box;
    border: 1px solid #e2e2e2
}

.dark-theme .cu-comment-assignee__resolve-box-mask:before {
    border: 1px solid #aeacb0
}

.cu-comment-assignee__resolve-box_resolved .cu-comment-assignee__resolve-box-mask:before {
    opacity: 0;
    transform: scale(1.2)
}

.cu-comment-assignee__resolve-box-mask:after {
    opacity: 0;
    transition: all .25s ease;
    transform: scale(.5);
    border-radius: inherit;
    background: #e2e2e2
}

.dark-theme .cu-comment-assignee__resolve-box-mask:after {
    background: #aeacb0
}

.cu-comment_to-me .cu-comment-assignee__resolve-box-mask:after {
    background: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .cu-comment_to-me .cu-comment-assignee__resolve-box-mask:after {
        background:var(--theme-main-color)
    }
}

.dark-theme .cu-comment_to-me .cu-comment-assignee__resolve-box-mask:after {
    background: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .dark-theme .cu-comment_to-me .cu-comment-assignee__resolve-box-mask:after {
        background:var(--theme-main-color)
    }
}

.cu-comment .cu-comment:not(.cu-comment_to-me) .cu-comment-assignee__resolve-box-mask:after {
    background: #e2e2e2
}

.dark-theme .cu-comment .cu-comment:not(.cu-comment_to-me) .cu-comment-assignee__resolve-box-mask:after {
    background: #aeacb0
}

.cu-comment-assignee__resolve-box_resolved .cu-comment-assignee__resolve-box-mask:after {
    opacity: 1;
    transform: scale(1)
}

.cu-comment-assignee__resolve-box-check {
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all .25s ease;
    border-radius: inherit;
    opacity: 0;
    z-index: 200
}

.cu-comment-assignee__resolve-box_resolved .cu-comment-assignee__resolve-box-check {
    opacity: 1
}

.cu-comment-assignee__resolve-box-container {
    transform: rotate(45deg);
    display: block;
    position: relative;
    width: 8px;
    height: 13px;
    margin-top: -5px
}

.cu-comment-assignee__resolve-box-line1 {
    background: transparent;
    content: "";
    position: absolute;
    height: 2px;
    transition: all .2s ease;
    border-radius: 5px;
    z-index: 100;
    width: 8px;
    bottom: 0
}

.cu-comment-assignee__resolve-box-line1:after {
    content: "";
    position: absolute;
    width: 0;
    height: 2px;
    transition: all .25s ease;
    border-radius: 5px 0 0 5px;
    background: #fff
}

.cu-comment-assignee__resolve-box_resolved .cu-comment-assignee__resolve-box-line1:after {
    width: 100%;
    transition: width .25s ease .1s
}

.cu-comment-assignee__resolve-box-line2 {
    bottom: 0;
    right: 0;
    z-index: 100;
    background: transparent;
    content: "";
    position: absolute;
    height: 13px;
    border-radius: 5px;
    transition: all .2s ease;
    width: 2px
}

.cu-comment-assignee__resolve-box-line2:after {
    content: "";
    position: absolute;
    width: 2px;
    height: 0;
    transition: all .25s ease;
    bottom: 0;
    border-radius: 5px 5px 0 0;
    background: #fff
}

.cu-comment-assignee__resolve-box_resolved .cu-comment-assignee__resolve-box-line2:after {
    transition: height .2s ease .3s;
    height: 100%
}

.cu-comment-assignee__text {
    color: #aeacb0;
    flex-shrink: 0
}

.cu-comment_to-me .cu-comment-assignee__text {
    color: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .cu-comment_to-me .cu-comment-assignee__text {
        color:var(--theme-main-color)
    }
}

.cu-comment .cu-comment:not(.cu-comment_to-me) .cu-comment-assignee__text {
    color: #34343466
}

.dark-theme .cu-comment .cu-comment:not(.cu-comment_to-me) .cu-comment-assignee__text {
    color: #abaeb0
}

.cu-comment.cu-comment_resolved .cu-comment-assignee__text_resolved {
    text-decoration: line-through;
    font-style: italic
}

.cu-comment.cu-comment_resolved .cu-comment-assignee__user_resolved {
    font-style: italic
}

.cu-comment.cu-comment_removed .cu-comment__body {
    border-radius: 10px!important;
    border: 1px solid rgba(84,76,97,.1)!important
}

.cu-comment.cu-comment_removed .cu-comment__undo {
    animation: fadeIn .2s forwards;
    display: flex
}

.cu-comment.cu-comment_removed.cu-comment.cu-comment_restored .cu-comment__body {
    border-radius: 10px!important;
    border: 1px solid rgba(84,76,97,.1)!important
}

.cu-comment.cu-comment_removed.cu-comment.cu-comment_restored .cu-comment__undo {
    animation: fadeOut .4s forwards
}

.cu-comment.cu-comment_resolved.cu-comment.cu-comment_to-me .cu-comment-assignee__content {
    color: #34343466
}

.cu-comment.cu-comment_resolved.cu-comment.cu-comment_to-me .cu-comment-assignee__icon {
    fill: #c9c8ca
}

.cu-comment.cu-comment_resolved.cu-comment.cu-comment_to-me .cu-comment-assignee__resolve-box_resolved {
    stroke: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .cu-comment.cu-comment_resolved.cu-comment.cu-comment_to-me .cu-comment-assignee__resolve-box_resolved {
        stroke:var(--theme-main-color)
    }
}

.cu-comment.cu-comment_menu .cu-comment__date,.cu-comment.cu-comment_menu .cu-comment__toggle {
    display: none
}

.cu-comment.cu-comment_menu .cu-comment__toolbar {
    opacity: 1
}

.cu-comment.cu-comment_edit .cu-comment__toggle,.cu-comment.cu-comment_edit.cu-comment_to-me .cu-comment__toggle {
    display: block
}

.cu-comment.cu-comment_edit .cu-comment__body,.cu-comment.cu-comment_edit.cu-comment_to-me .cu-comment__body {
    border: 1px solid #e4e4e4;
    box-shadow: 0 3px 15px #0000001a
}

.cu-comment.cu-comment_edit .cu-comment__link_save,.cu-comment.cu-comment_edit .cu-comment__link_cancel,.cu-comment.cu-comment_edit.cu-comment_to-me .cu-comment__link_save,.cu-comment.cu-comment_edit.cu-comment_to-me .cu-comment__link_cancel {
    display: flex
}

.cu-comment.cu-comment_edit .cu-comment__link_edit,.cu-comment.cu-comment_edit .cu-comment__link_delete,.cu-comment.cu-comment_edit .cu-comment__link_link,.cu-comment.cu-comment_edit .cu-comment__link_assign,.cu-comment.cu-comment_edit .cu-comment__link_assignee,.cu-comment.cu-comment_edit .cu-comment__link .cu-comment__header,.cu-comment.cu-comment_edit.cu-comment_to-me .cu-comment__link_edit,.cu-comment.cu-comment_edit.cu-comment_to-me .cu-comment__link_delete,.cu-comment.cu-comment_edit.cu-comment_to-me .cu-comment__link_link,.cu-comment.cu-comment_edit.cu-comment_to-me .cu-comment__link_assign,.cu-comment.cu-comment_edit.cu-comment_to-me .cu-comment__link_assignee,.cu-comment.cu-comment_edit.cu-comment_to-me .cu-comment__link .cu-comment__header {
    display: none
}

.cu-comment.cu-comment_edit .cu-comment__text,.cu-comment.cu-comment_edit.cu-comment_to-me .cu-comment__text {
    padding: 15px 10px
}

.cu-comment.cu-comment_mine .cu-comment__body-container_toolbar:hover .cu-comment__date,.cu-comment.cu-comment_mine .cu-comment__body-container_toolbar:hover .cu-comment__toggle,.cu-comment.cu-comment_mine .cu-comment__body-container_toolbar:hover .cu-comment__emails-read-main {
    visibility: hidden
}

.cu-comment.cu-comment_mine .cu-comment__body-container_toolbar:hover .cu-comment__toolbar {
    opacity: 1
}

.cu-comment.cu-comment_to-me .cu-comment__body,.cu-comment.cu-comment_mine.cu-comment__email .cu-comment__body,.cu-comment.cu-comment_mention .cu-comment__body {
    border-radius: 2px 10px 10px 2px
}

.cu-comment-thread:not(.cu-attachment-annotation__comments) .cu-comment.cu-comment_to-me .cu-comment__body,.cu-comment-thread:not(.cu-attachment-annotation__comments) .cu-comment.cu-comment_mine.cu-comment__email .cu-comment__body,.cu-comment-thread:not(.cu-attachment-annotation__comments) .cu-comment.cu-comment_mention .cu-comment__body {
    border-radius: 8px
}

.thread-container__email-footer-visible .cu-comment.cu-comment_to-me .cu-comment__body,.thread-container__email-has-reactions .cu-comment.cu-comment_to-me .cu-comment__body,.thread-container__email-footer-visible .cu-comment.cu-comment_mine.cu-comment__email .cu-comment__body,.thread-container__email-has-reactions .cu-comment.cu-comment_mine.cu-comment__email .cu-comment__body,.thread-container__email-footer-visible .cu-comment.cu-comment_mention .cu-comment__body,.thread-container__email-has-reactions .cu-comment.cu-comment_mention .cu-comment__body {
    border-radius: 8px 8px 0 0!important
}

.cu-comment-thread .thread-container__email-footer-visible .cu-comment.cu-comment_to-me .cu-comment__body,.cu-comment-thread .thread-container__email-has-reactions .cu-comment.cu-comment_to-me .cu-comment__body,.cu-comment-thread .thread-container__email-footer-visible .cu-comment.cu-comment_mine.cu-comment__email .cu-comment__body,.cu-comment-thread .thread-container__email-has-reactions .cu-comment.cu-comment_mine.cu-comment__email .cu-comment__body,.cu-comment-thread .thread-container__email-footer-visible .cu-comment.cu-comment_mention .cu-comment__body,.cu-comment-thread .thread-container__email-has-reactions .cu-comment.cu-comment_mention .cu-comment__body,.cu-comment.cu-comment_to-me .cu-comment__body.cu-comment__body-reply_expanded,.cu-comment.cu-comment_mine.cu-comment__email .cu-comment__body.cu-comment__body-reply_expanded,.cu-comment.cu-comment_mention .cu-comment__body.cu-comment__body-reply_expanded {
    border-radius: 8px!important
}

.cu-comment.cu-comment_to-me .cu-comment__body-container,.cu-comment.cu-comment_mine.cu-comment__email .cu-comment__body-container,.cu-comment.cu-comment_mention .cu-comment__body-container {
    position: relative
}

.cu-comment.cu-comment_to-me .cu-comment__body-container:before,.cu-comment.cu-comment_mine.cu-comment__email .cu-comment__body-container:before,.cu-comment.cu-comment_mention .cu-comment__body-container:before {
    background: #A2C44A;
    content: "";
    display: block;
    position: absolute;
    width: 2px;
    height: 100%;
    border-radius: 2px;
    top: 0;
    left: -1px;
    z-index: 15
}

@supports (--theme-main-color: $color-purple) {
    .cu-comment.cu-comment_to-me .cu-comment__body-container:before,.cu-comment.cu-comment_mine.cu-comment__email .cu-comment__body-container:before,.cu-comment.cu-comment_mention .cu-comment__body-container:before {
        background:var(--theme-main-color)
    }
}

.cu-comment.cu-comment_to-me .cu-comment__body .cu-comment__body,.cu-comment.cu-comment_mine.cu-comment__email .cu-comment__body .cu-comment__body,.cu-comment.cu-comment_mention .cu-comment__body .cu-comment__body {
    border-radius: 10px
}

.cu-comment.cu-comment_to-me .cu-comment__body .cu-comment__body .cu-comment__body-container:before,.cu-comment.cu-comment_mine.cu-comment__email .cu-comment__body .cu-comment__body .cu-comment__body-container:before,.cu-comment.cu-comment_mention .cu-comment__body .cu-comment__body .cu-comment__body-container:before {
    display: none
}

.cu-comment.cu-comment_to-me .cu-comment-assignee__user {
    color: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .cu-comment.cu-comment_to-me .cu-comment-assignee__user {
        color:var(--theme-main-color)
    }
}

.cu-comment.cu-comment_to-me .cu-comment-assignee__user:after {
    background: repeating-linear-gradient(90deg,#aeaeae,#aeaeae 3px,transparent 3px,transparent 5px)
}

.cu-comment.cu-comment_to-me .cu-comment-assignee__resolve-box {
    border-color: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .cu-comment.cu-comment_to-me .cu-comment-assignee__resolve-box {
        border-color:var(--theme-main-color)
    }
}

.hljs {
    position: relative
}

.hljs .cu-copy-code {
    transition: transform .15s cubic-bezier(.785,.135,.15,.86) 0s;
    opacity: 0;
    display: inline;
    position: absolute;
    top: 8px;
    right: 8px;
    cursor: pointer
}

.hljs .cu-copy-code:hover .cu-fill {
    fill: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .hljs .cu-copy-code:hover .cu-fill {
        fill:var(--theme-main-color)
    }
}

.hljs .cu-copy-code:active {
    transform: scale(.9)
}

.hljs .cu-copy-code .cu-fill {
    transition: fill .2s cubic-bezier(.785,.135,.15,.86) 0s;
    fill: #989898
}

.hljs:hover .cu-copy-code {
    opacity: 1
}

.cu-comment__body-container_email {
    position: relative
}

.cu-comment__body-container_email .cu-user-group__more {
    min-width: 30px!important;
    height: 30px!important
}

.cu-location-overview-sidebar-content__comments .cu-comment_removed .cu-comment__body {
    border: none!important
}

.cu-location-overview-sidebar-content__comments .cu-comment.cu-comment_removed.cu-comment.cu-comment_restored .cu-comment__body {
    border-radius: 10px!important;
    border-width: 0!important
}

.cu-location-overview-sidebar-content__comments .cu-comment.cu-comment_removed.cu-comment.cu-comment_restored .cu-comment__undo {
    animation: fadeOut .4s forwards
}

.cu-location-overview-sidebar-content__comments .cu-comment__undo-link {
    margin-left: 10px
}

.disabled {
    opacity: .5;
    pointer-events: none
}

.cu-toolbar {
    padding: 10px 0;
    display: flex;
    justify-content: space-between;
    align-items: center
}

cu-github-alert__box {
    height: 28px;
    width: 28px
}

.git-commits__message {
    font-size: 15px;
    line-height: 20px
}

.task-copy__category-list .category-list {
    border: 1px solid #e3e3e3;
    padding: 30px 30px 10px
}

.dark-theme .task-copy__category-list .category-list {
    border: 1px solid #1e272e
}

.task-copy__category-list .cu-search__spinner {
    animation: none
}

.task-copy__title {
    font-size: 12px;
    font-weight: 500;
    line-height: 1;
    color: #222;
    margin: 15px 0
}

.dark-theme .task-copy__title {
    color: #d5d6d7
}

.task-copy__options-block {
    border: 1px solid #e3e3e3;
    background-color: #fbfbfb;
    padding: 21px 15px;
    display: flex;
    margin-bottom: 25px
}

.dark-theme .task-copy__options-block {
    background: #2b343b;
    border-color: #1e272e
}

.task-copy__options-column {
    display: flex;
    flex-grow: 1;
    flex-direction: column
}

.task-copy__options-column .cu-checkbox {
    margin: 5px 0
}

.task-copy__options-column-title {
    font-size: 12px;
    font-weight: 500;
    line-height: 1;
    color: #222;
    margin: 0 0 15px
}

.dark-theme .task-copy__options-column-title {
    color: #d5d6d7
}

.task-copy__users-block {
    display: flex;
    justify-content: space-around;
    margin-bottom: 30px
}

.task-copy__users-item {
    flex-grow: 1;
    padding: 0 10px
}

.task-copy__users-item:first-child {
    padding-left: 0
}

.task-copy__users-item:last-child {
    padding-right: 0
}

.task-copy__users-item-border {
    width: 100%;
    padding: 0 0 15px;
    border-bottom: 1px solid #e3e3e3
}

.dark-theme .task-copy__users-item-border {
    border-bottom: 1px solid #828588
}

.task-copy__button-block {
    margin-top: 20px;
    text-align: right;
    position: sticky;
    bottom: 20px;
    display: inline;
    float: right;
    margin-right: -27px;
    z-index: 10000
}

.task-copy__button-block .cu-btn {
    margin-top: 2px;
    box-shadow: 0 0 1px #0006;
    position: relative
}

.task-copy__input-block {
    margin-bottom: 30px;
    border-bottom: 1px solid #e4e4e4
}

.dark-theme .task-copy__input-block {
    border-bottom: 1px solid #828588
}

.task-copy__input {
    margin-top: -10px
}

.task-copy__everything {
    width: 170px;
    border-bottom: 1px solid #e3e3e3;
    padding-bottom: 8px;
    margin-bottom: 8px!important
}

.dark-theme .task-copy__everything {
    border-bottom-color: #828588
}

.task-copy_checkbox-label {
    font-size: 12px;
    font-weight: 500;
    line-height: 1;
    color: #222;
    text-transform: capitalize
}

.dark-theme .task-copy_checkbox-label {
    color: #abaeb0
}

.task-copy_checkbox-label:after {
    opacity: 0!important
}

.task-copy_checkbox-label.cu-checkbox_checked:after {
    opacity: 1!important
}

.task-copy_checkbox-label.cu-checkbox_checked.cu-checkbox_muted:after {
    opacity: .5!important
}

.task-copy_checkbox-label.cu-checkbox_disabled {
    opacity: .5!important
}

.cu-task {
    position: relative;
    display: flex;
    box-shadow: 2px 2px 4px -2px #0000000d;
    border-radius: 8px;
    border: 1px solid rgba(151,151,151,.1)
}

.cu-task__cover-image {
    position: relative;
    overflow: hidden;
    padding: 20px;
    cursor: pointer;
    background: #fbfbfb
}

.dark-theme .cu-task__cover-image {
    background: #384047
}

.cu-task__cover-image:hover img {
    border-color: #A2C44A;
    border: 2px solid
}

@supports (--theme-main-color: $color-purple) {
    .cu-task__cover-image:hover img {
        border-color:var(--theme-main-color)
    }
}

.cu-task__cover-image:hover .cu-task__cover-image-pin {
    display: block
}

.cu-task__cover-image img {
    border: 2px solid transparent;
    width: 100%
}

.cu-task__cover-image-pin {
    background: #A2C44A;
    display: none;
    position: absolute;
    right: 30px;
    top: 30px;
    width: 25px;
    height: 25px;
    border-radius: 20px;
    padding: 5px 5px 5px 4px;
    stroke: #fff;
    fill: #fff;
    z-index: 20
}

@supports (--theme-main-color: $color-purple) {
    .cu-task__cover-image-pin {
        background:var(--theme-main-color)
    }
}

.cu-task__cover-image-pin:hover {
    background: #A2C44A
}

@supports (--theme-main-color-dark: $color-purple-dark) {
    .cu-task__cover-image-pin:hover {
        background:var(--theme-main-color-dark)
    }
}

.cu-task__column {
    flex-basis: 0;
    flex-grow: 1
}

.cu-task__column_main {
    background: #fff;
    border-radius: 8px 0 0 8px;
    min-width: 600px
}

.cu-task__column_activity {
    background: #fbfbfb;
    border-radius: 0 8px 8px 0;
    padding: 20px 30px
}

.cu-task__content {
    border-bottom: 1px solid rgba(151,151,151,.1);
    padding: 20px 30px 50px
}

.cu-task-section {
    border-bottom: 1px solid rgba(151,151,151,.1);
    padding: 20px 30px;
    background: #fff
}

.cu-task-section.cu-task-section_blank {
    border: 0
}

.cu-task-header {
    display: flex
}

.cu-task-header__section {
    display: flex;
    align-items: center;
    flex-shrink: 0
}

.cu-task-header__section:not(:last-child) {
    margin: 0 20px 0 0
}

.cu-task-header__section_rightside {
    margin: 7px 0 7px 18px
}

.cu-task-header__delimiter {
    flex-basis: 0;
    flex-grow: 1
}

.cu-task-header__goals {
    margin-right: 15px
}

.cu-task-header__goals-icon {
    width: 30px;
    height: 30px;
    padding: 4px;
    cursor: pointer
}

.cu-task-header__goals-icon:hover use {
    fill: #A2C44A;
    stroke: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .cu-task-header__goals-icon:hover use {
        fill:var(--theme-main-color)
    }
}

@supports (--theme-main-color: $color-purple) {
    .cu-task-header__goals-icon:hover use {
        stroke:var(--theme-main-color)
    }
}

.contrast_high .cu-task-header__goals-icon:hover use,.dark-theme .cu-task-header__goals-icon:hover use {
    fill: #A2C44A;
    stroke: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .contrast_high .cu-task-header__goals-icon:hover use,.dark-theme .cu-task-header__goals-icon:hover use {
        fill:var(--theme-main-color)
    }
}

@supports (--theme-main-color: $color-purple) {
    .contrast_high .cu-task-header__goals-icon:hover use,.dark-theme .cu-task-header__goals-icon:hover use {
        stroke:var(--theme-main-color)
    }
}

.cu-task-header__goals-icon use {
    transition: all .2s cubic-bezier(.785,.135,.15,.86) 0s;
    fill: #c1c1c1;
    stroke: #c1c1c1
}

.contrast_high .cu-task-header__goals-icon use,.dark-theme .cu-task-header__goals-icon use {
    fill: #979797;
    stroke: #979797
}

.cu-task-info {
    display: flex;
    justify-content: center;
    align-items: center;
    white-space: nowrap;
    flex-shrink: 0
}

.cu-task-info_column {
    flex-direction: column
}

.cu-task-info_row {
    flex-direction: row
}

.cu-task-info+.cu-task-info {
    padding: 0 0 0 15px
}

.cu-task-info+.cu-task-info.cu-task-info__time-estimates {
    cursor: pointer
}

.cu-task-info_time-tracking {
    padding-left: 10px
}

.cu-task-info__time-tracking-container {
    z-index: 1;
    margin-right: 10px;
    min-width: 90px
}

.cu-task-info__time-tracking-container:hover {
    z-index: 2
}

.cu-task-info__time-tracking-container:hover .cu-task-info__time-tracking-container-arrow-down {
    opacity: 1
}

.cu-task-info__time-tracking-container-arrow-down {
    transition: opacity .2s cubic-bezier(.785,.135,.15,.86) 0s;
    width: 11px;
    height: 11px;
    padding: 0;
    fill: #b9bec7;
    opacity: 0;
    border-radius: 0;
    margin-top: -1px
}

.cu-task-info__time-tracking-container-bottom {
    display: flex
}

.cu-task-info__time-tracking-container-bottom .time-tracking__display-time {
    padding: 0
}

.cu-task-info__harvest {
    width: 34px;
    height: 34px;
    margin-left: -6px;
    cursor: pointer
}

.cu-task-info__harvest .running .icon_time-traking-harvest,.cu-task-info__harvest:hover .icon_time-traking-harvest {
    display: block;
    z-index: 1;
    position: relative
}

.cu-task-info__harvest .running .icon_time-traking-harvest .cu-stroke,.cu-task-info__harvest:hover .icon_time-traking-harvest .cu-stroke,.contrast_high .cu-task-info__harvest .running .icon_time-traking-harvest .cu-stroke,.contrast_high .cu-task-info__harvest:hover .icon_time-traking-harvest .cu-stroke {
    stroke: #f36c00
}

.cu-task-info__harvest .running .icon_time-traking-harvest .cu-fill,.cu-task-info__harvest:hover .icon_time-traking-harvest .cu-fill,.contrast_high .cu-task-info__harvest .running .icon_time-traking-harvest .cu-fill,.contrast_high .cu-task-info__harvest:hover .icon_time-traking-harvest .cu-fill {
    fill: #f36c00
}

.cu-task-info__harvest .running .icon_time-traking-harvest .icon_time-traking-harvest_grey,.cu-task-info__harvest:hover .icon_time-traking-harvest .icon_time-traking-harvest_grey {
    display: none
}

.cu-task-info__harvest:hover .icon_time-traking-harvest {
    z-index: 2
}

.cu-task-info__harvest .icon_time-traking-harvest .cu-stroke {
    stroke: #cbc9cf
}

.contrast_high .cu-task-info__harvest .icon_time-traking-harvest .cu-stroke,.dark-theme .cu-task-info__harvest .icon_time-traking-harvest .cu-stroke {
    stroke: #979797
}

.cu-task-info__harvest .icon_time-traking-harvest .cu-fill {
    fill: #cbc9cf
}

.contrast_high .cu-task-info__harvest .icon_time-traking-harvest .cu-fill,.dark-theme .cu-task-info__harvest .icon_time-traking-harvest .cu-fill {
    fill: #979797
}

.cu-task-info__harvest .icon_time-traking-harvest .icon_time-traking-harvest_bkg {
    fill: #fff
}

.dark-theme .cu-task-info__harvest .icon_time-traking-harvest .icon_time-traking-harvest_bkg {
    fill: #384047
}

.cu-task-info__harvest .icon_time-traking-harvest img {
    width: 100%
}

.cu-task-info .toggl-container {
    margin-left: -12px;
    min-width: 12px;
    height: 34px
}

.cu-task-info .toggl-container .toggl-button {
    width: 34px;
    height: 34px;
    background-position: center;
    position: relative;
    background: none!important
}

.cu-task-info .toggl-container .toggl-button:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    width: 34px;
    height: 34px;
    background: url(time-traking-toggl-grey.4d359957f71c137b.svg) center center/contain no-repeat
}

.dark-theme .cu-task-info .toggl-container .toggl-button:before {
    background: url(time-traking-toggl-grey_dark.0e04848948e2180b.svg) center center/contain no-repeat
}

.cu-task-info .toggl-container .toggl-button:hover:before,.cu-task-info .toggl-container .toggl-button.active:before {
    z-index: 1;
    background: url(time-traking-toggl-red.13649725919d5dc9.svg) center center/contain no-repeat
}

.dark-theme .cu-task-info .toggl-container .toggl-button:hover:before,.dark-theme .cu-task-info .toggl-container .toggl-button.active:before {
    background: url(time-traking-toggl-red_dark.c7aeb20dcc49cef0.svg) center center/contain no-repeat
}

.cu-task-info .toggl-container .toggl-button:hover:before {
    z-index: 2
}

.cu-task-info_due-date .due-date_view-task .cu-user-group__item {
    margin-left: 0
}

.cu-task-info__key {
    font-size: 10px;
    font-weight: 500;
    letter-spacing: .2px;
    margin: 0 0 3px;
    color: #77777780;
    text-transform: uppercase
}

.cu-task-info__key.cu-task-info__key-entry {
    color: #A2C44A;
    text-transform: none
}

@supports (--theme-main-color: $color-purple) {
    .cu-task-info__key.cu-task-info__key-entry {
        color:var(--theme-main-color)
    }
}

.dark-theme .cu-task-info__key {
    color: #828588
}

.cu-task-info__value {
    font-size: 11px;
    font-weight: 400;
    color: #777;
    padding: 2px 0
}

.dark-theme .cu-task-info__value {
    color: #abaeb0
}

.cu-task-info__value>span {
    color: inherit;
    font: inherit;
    text-transform: lowercase
}

.cu-task-info__value .cu-task-info__value-on {
    text-transform: none
}

.cu-task-info__value.loading {
    width: 80px;
    height: 15px;
    background: #f5f6f7;
    border-radius: 2px
}

.cu-task-info__value.nobg {
    background: transparent
}

.cu-task-info__divider {
    width: 1px;
    height: 26px;
    background: #efeef0;
    margin-right: 20px
}

.dark-theme .cu-task-info__divider {
    background: #2b343b
}

.cu-task-info__divider_due-date {
    margin-right: 15px
}

.cu-task-info__arrow-due-date {
    width: 8px;
    height: 26px;
    margin-left: -8px;
    margin-right: 7px
}

.cu-task-info__recurring .icon {
    width: 34px;
    height: 34px
}

.cu-task-info__recurring .icon svg {
    width: 100%;
    height: 100%
}

.cu-task-info__recurring .icon .cu-fill {
    fill: #cbc9cf
}

.contrast_high .cu-task-info__recurring .icon .cu-fill,.dark-theme .cu-task-info__recurring .icon .cu-fill {
    fill: #979797
}

.cu-task-info__recurring .icon .cu-stroke {
    stroke: #cbc9cf
}

.contrast_high .cu-task-info__recurring .icon .cu-stroke,.dark-theme .cu-task-info__recurring .icon .cu-stroke {
    stroke: #979797
}

.cu-task-info__recurring .recurring-view__toogle {
    padding: 0
}

.cu-task-info__recurring .icon_recurring-purple {
    display: none
}

.cu-task-info__recurring:hover .icon .cu-stroke {
    stroke: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .cu-task-info__recurring:hover .icon .cu-stroke {
        stroke:var(--theme-main-color)
    }
}

.cu-task-info__recurring:hover .icon .cu-fill {
    fill: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .cu-task-info__recurring:hover .icon .cu-fill {
        fill:var(--theme-main-color)
    }
}

.cu-task-info__recurring .recurring-view__full .recurring-view__icon {
    width: 16px;
    height: 16px;
    margin-top: -2px;
    margin-right: 5px
}

.cu-task-info__due-date-dropdown {
    display: flex;
    align-items: center
}

.cu-task-info__recurring-no-due {
    transition: stroke .2s cubic-bezier(.785,.135,.15,.86) 0s;
    height: 15px;
    width: 15px;
    stroke: #979797;
    margin-right: 10px
}

.cu-task-info__recurring-no-due:hover {
    stroke: var(--theme-main-color)
}

.cu-task-header__control {
    position: relative;
    width: 21px;
    height: 21px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center
}

.cu-task-header__control_public-sharing {
    transition: background-color .2s cubic-bezier(.785,.135,.15,.86) 0s;
    display: flex;
    align-items: center;
    margin-right: 15px;
    position: relative;
    height: 23px;
    width: auto;
    padding: 0 5px;
    cursor: pointer;
    border-radius: 3px;
    border: 1px solid #e9ebf0
}

.contrast_high .cu-task-header__control_public-sharing {
    border-color: #b9bec7
}

.dark-theme .cu-task-header__control_public-sharing {
    border-color: #7c828d
}

.cu-task-header__control_public-sharing:hover,.cu-task-header__control_public-sharing:focus {
    background-color: #f2f2f2
}

.dark-theme .cu-task-header__control_public-sharing:hover,.dark-theme .cu-task-header__control_public-sharing:focus {
    background-color: #2b343b;
    border-color: #2b343b
}

.cu-task-header__control_public-sharing .icon {
    transition: fill .2s cubic-bezier(.785,.135,.15,.86) 0s;
    fill: #b9bec7;
    stroke: #b9bec7;
    width: 12px;
    height: 12px
}

.cu-task-header__control_public-sharing-text {
    transition: color .2s cubic-bezier(.785,.135,.15,.86) 0s;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 11px;
    font-weight: 500;
    line-height: 1;
    margin-left: 5px;
    color: #7c828d
}

.cu-task-header__control_public-sharing-text-copy {
    margin-left: 0;
    height: 23px;
    display: flex;
    align-items: center
}

.cu-task-header__control_active {
    fill: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .cu-task-header__control_active {
        fill:var(--theme-main-color)
    }
}

.dark-theme .cu-task-header__control_active {
    fill: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .dark-theme .cu-task-header__control_active {
        fill:var(--theme-main-color)
    }
}

.task-sc__modal .cu-modal__body {
    min-height: 100px
}

.task-sc__title {
    word-break: break-word;
    overflow-wrap: break-word;
    word-wrap: break-word;
    -webkit-hyphens: auto;
    hyphens: auto;
    text-align: center;
    font-size: 25px;
    margin: 50px 0 40px;
    line-height: 1.2
}

.dark-theme .task-sc__title {
    color: #d5d6d7
}

.task-sc__title b {
    font-weight: 500
}

.task-sc__options {
    text-align: center
}

.task-history {
    padding: 0
}

.task-history__load-more {
    flex-shrink: 0
}

.task-history .cu-comment__aside {
    margin: 0 10px 0 0;
    padding-right: 0
}

.task-history .cu-comment__aside .comment-reaction {
    margin-left: 5px
}

.task-history__filter-load {
    margin-top: 25px
}

.task-history__divider {
    height: 40px;
    flex-shrink: 0
}

.task-history__filtering {
    margin-top: 15px
}

.task-history__scroll-view {
    padding: 0 30px;
    box-sizing: border-box!important;
    overflow-y: auto;
    overflow-x: hidden;
    scrollbar-width: thin;
    display: flex;
    flex-direction: column-reverse;
    will-change: transform
}

@-moz-document url-prefix() {
    .cu-os-win .task-history__scroll-view {
        scrollbar-color: #fbfbfb #fbfbfb
    }

    .cu-os-win.dark-theme .task-history__scroll-view {
        scrollbar-color: #2b343b #2b343b
    }

    .cu-os-win .task-history__scroll-view:hover {
        scrollbar-color: #a0a0a5 #fbfbfb
    }

    .cu-os-win.dark-theme .task-history__scroll-view:hover {
        scrollbar-color: #828588 #2b343b
    }
}

.task-history__scroll-view::-webkit-scrollbar {
    width: 10px
}

.task-history__scroll-view:hover::-webkit-scrollbar {
    background-color: #fbfbfb;
    width: 10px
}

.dark-theme .task-history__scroll-view:hover::-webkit-scrollbar {
    background: #2b343b
}

.task-history__scroll-view:hover::-webkit-scrollbar-track {
    background-color: #fbfbfb
}

.dark-theme .task-history__scroll-view:hover::-webkit-scrollbar-track {
    background: #2b343b
}

.task-history__scroll-view:hover::-webkit-scrollbar-track:hover {
    background-color: #fbfbfb
}

.dark-theme .task-history__scroll-view:hover::-webkit-scrollbar-track:hover {
    background: #2b343b
}

.task-history__scroll-view:hover::-webkit-scrollbar-thumb {
    background-color: #babac0;
    border-radius: 10px;
    border: 2px solid #fbfbfb
}

.dark-theme .task-history__scroll-view:hover::-webkit-scrollbar-thumb {
    background-color: #384047;
    border-color: #2b343b
}

.task-history__scroll-view:hover::-webkit-scrollbar-thumb:hover {
    background-color: #a0a0a5;
    border: 1px solid #fbfbfb
}

.dark-theme .task-history__scroll-view:hover::-webkit-scrollbar-thumb:hover {
    background-color: #1e272e;
    border-color: #2b343b
}

.task-history__scroll-view:hover::-webkit-scrollbar-button {
    display: none
}

.task-history__empty {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 50px
}

.task-history__empty-text {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 12px;
    font-weight: 400;
    line-height: 12px;
    font-style: italic
}

.task-history__empty-clear {
    cursor: pointer;
    color: var(--theme-main-color);
    font-style: italic;
    padding-left: 5px
}

.task-history__empty-clear:hover {
    text-decoration: underline
}

.task-history-item {
    display: flex;
    justify-content: space-between;
    align-items: flex-start
}

.task-history-item__icon_thumbs-up {
    display: inline-flex;
    height: 20px;
    width: 20px;
    margin: -5px 5px -2px;
    transform: translateY(4px)
}

.task-history-item__icon_thumbs-up use {
    color: #A2C44A;
    fill: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .task-history-item__icon_thumbs-up use {
        color:var(--theme-main-color)
    }
}

@supports (--theme-main-color: $color-purple) {
    .task-history-item__icon_thumbs-up use {
        fill:var(--theme-main-color)
    }
}

.task-history-item__divider {
    margin-bottom: 10px;
    height: 10px;
    display: flex
}

.task-history-item__divider-text {
    font-size: 9px;
    font-weight: 400;
    text-transform: uppercase;
    color: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .task-history-item__divider-text {
        color:var(--theme-main-color)
    }
}

.task-history-item__divider-line {
    border-bottom: 1px solid;
    flex-grow: 1;
    margin: 0 0 5px 5px;
    border-color: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .task-history-item__divider-line {
        border-color:var(--theme-main-color)
    }
}

.task-history-item__divider-fade {
    animation-duration: 1s;
    animation-fill-mode: forwards;
    animation-name: hideNewActivity
}

.task-history-item__changed-name .diff-insert {
    font-weight: 500
}

.task-history-item__changed-name .diff-delete {
    opacity: .5;
    text-decoration: line-through
}

.task-history-item__changed-name-description {
    flex-shrink: 0;
    color: #34343466
}

.dark-theme .task-history-item__changed-name-description {
    color: #828588
}

.task-history-item__changed-name .task-history-item__values {
    margin: 0
}

.task-history-item__values {
    margin: 0 10px
}

.task-history-item__checklist-history__item {
    color: #000!important
}

.dark-theme .task-history-item__checklist-history__item {
    color: #d5d6d7!important
}

.task-history-item__short-content {
    border-bottom: 1px dotted;
    cursor: pointer
}

.task-history-item__short-content:hover {
    border-bottom-width: 0;
    padding-bottom: 1px
}

.task-history-item__date {
    font-size: 11px;
    font-weight: 400;
    flex-shrink: 0;
    margin: 0 0 0 10px;
    padding: 4px 0 0;
    color: #abaeb0
}

.task-history-item__content {
    word-break: break-word;
    overflow-wrap: break-word;
    word-wrap: break-word;
    -webkit-hyphens: auto;
    hyphens: auto;
    flex-grow: 1;
    font-size: 13px;
    line-height: 140%;
    color: #34343466;
    max-width: calc(100% - 75px);
    min-width: 0
}

.task-history-item__content_custom-field-content {
    display: flex
}

.dark-theme .task-history-item__content {
    color: #828588
}

.task-history-item__content>span {
    color: inherit;
    margin-right: 4px
}

.task-history-item__content>span.task-history-item__name_btn {
    margin-right: 0
}

.dark-theme .task-history-item__content>span {
    color: inherit
}

.task-history-item__name {
    font-size: 13px;
    font-weight: 400;
    color: #544d61;
    line-height: 140%;
    flex-shrink: 0
}

.dark-theme .task-history-item__name {
    color: #d5d6d7
}

.task-history-item__name.me {
    color: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .task-history-item__name.me {
        color:var(--theme-main-color)
    }
}

.dark-theme .task-history-item__name.me {
    color: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .dark-theme .task-history-item__name.me {
        color:var(--theme-main-color)
    }
}

.task-history-item__name_btn {
    transition: background .2s cubic-bezier(.785,.135,.15,.86) 0s;
    border-radius: 3px;
    padding: 4px 0 4px 4px;
    margin: -4px 0 -4px -4px
}

.task-history-item__name_btn-hover:hover {
    background-color: #f2f2f2
}

.dark-theme .task-history-item__name_btn-hover:hover {
    background-color: #1e272e
}

.task-history-item__attachments {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    margin: 10px 0 0
}

.task-history-item__text {
    color: inherit;
    min-width: 0
}

.task-history-item__text_custom-field-notif {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin-left: 4px;
    flex-grow: 1
}

.task-history-item__text_custom-field-notif .cu-custom-fields__header-items-value__phone,.task-history-item__text_custom-field-notif .cu-custom-fields__header-items-value__email,.task-history-item__text_custom-field-notif .cu-custom-fields__header-items-value__url {
    font-size: 13px!important;
    line-height: inherit!important
}

.task-history-item__text_custom-field-notif_emoji span {
    margin: -6px 0 -3px
}

.task-history-item__text_custom-field-notif .cu-custom-fields__single-line-text {
    width: auto
}

.task-history-item__text_custom-field-notif .cu-custom-fields__header-items-value__dropdown-option {
    margin-top: -1px;
    margin-bottom: -1px
}

.task-history-item__text .cu-custom-fields__multi-line-text {
    -webkit-line-clamp: 1
}

.task-history-item__text .cu-custom-fields__header-items-value__labels {
    margin: -2px 4px 0
}

.task-history-item__text .cu-custom-fields__header-items-value__url {
    display: inline-flex;
    align-items: center;
    height: auto
}

.task-history-item__text .cu-custom-fields__header-items-value__email {
    height: auto
}

.task-history-item__text span {
    color: inherit
}

.task-history-item__text .cu-dependencies__tasks-name {
    display: inline;
    white-space: normal
}

.task-history-item__text .time-tracking-notifs .cu-dropdown__toggle {
    display: inline;
    cursor: default
}

.task-history-item__text .time-tracking__display-time {
    padding: 0;
    display: inline
}

.task-history-item__text .time-tracking__display-time .time-tracking__icon {
    margin-top: -6px
}

.task-history-item__text .time-tracking__value {
    display: inline-flex
}

.task-history-item__resolved:not(:last-child):after {
    content: ", "
}

.task-history-item__due-date .due-date__info-value {
    font-size: 13px;
    cursor: default;
    color: #34343466;
    display: inline
}

.dark-theme .task-history-item__due-date .due-date__info-value {
    color: #828588
}

.task-history-item__due-date .due-date__info-value-display {
    font-size: 13px;
    font-weight: 400;
    display: inline;
    color: #34343466
}

.dark-theme .task-history-item__due-date .due-date__info-value-display {
    color: #828588
}

.task-history-item__preview {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 80px;
    height: 80px;
    overflow: hidden;
    margin: 0 0 5px
}

.task-history-item__preview img {
    display: block;
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
    flex-shrink: 0
}

.task-history-item__preview-link {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 80px;
    display: flex;
    flex-direction: column;
    margin: 0 20px 10px 0
}

.task-history-item__preview-link:last-of-type {
    margin-bottom: 0
}

.task-history-item__priority-text {
    display: inline-block;
    text-transform: capitalize;
    margin: 0 2px;
    color: #343434
}

.dark-theme .task-history-item__priority-text {
    color: #d5d6d7
}

.task-history-item__priority-icon {
    width: 14px;
    height: 14px;
    display: inline-block;
    margin: 0 2px -1px 0
}

.task-history-item__status-value {
    text-transform: capitalize;
    display: inline;
    margin: 0;
    white-space: nowrap;
    color: #343434;
    text-indent: 13px;
    position: relative
}

.dark-theme .task-history-item__status-value {
    color: #d5d6d7
}

.task-history-item__status-value-indicator {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin-left: 2px;
    border-radius: 2px;
    background: currentColor;
    border: 1px solid currentColor
}

.task-history-item__status-text {
    text-transform: capitalize;
    display: inline-block;
    white-space: nowrap
}

.task-history-item__status-text+.task-history-item__status-text {
    margin-left: 0
}

.task-history-item__status-text_nocapitalize {
    text-transform: none
}

.task-history-item__status-text_truncated {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.task-history-item__tags-text {
    text-transform: none;
    display: inline-block;
    margin: 0 5px 0 0;
    white-space: nowrap
}

.task-history-item__new-comment {
    animation-delay: .15s;
    animation-duration: .5s;
    animation-name: fadeIn
}

:-webkit-full-screen-ancestor:not(iframe) .task-history-item__new-comment {
    animation-fill-mode: none
}

@media print {
    .task-history-item__new-comment {
        animation: initial
    }
}

.task-history-item__changed-comment {
    animation-delay: .15s;
    animation-duration: .8s;
    animation-fill-mode: both;
    animation-name: fadeIn
}

:-webkit-full-screen-ancestor:not(iframe) .task-history-item__changed-comment {
    animation-fill-mode: none
}

@media print {
    .task-history-item__changed-comment {
        animation: initial
    }
}

.task-history-item__recur {
    display: flex;
    flex-wrap: wrap;
    align-items: center
}

.task-history-item__recur .due-date__info-value {
    font-size: 13px;
    font-weight: 400;
    line-height: 1;
    color: #343434;
    margin: 0 3px;
    cursor: default
}

.dark-theme .task-history-item__recur .due-date__info-value {
    color: #d5d6d7
}

.task-history-item__recurring-icon {
    display: inline-block;
    width: 16px;
    height: 16px;
    margin: 0 5px 2px 0
}

.task-history-item__recurring-icon svg {
    width: 16px;
    height: 16px;
    stroke: #979797
}

.task-history-item__link-comment {
    cursor: pointer
}

.dark-theme .task-history-item__link-comment {
    color: #828588
}

.task-history-item__link-comment_dashed {
    border-bottom: 1px dashed #343434
}

.dark-theme .task-history-item__link-comment_dashed {
    border-bottom: 1px dashed #828588
}

.task-history-item .recurring-view {
    display: inline
}

.task-history-item .recurring-view__toogle {
    transition: color .2s cubic-bezier(.785,.135,.15,.86) 0s;
    padding: 0;
    line-height: 1;
    display: inline;
    border-bottom: 1px dashed rgba(52,52,52,.4);
    color: #34343466
}

.dark-theme .task-history-item .recurring-view__toogle {
    color: #828588;
    border-bottom-color: #828588
}

.task-history-item .recurring-view__toogle:hover {
    color: #A2C44A;
    border-bottom-color: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .task-history-item .recurring-view__toogle:hover {
        color:var(--theme-main-color)
    }
}

@supports (--theme-main-color: $color-purple) {
    .task-history-item .recurring-view__toogle:hover {
        border-bottom-color:var(--theme-main-color)
    }
}

.task-history-group__controls {
    display: flex;
    align-items: center;
    cursor: pointer
}

.task-history-group__controls-icon {
    width: 12px;
    height: 12px;
    margin: 0 2px 0 0;
    fill: #34343466;
    transition: fill .1s
}

.dark-theme .task-history-group__controls-icon {
    fill: #828588
}

.task-history-group__controls:hover .task-history-group__controls-icon {
    fill: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .task-history-group__controls:hover .task-history-group__controls-icon {
        fill:var(--theme-main-color)
    }
}

.task-history-group__controls-text {
    font-size: 13px;
    color: #34343466;
    transition: color .1s;
    padding: 1px 0 0
}

.dark-theme .task-history-group__controls-text {
    color: #828588
}

.task-history-group__controls:hover .task-history-group__controls-text {
    color: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .task-history-group__controls:hover .task-history-group__controls-text {
        color:var(--theme-main-color)
    }
}

.task-history-attachment {
    margin: 15px 0
}

.task-history-attachment__header {
    display: flex;
    color: #34343466;
    margin: 0 0 10px;
    align-items: baseline
}

.task-history-attachment__name {
    font-size: 13px;
    font-weight: 400;
    color: inherit
}

.dark-theme .task-history-attachment__name {
    color: #828588
}

.task-history-attachment__name_btn {
    transition: background .2s cubic-bezier(.785,.135,.15,.86) 0s;
    border-radius: 3px;
    padding: 4px 0 4px 4px;
    margin: -4px 0 -4px -4px
}

.task-history-attachment__name_btn:hover {
    background-color: #f2f2f2
}

.dark-theme .task-history-attachment__name_btn:hover {
    background-color: #1e272e
}

.task-history-attachment__text {
    font-size: 13px;
    font-weight: 400;
    flex-grow: 1;
    margin: 0 0 0 5px;
    color: inherit
}

.dark-theme .task-history-attachment__text {
    color: #828588
}

.task-history-attachment__date {
    font-size: 11px;
    font-weight: 400;
    margin: 0 0 0 10px;
    padding: 4px 0 0;
    color: #abaeb0
}

.task-history-git {
    margin: 15px 0
}

.task-history-git__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0 0 6px
}

.task-history-git__meta {
    display: flex;
    align-items: center
}

.task-history-git__description {
    font-size: 13px;
    font-weight: 400;
    color: #34343466;
    margin: 0 5px;
    padding: 1px 0 0
}

.dark-theme .task-history-git__description {
    color: #828588
}

.task-history-git__description:first-child {
    margin-left: 0
}

.task-history-git__description_dashed {
    color: #34343466;
    border-bottom: 1px dashed rgba(52,52,52,.4)
}

.dark-theme .task-history-git__description_dashed {
    color: #828588;
    border-bottom: 1px dashed #828588
}

.task-history-git__gitlab-title {
    font-weight: 500
}

.task-history-git__date {
    font-size: 11px;
    font-weight: 400;
    flex-shrink: 0;
    margin: 0 0 0 10px;
    padding: 4px 0 0;
    color: #abaeb0
}

.task-history-git-v2__header {
    display: flex;
    justify-content: space-between;
    padding-bottom: 10px;
    align-items: flex-start
}

.task-history-git-v2__header-left {
    font-size: 13px;
    font-weight: 400;
    line-height: 1;
    color: #7c828d
}

.dark-theme .task-history-git-v2__header-left {
    color: #abaeb0
}

.task-history-git-v2__header-right {
    font-size: 11px;
    font-weight: 400;
    line-height: 1;
    color: #b9bec7
}

.dark-theme .task-history-git-v2__header-right {
    color: #828588
}

.task-history-git-v2__body {
    padding-left: 8px;
    border-left: 1px solid #e9ebf0
}

.dark-theme .task-history-git-v2__body {
    border-color: #1e272e
}

.task-history-git-v2__body-items {
    display: flex;
    align-items: center
}

.task-history-git-v2__body-text {
    font-size: 13px;
    font-weight: 400;
    line-height: 1;
    color: #7c828d
}

.dark-theme .task-history-git-v2__body-text {
    color: #abaeb0
}

.task-history-git-v2__body.no-border {
    padding-left: 0;
    border: none
}

.task-history-git-v2__body.top-margin {
    margin-top: 5px
}

.task-history-git-v2__pr {
    font-size: 13px;
    font-weight: 500;
    line-height: 1;
    padding-right: 3px;
    display: flex;
    align-items: center
}

.dark-theme .task-history-git-v2__pr {
    color: #d5d6d7
}

.task-history-git-v2__pr .icon {
    width: 12px;
    height: 16px;
    fill: #000;
    margin-right: 3px
}

.dark-theme .task-history-git-v2__pr .icon {
    fill: #b9bec7
}

.task-history-git-v2__branch {
    font-size: 13px;
    font-weight: 500;
    line-height: 1;
    padding-right: 3px;
    display: flex;
    align-items: center
}

.dark-theme .task-history-git-v2__branch {
    color: #d5d6d7
}

.task-history-git-v2__branch .icon {
    width: 12px;
    height: 17px;
    fill: #000;
    margin-right: 3px
}

.dark-theme .task-history-git-v2__branch .icon {
    fill: #b9bec7
}

.task-history-git-v2__branch .icon.copy {
    width: 10px;
    height: 12px;
    margin-left: 4px;
    cursor: pointer
}

.task-history-git-v2__repo {
    font-size: 13px;
    font-weight: 500;
    line-height: 1;
    color: #000;
    display: flex;
    align-items: center;
    margin-left: 5px
}

.dark-theme .task-history-git-v2__repo {
    color: #d5d6d7
}

.task-history-git-v2__repo .icon {
    width: 12px;
    height: 16px;
    fill: #000;
    margin-right: 4px
}

.dark-theme .task-history-git-v2__repo .icon {
    fill: #b9bec7
}

.task-history-git-v2__message {
    font-size: 13px;
    font-weight: 400;
    line-height: 1;
    padding: 10px 0 0 8px;
    color: #292d34;
    border-left: 1px solid #e9ebf0;
    display: block
}

.dark-theme .task-history-git-v2__message {
    border-color: #1e272e;
    color: #d5d6d7
}

.task-history-git-v2__sha {
    display: inline-block;
    width: 60px;
    color: #4a90e2
}

.dark-theme .task-history-git-v2__sha {
    color: #72b3fd
}

.task-history-git-v2__files {
    display: inline-block;
    color: #4a90e2;
    text-decoration: underline;
    margin-left: 8px
}

.dark-theme .task-history-git-v2__files {
    color: #72b3fd
}

.task-history-git-v2__footer {
    display: flex;
    align-items: center;
    margin-top: 10px;
    border-top: 1px solid #e9ebf0;
    padding-top: 10px
}

.dark-theme .task-history-git-v2__footer {
    border-color: #1e272e
}

.task-history-git-v2__footer-reviewer {
    font-size: 11px;
    font-weight: 400;
    line-height: 1;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    color: #b9bec7;
    flex-grow: 1;
    text-transform: uppercase
}

.dark-theme .task-history-git-v2__footer-reviewer {
    color: #828588
}

.task-history-git-v2__footer-reviewer-name {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 11px;
    font-weight: 500;
    line-height: 1;
    margin-left: 4px;
    text-transform: capitalize;
    color: #292d34
}

.dark-theme .task-history-git-v2__footer-reviewer-name {
    color: #d5d6d7
}

.task-history-git-v2__footer-reviewer-avatar {
    width: 20px;
    height: 20px;
    border-radius: 2px;
    margin-left: 4px
}

.task-history-git-v2__footer-build-status {
    font-size: 11px;
    font-weight: 400;
    line-height: 1;
    color: #b9bec7;
    display: flex;
    align-items: center;
    text-transform: uppercase;
    margin-right: 25px
}

.dark-theme .task-history-git-v2__footer-build-status {
    color: #828588
}

.task-history-git-v2__footer-build-status-icon {
    margin-left: 5px;
    width: 16px;
    height: 16px
}

.task-history-git-v2__footer-build-status-icon_success {
    fill: #67cb48
}

.task-history-git-v2__footer-build-status-icon_failure {
    fill: #d64c4c;
    padding: 2px
}

.task-history-git-v2__footer-build-status-icon_pending {
    fill: #cdb62c;
    transform-origin: center center;
    animation: cicd-pending-rotation 3s infinite ease
}

@keyframes cicd-pending-rotation {
    0% {
        transform: rotate(0)
    }

    45%,55% {
        transform: rotate(180deg)
    }

    to {
        transform: rotate(360deg)
    }
}

.task-history-git-v2__footer-updates {
    font-size: 11px;
    font-weight: 500;
    line-height: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    height: 18px;
    padding: 0 5px;
    border-radius: 2px;
    text-transform: capitalize
}

.cu-task-history-item {
    display: block;
    flex-shrink: 0;
    margin-bottom: 20px
}

.cu-task-history-item_placeholder {
    height: var(--cu-lazy-body-height, 18px)
}

.cu-task-history-item_highlight .cu-comment {
    background-color: rgb(var(--theme-main-color-rgb),.25)
}

.cu-task-history-item .cu-comment {
    margin: 0
}

.cu-task-history-item .cu-comment .cu-comment {
    margin: 15px 0
}

.cu-task-history-item_email,.cu-task-history-item_via-email {
    margin-bottom: 50px
}

.comment-bar {
    position: relative;
    border-radius: 0 0 10px 10px;
    background: #fff;
    padding: 10px 0
}

.comment-bar_active {
    padding-bottom: 15px
}

.task-column__footer .comment-bar {
    border-bottom-left-radius: 0
}

.comment-bar_email {
    display: flex;
    flex-direction: column;
    max-height: calc(100vh - 250px);
    padding-top: 8px
}

.comment-bar_email.comment-bar_active .ql-editor {
    min-height: 0
}

.comment-bar_email .comment-bar__content {
    overflow: auto
}

.comment-bar_email .comment-bar__content .comment-bar__editor {
    flex-grow: 1;
    display: flex;
    flex-direction: column
}

.comment-bar_email .comment-bar__content .comment-bar__editor .ql-editor {
    max-height: none;
    overflow: auto
}

.comment-bar_email .comment-bar__content .comment-bar__editor .ql-editor.ql-blank {
    line-height: 18px
}

.comment-bar_email .comment-bar__content .comment-bar__editor .ql-editor.ql-blank br {
    font-size: 11px
}

.comment-bar.no-permission {
    height: 60px
}

.cu2-list-details-column_comments .comment-bar.no-permission {
    display: none
}

.dark-theme .comment-bar {
    background: #384047
}

.comment-bar__content {
    flex-grow: 1;
    max-height: 300px;
    position: relative
}

.comment-bar__content.comment-bar__content-email-focused .ql-editor:before {
    display: none
}

.comment-bar__signature-create {
    transition: color .2s cubic-bezier(.785,.135,.15,.86) 0s;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 12px;
    font-weight: 500;
    line-height: 1;
    height: 26px;
    display: flex;
    align-items: center;
    cursor: pointer;
    color: var(--theme-main-color);
    padding: 0 5px;
    margin: 5px 5px 8px;
    border-radius: 4px
}

.comment-bar__signature-create:hover {
    color: var(--theme-main-color-dark);
    background: #fafbfc
}

.dark-theme .comment-bar__signature-create:hover {
    background: #2b343b
}

.comment-bar__replying {
    display: flex;
    align-items: center;
    position: absolute;
    background: #fff;
    top: -27px;
    height: 30px;
    padding: 0 9px;
    left: 10px;
    border-radius: 4px 4px 0 0
}

.dark-theme .comment-bar__replying {
    background-color: #384047
}

.comment-bar__replying-text {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 10px;
    font-weight: 500;
    line-height: 1;
    text-transform: uppercase;
    color: #292d34
}

.dark-theme .comment-bar__replying-text {
    color: #d5d6d7
}

.comment-bar__replying-cancel {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 10px;
    font-weight: 500;
    line-height: 1;
    color: #A2C44A;
    transition: all .2s cubic-bezier(.785,.135,.15,.86) 0s;
    margin-left: 5px;
    cursor: pointer;
    border-bottom: 1px dashed;
    border-color: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .comment-bar__replying-cancel {
        color:var(--theme-main-color)
    }
}

@supports (--theme-main-color: $color-purple) {
    .comment-bar__replying-cancel {
        border-color:var(--theme-main-color)
    }
}

.comment-bar__replying-cancel:hover {
    border-color: var(--theme-main-color-dark);
    color: var(--theme-main-color-dark)
}

.dark-theme .comment-bar__replying-cancel:hover {
    border-color: var(--theme-main-color-light);
    color: var(--theme-main-color-light)
}

.comment-bar_active .comment-bar__editor.ql-container {
    margin-bottom: 45px
}

.comment-bar__editor .ql-editor {
    font-size: 14px;
    font-weight: 400;
    text-align: left;
    direction: ltr;
    padding: 10px 20px;
    color: #544d61;
    word-wrap: break-word;
    max-height: 100px;
    min-height: 40px;
    background: #fff
}

.cu-os-win .comment-bar__editor .ql-editor {
    scrollbar-width: thin
}

.cu-os-win .comment-bar__editor .ql-editor::-webkit-scrollbar {
    background-color: #fff;
    width: 16px;
    height: 16px
}

.cu-os-win .comment-bar__editor .ql-editor::-webkit-scrollbar-track {
    background-color: #fff
}

.cu-os-win .comment-bar__editor .ql-editor::-webkit-scrollbar-track:hover {
    background-color: #fff
}

.cu-os-win .comment-bar__editor .ql-editor::-webkit-scrollbar-thumb {
    background-color: #babac080;
    border-radius: 16px;
    border: 5px solid #fff
}

.cu-os-win .comment-bar__editor .ql-editor::-webkit-scrollbar-thumb:hover {
    background-color: #a0a0a5;
    border: 3px solid #fff
}

.cu-os-win .comment-bar__editor .ql-editor::-webkit-scrollbar-button {
    display: none
}

.cu-os-win.dark-theme .comment-bar__editor .ql-editor::-webkit-scrollbar,.cu-os-win .dark-theme .comment-bar__editor .ql-editor::-webkit-scrollbar {
    background-color: #384047
}

.cu-os-win.dark-theme .comment-bar__editor .ql-editor::-webkit-scrollbar-track,.cu-os-win .dark-theme .comment-bar__editor .ql-editor::-webkit-scrollbar-track {
    background-color: #384047
}

.cu-os-win.dark-theme .comment-bar__editor .ql-editor::-webkit-scrollbar-track:hover,.cu-os-win .dark-theme .comment-bar__editor .ql-editor::-webkit-scrollbar-track:hover {
    background-color: #384047
}

.cu-os-win.dark-theme .comment-bar__editor .ql-editor::-webkit-scrollbar-thumb,.cu-os-win .dark-theme .comment-bar__editor .ql-editor::-webkit-scrollbar-thumb {
    border-color: #384047
}

.cu-os-win.dark-theme .comment-bar__editor .ql-editor::-webkit-scrollbar-thumb:hover,.cu-os-win .dark-theme .comment-bar__editor .ql-editor::-webkit-scrollbar-thumb:hover {
    border-color: #384047
}

.cu-os-win.dark-theme .comment-bar__editor .ql-editor::-webkit-scrollbar-corner,.cu-os-win .dark-theme .comment-bar__editor .ql-editor::-webkit-scrollbar-corner {
    background-color: #384047
}

.dark-theme .comment-bar__editor .ql-editor {
    background: #384047;
    color: #d5d6d7
}

.dark-theme .comment-bar__editor .ql-editor>* {
    color: #d5d6d7
}

.dark-theme .comment-bar__editor .ql-editor *[style*="background-color: rgb(255, 250, 120);"],.dark-theme .comment-bar__editor .ql-editor *[style*="background-color: rgb(230, 255, 207);"],.dark-theme .comment-bar__editor .ql-editor *[style*="background-color: rgb(255, 224, 224);"],.dark-theme .comment-bar__editor .ql-editor *[style*="background-color: rgb(255, 250, 120);"] *,.dark-theme .comment-bar__editor .ql-editor *[style*="background-color: rgb(230, 255, 207);"] *,.dark-theme .comment-bar__editor .ql-editor *[style*="background-color: rgb(255, 224, 224);"] * {
    color: #2b343b;
    padding: 2px 0
}

.comment-bar__editor .ql-editor div:not([embed-node=true] *),.comment-bar__editor .ql-editor li {
    color: #343434cc
}

.dark-theme .comment-bar__editor .ql-editor div:not([embed-node=true] *),.dark-theme .comment-bar__editor .ql-editor li {
    color: #d5d6d7
}

.comment-bar__editor .ql-editor div:not([embed-node=true] *).comment-attachment__name,.comment-bar__editor .ql-editor div:not([embed-node=true] *).comment-attachment__ext,.comment-bar__editor .ql-editor li.comment-attachment__name,.comment-bar__editor .ql-editor li.comment-attachment__ext {
    color: #fff
}

.comment-bar__editor .ql-editor .comment-attachment__name,.comment-bar__editor .ql-editor .comment-attachment__ext {
    color: #fff
}

.comment-bar__editor .ql-editor.ql-blank:before {
    font-size: 14px;
    font-weight: 400;
    padding: 0 0 0 20px;
    font-style: normal;
    color: #34343466
}

.dark-theme .comment-bar__editor .ql-editor.ql-blank:before {
    color: #828588
}

.comment-bar__editor .ql-editor a {
    color: #4a90e2;
    white-space: normal!important
}

.dark-theme .comment-bar__editor .ql-editor a {
    color: #72b3fd
}

.comment-bar__editor .ql-editor a:before,.comment-bar__editor .ql-editor a:after {
    display: none
}

.comment-bar__editor .ql-editor a.task-mention {
    color: #343434
}

.dark-theme .comment-bar__editor .ql-editor a.task-mention {
    color: #d5d6d7
}

.comment-bar__editor .ql-editor li:not(.ql-direction-rtl):before {
    text-align: left
}

.comment-bar__editor .ql-editor .clickup-table-view {
    margin: 10px
}

.comment-bar__editor .ql-editor td {
    border-color: #7c828d
}

.dark-theme .comment-bar__editor .ql-editor td {
    border-color: #828588
}

.comment-bar__icon {
    position: absolute;
    width: 30px;
    height: 30px;
    top: 5px;
    right: 20px;
    fill: #e7e7e7;
    -webkit-user-select: none;
    user-select: none
}

.comment-bar_active .comment-bar__icon {
    display: none
}

.comment-bar__footer {
    padding: 15px 20px 0;
    display: none;
    align-items: center;
    justify-content: flex-end;
    position: relative;
    z-index: 1;
    border-top: 1px solid #f5f5f5
}

.dark-theme .comment-bar__footer {
    border-top-color: #1e272e
}

.comment-bar__footer_editor {
    padding: 10px
}

.comment-bar__btns {
    flex-shrink: 0
}

.comment-bar_active .comment-bar__footer,.comment-bar__footer_active {
    display: flex;
    animation: .3s fadeIn linear both
}

.comment-bar__footer_disabled .comment-bar__controls {
    pointer-events: none;
    opacity: .5;
    margin-right: 10px
}

.comment-bar_active .ql-editor {
    min-height: 80px;
    max-height: 300px;
    line-height: 20px
}

.comment-bar__controls {
    position: relative;
    display: flex;
    min-height: 30px;
    height: -moz-fit-content;
    height: fit-content;
    overflow: hidden
}

.comment-bar__controls-mode-toggle {
    height: 24px;
    background: transparent;
    border: 1px solid #e9ebf0;
    border-radius: 3px;
    display: flex;
    align-items: center;
    overflow: hidden
}

.dark-theme .comment-bar__controls-mode-toggle {
    border-color: #1e272e
}

.comment-bar__controls-mode-toggle-item {
    display: flex;
    align-items: center;
    justify-content: center;
    background: transparent;
    position: relative;
    cursor: pointer;
    width: 26px;
    height: 24px
}

.comment-bar__controls-mode-toggle-item:after {
    transition: background .2s cubic-bezier(.785,.135,.15,.86) 0s;
    opacity: 0;
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: var(--theme-main-color)
}

.comment-bar__controls-mode-toggle-item .icon {
    transition: fill .2s cubic-bezier(.785,.135,.15,.86) 0s;
    width: 12px;
    height: 10px;
    fill: #c9cbdb
}

.comment-bar__controls-mode-toggle-item-active .icon {
    fill: var(--theme-main-color)
}

.comment-bar__controls-mode-toggle-item-active:after {
    opacity: .1
}

.comment-bar__controls:first-child {
    flex-grow: 1;
    flex-wrap: wrap;
    position: static
}

.comment-bar__controls:last-child {
    flex-shrink: 0
}

.comment-bar__controls+.comment-bar__controls {
    margin-left: 10px
}

.comment-bar__controls>*+* {
    margin-left: 10px
}

@media screen and (max-width: 1200px) and (max-width: 1200px) {
    .comment-bar__controls>*+* {
        margin-left:8px
    }
}

.comment-bar__controls .cu-user-list-dropdown .cu-dropdown,.comment-bar__controls .cu-user-list-dropdown .cu-project-avatar {
    position: static
}

.comment-bar__controls .comment-bar__send-btn {
    height: 30px!important;
    padding: 0 16px!important
}

.comment-bar__controls .comment-bar__send-btn:hover {
    background-color: var(--theme-main-color-dark);
    color: #fff!important
}

.comment-bar__controls-email .cu-emoji-picker-dropdown {
    margin-left: 0
}

.comment-bar__controls .cu-cloud-buttons-dropdown {
    margin-left: 4px
}

.comment-bar__delimiter {
    flex-grow: 1;
    min-width: 15px
}

@media screen and (max-width: 1200px) and (max-width: 1200px) {
    .comment-bar__delimiter {
        min-width:8px
    }
}

.comment-bar__attachments {
    position: relative;
    display: flex;
    flex-shrink: 0;
    background: #fff
}

.dark-theme .comment-bar__attachments {
    background: #384047
}

.comment-bar__attachments>*+* {
    margin-left: 10px
}

@media screen and (max-width: 1200px) and (max-width: 1200px) {
    .comment-bar__attachments>*+* {
        margin-left:8px
    }
}

.comment-bar__control {
    width: 28px;
    height: 28px;
    padding: 2px;
    cursor: pointer;
    transition: .1s;
    fill: #c8cbdb
}

.dark-theme .comment-bar__control {
    fill: #828588
}

.comment-bar__control:hover {
    fill: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .comment-bar__control:hover {
        fill:var(--theme-main-color)
    }
}

.comment-bar__screen-recording {
    display: flex;
    align-items: center;
    flex-direction: column;
    width: 500px;
    padding: 10px 0
}

.comment-bar__screen-recording-warning {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    font-weight: 400;
    line-height: 1;
    height: 37px;
    background: rgba(253,180,113,.1);
    border-radius: 4px;
    color: #bb8451;
    width: 100%
}

.comment-bar__screen-recording-warning-icon {
    width: 16px;
    height: 16px;
    fill: #fdb471;
    margin-right: 8px
}

.comment-bar__screen-recording-btn {
    width: 380px;
    margin-bottom: 15px
}

.comment-bar__screen-recording-title {
    font-size: 40px;
    font-weight: 500;
    line-height: 1;
    color: #292d34;
    text-align: center;
    margin: 10px 0
}

.dark-theme .comment-bar__screen-recording-title {
    color: #d5d6d7
}

.comment-bar__screen-recording-subtitle {
    font-size: 25px;
    font-weight: 400;
    line-height: 1;
    color: #292d34;
    text-align: center;
    margin-bottom: 15px
}

.dark-theme .comment-bar__screen-recording-subtitle {
    color: #d5d6d7
}

.comment-bar__screen-recording-description {
    font-size: 13px;
    font-weight: 400;
    line-height: 1.4;
    color: #292d34;
    text-align: center;
    margin-bottom: 20px
}

.dark-theme .comment-bar__screen-recording-description {
    color: #d5d6d7
}

.comment-bar__screen-recording-loom {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    color: #292d34
}

.dark-theme .comment-bar__screen-recording-loom {
    display: none;
    color: #d5d6d7
}

.comment-bar__screen-recording-loom_dark-theme {
    display: none
}

.dark-theme .comment-bar__screen-recording-loom_dark-theme {
    display: flex;
    color: #d5d6d7
}

.comment-bar__cancel-btn {
    -webkit-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    transition: all .2s cubic-bezier(.785,.135,.15,.86) 0s;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 18px;
    font-weight: 600;
    line-height: 63px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    text-decoration: none;
    font-size: 13px;
    line-height: 11px;
    font-weight: 500;
    border: 1px solid #aeacb0;
    color: #aeacb0;
    background: none;
    text-shadow: none;
    height: 30px;
    padding: 0 10px;
    text-transform: uppercase;
    border-radius: 3px;
    margin-left: 7px
}

.comment-bar__cancel-btn:hover {
    transition: none
}

.comment-bar__cancel-btn:hover {
    background-color: #aeacb0;
    border: 1px solid #aeacb0;
    color: #fff;
    transition: none
}

.comment-bar__cancel-btn:hover .cu-btn__text {
    color: #fff
}

.comment-bar__cancel-btn:active {
    background-color: #959297;
    border: 1px solid #959297;
    transition: none
}

.comment-bar__cancel-btn .cu-btn__text {
    color: #aeacb0
}

@media screen and (max-width: 1300px) and (max-width: 1300px) {
    .comment-bar__cancel-btn {
        padding:0 10px
    }
}

@media screen and (max-width: 1200px) and (max-width: 1200px) {
    .comment-bar__cancel-btn {
        margin-left:10px;
        padding: 0 7px
    }
}

.comment-bar__send-btn {
    -webkit-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    transition: all .2s cubic-bezier(.785,.135,.15,.86) 0s;
    background-color: #A2C44A;
    border-color: #A2C44A;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 18px;
    font-weight: 600;
    line-height: 63px;
    font-family: -apple-system,BlinkMacSystemFont,Segoe UI,roboto,Helvetica Neue,helvetica,arial,sans-serif;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 64px;
    cursor: pointer;
    color: #fff;
    border: 1px solid;
    text-decoration: none;
    white-space: nowrap;
    height: 40px;
    font-size: 13px;
    line-height: 11px;
    font-weight: 500;
    height: 30px;
    padding: 0 20px;
    text-transform: uppercase;
    border-radius: 3px;
    margin-left: 10px;
    letter-spacing: .28px
}

.comment-bar__send-btn:hover {
    transition: none
}

@supports (--theme-main-color: $color-purple) {
    .comment-bar__send-btn {
        background-color:var(--theme-main-color)
    }
}

@supports (--theme-main-color: $color-purple) {
    .comment-bar__send-btn {
        border-color:var(--theme-main-color)
    }
}

.comment-bar__send-btn:hover,.comment-bar__send-btn:active {
    background-color: #A2C44A;
    border-color: #A2C44A;
    border: 1px solid;
    transition: none
}

@supports (--theme-main-color-dark: $color-purple-dark) {
    .comment-bar__send-btn:hover,.comment-bar__send-btn:active {
        background-color:var(--theme-main-color-dark)
    }
}

@supports (--theme-main-color-dark: $color-purple-dark) {
    .comment-bar__send-btn:hover,.comment-bar__send-btn:active {
        border-color:var(--theme-main-color-dark)
    }
}

@media screen and (max-width: 1300px) and (max-width: 1300px) {
    .comment-bar__send-btn {
        padding:0 20px
    }
}

@media screen and (max-width: 1200px) and (max-width: 1200px) {
    .comment-bar__send-btn {
        padding:0 12px
    }
}

.comment-bar__send-btn.cu-btn.cu-btn_block {
    width: auto
}

.comment-bar__send-btn .cu-btn__spinner {
    min-width: 70px
}

.comment-bar__send-btn .cu-btn__icon {
    width: 16px;
    height: 16px;
    padding: 2px;
    fill: #fff
}

.comment-bar-mentions {
    position: relative;
    overflow: hidden;
    flex-shrink: 0
}

.comment-bar-mentions__icon {
    width: 28px;
    height: 28px;
    padding: 2px;
    cursor: pointer;
    transition: .1s;
    fill: #c8cbdb
}

.dark-theme .comment-bar-mentions__icon {
    fill: #828588
}

.comment-bar-mentions__icon:hover {
    fill: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .comment-bar-mentions__icon:hover {
        fill:var(--theme-main-color)
    }
}

.comment-bar-btn {
    position: relative;
    overflow: hidden;
    flex-shrink: 0;
    border: none
}

.comment-bar-btn_disabled .comment-bar-btn__icon.icon {
    cursor: not-allowed
}

.comment-bar-btn_disabled .comment-bar-btn__icon.icon:hover {
    fill: #c8cbdb
}

.dark-theme .comment-bar-btn_disabled .comment-bar-btn__icon.icon:hover {
    fill: #828588
}

.comment-bar-btn__doc {
    margin-left: 6px
}

.comment-bar-btn__icon {
    width: 28px;
    height: 28px;
    padding: 2px;
    cursor: pointer;
    transition: .1s;
    fill: #c8cbdb
}

.dark-theme .comment-bar-btn__icon {
    fill: #828588
}

.comment-bar-btn__icon:hover {
    fill: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .comment-bar-btn__icon:hover {
        fill:var(--theme-main-color)
    }
}

.comment-bar-btn__icon_email {
    padding: 4px
}

.comment-bar-btn__icon-item_pulse {
    animation: recordPulse 2s infinite;
    transform-origin: center
}

@keyframes recordPulse {
    0% {
        transform: scale(1);
        opacity: .8
    }

    50% {
        transform: scale3d(1.15,1.15,1.15);
        opacity: 1
    }

    to {
        transform: scale(1);
        opacity: .8
    }
}

.comment-bar-btn_active .comment-bar-btn__icon {
    fill: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .comment-bar-btn_active .comment-bar-btn__icon {
        fill:var(--theme-main-color)
    }
}

.comment-bar-btn_record .comment-bar-btn__icon:hover {
    fill: #67cb48
}

.comment-bar-btn_record_active .comment-bar-btn__icon {
    fill: #d64c4c
}

.comment-bar-slash {
    position: relative;
    overflow: hidden;
    flex-shrink: 0
}

.comment-bar-slash_disabled .comment-bar-slash__icon {
    cursor: not-allowed
}

.comment-bar-slash_disabled .comment-bar-slash__icon:hover {
    fill: #c8cbdb
}

.dark-theme .comment-bar-slash_disabled .comment-bar-slash__icon:hover {
    fill: #828588
}

.comment-bar-slash__icon {
    width: 28px;
    height: 28px;
    padding: 4px;
    cursor: pointer;
    transition: .1s;
    fill: #c8cbdb
}

.dark-theme .comment-bar-slash__icon {
    fill: #828588
}

.comment-bar-slash__icon:hover {
    fill: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .comment-bar-slash__icon:hover {
        fill:var(--theme-main-color)
    }
}

.comment-bar-dropbox,.comment-bar-box,.comment-bar-onedrive,.comment-bar-google-drive {
    position: relative;
    overflow: hidden
}

.comment-bar-dropbox__icon,.comment-bar-box__icon,.comment-bar-onedrive__icon,.comment-bar-google-drive__icon {
    width: 28px;
    height: 28px;
    padding: 3px;
    cursor: pointer;
    transition: .1s;
    fill: #c8cadc
}

.dark-theme .comment-bar-dropbox__icon,.dark-theme .comment-bar-box__icon,.dark-theme .comment-bar-onedrive__icon,.dark-theme .comment-bar-google-drive__icon {
    fill: #828588
}

.comment-bar-dropbox__icon:hover,.comment-bar-box__icon:hover,.comment-bar-onedrive__icon:hover,.comment-bar-google-drive__icon:hover {
    fill: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .comment-bar-dropbox__icon:hover,.comment-bar-box__icon:hover,.comment-bar-onedrive__icon:hover,.comment-bar-google-drive__icon:hover {
        fill:var(--theme-main-color)
    }
}

.comment-bar-uploader {
    position: relative;
    overflow: hidden
}

.comment-bar-uploader__dropdown {
    position: static
}

.comment-bar-uploader__dropdown-menu .comment-bar__attachments {
    padding: 8px 10px;
    border-radius: 6px
}

.comment-bar-uploader_toggle {
    position: absolute;
    right: 0
}

.comment-bar-uploader_toggle_disabled .comment-bar-uploader__icon {
    cursor: not-allowed
}

.comment-bar-uploader_toggle_disabled .comment-bar-uploader__icon:hover {
    fill: #c8cbdb
}

.dark-theme .comment-bar-uploader_toggle_disabled .comment-bar-uploader__icon:hover {
    fill: #828588
}

.comment-bar-uploader__icon {
    width: 28px;
    height: 28px;
    padding: 2px;
    cursor: pointer;
    transition: .1s;
    fill: #c8cbdb
}

.dark-theme .comment-bar-uploader__icon {
    fill: #828588
}

.comment-bar-uploader__icon:hover {
    fill: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .comment-bar-uploader__icon:hover {
        fill:var(--theme-main-color)
    }
}

.comment-bar-uploader__input {
    position: absolute;
    left: -1000px;
    height: 0;
    width: 0;
    opacity: 0;
    visibility: hidden
}

.comment-attachment {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 5px 0
}

.comment-attachment__content {
    position: relative;
    display: flex;
    align-items: center;
    background: #9b9b9b;
    padding: 3px 8px;
    border-radius: 4px;
    cursor: pointer
}

.comment-attachment__icon {
    width: 12px;
    height: 12px;
    flex-shrink: 0;
    margin: 0 2px 0 0;
    background: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTkuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDE5MS4yNTkgMTkxLjI1OSIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMTkxLjI1OSAxOTEuMjU5OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgd2lkdGg9IjE2cHgiIGhlaWdodD0iMTZweCI+CjxnPgoJPHBhdGggZD0iTTE1MS40MTMsMEgzOS44NDZjLTguODAyLDAtMTUuOTM4LDcuMTM2LTE1LjkzOCwxNS45Mzh2MTU5LjM4MmMwLDguODAyLDcuMTM2LDE1LjkzOCwxNS45MzgsMTUuOTM4ICAgaDExMS41NjhjOC44MDIsMCwxNS45MzgtNy4xMzYsMTUuOTM4LTE1LjkzOFYxNS45MzhDMTY3LjM1MSw3LjEzNiwxNjAuMjE1LDAsMTUxLjQxMywweiBNMTU5LjM4MiwxNzUuMzIxICAgYzAsNC40MDMtMy41NjQsNy45NjktNy45NjksNy45NjlIMzkuODQ2Yy00LjQwNSwwLTcuOTY5LTMuNTY2LTcuOTY5LTcuOTY5VjE1LjkzOGMwLTQuNDAzLDMuNTY0LTcuOTY5LDcuOTY5LTcuOTY5aDExMS41NjggICBjNC40MDUsMCw3Ljk2OSwzLjU2Niw3Ljk2OSw3Ljk2OVYxNzUuMzIxeiIgZmlsbD0iIzYxYjBkOCIvPgoJPHBhdGggZD0iTTEyNy41MDYsMTM1LjQ3NWMtOC44MDIsMC0xNS45MzgsNy4xMzYtMTUuOTM4LDE1LjkzOHM3LjEzNiwxNS45MzgsMTUuOTM4LDE1LjkzOCAgIHMxNS45MzgtNy4xMzYsMTUuOTM4LTE1LjkzOFMxMzYuMzA4LDEzNS40NzUsMTI3LjUwNiwxMzUuNDc1eiBNMTI3LjUwNiwxNTkuMzgyYy00LjQwNSwwLTcuOTY5LTMuNTY2LTcuOTY5LTcuOTY5ICAgczMuNTY0LTcuOTY5LDcuOTY5LTcuOTY5YzQuNDA1LDAsNy45NjksMy41NjYsNy45NjksNy45NjlTMTMxLjkxMSwxNTkuMzgyLDEyNy41MDYsMTU5LjM4MnoiIGZpbGw9IiM2MWIwZDgiLz4KCTxwYXRoIGQ9Ik0xMTkuNTM3LDEwNy41ODNjMC0yLjE5OS0xLjc4Ni0zLjk4NS0zLjk4NS0zLjk4NUg1MS43OTljLTIuMTk5LDAtMy45ODUsMS43ODYtMy45ODUsMy45ODUgICBjMCwyLjE5OSwxLjc4NiwzLjk4NSwzLjk4NSwzLjk4NWg2My43NTNDMTE3Ljc1MSwxMTEuNTY4LDExOS41MzcsMTA5Ljc4MiwxMTkuNTM3LDEwNy41ODN6IiBmaWxsPSIjNjFiMGQ4Ii8+Cgk8cGF0aCBkPSJNMTM5LjQ2LDc5LjY5MWgtODcuNjZjLTIuMTk5LDAtMy45ODUsMS43ODYtMy45ODUsMy45ODVjMCwyLjE5OSwxLjc4NiwzLjk4NSwzLjk4NSwzLjk4NWg4Ny42NiAgIGMyLjE5OCwwLDMuOTg0LTEuNzg2LDMuOTg0LTMuOTg1QzE0My40NDQsODEuNDc3LDE0MS42NTgsNzkuNjkxLDEzOS40Niw3OS42OTF6IiBmaWxsPSIjNjFiMGQ4Ii8+Cgk8cGF0aCBkPSJNMTM5LjQ2LDU1Ljc4NGgtODcuNjZjLTIuMTk5LDAtMy45ODUsMS43ODYtMy45ODUsMy45ODVjMCwyLjE5OSwxLjc4NiwzLjk4NSwzLjk4NSwzLjk4NWg4Ny42NiAgIGMyLjE5OCwwLDMuOTg0LTEuNzg2LDMuOTg0LTMuOTg1QzE0My40NDQsNTcuNTcsMTQxLjY1OCw1NS43ODQsMTM5LjQ2LDU1Ljc4NHoiIGZpbGw9IiM2MWIwZDgiLz4KCTxwYXRoIGQ9Ik0xMzkuNDYsMzEuODc2aC04Ny42NmMtMi4xOTksMC0zLjk4NSwxLjc4Ni0zLjk4NSwzLjk4NWMwLDIuMTk5LDEuNzg2LDMuOTg1LDMuOTg1LDMuOTg1aDg3LjY2ICAgYzIuMTk4LDAsMy45ODQtMS43ODYsMy45ODQtMy45ODVDMTQzLjQ0NCwzMy42NjIsMTQxLjY1OCwzMS44NzYsMTM5LjQ2LDMxLjg3NnoiIGZpbGw9IiM2MWIwZDgiLz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8L3N2Zz4K) no-repeat center center/contain transparent
}

.comment-attachment__name,.comment-attachment__ext {
    font-size: 13px;
    font-weight: 300;
    color: #fff;
    -webkit-user-select: none;
    user-select: none
}

.comment-attachment__delim {
    flex-grow: 1
}

.comment-attachment__progress {
    flex-grow: 1;
    max-width: 200px
}

.comment-attachment__edit,.comment-attachment__remove,.comment-attachment__download {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 12px;
    height: 12px;
    flex-shrink: 0;
    margin: 0 0 0 10px;
    cursor: pointer;
    -webkit-user-select: none;
    user-select: none;
    transition: .1s;
    stroke: #b7b9bb
}

.comment-attachment__download {
    fill: #b7b9bb;
    stroke: transparent
}

.comment-attachment__edit {
    display: none
}

.comment-attachment__remove:hover {
    stroke: #fd71af
}

.comment-attachment__edit:hover {
    stroke: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .comment-attachment__edit:hover {
        stroke:var(--theme-main-color)
    }
}

.comment-attachment__preview {
    position: relative;
    flex-shrink: 0
}

.comment-attachment__preview-icon {
    width: 20px;
    height: 20px;
    fill: #dfdfdf;
    margin: 0 8px;
    cursor: pointer;
    transition: .2s
}

.comment-attachment__preview-icon:hover {
    fill: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .comment-attachment__preview-icon:hover {
        fill:var(--theme-main-color)
    }
}

.comment-attachment__preview-tooltip {
    position: absolute;
    top: 0;
    left: 0;
    display: none
}

.comment-attachment__source-icon {
    display: inline-block;
    width: 16px;
    height: 16px;
    vertical-align: middle;
    margin: -3px 5px -1px 0
}

p+.comment-attachment {
    margin-top: 5px
}

.comment-attachment_edit .comment-attachment-edit {
    display: flex
}

.comment-attachment_success .comment-attachment__content {
    background: #A2C44A;
    text-decoration: none!important
}

@supports (--theme-main-color: $color-purple) {
    .comment-attachment_success .comment-attachment__content {
        background:var(--theme-main-color)
    }
}

.comment-attachment_success .comment-attachment__content_grey {
    background: #efeef0
}

.comment-attachment_success .comment-attachment__content_grey .comment-attachment__name,.comment-attachment_success .comment-attachment__content_grey .comment-attachment__ext,.ql-editor .comment-attachment_success .comment-attachment__content_grey .comment-attachment__name,.ql-editor .comment-attachment_success .comment-attachment__content_grey .comment-attachment__ext {
    color: #343434
}

.comment-attachment_success:hover .comment-attachment__remove,.comment-attachment_success:hover .comment-attachment__edit {
    opacity: 1
}

.comment-attachment_success .comment-attachment__edit {
    display: flex;
    opacity: 0
}

.comment-attachment_success .comment-attachment__remove {
    opacity: 0
}

.comment-attachment_error .comment-attachment__content {
    background: #fd71af
}

.comment-attachment-edit {
    position: absolute;
    display: none;
    align-items: center;
    top: 0;
    left: 0;
    width: 100%;
    height: 30px;
    background: #fff
}

.dark-theme .comment-attachment-edit {
    background: #384047
}

.comment-attachment-edit__form {
    flex-grow: 1;
    display: flex
}

.comment-attachment-edit__input {
    font-size: 13px;
    font-weight: 400;
    line-height: 14px;
    flex-grow: 1;
    padding: 7px 8px 5px;
    border: 1px solid #e4e4e4;
    border-radius: 3px 0 0 3px;
    background: #fff;
    transition: border .1s
}

.dark-theme .comment-attachment-edit__input {
    background: #384047;
    box-shadow: none;
    color: #d5d6d7
}

.comment-attachment-edit__input:focus {
    border-color: #A2C44A;
    border: 1px solid
}

@supports (--theme-main-color: $color-purple) {
    .comment-attachment-edit__input:focus {
        border-color:var(--theme-main-color)
    }
}

.comment-attachment-edit__input::placeholder {
    font-size: 13px;
    font-weight: 400;
    line-height: 14px
}

.comment-attachment-edit__input:focus+.comment-attachment-edit__ext {
    border-color: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .comment-attachment-edit__input:focus+.comment-attachment-edit__ext {
        border-color:var(--theme-main-color)
    }
}

.comment-attachment-edit__ext {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 13px;
    font-weight: 400;
    flex-shrink: 0;
    min-width: 50px;
    border: 1px solid #e4e4e4;
    border-left: 0;
    border-radius: 0 3px 3px 0;
    padding: 0 10px;
    color: #34343480;
    background: #f7f7f7;
    -webkit-user-select: none;
    user-select: none
}

.dark-theme .comment-attachment-edit__ext {
    background: #384047;
    color: #d5d6d7
}

.comment-attachment-edit__controls {
    display: flex;
    justify-content: space-between;
    flex-shrink: 0;
    width: 50px;
    margin: 0 0 0 15px
}

.comment-attachment-edit__control {
    width: 20px;
    height: 20px;
    padding: 4px;
    cursor: pointer;
    transition: .1s
}

.comment-attachment-edit__control_cancel {
    stroke: #b7b9bb
}

.comment-attachment-edit__control_cancel:hover {
    stroke: #fd71af
}

.comment-attachment-edit__control_save {
    stroke: #b7b9bb
}

.comment-attachment-edit__control_save:hover {
    stroke: #67cb48
}

.attachment-preview {
    margin: 10px 0 0
}

.attachment-preview .cu-attachment-preview {
    width: auto
}

.attachment-preview__body {
    display: flex;
    align-items: center
}

.attachment-preview__name,.attachment-preview .attachment-preview__name {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 14px;
    line-height: 140%;
    flex-grow: 1;
    color: #61b0d8
}

.attachment-preview__source {
    display: inline-block;
    width: 16px;
    height: 16px;
    vertical-align: middle;
    margin-bottom: 2px
}

.attachment-preview .attachment-preview__name {
    text-decoration: none;
    cursor: pointer
}

.attachment-preview__share-link,.attachment-preview__download-link {
    flex-shrink: 0;
    cursor: pointer;
    width: 14px;
    height: 15px;
    fill: #b7b9bb;
    transition: .1s;
    margin: 0 0 0 10px
}

.attachment-preview__share-link.no-margin,.attachment-preview__download-link.no-margin {
    margin: 0;
    width: 19px;
    height: 20px
}

.attachment-preview__share-link-icon,.attachment-preview__download-link-icon {
    transition: all .2s cubic-bezier(.785,.135,.15,.86) 0s
}

.attachment-preview__share-link-icon_go,.attachment-preview__download-link-icon_go {
    stroke: #c7c9dc
}

.attachment-preview__share-link-icon_go:hover,.attachment-preview__download-link-icon_go:hover {
    stroke: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .attachment-preview__share-link-icon_go:hover,.attachment-preview__download-link-icon_go:hover {
        stroke:var(--theme-main-color)
    }
}

.attachment-preview__share-link-icon_download,.attachment-preview__download-link-icon_download {
    stroke: #c7c9dc
}

.attachment-preview__share-link-icon_download:hover,.attachment-preview__download-link-icon_download:hover {
    stroke: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .attachment-preview__share-link-icon_download:hover,.attachment-preview__download-link-icon_download:hover {
        stroke:var(--theme-main-color)
    }
}

.attachment-preview__img-fake {
    width: 1px;
    height: 1px;
    visibility: hidden
}

.attachment-preview__picture {
    display: inline-block;
    position: relative;
    max-width: 100%;
    margin: 0 0 10px;
    cursor: pointer
}

.attachment-preview__picture .orientation-square {
    width: 100px;
    height: 100px;
    border: 1px solid #e4e4e4;
    border-radius: 4px
}

.attachment-preview__picture .orientation-landscape {
    width: auto;
    max-height: 100%;
    border: 1px solid #e4e4e4;
    border-radius: 4px
}

.attachment-preview__picture .orientation-portrait {
    height: 250px;
    width: auto;
    max-width: 100%;
    border: 1px solid #e4e4e4;
    border-radius: 4px
}

.attachment-preview__picture .orientation-dynamic-landscape {
    height: 100px;
    border: 1px solid #e4e4e4;
    border-radius: 4px
}

p:not(:empty)+.attachment-preview {
    margin-top: 10px
}

.preview-container-with-overflow {
    border: 1px solid #e4e4e4;
    border-radius: 4px;
    width: calc(100% - 57px)
}

.preview-container-with-overflow .orientation-dynamic-landscape-overflow {
    height: 100px
}

.orientation-default {
    width: 100px;
    height: 100px;
    border: 1px solid #e4e4e4;
    border-radius: 4px
}

.breadcrumbs {
    --border-color: #dcdfe4;
    display: inline-flex;
    align-items: center;
    background: #fff;
    height: 24px;
    border-radius: 6px;
    max-width: 450px;
    border: 1px solid var(--border-color)
}

.dark-theme .breadcrumbs {
    --border-color: #1e272e;
    background: #384047;
    border-color: var(--border-color)
}

@media screen and (max-width: 992px) {
    .breadcrumbs {
        padding:0 4px
    }
}

.breadcrumbs__logo {
    fill: #A2C44A;
    width: auto;
    height: 20px;
    margin: 0 0 0 10px
}

@supports (--theme-main-color: $color-purple) {
    .breadcrumbs__logo {
        fill:var(--theme-main-color)
    }
}

@media screen and (max-width: 992px) {
    .breadcrumbs__logo {
        display:none
    }
}

.breadcrumbs__link,.breadcrumbs__archive {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 12px;
    font-weight: 500;
    line-height: 24px;
    color: #7c828d;
    display: inline-flex;
    align-items: center;
    padding: 0 10px;
    transition: .1s;
    min-width: 0
}

.dark-theme .breadcrumbs__link,.dark-theme .breadcrumbs__archive {
    color: #d5d6d7
}

@media screen and (max-width: 992px) {
    .breadcrumbs__link,.breadcrumbs__archive {
        font-size:11px;
        padding: 0 7px;
        display: none
    }
}

.breadcrumbs__link>span,.breadcrumbs__archive>span {
    transition: color .2s cubic-bezier(.785,.135,.15,.86) 0s;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: inherit
}

.breadcrumbs__link_disabled,.breadcrumbs__archive_disabled {
    cursor: default
}

.breadcrumbs__link_first {
    padding-left: 10px
}

.breadcrumbs__link-dropdown {
    font-weight: 500;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #fff;
    height: 24px;
    border-radius: 6px;
    margin-left: 8px;
    border: 1px solid #dcdfe4
}

.dark-theme .breadcrumbs__link-dropdown {
    border-color: #1e272e;
    background: #384047
}

.cu-dropdown_open .breadcrumbs__link-dropdown {
    background: #A2C44A;
    border-color: #A2C44A;
    color: #fff
}

@supports (--theme-main-color: $color-purple) {
    .cu-dropdown_open .breadcrumbs__link-dropdown {
        background:var(--theme-main-color)
    }
}

@supports (--theme-main-color: $color-purple) {
    .cu-dropdown_open .breadcrumbs__link-dropdown {
        border-color:var(--theme-main-color)
    }
}

.breadcrumbs__link_last,.breadcrumbs__archive_last {
    font-weight: 500
}

@media screen and (max-width: 992px) {
    .breadcrumbs__link_last,.breadcrumbs__archive_last {
        font-weight:400;
        display: inline-flex
    }
}

.breadcrumbs__link_list-other-list {
    padding: 0 0 0 10px
}

.breadcrumbs__placeholder {
    display: none;
    width: 100px;
    height: 15px;
    background: #f5f6f7;
    border-radius: 4px;
    margin: 0 10px
}

.dark-theme .breadcrumbs__placeholder {
    background: #2b343b
}

.breadcrumbs__placeholder.loading {
    display: block
}

.breadcrumbs__link:is(:hover,:focus) {
    color: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .breadcrumbs__link:is(:hover,:focus) {
        color:var(--theme-main-color)
    }
}

.breadcrumbs__archive {
    display: flex;
    align-items: center;
    color: #999
}

.breadcrumbs__archive-icon {
    width: 18px;
    height: 18px;
    fill: #999;
    margin: -2px 5px 0 0
}

@media screen and (max-width: 992px) {
    .breadcrumbs__delim {
        display:none
    }
}

.breadcrumbs__angle-right {
    height: 12px;
    width: 8px;
    fill: #979ba3
}

.breadcrumbs__tall-angle-right {
    height: 25px;
    width: 10px;
    stroke: var(--border-color)
}

.breadcrumbs__lock-icon {
    flex-shrink: 0;
    margin: 0 -6px 0 10px;
    width: 10px;
    height: 11px;
    fill: #333;
    stroke: #333
}

@media screen and (max-width: 992px) {
    .breadcrumbs__lock-icon {
        display:none
    }
}

.dark-theme .breadcrumbs__lock-icon {
    fill: #d5d6d7;
    stroke: #d5d6d7
}

.breadcrumbs__remove-from-list,.breadcrumbs__convert-home-list {
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    z-index: 9;
    margin-right: 6px;
    border: none
}

.breadcrumbs__remove-from-list:is(.dark-theme *,*):is(:hover,:focus) .icon,.breadcrumbs__convert-home-list:is(.dark-theme *,*):is(:hover,:focus) .icon {
    fill: var(--theme-main-color)
}

.breadcrumbs__remove-from-list .icon,.breadcrumbs__convert-home-list .icon {
    transition: fill .2s cubic-bezier(.785,.135,.15,.86) 0s;
    width: 18px;
    height: 18px;
    fill: #979ba3;
    padding: 3px
}

.dark-theme .breadcrumbs__remove-from-list .icon,.dark-theme .breadcrumbs__convert-home-list .icon {
    fill: #abaeb0
}

.breadcrumbs__remove-from-list.breadcrumbs__remove-from-list-rotate .icon {
    transform: rotate(45deg)
}

.breadcrumbs__convert-home-list {
    display: none;
    padding-left: 3px;
    position: absolute;
    right: 17px;
    background: linear-gradient(to right,rgba(255,255,255,0),white 8px,white)
}

.dark-theme .breadcrumbs__convert-home-list {
    background: linear-gradient(to right,rgba(56,64,71,0),#384047 8px,#384047)
}

.breadcrumbs__convert-home-list .icon {
    width: 19px;
    height: 19px
}

.breadcrumbs cu-task-mover {
    margin: 0
}

.breadcrumbs.collapsible {
    position: relative
}

.breadcrumbs.collapsible.overflowed {
    display: flex;
    flex-direction: column;
    height: auto;
    border: none;
    padding: 10px 8px;
    max-width: 100%;
    overflow: hidden;
    border-radius: 4px
}

.breadcrumbs.collapsible.overflowed .breadcrumbs__archive {
    width: 100%;
    padding: 0
}

.breadcrumbs.collapsible.overflowed .breadcrumbs__archive span {
    max-width: 100%;
    padding: 0 40px 0 0
}

.breadcrumbs.collapsible.overflowed:after {
    display: none
}

.breadcrumbs.collapsible.overflowed .breadcrumbs__collapsible-tooltip {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    position: relative;
    width: 100%;
    border: none;
    height: auto;
    top: 0;
    opacity: 1;
    box-shadow: none;
    transform: none;
    left: 0;
    background: transparent;
    transition: none;
    border-radius: 0;
    padding: 0;
    margin-bottom: 6px
}

.dark-theme .breadcrumbs.collapsible.overflowed .breadcrumbs__collapsible-tooltip {
    background: transparent
}

.breadcrumbs.collapsible.overflowed .breadcrumbs__collapsible-tooltip a {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 10px;
    font-weight: 500;
    line-height: 1;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: color .2s cubic-bezier(.785,.135,.15,.86) 0s;
    text-transform: uppercase
}

.dark-theme .breadcrumbs.collapsible.overflowed .breadcrumbs__collapsible-tooltip a {
    color: #828588
}

.breadcrumbs.collapsible.overflowed .breadcrumbs__collapsible-tooltip a:hover {
    color: var(--theme-main-color)
}

.breadcrumbs.collapsible.overflowed .breadcrumbs__collapsible-tooltip span {
    font-size: 10px;
    color: #b6b6b6
}

.dark-theme .breadcrumbs.collapsible.overflowed .breadcrumbs__collapsible-tooltip span {
    color: #828588
}

.breadcrumbs.collapsible.overflowed .breadcrumbs__link {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
    display: block;
    padding: 0
}

.breadcrumbs.collapsible.overflowed .breadcrumbs__link span {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 12px;
    font-weight: 400;
    line-height: 1;
    color: #292d34;
    max-width: 100%;
    padding: 0 40px 0 0;
    display: block;
    line-height: 24px
}

.dark-theme .breadcrumbs.collapsible.overflowed .breadcrumbs__link span {
    color: #d5d6d7
}

.breadcrumbs.collapsible.overflowed .breadcrumbs__link span:hover {
    color: var(--theme-main-color)
}

.breadcrumbs.collapsible.overflowed .breadcrumbs__remove-from-list {
    position: absolute;
    right: 5px;
    top: 28px
}

.breadcrumbs.collapsible.overflowed .breadcrumbs__convert-home-list {
    position: absolute;
    right: 25px;
    top: 27px
}

.breadcrumbs.collapsible.overflowed .breadcrumbs__lock-icon {
    position: absolute;
    right: 21px;
    top: 10px
}

.breadcrumbs.collapsible.hide-home:hover:after {
    content: none
}

.breadcrumbs.collapsible .breadcrumbs-position {
    margin: 0 10px
}

.breadcrumbs.collapsible .breadcrumbs__logo,.breadcrumbs.collapsible .breadcrumbs__link_space,.breadcrumbs.collapsible .breadcrumbs__link_folder,.breadcrumbs.collapsible .breadcrumbs__delim.icon,.breadcrumbs.collapsible .task-mover__category-list {
    display: none
}

.breadcrumbs.collapsible.main .breadcrumbs__logo,.breadcrumbs.collapsible.main .breadcrumbs__link_space,.breadcrumbs.collapsible.main .breadcrumbs__delim-icon-space {
    display: block
}

.breadcrumbs__tooltip {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 12px;
    font-weight: 500;
    line-height: 14px;
    color: #fff
}

.breadcrumbs__tooltip-link {
    transition: color .2s cubic-bezier(.785,.135,.15,.86) 0s;
    color: currentColor
}

.breadcrumbs__tooltip-link:hover {
    color: var(--theme-main-color)
}

.breadcrumbs__tooltip-link.disabled {
    pointer-events: none
}

.breadcrumbs__tooltip-icon {
    display: inline-block;
    margin-left: 1px;
    width: 10px;
    height: 7px;
    fill: #fff
}

.overflowed .breadcrumbs__tooltip-icon {
    margin-left: 2px;
    fill: currentColor
}

.breadcrumbs-position {
    display: inline-flex;
    align-items: center;
    margin: 0 10px;
    flex-shrink: 0
}

@media screen and (max-width: 992px) {
    .breadcrumbs-position {
        margin:0 7px 0 0
    }
}

.breadcrumbs-position__input {
    transition: all .2s cubic-bezier(.785,.135,.15,.86) 0s;
    font-size: 12px;
    font-weight: 400;
    width: 35px;
    border-radius: 3px;
    padding: 4px;
    text-align: center;
    border: 1px solid #e4e4e4;
    height: 16px
}

.breadcrumbs-position__input:hover {
    transition: none
}

@media screen and (max-width: 992px) {
    .breadcrumbs-position__input {
        font-size:11px;
        font-weight: 400;
        width: auto
    }
}

.dark-theme .breadcrumbs-position__input {
    border: 1px solid #2b343b;
    background: #384047;
    color: #d5d6d7
}

.breadcrumbs-position__input[type=number] {
    -moz-appearance: textfield
}

.breadcrumbs-position__input::-webkit-inner-spin-button,.breadcrumbs-position__input::-webkit-outer-spin-button {
    margin: 0;
    appearance: none;
    -webkit-appearance: none
}

.breadcrumbs-position__input:focus {
    border: 1px solid #aaa;
    box-shadow: none
}

.breadcrumbs-position__input:disabled {
    cursor: not-allowed
}

.breadcrumbs-position__info {
    display: inline-flex;
    align-items: center;
    position: relative
}

.breadcrumbs-position__save-mark {
    position: absolute;
    display: inline-flex;
    justify-content: flex-start;
    align-items: center;
    flex-shrink: 0;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    width: 100%;
    height: 100%;
    background: #fff;
    transition: .1s;
    opacity: 0
}

.dark-theme .breadcrumbs-position__save-mark {
    background: #384047
}

.breadcrumbs-position__save-mark_saved {
    opacity: 1
}

.breadcrumbs-position__save-mark .icon {
    width: 14px;
    height: 14px;
    margin: 0 0 0 8px;
    stroke: #67cb48
}

.breadcrumbs-position__text {
    font-size: 12px;
    font-weight: 400;
    margin: 0 5px 0 10px;
    color: #34343466
}

@media screen and (max-width: 992px) {
    .breadcrumbs-position__text {
        font-size:11px;
        font-weight: 400;
        margin: 0 3px
    }
}

.dark-theme .breadcrumbs-position__text {
    color: #828588
}

.breadcrumbs-position__total {
    font-size: 12px;
    font-weight: 400;
    color: #34343466
}

.dark-theme .breadcrumbs-position__total {
    color: #828588
}

cu-task-mover {
    margin: 0 0 0 15px
}

@media screen and (max-width: 992px) {
    cu-task-mover {
        margin:0 0 0 8px
    }
}

.task-mover__toggle {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 20px;
    cursor: pointer;
    flex-shrink: 0;
    background: transparent;
    border-radius: 4px
}

.dark-theme .task-mover__toggle {
    background: #384047
}

.task-mover__toggle .icon {
    width: 12px;
    height: 12px;
    transition: .1s;
    fill: #4a4a4a
}

.dark-theme .task-mover__toggle .icon {
    fill: #abaeb0
}

.task-mover__toggle:hover .icon,.cu-dropdown__toggle:focus .task-mover__toggle .icon,.cu-dropdown_open .task-mover__toggle .icon {
    fill: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .task-mover__toggle:hover .icon,.cu-dropdown__toggle:focus .task-mover__toggle .icon,.cu-dropdown_open .task-mover__toggle .icon {
        fill:var(--theme-main-color)
    }
}

.task-mover__project {
    padding: 10px 10px 10px 15px;
    position: relative
}

.task-selector__header-recent+.task-mover__menu-header .task-mover__project {
    padding-top: 0
}

.task-mover__project-name {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 16px;
    font-weight: 500;
    position: relative;
    padding: 0 15px 0 0;
    color: #4a4a4a;
    cursor: pointer;
    display: flex;
    align-items: center
}

.dark-theme .task-mover__project-name {
    color: #d5d6d7
}

.task-mover__project-name:after {
    height: 0;
    width: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 4px;
    border-top-color: #cbcbcb;
    content: "";
    display: block;
    margin-left: 8px;
    margin-top: 2px
}

.dark-theme .task-mover__project-name:after {
    height: 0;
    width: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 4px;
    border-top-color: #828588
}

.task-mover__project-label {
    font-size: 10px;
    font-weight: 500;
    margin: 0 0 3px;
    color: #77777780;
    text-transform: uppercase
}

.dark-theme .task-mover__project-label {
    color: #828588
}

.task-mover__menu {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 100;
    width: 255px;
    background: #fff;
    border-radius: 6px;
    margin: 5px 0 0;
    box-shadow: 0 2px 14px #00000026;
    padding: 10px 0
}

.dark-theme .task-mover__menu {
    background: #384047
}

.task-mover__menu-body {
    max-height: 300px
}

.task-mover-projects {
    overflow-y: auto;
    max-height: 500px
}

.cu-os-win .task-mover-projects {
    scrollbar-width: thin
}

.cu-os-win .task-mover-projects::-webkit-scrollbar {
    background-color: #fff;
    width: 16px;
    height: 16px
}

.cu-os-win .task-mover-projects::-webkit-scrollbar-track {
    background-color: #fff
}

.cu-os-win .task-mover-projects::-webkit-scrollbar-track:hover {
    background-color: #fff
}

.cu-os-win .task-mover-projects::-webkit-scrollbar-thumb {
    background-color: #babac080;
    border-radius: 16px;
    border: 5px solid #fff
}

.cu-os-win .task-mover-projects::-webkit-scrollbar-thumb:hover {
    background-color: #a0a0a5;
    border: 3px solid #fff
}

.cu-os-win .task-mover-projects::-webkit-scrollbar-button {
    display: none
}

.cu-os-win.dark-theme .task-mover-projects::-webkit-scrollbar,.cu-os-win .dark-theme .task-mover-projects::-webkit-scrollbar {
    background-color: #384047
}

.cu-os-win.dark-theme .task-mover-projects::-webkit-scrollbar-track,.cu-os-win .dark-theme .task-mover-projects::-webkit-scrollbar-track {
    background-color: #384047
}

.cu-os-win.dark-theme .task-mover-projects::-webkit-scrollbar-track:hover,.cu-os-win .dark-theme .task-mover-projects::-webkit-scrollbar-track:hover {
    background-color: #384047
}

.cu-os-win.dark-theme .task-mover-projects::-webkit-scrollbar-thumb,.cu-os-win .dark-theme .task-mover-projects::-webkit-scrollbar-thumb {
    border-color: #384047
}

.cu-os-win.dark-theme .task-mover-projects::-webkit-scrollbar-thumb:hover,.cu-os-win .dark-theme .task-mover-projects::-webkit-scrollbar-thumb:hover {
    border-color: #384047
}

.cu-os-win.dark-theme .task-mover-projects::-webkit-scrollbar-corner,.cu-os-win .dark-theme .task-mover-projects::-webkit-scrollbar-corner {
    background-color: #384047
}

.task-mover-item {
    display: block
}

.task-mover-item__header {
    position: relative;
    display: flex;
    align-items: center
}

.task-mover-item__icon {
    position: absolute;
    top: 8px;
    left: 10px;
    width: 14px;
    height: 14px;
    fill: #717171
}

.task-mover-item__icon_down {
    transform: rotate(90deg);
    top: 15px
}

.task-mover-item__name {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    flex-grow: 1;
    padding: 8px 10px 8px 30px;
    font-size: 15px;
    color: #717171;
    transition: .1s
}

.dark-theme .task-mover-item__name {
    color: #828588
}

.task-mover-item__name:hover {
    background: #f4f4f4
}

.dark-theme .task-mover-item__name:hover {
    background: #2b343b
}

.task-mover-item__name:active {
    background: #f1f1f1
}

.task-mover-item__name::-moz-focus-inner {
    border: 0
}

.task-mover-item__counter {
    font-size: 10px;
    font-weight: 400;
    position: absolute;
    right: 0;
    top: 11px;
    margin: 0 10px 0 0;
    color: #34343466
}

.task-mover-item>.task-mover-item {
    display: none
}

.task-mover-item>.task-mover-item .task-mover-item__name {
    font-size: 14px;
    font-weight: 400
}

.task-mover-item.task-mover-item_open>.task-mover-item {
    display: block
}

.task-mover-item.task-mover-item_open .task-mover-item__icon {
    transform: rotate(90deg)
}

.task-mover-item.task-mover-item_project .task-mover-item__name {
    font-size: 16px;
    font-weight: 500;
    padding: 9px 10px 7px 30px;
    color: #4a4a4a
}

.dark-theme .task-mover-item.task-mover-item_project .task-mover-item__name {
    color: #d5d6d7
}

.task-mover-item.task-mover-item_nested .task-mover-item__name {
    padding: 7px 25px 7px 30px;
    color: #34343499;
    font-size: 12px
}

.dark-theme .task-mover-item.task-mover-item_nested .task-mover-item__name {
    color: #d5d6d7
}

.task-mover-item.task-mover-item_active .task-mover-item__icon {
    fill: #fff
}

.task-mover-item.task-mover-item_active .task-mover-item__counter,.task-mover-item.task-mover-item_active .task-mover-item__name,.task-mover-item.task-mover-item_active .task-mover-item__name:hover,.task-mover-item.task-mover-item_active .task-mover-item__name:active {
    background: #A2C44A;
    color: #fff
}

@supports (--theme-main-color: $color-purple) {
    .task-mover-item.task-mover-item_active .task-mover-item__counter,.task-mover-item.task-mover-item_active .task-mover-item__name,.task-mover-item.task-mover-item_active .task-mover-item__name:hover,.task-mover-item.task-mover-item_active .task-mover-item__name:active {
        background:var(--theme-main-color)
    }
}

.task-mover-noresult {
    font-size: 14px;
    font-weight: 400;
    padding: 10px 10px 10px 30px;
    color: #fd71af
}

.task-archive-message {
    display: flex;
    align-items: center;
    margin: 0 0 0 10px
}

.task-archive-message__icon {
    width: 14px;
    height: 14px;
    margin: 0 5px;
    flex-shrink: 0;
    fill: #7c828d
}

.dark-theme .task-archive-message__icon {
    fill: #abaeb0
}

.task-archive-message__text {
    font-size: 12px;
    font-weight: 400;
    color: #7c828d
}

.dark-theme .task-archive-message__text {
    color: #abaeb0
}

.task-archive-message__text-unarchive {
    font-size: 12px;
    font-weight: 400;
    padding: 4px 0 0;
    margin-left: 4px;
    border-bottom: 1px dashed;
    cursor: pointer;
    color: #7c828d
}

.dark-theme .task-archive-message__text-unarchive {
    color: #abaeb0
}

.task-archive-message__text-unarchive:hover {
    color: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .task-archive-message__text-unarchive:hover {
        color:var(--theme-main-color)
    }
}

.task-mover-project {
    padding: 10px 10px 10px 30px
}

.task-mention-list {
    z-index: 100;
    width: 380px;
    max-height: 300px;
    background: #fff;
    border-radius: 6px;
    box-shadow: 0 2px 14px #00000026;
    padding: 0;
    overflow: auto
}

.dark-theme .task-mention-list {
    background: #384047
}

.task-mention-list__header {
    padding: 10px 15px
}

.task-mention-list-item {
    position: relative;
    display: flex;
    align-items: center
}

.task-mention-list-item__icon {
    position: absolute;
    top: 8px;
    left: 10px;
    width: 14px;
    height: 14px;
    fill: #717171
}

.task-mention-list-item__name {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 15px;
    font-weight: 400;
    flex-grow: 1;
    padding: 8px 10px 8px 30px;
    color: #717171;
    cursor: pointer;
    transition: .1s
}

.task-mention-list-item__name:hover {
    background: #f4f4f4
}

.task-mention-list-item__name:active {
    background: #f1f1f1
}

.task-mention-list-item.task-mention-list-item_lg .task-mention-list-item__name {
    font-size: 15px;
    font-weight: 500;
    color: #4a4a4a
}

.task-mention,.task-mention.ql-embed-selected {
    transition: all .2s cubic-bezier(.785,.135,.15,.86) 0s;
    margin: 0 2px;
    display: inline-flex;
    max-width: 100%
}

.cu-comment-viewer-content .task-mention,.cu-comment-viewer-content .task-mention.ql-embed-selected {
    margin: 0
}

.cu-dashboard-doc-main__content .task-mention,.cu-task-editor .task-mention,.comment-bar__editor .task-mention,.cu-comment-editor-content .task-mention,.cu-comment__text-content .task-mention,.cu-editor-content .task-mention,.cu-dashboard-doc-main__content .task-mention.ql-embed-selected,.cu-task-editor .task-mention.ql-embed-selected,.comment-bar__editor .task-mention.ql-embed-selected,.cu-comment-editor-content .task-mention.ql-embed-selected,.cu-comment__text-content .task-mention.ql-embed-selected,.cu-editor-content .task-mention.ql-embed-selected {
    display: inline
}

.task-mention a,.task-mention.ql-embed-selected a {
    text-decoration: none!important;
    display: inline-flex!important;
    align-items: center;
    min-width: 0
}

.cu-dashboard-doc-main__content .task-mention a,.cu-task-editor .task-mention a,.comment-bar__editor .task-mention a,.cu-comment-editor-content .task-mention a,.cu-comment__text-content .task-mention a,.cu-editor-content .task-mention a,.cu-dashboard-doc-main__content .task-mention.ql-embed-selected a,.cu-task-editor .task-mention.ql-embed-selected a,.comment-bar__editor .task-mention.ql-embed-selected a,.cu-comment-editor-content .task-mention.ql-embed-selected a,.cu-comment__text-content .task-mention.ql-embed-selected a,.cu-editor-content .task-mention.ql-embed-selected a {
    display: inline!important
}

.task-mention>span,.task-mention.ql-embed-selected>span {
    display: inline-flex!important;
    align-items: center;
    border-radius: 3px;
    overflow: hidden;
    height: 22px;
    margin: 0;
    border: 1px solid #e4e4e4!important;
    cursor: pointer;
    padding-left: 7px
}

.dark-theme .task-mention>span,.dark-theme .task-mention.ql-embed-selected>span {
    border-color: #1e272e!important
}

.task-mention>span:hover,.task-mention.ql-embed-selected>span:hover {
    background: #f7f7f7
}

.dark-theme .task-mention>span:hover,.dark-theme .task-mention.ql-embed-selected>span:hover {
    background: #1e272e
}

.task-mention>span:hover .task-mention__name:after,.task-mention.ql-embed-selected>span:hover .task-mention__name:after {
    background: linear-gradient(to right,rgba(247,247,247,0) 0%,#f7f7f7 100%)
}

.dark-theme .task-mention>span:hover .task-mention__name:after,.dark-theme .task-mention.ql-embed-selected>span:hover .task-mention__name:after {
    background: linear-gradient(to right,rgba(30,39,46,0) 0%,#1e272e 100%)
}

.cu-dashboard-doc-main__content .task-mention>span,.cu-task-editor .task-mention>span,.comment-bar__editor .task-mention>span,.cu-comment-editor-content .task-mention>span,.cu-comment__text-content .task-mention>span,.cu-editor-content .task-mention>span,.cu-dashboard-doc-main__content .task-mention.ql-embed-selected>span,.cu-task-editor .task-mention.ql-embed-selected>span,.comment-bar__editor .task-mention.ql-embed-selected>span,.cu-comment-editor-content .task-mention.ql-embed-selected>span,.cu-comment__text-content .task-mention.ql-embed-selected>span,.cu-editor-content .task-mention.ql-embed-selected>span {
    display: inline!important;
    border: 0!important;
    padding: 3px 7px;
    margin: -3px 0;
    height: auto;
    min-height: 22px;
    background: #e9ebf0
}

.dark-theme .cu-dashboard-doc-main__content .task-mention>span,.dark-theme .cu-task-editor .task-mention>span,.dark-theme .comment-bar__editor .task-mention>span,.dark-theme .cu-comment-editor-content .task-mention>span,.dark-theme .cu-comment__text-content .task-mention>span,.dark-theme .cu-editor-content .task-mention>span,.dark-theme .cu-dashboard-doc-main__content .task-mention.ql-embed-selected>span,.dark-theme .cu-task-editor .task-mention.ql-embed-selected>span,.dark-theme .comment-bar__editor .task-mention.ql-embed-selected>span,.dark-theme .cu-comment-editor-content .task-mention.ql-embed-selected>span,.dark-theme .cu-comment__text-content .task-mention.ql-embed-selected>span,.dark-theme .cu-editor-content .task-mention.ql-embed-selected>span {
    background: #2b343b
}

.cu-dashboard-doc-main__content .task-mention>span:hover,.cu-task-editor .task-mention>span:hover,.comment-bar__editor .task-mention>span:hover,.cu-comment-editor-content .task-mention>span:hover,.cu-comment__text-content .task-mention>span:hover,.cu-editor-content .task-mention>span:hover,.cu-dashboard-doc-main__content .task-mention.ql-embed-selected>span:hover,.cu-task-editor .task-mention.ql-embed-selected>span:hover,.comment-bar__editor .task-mention.ql-embed-selected>span:hover,.cu-comment-editor-content .task-mention.ql-embed-selected>span:hover,.cu-comment__text-content .task-mention.ql-embed-selected>span:hover,.cu-editor-content .task-mention.ql-embed-selected>span:hover {
    background: #ddd
}

.dark-theme .cu-dashboard-doc-main__content .task-mention>span:hover,.dark-theme .cu-task-editor .task-mention>span:hover,.dark-theme .comment-bar__editor .task-mention>span:hover,.dark-theme .cu-comment-editor-content .task-mention>span:hover,.dark-theme .cu-comment__text-content .task-mention>span:hover,.dark-theme .cu-editor-content .task-mention>span:hover,.dark-theme .cu-dashboard-doc-main__content .task-mention.ql-embed-selected>span:hover,.dark-theme .cu-task-editor .task-mention.ql-embed-selected>span:hover,.dark-theme .comment-bar__editor .task-mention.ql-embed-selected>span:hover,.dark-theme .cu-comment-editor-content .task-mention.ql-embed-selected>span:hover,.dark-theme .cu-comment__text-content .task-mention.ql-embed-selected>span:hover,.dark-theme .cu-editor-content .task-mention.ql-embed-selected>span:hover {
    background: #1e272e
}

.cu-dashboard-doc-main__content .task-mention>span a,.cu-task-editor .task-mention>span a,.comment-bar__editor .task-mention>span a,.cu-comment-editor-content .task-mention>span a,.cu-comment__text-content .task-mention>span a,.cu-editor-content .task-mention>span a,.cu-dashboard-doc-main__content .task-mention.ql-embed-selected>span a,.cu-task-editor .task-mention.ql-embed-selected>span a,.comment-bar__editor .task-mention.ql-embed-selected>span a,.cu-comment-editor-content .task-mention.ql-embed-selected>span a,.cu-comment__text-content .task-mention.ql-embed-selected>span a,.cu-editor-content .task-mention.ql-embed-selected>span a {
    display: inline
}

.cu-dashboard-doc-main__content .task-mention>span .task-mention__name,.cu-task-editor .task-mention>span .task-mention__name,.comment-bar__editor .task-mention>span .task-mention__name,.cu-comment-editor-content .task-mention>span .task-mention__name,.cu-comment__text-content .task-mention>span .task-mention__name,.cu-editor-content .task-mention>span .task-mention__name,.cu-dashboard-doc-main__content .task-mention.ql-embed-selected>span .task-mention__name,.cu-task-editor .task-mention.ql-embed-selected>span .task-mention__name,.comment-bar__editor .task-mention.ql-embed-selected>span .task-mention__name,.cu-comment-editor-content .task-mention.ql-embed-selected>span .task-mention__name,.cu-comment__text-content .task-mention.ql-embed-selected>span .task-mention__name,.cu-editor-content .task-mention.ql-embed-selected>span .task-mention__name {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    white-space: normal;
    overflow: visible;
    text-overflow: clip;
    display: inline;
    max-width: none;
    font-weight: 500;
    color: #292d34!important
}

.dark-theme .cu-dashboard-doc-main__content .task-mention>span .task-mention__name,.dark-theme .cu-task-editor .task-mention>span .task-mention__name,.dark-theme .comment-bar__editor .task-mention>span .task-mention__name,.dark-theme .cu-comment-editor-content .task-mention>span .task-mention__name,.dark-theme .cu-comment__text-content .task-mention>span .task-mention__name,.dark-theme .cu-editor-content .task-mention>span .task-mention__name,.dark-theme .cu-dashboard-doc-main__content .task-mention.ql-embed-selected>span .task-mention__name,.dark-theme .cu-task-editor .task-mention.ql-embed-selected>span .task-mention__name,.dark-theme .comment-bar__editor .task-mention.ql-embed-selected>span .task-mention__name,.dark-theme .cu-comment-editor-content .task-mention.ql-embed-selected>span .task-mention__name,.dark-theme .cu-comment__text-content .task-mention.ql-embed-selected>span .task-mention__name,.dark-theme .cu-editor-content .task-mention.ql-embed-selected>span .task-mention__name {
    color: #d5d6d7!important
}

.task-mention__status,.task-mention.ql-embed-selected__status {
    background: currentColor!important;
    flex-shrink: 0;
    width: .6em;
    height: .6em;
    border-radius: .14em;
    margin: 0 6px 0 0;
    line-height: 10px!important
}

.task-mention__status.task-mention__custom-type,.task-mention.ql-embed-selected__status.task-mention__custom-type {
    height: 10px;
    width: 10px;
    transform: rotate(45deg);
    border-radius: 2px
}

.cu-dashboard-doc-main__content .task-mention__status,.cu-task-editor .task-mention__status,.comment-bar__editor .task-mention__status,.cu-comment-editor-content .task-mention__status,.cu-comment__text-content .task-mention__status,.cu-editor-content .task-mention__status,.cu-dashboard-doc-main__content .task-mention.ql-embed-selected__status,.cu-task-editor .task-mention.ql-embed-selected__status,.comment-bar__editor .task-mention.ql-embed-selected__status,.cu-comment-editor-content .task-mention.ql-embed-selected__status,.cu-comment__text-content .task-mention.ql-embed-selected__status,.cu-editor-content .task-mention.ql-embed-selected__status {
    display: inline-block
}

.task-mention__status:not([style]),.task-mention.ql-embed-selected__status:not([style]) {
    display: none
}

.task-mention__simple-status,.task-mention.ql-embed-selected__simple-status {
    display: none
}

.task-mention__id,.task-mention.ql-embed-selected__id {
    font-size: 12px;
    font-weight: 400;
    white-space: nowrap;
    margin: 0 4px 0 6px;
    padding: 0;
    color: #34343466!important
}

.dark-theme .task-mention__id,.dark-theme .task-mention.ql-embed-selected__id {
    color: #d5d6d7!important
}

.task-mention__name,.task-mention.ql-embed-selected__name {
    color: #A2C44A;
    display: flex;
    align-items: center;
    white-space: nowrap;
    max-width: 270px;
    padding: 0;
    position: relative
}

@supports (--theme-main-color: $color-purple) {
    .task-mention__name,.task-mention.ql-embed-selected__name {
        color:var(--theme-main-color)
    }
}

.task-mention__name.task-mention__custom-type,.task-mention.ql-embed-selected__name.task-mention__custom-type {
    font-weight: 500
}

.task-mention__name:empty,.task-mention.ql-embed-selected__name:empty {
    display: none
}

.task-mention[data-failed=true] .task-mention__name,.task-mention[data-failed=true] .task-mention.ql-embed-selected__name {
    font-style: italic
}

.task-mention__name:after,.task-mention.ql-embed-selected__name:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: auto;
    right: -1px;
    flex-shrink: 0;
    width: 5px;
    height: 24px;
    min-height: 100%;
    position: sticky;
    pointer-events: none;
    background: linear-gradient(to right,rgba(255,255,255,0) 0%,white 100%)
}

.dark-theme .task-mention__name:after,.dark-theme .task-mention.ql-embed-selected__name:after {
    background: linear-gradient(to right,rgba(56,64,71,0) 0%,#384047 100%)
}

.cu-dashboard-doc-main__content .task-mention__name:after,.cu-task-editor .task-mention__name:after,.comment-bar__editor .task-mention__name:after,.cu-comment-editor-content .task-mention__name:after,.cu-comment__text-content .task-mention__name:after,.cu-editor-content .task-mention__name:after,.cu-dashboard-doc-main__content .task-mention.ql-embed-selected__name:after,.cu-task-editor .task-mention.ql-embed-selected__name:after,.comment-bar__editor .task-mention.ql-embed-selected__name:after,.cu-comment-editor-content .task-mention.ql-embed-selected__name:after,.cu-comment__text-content .task-mention.ql-embed-selected__name:after,.cu-editor-content .task-mention.ql-embed-selected__name:after {
    display: none
}

.task-mention a:before,.task-mention a:after,.task-mention.ql-embed-selected a:before,.task-mention.ql-embed-selected a:after {
    display: none
}

.task-mention-input {
    position: relative
}

.task-mention-input:before {
    font-size: 13px;
    font-weight: 400;
    content: "#";
    margin: 0 2px 0 0;
    color: #34343466
}

.dark-theme .task-mention-input:before {
    color: #d5d6d7
}

.task-mention-input__field {
    border: none;
    width: 150px;
    padding: 0 8px 0 0;
    color: #343434;
    box-shadow: none!important;
    background: transparent!important
}

.dark-theme .task-mention-input__field {
    color: #d5d6d7
}

.task-mention.task-mention_simple .task-mention__status {
    display: none
}

.task-mention.task-mention_simple .task-mention__simple-status {
    display: inline-block;
    width: .7em;
    height: .7em;
    margin: 0 5px 0 0;
    fill: #34343466
}

.dark-theme .task-mention.task-mention_simple .task-mention__simple-status {
    fill: #aeacb0
}

.task-mention.task-mention_simple .task-mention__simple-status_closed,.dark-theme .task-mention.task-mention_simple .task-mention__simple-status_closed {
    fill: #67cb48
}

.task-mention.task-mention_hidden {
    display: none
}

.list-of-mentions {
    flex-shrink: 0;
    position: relative;
    margin: 5px 0 0 5px
}

.list-of-mentions__header {
    font-size: 12px;
    font-weight: 400;
    color: #fff;
    padding: 5px;
    white-space: nowrap
}

.dark-theme .list-of-mentions__header {
    color: #d5d6d7
}

.list-of-mentions__header:before {
    content: "#";
    display: inline-block;
    margin: 0 4px 0 0;
    font-size: 16px;
    color: #fff;
    transform: translateY(2px)
}

.dark-theme .list-of-mentions__header:before {
    color: #d5d6d7
}

.list-of-mentions__menu {
    width: 300px;
    padding: 10px 0
}

.mention-item {
    display: flex;
    align-items: center;
    padding: 10px 10px 10px 20px;
    cursor: pointer
}

.mention-item:hover {
    background: #f7f7f7
}

.dark-theme .mention-item:hover {
    background: #2b343b
}

.mention-item:active {
    background: #f1f1f1
}

.mention-item__status {
    flex-shrink: 0;
    margin: -1px 10px 0 0;
    width: 8px;
    height: 8px;
    border-radius: 2px
}

.mention-item__status_simple {
    width: 14px;
    height: 14px;
    fill: #34343433;
    transform: translateY(-1px)
}

.mention-item__status_closed {
    fill: #67cb48
}

.mention-item__name {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.15;
    color: #343434
}

.dark-theme .mention-item__name {
    color: #d5d6d7
}

@keyframes wave {
    0%,60%,to {
        transform: initial
    }

    30% {
        transform: translateY(-5px)
    }
}

.task-container {
    position: fixed;
    display: flex;
    flex-direction: column;
    top: 20px;
    left: 25px;
    width: calc(100vw - 50px);
    height: calc(100% - 70px);
    max-width: 1700px;
    z-index: 801;
    background: #fff;
    border-radius: 12px
}

.dark-theme .task-container {
    background: #2b343b
}

html.todesktop-platform-darwin .task-container {
    top: 50px;
    height: calc(100vh - 100px)
}

@media screen and (max-width: 1200px) and (max-width: 1200px) {
    .task-container {
        width:calc(100vw - 40px)
    }
}

@media (min-width: 1751px) {
    .task-container {
        left:calc(50vw - 850px)
    }
}

@media print {
    .task-container {
        height: auto;
        min-height: 100%;
        overflow: visible;
        position: absolute
    }
}

.task-container-show-task-tray {
    height: calc(100% - 70px);
    z-index: 599
}

@media print {
    .task-container-show-task-tray {
        height: auto
    }
}

@media screen and (max-width: 992px) {
    .task-container {
        top:0;
        padding: 8px 0 50px;
        height: 100%;
        width: calc(100vw - 14px);
        left: 7px
    }

    html.todesktop-platform-darwin .task-container {
        top: 42px;
        height: calc(100vh - 50px)
    }
}

.task-container__full-editor .task__inner {
    display: none
}

.task-container__full-editor .task-column__body {
    overflow: hidden
}

.task-container__full-editor .task__inner.task__full-editor {
    height: 100%;
    display: flex;
    padding: 20px 10px
}

.task-container__full-editor .task__inner.task__full-editor .cu-task-editor,.task-container__full-editor .task__inner.task__full-editor .cu-editor-wrapper,.task-container__full-editor .task__inner.task__full-editor .cu-editor-content,.task-container__full-editor .task__inner.task__full-editor .ql-container {
    display: flex;
    flex-grow: 1;
    flex-flow: column nowrap
}

.task-container__full-editor .task__inner.task__full-editor .cu-task-editor {
    height: 100%
}

.task-container__full-editor .task__inner.task__full-editor .cu-editor-wrapper {
    min-height: 100%;
    margin: 0 10px;
    max-height: 100%;
    overflow: auto
}

.task-container__full-editor .task__inner.task__full-editor .cu-editor-content {
    min-height: 0;
    overflow-y: auto;
    border: 1px solid #e2e2e2;
    background: #fff
}

.cu-os-win .task-container__full-editor .task__inner.task__full-editor .cu-editor-content {
    scrollbar-width: thin
}

.cu-os-win .task-container__full-editor .task__inner.task__full-editor .cu-editor-content::-webkit-scrollbar {
    background-color: #fff;
    width: 16px;
    height: 16px
}

.cu-os-win .task-container__full-editor .task__inner.task__full-editor .cu-editor-content::-webkit-scrollbar-track {
    background-color: #fff
}

.cu-os-win .task-container__full-editor .task__inner.task__full-editor .cu-editor-content::-webkit-scrollbar-track:hover {
    background-color: #fff
}

.cu-os-win .task-container__full-editor .task__inner.task__full-editor .cu-editor-content::-webkit-scrollbar-thumb {
    background-color: #babac080;
    border-radius: 16px;
    border: 5px solid #fff
}

.cu-os-win .task-container__full-editor .task__inner.task__full-editor .cu-editor-content::-webkit-scrollbar-thumb:hover {
    background-color: #a0a0a5;
    border: 3px solid #fff
}

.cu-os-win .task-container__full-editor .task__inner.task__full-editor .cu-editor-content::-webkit-scrollbar-button {
    display: none
}

.cu-os-win.dark-theme .task-container__full-editor .task__inner.task__full-editor .cu-editor-content::-webkit-scrollbar,.cu-os-win .dark-theme .task-container__full-editor .task__inner.task__full-editor .cu-editor-content::-webkit-scrollbar {
    background-color: #384047
}

.cu-os-win.dark-theme .task-container__full-editor .task__inner.task__full-editor .cu-editor-content::-webkit-scrollbar-track,.cu-os-win .dark-theme .task-container__full-editor .task__inner.task__full-editor .cu-editor-content::-webkit-scrollbar-track {
    background-color: #384047
}

.cu-os-win.dark-theme .task-container__full-editor .task__inner.task__full-editor .cu-editor-content::-webkit-scrollbar-track:hover,.cu-os-win .dark-theme .task-container__full-editor .task__inner.task__full-editor .cu-editor-content::-webkit-scrollbar-track:hover {
    background-color: #384047
}

.cu-os-win.dark-theme .task-container__full-editor .task__inner.task__full-editor .cu-editor-content::-webkit-scrollbar-thumb,.cu-os-win .dark-theme .task-container__full-editor .task__inner.task__full-editor .cu-editor-content::-webkit-scrollbar-thumb {
    border-color: #384047
}

.cu-os-win.dark-theme .task-container__full-editor .task__inner.task__full-editor .cu-editor-content::-webkit-scrollbar-thumb:hover,.cu-os-win .dark-theme .task-container__full-editor .task__inner.task__full-editor .cu-editor-content::-webkit-scrollbar-thumb:hover {
    border-color: #384047
}

.cu-os-win.dark-theme .task-container__full-editor .task__inner.task__full-editor .cu-editor-content::-webkit-scrollbar-corner,.cu-os-win .dark-theme .task-container__full-editor .task__inner.task__full-editor .cu-editor-content::-webkit-scrollbar-corner {
    background-color: #384047
}

.dark-theme .task-container__full-editor .task__inner.task__full-editor .cu-editor-content {
    background: #384047;
    border-color: #1e272e
}

.task-container__full-editor .task__inner.task__full-editor .ql-editor {
    flex-grow: 1;
    overflow: hidden;
    text-align: left;
    direction: ltr;
    max-height: 2000000px!important;
    padding: 0
}

.task-container__full-editor .task__inner.task__full-editor .ql-editor:before {
    top: 0;
    left: 0
}

.task-container__full-editor .task__inner.task__full-editor .ql-container {
    display: block;
    padding: 12px 18px
}

.task-container__header {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    width: 100%;
    height: 48px;
    max-width: calc(100% - 80px)
}

.task-container__header-wrapper {
    display: flex;
    background-color: #eff0f3;
    width: 100%;
    position: relative;
    border-radius: 12px 12px 0 0;
    height: 48px;
    min-height: 48px;
    align-items: center;
    border-bottom: 1px solid #dcdfe4;
    padding: 0 90px 0 12px
}

.dark-theme .task-container__header-wrapper {
    border-color: #1e272e;
    background-color: #2b343b
}

.task-container__header::-webkit-scrollbar {
    width: 0;
    height: 0;
    background: transparent
}

@media screen and (max-width: 992px) {
    .task-container__header {
        margin:0 0 8px
    }
}

.task-container__header-delim {
    flex-grow: 1
}

.task-container__header-task-mover.no-margin {
    margin: 0
}

.task-container__header-task-breadcrumbs {
    margin-left: 8px
}

.task-container__header-task-breadcrumbs:hover .breadcrumbs__convert-home-list {
    display: block
}

.task-container__header-task-breadcrumbs.overflow {
    margin: 0;
    flex-grow: 1;
    display: flex;
    border-radius: 4px
}

.task-container__header-task-breadcrumbs.overflow:hover {
    background-color: #fafbfc
}

.dark-theme .task-container__header-task-breadcrumbs.overflow:hover {
    background-color: #2b343b
}

.task-container__header-task-breadcrumbs.overflow:hover .breadcrumbs.collapsible.overflowed {
    background-color: #fafbfc
}

.dark-theme .task-container__header-task-breadcrumbs.overflow:hover .breadcrumbs.collapsible.overflowed {
    background-color: #2b343b
}

.task-container__header-task-breadcrumbs.overflow .breadcrumbs {
    flex-grow: 1
}

.task-container__header-task-breadcrumbs.overflow .breadcrumbs__link {
    flex-grow: 1;
    justify-content: center
}

.task-container__header:where(:hover,:focus-within) .task-container__header-add-list,.task-container__header-add-list.open {
    opacity: 1
}

.task-container__header-add-list {
    transition: opacity .2s cubic-bezier(.785,.135,.15,.86) 0s;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    background: #fff;
    border-radius: 6px;
    cursor: pointer;
    margin-left: 8px;
    opacity: 0;
    border: 1px solid #dcdfe4
}

.dark-theme .task-container__header-add-list {
    background: #384047;
    border-color: #1e272e
}

.task-container__header-add-list:is(.dark-theme *,*):is(:hover,:focus) .icon {
    fill: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .task-container__header-add-list:is(.dark-theme *,*):is(:hover,:focus) .icon {
        fill:var(--theme-main-color)
    }
}

.task-container__header-add-list.open {
    border-color: #A2C44A;
    background-color: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .task-container__header-add-list.open {
        border-color:var(--theme-main-color)
    }
}

@supports (--theme-main-color: $color-purple) {
    .task-container__header-add-list.open {
        background-color:var(--theme-main-color)
    }
}

.task-container__header-add-list.open .icon {
    fill: #fff
}

.task-container__header-add-list .icon {
    transition: opacity .2s cubic-bezier(.785,.135,.15,.86) 0s;
    width: 10px;
    height: 10px;
    fill: #979ba3
}

.dark-theme .task-container__header-add-list .icon {
    fill: #d5d6d7
}

.task-container__header-other-list-dropdown-menu {
    max-height: 500px;
    width: 280px!important;
    padding: 10px 8px
}

.task-container__header-other-list-dropdown-menu .breadcrumbs__link span {
    max-width: 135px
}

.task-container__header-other-list-dropdown-menu .breadcrumbs__link_disabled span {
    max-width: 110px
}

.task-container__header-other-list-dropdown-menu:after {
    display: none
}

.task-container .cu-comment__body {
    max-width: calc(100% - 40px)
}

.cu-comment:hover .task-container .cu-comment__body.cu-comment__body-email {
    border-radius: 8px 8px 0 0
}

.task-container .cu-comment__body.cu-comment__body-email .cu-comment__meta {
    align-items: flex-start
}

.task-container__control {
    transition: .1s;
    cursor: pointer;
    -webkit-user-select: none;
    user-select: none;
    z-index: 801;
    display: block;
    align-items: center;
    justify-content: center;
    width: 25px;
    height: 30px;
    position: absolute;
    top: calc(50% - 15px)
}

@media screen and (max-width: 992px) {
    .task-container__control {
        display:none
    }
}

@media print {
    .task-container__control {
        display: none
    }
}

.task-container__control:hover use {
    fill: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .task-container__control:hover use {
        fill:var(--theme-main-color)
    }
}

.task-container__control-icon {
    padding: 6px
}

@media screen and (max-width: 992px) {
    .task-container__control-icon {
        padding:0
    }
}

.task-container__control-icon use {
    transition: all .2s cubic-bezier(.785,.135,.15,.86) 0s;
    fill: #fff
}

.task-container__control.preview-back {
    left: 0;
    transform: rotate(180deg)
}

.task-container__control.preview-forward {
    right: 0
}

.task-container__control-tooltip_left {
    transform: translate(-100%,-100%);
    margin-left: 10px;
    width: 200px
}

.task-container__control-tooltip_left .tooltip__triangle {
    left: auto;
    right: 5px
}

.task-container__control-tooltip_right {
    transform: translate(-10px,-100%);
    width: 200px
}

.task-container__control-tooltip_right .tooltip__triangle {
    left: 5px
}

.task-minimize {
    transition: all .2s cubic-bezier(.785,.135,.15,.86) 0s;
    position: absolute;
    width: 32px;
    height: 32px;
    border-radius: 8px;
    -webkit-user-select: none;
    user-select: none;
    cursor: pointer;
    right: 48px;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #fff;
    border: 1px solid #dcdfe4
}

.dark-theme .task-minimize {
    background: #384047;
    border-color: #1e272e
}

@media screen and (max-width: 992px) {
    .task-minimize {
        right:45px
    }
}

.task-minimize:hover .task-minimize__btn,.task-minimize:focus .task-minimize__btn {
    fill: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .task-minimize:hover .task-minimize__btn,.task-minimize:focus .task-minimize__btn {
        fill:var(--theme-main-color)
    }
}

.task-minimize__btn {
    transition: fill .2s cubic-bezier(.785,.135,.15,.86) 0s;
    fill: #8d95a5
}

.task-minimize__icon {
    transition: opacity .2s cubic-bezier(.785,.135,.15,.86) 0s;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    right: -4px;
    bottom: -4px;
    position: absolute;
    fill: #6aca4f
}

.task-minimize__icon__close {
    opacity: 0;
    visibility: hidden;
    fill: #e8364c
}

.task-minimize__icon__open {
    opacity: 0;
    visibility: hidden
}

.task-minimize__icon svg {
    position: relative
}

.task-minimize__icon:before {
    content: "";
    display: block;
    position: absolute;
    background-color: #fff;
    border-radius: 50%;
    width: 12px;
    height: 12px
}

.task-minimize-active .task-minimize__icon__close {
    opacity: 0;
    visibility: hidden
}

.task-minimize-active .task-minimize__icon__open {
    opacity: 1;
    visibility: visible
}

.task-minimize-active:hover .task-minimize__icon__close {
    visibility: visible;
    opacity: 1
}

.task-minimize-active:hover .task-minimize__icon__open {
    visibility: hidden;
    opacity: 0
}

.task-close {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    width: 32px;
    height: 32px;
    right: 8px;
    background: #fff;
    border-radius: 8px;
    -webkit-user-select: none;
    user-select: none;
    cursor: pointer;
    border: 1px solid #dcdfe4
}

.dark-theme .task-close {
    background: #384047;
    border-color: #1e272e
}

.task-close:hover .task-close__icon,.task-close:focus .task-close__icon {
    fill: #A2C44A;
    transform: rotate(225deg)
}

@supports (--theme-main-color: $color-purple) {
    .task-close:hover .task-close__icon,.task-close:focus .task-close__icon {
        fill:var(--theme-main-color)
    }
}

.task-close__icon {
    transition: all .2s cubic-bezier(.785,.135,.15,.86) 0s;
    width: 16px;
    height: 16px;
    fill: #8d95a5;
    transform: rotate(45deg)
}

.task-backdrop {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    z-index: 800;
    background: rgba(0,0,0,.75);
    will-change: scale,transform,opacity
}

.task-backdrop-show-task-tray {
    z-index: 598
}

@media print {
    .task-backdrop {
        background: white
    }
}

@media print {
    .dark-theme .task-backdrop {
        background: #1e272e
    }
}

.task {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    position: relative;
    overflow: hidden;
    border-radius: 0
}

@media print {
    .task {
        overflow: visible;
        height: auto
    }
}

.task .cu-dt-controls {
    top: 0;
    width: 100%;
    height: 84px;
    position: absolute;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    z-index: 102!important;
    visibility: visible!important;
    animation-name: slideInDown;
    animation-duration: .3s;
    animation-fill-mode: both
}

.task_subtask {
    background: #666;
    padding: 5px;
    border-radius: 10px
}

.dark-theme .task_subtask {
    background: #1e272e
}

.task__parent {
    display: flex;
    align-items: center;
    padding: 6px 5px 10px;
    opacity: .9;
    flex-shrink: 0
}

.task__parent:hover {
    opacity: 1
}

.task__parent_readonly {
    pointer-events: none
}

.task__parent-content {
    display: flex;
    align-items: center;
    cursor: pointer
}

.task__parent-content:hover .task__parent-icon use {
    stroke: var(--theme-main-color)
}

.task__parent-content:hover .task__parent-name {
    color: var(--theme-main-color)
}

.task__parent-icon {
    pointer-events: none;
    flex-shrink: 0;
    width: 12px;
    height: 12px;
    margin: 0 5px 0 0
}

.task__parent-icon use {
    stroke: #fff;
    stroke-width: 3px
}

.task__parent-name {
    font-size: 16px;
    font-weight: 300;
    padding: 0;
    color: #fff
}

.dark-theme .task__parent-name {
    color: #d5d6d7
}

.task__inner {
    position: relative;
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    background: #fbfbfb;
    border-radius: 0 0 12px 12px;
    box-shadow: 0 5px 10px #0003;
    min-height: 0;
    min-width: 0
}

.dark-theme .task__inner {
    background: #384047
}

.task__inner .task__full-editor-name {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 26px;
    font-weight: 400;
    line-height: 1.1;
    padding: 0 10px 20px
}

.task__column {
    flex-shrink: 0;
    overflow: auto
}

@media print {
    .task__column {
        width: 100%
    }
}

.task__column_main {
    background: #fff;
    border-radius: 0 0 0 10px;
    border-right: 1px solid #efeef0
}

.contrast_high .task__column_main {
    border-right: 1px solid #dedede
}

.task__column_bordered {
    border-bottom: 1px solid #f4f4f4
}

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

.task__toolbar {
    display: flex;
    align-items: center;
    padding: 20px 30px;
    overflow: visible
}

@media print {
    .task__toolbar {
        width: 100%!important
    }
}

.task__toolbar_first {
    min-width: -moz-fit-content;
    min-width: fit-content;
    flex-wrap: wrap;
    border-right: 1px solid #efeef0
}

.contrast_high .task__toolbar_first {
    border-right-color: #dedede
}

.dark-theme .task__toolbar_first {
    border-right-color: #1e272e
}

.task__toolbar_last {
    flex-grow: 1;
    flex-shrink: 1;
    min-width: 0;
    padding: 0;
    position: relative;
    overflow-x: auto;
    overflow-y: hidden;
    -ms-overflow-style: none;
    scrollbar-width: none
}

.task__toolbar_last::-webkit-scrollbar {
    display: none
}

.task__toolbar_last:before {
    content: "";
    display: block;
    position: absolute;
    width: 5px;
    height: 100%;
    left: 0;
    z-index: 10;
    background: #fff
}

.dark-theme .task__toolbar_last:before {
    background: #384047
}

.task__toolbar-shadow {
    display: block;
    position: sticky;
    left: -1px;
    margin-left: -1px;
    flex-shrink: 0;
    width: 1px;
    height: 100%;
    box-shadow: 0 0 2px #00000024,0 2px 2px #0000001f,0 1px 3px #0003;
    pointer-events: none
}

.task__toolbar-container {
    transition: transform .2s cubic-bezier(.785,.135,.15,.86) 0s;
    display: flex;
    align-items: center;
    padding-left: 30px;
    flex-shrink: 0;
    height: 100%;
    min-width: 100%
}

.task__toolbar-move {
    transition: opacity .2s cubic-bezier(.785,.135,.15,.86) 0s;
    display: flex;
    align-items: center;
    justify-content: center;
    transform: translate(0);
    position: sticky;
    right: 0;
    flex-shrink: 0;
    cursor: pointer;
    width: 40px;
    height: 100%;
    background: #fff;
    border-left: 1px solid #efeef0
}

.contrast_high .task__toolbar-move {
    border-left-color: #dedede
}

.dark-theme .task__toolbar-move {
    background: #384047;
    border-left-color: #1e272e
}

.task__toolbar-move:hover .task__toolbar-move-icon {
    fill: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .task__toolbar-move:hover .task__toolbar-move-icon {
        fill:var(--theme-main-color)
    }
}

.task__toolbar-move_moved {
    opacity: 1
}

.task__toolbar-move_moved .task__toolbar-move-icon {
    transform: scaleX(-1)
}

.task__toolbar-move-icon {
    transition: transform .2s cubic-bezier(.785,.135,.15,.86) 0s;
    width: 28px;
    height: 28px;
    transform: scaleX(1);
    fill: #7c828d
}

.dark-theme .task__toolbar-move-icon {
    fill: #b9bec7
}

.task__header {
    flex-shrink: 0;
    display: flex;
    border-bottom: 1px solid #f4f4f4;
    background: #fff;
    border-radius: 0;
    min-height: 80px
}

.contrast_high .task__header {
    border-bottom: 1px solid #dedede
}

.dark-theme .task__header {
    border-bottom: 1px solid #1e272e;
    background: #384047
}

.task__header .task-watchers-tip-popover {
    margin-top: 35px
}

.task__header .task-watchers-tip-popover.popover:before {
    margin-top: -46px;
    right: -12px
}

.task__header .task-watchers-tip-popover.popover:after {
    margin-top: -45px
}

.task__body {
    position: relative;
    display: flex;
    flex-grow: 1;
    min-height: 0;
    overflow: visible;
    height: 100%
}

@media print {
    .task__body {
        flex-direction: column;
        height: auto
    }
}

.task__footer {
    display: flex;
    flex-shrink: 0
}

.task__settings {
    width: 21px;
    height: 21px
}

.task__settings:hover .icon-ellipsis__dot,.task__settings:hover .icon-ellipsis__dot:before,.task__settings:hover .icon-ellipsis__dot:after,.task__settings:focus-within .icon-ellipsis__dot,.task__settings:focus-within .icon-ellipsis__dot:before,.task__settings:focus-within .icon-ellipsis__dot:after,.task__settings.cu-dropdown_open .icon-ellipsis__dot,.task__settings.cu-dropdown_open .icon-ellipsis__dot:before,.task__settings.cu-dropdown_open .icon-ellipsis__dot:after {
    background-color: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .task__settings:hover .icon-ellipsis__dot,.task__settings:hover .icon-ellipsis__dot:before,.task__settings:hover .icon-ellipsis__dot:after,.task__settings:focus-within .icon-ellipsis__dot,.task__settings:focus-within .icon-ellipsis__dot:before,.task__settings:focus-within .icon-ellipsis__dot:after,.task__settings.cu-dropdown_open .icon-ellipsis__dot,.task__settings.cu-dropdown_open .icon-ellipsis__dot:before,.task__settings.cu-dropdown_open .icon-ellipsis__dot:after {
        background-color:var(--theme-main-color)
    }
}

.task__settings:hover .icon-ellipsis__dot:before,.task__settings:focus-within .icon-ellipsis__dot:before,.task__settings.cu-dropdown_open .icon-ellipsis__dot:before {
    right: -7px
}

.task__settings:hover .icon-ellipsis__dot:after,.task__settings:focus-within .icon-ellipsis__dot:after,.task__settings.cu-dropdown_open .icon-ellipsis__dot:after {
    left: -7px
}

.task__settings .icon-ellipsis__dot,.task__settings .icon-ellipsis__dot:before,.task__settings .icon-ellipsis__dot:after {
    position: absolute;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background-color: #4a4a4a
}

.dark-theme .task__settings .icon-ellipsis__dot,.dark-theme .task__settings .icon-ellipsis__dot:before,.dark-theme .task__settings .icon-ellipsis__dot:after {
    background-color: #abaeb0
}

.task__settings .icon-ellipsis__dot {
    top: 50%;
    left: 50%;
    margin-top: -3px;
    margin-left: -3px
}

.task__settings .icon-ellipsis__dot:before {
    content: "";
    right: 7px;
    transition: right .3s ease-in
}

.task__settings .icon-ellipsis__dot:after {
    content: "";
    left: 7px;
    transition: left .3s ease-in
}

.task__overlay {
    position: absolute;
    top: -45px;
    right: 15px;
    display: flex
}

.task__overlay .cu-avatar.cu-avatar_lg {
    width: 30px;
    height: 30px
}

.task__overlay .cu-user-group .cu-user-group__more.cu-user-group__more_lg {
    min-width: 32px;
    height: 32px;
    text-indent: 1px;
    letter-spacing: 0;
    font-size: 9px;
    font-weight: 400
}

.task__commenting {
    margin-left: 20px;
    display: flex
}

.task__commenting-icon {
    background: #A2C44A;
    width: 30px;
    height: 30px;
    text-align: center;
    border-radius: 50%;
    border: 2px solid #fff;
    margin-right: -10px;
    z-index: 1
}

@supports (--theme-main-color: $color-purple) {
    .task__commenting-icon {
        background:var(--theme-main-color)
    }
}

.dark-theme .task__commenting-icon {
    border: 2px solid #384047
}

.task__commenting-dot {
    display: inline-block;
    width: 3px;
    height: 3px;
    border-radius: 50%;
    margin: 12px 0;
    background: #fff;
    animation: wave 1.3s linear infinite
}

.task__commenting-dot:nth-child(2) {
    animation-delay: -1.1s
}

.task__commenting-dot:nth-child(3) {
    animation-delay: -.9s
}

.task__viewing {
    margin-left: 20px;
    display: flex
}

.task__viewing-icon {
    width: 30px;
    height: 30px;
    text-align: center;
    border-radius: 50%;
    background: #fc0;
    border: 2px solid #fff;
    margin-right: -10px;
    z-index: 1
}

.dark-theme .task__viewing-icon {
    border: 2px solid #384047
}

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

.task__viewing-icon use {
    fill: #fff;
    stroke: #fff
}

.task__threads-toggle {
    background: #A2C44A;
    position: absolute;
    top: 6px;
    right: 15px;
    display: flex;
    border-radius: 20px;
    padding: 10px 14px;
    cursor: pointer;
    z-index: 25;
    align-items: center;
    box-shadow: 0 3px 14px #0000004d
}

@supports (--theme-main-color: $color-purple) {
    .task__threads-toggle {
        background:var(--theme-main-color)
    }
}

.task__threads-toggle:hover {
    background: #A2C44A
}

@supports (--theme-main-color-dark: $color-purple-dark) {
    .task__threads-toggle:hover {
        background:var(--theme-main-color-dark)
    }
}

.task__threads-icon {
    width: 16px;
    height: 16px;
    fill: #fff;
    margin: -2px 0 0 -2px
}

.task__threads-text {
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    color: #fff;
    margin-left: 6px
}

.task__threads-close {
    width: 14px;
    height: 14px;
    padding: 2px;
    fill: #fff;
    margin: 0 0 0 -2px
}

.task__threads-badge {
    color: #A2C44A;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 12px;
    font-weight: 500;
    line-height: 1;
    padding: 1px 7px;
    margin-left: 6px;
    border-radius: 5px;
    background: #fff
}

@supports (--theme-main-color: $color-purple) {
    .task__threads-badge {
        color:var(--theme-main-color)
    }
}

.task__threads-banner {
    display: flex;
    align-items: center;
    justify-content: center;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 12px;
    font-weight: 500;
    line-height: 1;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 10px;
    z-index: 10;
    color: #292d34;
    background: #fbfbfb
}

.dark-theme .task__threads-banner {
    background: #2b343b;
    color: #d5d6d7
}

.task__threads-banner-link {
    color: #A2C44A;
    border-bottom-color: #A2C44A;
    cursor: pointer;
    border-bottom: 1px dashed;
    margin-left: 5px
}

@supports (--theme-main-color: $color-purple) {
    .task__threads-banner-link {
        color:var(--theme-main-color)
    }
}

@supports (--theme-main-color: $color-purple) {
    .task__threads-banner-link {
        border-bottom-color:var(--theme-main-color)
    }
}

.task__threads-banner-link:hover {
    color: #A2C44A;
    border-bottom-color: #A2C44A
}

@supports (--theme-main-color-dark: $color-purple-dark) {
    .task__threads-banner-link:hover {
        color:var(--theme-main-color-dark)
    }
}

@supports (--theme-main-color-dark: $color-purple-dark) {
    .task__threads-banner-link:hover {
        border-bottom-color:var(--theme-main-color-dark)
    }
}

.task__threads-banner:before {
    content: "";
    display: block;
    position: absolute;
    background: #A2C44A;
    width: 100%;
    height: 100%;
    opacity: .1;
    pointer-events: none
}

@supports (--theme-main-color: $color-purple) {
    .task__threads-banner:before {
        background:var(--theme-main-color)
    }
}

.task__threads-body {
    height: 100%;
    padding-bottom: 30px
}

.task__threads-body .comments-container {
    background: #fafbfc;
    padding: 35px 30px 30px
}

.cu-os-win .task__threads-body .comments-container {
    scrollbar-width: thin
}

.cu-os-win .task__threads-body .comments-container::-webkit-scrollbar {
    background-color: #fafbfc;
    width: 16px;
    height: 16px
}

.cu-os-win .task__threads-body .comments-container::-webkit-scrollbar-track {
    background-color: #fafbfc
}

.cu-os-win .task__threads-body .comments-container::-webkit-scrollbar-track:hover {
    background-color: #fafbfc
}

.cu-os-win .task__threads-body .comments-container::-webkit-scrollbar-thumb {
    background-color: #babac080;
    border-radius: 16px;
    border: 5px solid #fafbfc
}

.cu-os-win .task__threads-body .comments-container::-webkit-scrollbar-thumb:hover {
    background-color: #a0a0a5;
    border: 3px solid #fafbfc
}

.cu-os-win .task__threads-body .comments-container::-webkit-scrollbar-button {
    display: none
}

.cu-os-win.dark-theme .task__threads-body .comments-container::-webkit-scrollbar,.cu-os-win .dark-theme .task__threads-body .comments-container::-webkit-scrollbar {
    background-color: #2b343b
}

.cu-os-win.dark-theme .task__threads-body .comments-container::-webkit-scrollbar-track,.cu-os-win .dark-theme .task__threads-body .comments-container::-webkit-scrollbar-track {
    background-color: #2b343b
}

.cu-os-win.dark-theme .task__threads-body .comments-container::-webkit-scrollbar-track:hover,.cu-os-win .dark-theme .task__threads-body .comments-container::-webkit-scrollbar-track:hover {
    background-color: #2b343b
}

.cu-os-win.dark-theme .task__threads-body .comments-container::-webkit-scrollbar-thumb,.cu-os-win .dark-theme .task__threads-body .comments-container::-webkit-scrollbar-thumb {
    border-color: #2b343b
}

.cu-os-win.dark-theme .task__threads-body .comments-container::-webkit-scrollbar-thumb:hover,.cu-os-win .dark-theme .task__threads-body .comments-container::-webkit-scrollbar-thumb:hover {
    border-color: #2b343b
}

.cu-os-win.dark-theme .task__threads-body .comments-container::-webkit-scrollbar-corner,.cu-os-win .dark-theme .task__threads-body .comments-container::-webkit-scrollbar-corner {
    background-color: #2b343b
}

.cu-os-win .task__threads-body .comments-container {
    padding-right: 14px
}

.dark-theme .task__threads-body .comments-container {
    background: #2b343b
}

.task__checklist {
    position: relative;
    padding: 0 20px 0 30px
}

.task-header {
    display: flex;
    align-items: center;
    padding: 20px 30px;
    border-bottom: 1px solid #f4f4f4
}

.task-column {
    position: relative;
    display: flex;
    flex-direction: column
}

@media print {
    .task-column {
        width: 100%!important
    }
}

.task-column__body {
    flex-grow: 1;
    overflow-x: hidden;
    overflow-y: scroll;
    padding: 0;
    height: 100%;
    scrollbar-width: thin
}

@media print {
    .task-column__body {
        overflow: visible
    }
}

@-moz-document url-prefix() {
    .cu-os-win .task-column__body {
        scrollbar-color: #fff #fff
    }

    .cu-os-win.dark-theme .task-column__body {
        scrollbar-color: #384047 #384047
    }

    .cu-os-win .task-column__body:hover {
        scrollbar-color: #a0a0a5 #fff
    }

    .cu-os-win.dark-theme .task-column__body:hover {
        scrollbar-color: #828588 #384047
    }
}

.task-column__body::-webkit-scrollbar {
    width: 10px
}

.task-column__body:hover::-webkit-scrollbar {
    background-color: #fff
}

.cu-os-mac .task-column__body:hover::-webkit-scrollbar {
    width: 10px
}

.dark-theme .task-column__body:hover::-webkit-scrollbar {
    background: #384047
}

.task-column__body:hover::-webkit-scrollbar-track {
    background-color: #fff
}

.dark-theme .task-column__body:hover::-webkit-scrollbar-track {
    background: #384047
}

.task-column__body:hover::-webkit-scrollbar-track:hover {
    background-color: #fff
}

.dark-theme .task-column__body:hover::-webkit-scrollbar-track:hover {
    background: #384047
}

.task-column__body:hover::-webkit-scrollbar-thumb {
    background-color: #e9ebf0;
    border-radius: 10px;
    border: 5px solid #fff
}

.cu-os-mac .task-column__body:hover::-webkit-scrollbar-thumb {
    border: 2px solid #fff
}

.dark-theme .task-column__body:hover::-webkit-scrollbar-thumb {
    background-color: #2b343b;
    border-color: #384047
}

.task-column__body:hover::-webkit-scrollbar-thumb:hover {
    background-color: #a0a0a5;
    border: 5px solid #fff
}

.cu-os-mac .task-column__body:hover::-webkit-scrollbar-thumb:hover {
    border: 1px solid #fff
}

.dark-theme .task-column__body:hover::-webkit-scrollbar-thumb:hover {
    background-color: #1e272e;
    border-color: #384047
}

.task-column__body:hover::-webkit-scrollbar-button {
    display: none
}

.task-column__body-toolbar {
    display: flex;
    margin: 6px 10px 0 20px;
    padding: 10px 10px 0;
    min-height: 34px
}

@media screen and (max-width: 992px) {
    .task-column__body-toolbar {
        margin:6px 0 0
    }
}

.task-column__body-toolbar .cu-tags-view__container {
    margin: 0;
    padding: 0 10px 0 0
}

.task-column__body-toolbar .cu-tags-view__container.cu-tags-badge-view-only {
    pointer-events: none
}

.task-column__body-toolbar .cu-tags-view__container .cu-tags-view {
    min-height: 24px
}

.task-column__body-toolbar .cu-tags-view__container .cu-tags-view__icon svg {
    position: relative;
    top: 1px
}

.task-column__body-toolbar-dependencies {
    flex-shrink: 0;
    width: 24px;
    height: 24px;
    cursor: pointer
}

.task-column__body-toolbar-dependencies:hover .cu-stroke {
    stroke: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .task-column__body-toolbar-dependencies:hover .cu-stroke {
        stroke:var(--theme-main-color)
    }
}

.task-column__body-toolbar-dependencies:hover .cu-fill {
    fill: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .task-column__body-toolbar-dependencies:hover .cu-fill {
        fill:var(--theme-main-color)
    }
}

.task-column__body-toolbar-dependencies svg {
    width: 100%;
    height: 100%
}

.task-column__body-toolbar-dependencies .cu-stroke {
    stroke: #aeacb0
}

.task-column__body-toolbar-dependencies .cu-fill {
    fill: #aeacb0
}

.task-column__body-dependencies {
    display: inline-flex;
    align-items: center;
    max-width: 100%;
    width: 100%
}

.task-column__body-dependencies-popover {
    width: 0
}

.task-column__body_highlighted .cu-task-history-item:not(.cu-task-history-item_highlight) {
    opacity: .5
}

.task-column__body .lv-task__toggle {
    left: -23px
}

.task-column__body-scroll-view {
    box-sizing: border-box!important;
    will-change: transform
}

.task-column__footer {
    position: relative;
    flex-shrink: 0
}

.task-column__footer.no-permission {
    height: 60px
}

.task-column__footer_hide-description .task-uploader__icon,.task-column__footer_hide-description .task-uploader__text,.task-column__footer_hide-description .task-uploader__form {
    visibility: hidden
}

.task-column__footer:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: -15px;
    width: 100%;
    height: 15px;
    background-image: linear-gradient(-180deg,transparent 0%,rgba(0,0,0,.05) 100%)
}

.task-column__footer-permission {
    width: 100%;
    position: relative;
    z-index: 1;
    height: 60px;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 0 0 10px 10px
}

.dark-theme .task-column__footer-permission {
    background: #384047
}

.task-column__footer-permission_read-only {
    width: 200%
}

.task-column__footer-permission_comment-only {
    position: absolute;
    top: 0;
    width: auto;
    left: 50%;
    transform: translate(-50%);
    background: transparent
}

.task-column__footer-permission-icon {
    width: 13px;
    height: 15px;
    fill: #343434;
    margin-right: 10px
}

.dark-theme .task-column__footer-permission-icon {
    fill: #d5d6d7
}

.task-column__footer-permission-icon_offline {
    width: 20px;
    height: 16px;
    fill: #fd71af66;
    margin-right: 5px;
    margin-top: -2px
}

.dark-theme .task-column__footer-permission-icon_offline {
    fill: #fd71af99
}

.task-column__footer-permission-description {
    font-size: 12px;
    font-weight: 500;
    line-height: 1;
    color: #343434;
    font-style: italic
}

.dark-theme .task-column__footer-permission-description {
    color: #d5d6d7
}

.task-column.task-column_main {
    background: #fff;
    border-radius: 0 0 0 10px;
    z-index: 1;
    bottom: 0;
    top: 0
}

@media print {
    .task-column.task-column_main {
        position: initial
    }
}

.task-column.task-column_main-border-right {
    border-right: 1px solid #efeef0
}

.contrast_high .task-column.task-column_main-border-right {
    border-right: 1px solid #dedede
}

.dark-theme .task-column.task-column_main-border-right {
    border-right: 1px solid #1e272e
}

.dark-theme .task-column.task-column_main {
    background: #384047
}

.task-column.task-column_main .lv-task__toggle-marker {
    top: 10px
}

.task-column.task-column_main.dragging-in-desc .task-name-container {
    display: none;
    pointer-events: none
}

.task-column.task-column_activity {
    background: #fbfbfb;
    border-radius: 0 0 10px;
    display: flex;
    flex-direction: column;
    contain: layout paint style
}

.dark-theme .task-column.task-column_activity {
    background: #2b343b
}

.task-column.task-column_activity .task-column__body {
    display: flex;
    flex-direction: column;
    padding: 0;
    overflow: hidden;
    will-change: transform
}

.task-column.task-column_activity .cu-tags-view,.task-column.task-column_activity .cu-tags-view .cu-tags-view__item {
    display: inline
}

.task-column.task-column_activity .cu-tags-view .cu-tags-badge {
    height: auto
}

.task-column.task-column_activity .cu-tags-view .cu-tags-select__badge {
    white-space: normal!important;
    margin: 0 5px 0 0
}

.task-status {
    transition: all .2s cubic-bezier(.785,.135,.15,.86) 0s;
    display: flex;
    margin: 0 10px 0 0;
    border-radius: 3px;
    background-color: currentColor;
    cursor: pointer;
    color: #fff
}

.task-status:hover {
    box-shadow: 0 0 0 2px currentColor
}

.task-status_no-hover {
    pointer-events: none
}

.task-status_light {
    transition: all .2s cubic-bezier(.785,.135,.15,.86) 0s;
    box-shadow: 0 0 1px #828588
}

.task-status_light:hover,.task-status_light:focus-within {
    box-shadow: 0 0 3px #828588
}

.task-status_light .task-status__value {
    color: #343434
}

.task-status_light .task-status__controls:after {
    border-left-color: #343434
}

.task-status__value {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 12px;
    font-weight: 500;
    line-height: 1;
    display: flex;
    align-items: center;
    height: 30px;
    padding: 0 15px;
    text-transform: uppercase;
    color: #fff;
    -webkit-user-select: none;
    user-select: none;
    white-space: nowrap;
    border-radius: 3px 0 0 3px;
    transform: scale(.95)
}

@media screen and (max-width: 992px) {
    .task-status__value {
        font-size:10px;
        font-weight: 500;
        line-height: 1;
        padding: 0 5px;
        height: 27px
    }
}

.task-status__divider {
    width: 1px;
    height: 34px;
    margin: -2px 0;
    background: #fff
}

@media screen and (max-width: 992px) {
    .task-status__divider {
        display:none
    }
}

.dark-theme .task-status__divider {
    background: #384047
}

.task-status__controls {
    position: relative;
    flex-shrink: 0;
    width: 25px;
    border-radius: 0 3px 3px 0;
    border: none
}

@media screen and (max-width: 992px) {
    .task-status__controls {
        display:none
    }
}

.task-status__controls:after {
    content: "";
    display: block;
    position: absolute;
    height: 0;
    width: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 4px;
    border-left-color: #fff;
    top: 11px;
    left: 10px
}

.task-status-tip-popover {
    margin-top: 35px
}

.task-status-tip-popover.popover:before {
    margin-top: -46px
}

.task-status-tip-popover.popover:after {
    margin-top: -45px
}

.task-status.loading {
    width: 100px;
    height: 30px;
    background: #f5f6f7
}

.task-status.task-status_toggle {
    margin: 0 30px 0 0;
    text-align: center;
    transition: .1s;
    background: none;
    border: 1px solid currentColor
}

.task-status.task-status_toggle .task-status__value {
    flex-grow: 1;
    padding-left: 8px;
    transition: .1s;
    color: inherit
}

.task-status.task-status_toggle .task-status__icon {
    stroke: #d3d3d3;
    stroke-width: 2px;
    width: 20px;
    height: 30px;
    padding: 9px 0 9px 9px;
    transition: .1s
}

.task-status.task-status_toggle.task-status_active {
    background: #67cb48;
    box-shadow: inset 0 0 0 1px #67cb48
}

.task-status.task-status_toggle.task-status_active .task-status__value {
    color: #fff
}

.task-status.task-status_toggle.task-status_active .task-status__icon {
    stroke: #fff
}

.task-status.task-status_toggle:where(:hover,:focus) {
    background: transparent;
    border: 1px solid #67cb48;
    box-shadow: none
}

.task-status.task-status_toggle:where(:hover,:focus) .task-status__value {
    color: #67cb48
}

.task-status.task-status_toggle:where(:hover,:focus) .task-status__icon {
    stroke: #67cb48
}

.task-status.task-status_toggle.no-permission {
    cursor: default
}

.task-status.task-status_toggle.no-permission:hover {
    background: none;
    border: 1px solid currentColor
}

.task-status.task-status_toggle.no-permission:hover .task-status__value {
    color: inherit
}

.task-status.task-status_active:hover {
    background: #4fae32;
    box-shadow: inset 0 0 0 1px #4fae32;
    border: 1px solid #4fae32
}

.task-status.task-status_active:hover .task-status__value {
    color: #fff
}

.task-status.task-status_active:hover .task-status__icon {
    stroke: #fff
}

.task-status.task-status_open {
    transition: all .2s cubic-bezier(.785,.135,.15,.86) 0s;
    border: 1px solid #aeacb0;
    background: transparent
}

.task-status.task-status_open:hover {
    box-shadow: 0 0 0 2px #aeacb0
}

.task-status.task-status_open.no-permission {
    cursor: default
}

.task-status.task-status_open.no-permission:hover {
    box-shadow: none
}

.task-status.task-status_open .task-status__value {
    color: #aeacb0;
    padding: 0 15px;
    height: 28px
}

.task-status.task-status_open .task-status__divider {
    width: 1px;
    height: 30px;
    margin: -1px 0;
    background: #aeacb0
}

.task-status.task-status_open .task-status__controls:after {
    height: 0;
    width: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 4px;
    border-left-color: #aeacb0;
    top: 10px
}

.status-list {
    border-radius: 6px
}

[lang=fr-FR] .status-list {
    width: 210px
}

.status-list.status-list__show-time-in-status {
    min-width: 220px
}

.status-list.status-list__show-time-in-status .status-list__item_closed {
    padding: 8px 18px 10px 36px
}

.status-list.status-list__task-view .status-list__container-searching {
    padding: 10px
}

.status-list.status-list__task-view .status-list__item-gear {
    position: absolute;
    right: 13px;
    top: 13px
}

.status-list.status-list__task-view .cu-task-row-status__settings use {
    fill: var(--theme-main-color)
}

.status-list__search {
    width: 100%;
    background-color: #fafbfc;
    border-bottom: 1px solid #e9ebf0;
    display: flex;
    align-items: center;
    height: 35px;
    padding: 0 40px 0 16px;
    border-radius: 6px 6px 0 0
}

.dark-theme .status-list__search {
    background-color: #2b343b;
    border-color: #1e272e
}

.status-list__search input {
    width: 100%;
    border: none;
    background-color: transparent;
    box-shadow: none
}

.status-list__search.status-list__search-extra-padding {
    padding: 0 54px 0 16px
}

.status-list__container {
    padding: 10px 10px 0;
    min-width: 170px;
    max-height: 350px
}

.status-list__container.status-list__container-searching {
    padding: 10px
}

.status-list__scroll-view {
    overflow-y: auto;
    overflow-x: hidden
}

.cu-os-win .status-list__scroll-view {
    scrollbar-width: thin
}

.cu-os-win .status-list__scroll-view::-webkit-scrollbar {
    background-color: #fff;
    width: 16px;
    height: 16px
}

.cu-os-win .status-list__scroll-view::-webkit-scrollbar-track {
    background-color: #fff
}

.cu-os-win .status-list__scroll-view::-webkit-scrollbar-track:hover {
    background-color: #fff
}

.cu-os-win .status-list__scroll-view::-webkit-scrollbar-thumb {
    background-color: #babac080;
    border-radius: 16px;
    border: 5px solid #fff
}

.cu-os-win .status-list__scroll-view::-webkit-scrollbar-thumb:hover {
    background-color: #a0a0a5;
    border: 3px solid #fff
}

.cu-os-win .status-list__scroll-view::-webkit-scrollbar-button {
    display: none
}

.cu-os-win.dark-theme .status-list__scroll-view::-webkit-scrollbar,.cu-os-win .dark-theme .status-list__scroll-view::-webkit-scrollbar {
    background-color: #384047
}

.cu-os-win.dark-theme .status-list__scroll-view::-webkit-scrollbar-track,.cu-os-win .dark-theme .status-list__scroll-view::-webkit-scrollbar-track {
    background-color: #384047
}

.cu-os-win.dark-theme .status-list__scroll-view::-webkit-scrollbar-track:hover,.cu-os-win .dark-theme .status-list__scroll-view::-webkit-scrollbar-track:hover {
    background-color: #384047
}

.cu-os-win.dark-theme .status-list__scroll-view::-webkit-scrollbar-thumb,.cu-os-win .dark-theme .status-list__scroll-view::-webkit-scrollbar-thumb {
    border-color: #384047
}

.cu-os-win.dark-theme .status-list__scroll-view::-webkit-scrollbar-thumb:hover,.cu-os-win .dark-theme .status-list__scroll-view::-webkit-scrollbar-thumb:hover {
    border-color: #384047
}

.cu-os-win.dark-theme .status-list__scroll-view::-webkit-scrollbar-corner,.cu-os-win .dark-theme .status-list__scroll-view::-webkit-scrollbar-corner {
    background-color: #384047
}

.dark-theme .status-list__scroll-view {
    background: #384047
}

.status-list__warning {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 7px 10px;
    border-bottom: 1px solid #e4e4e4
}

.dark-theme .status-list__warning {
    border-bottom-color: #1e272e
}

.status-list__warning-icon {
    width: 15px;
    height: 15px;
    margin-right: 8px
}

.status-list__warning-icon use {
    fill: #d79529
}

.status-list__warning-text {
    font-size: 10px;
    font-weight: 400;
    line-height: 1.4;
    color: #d79529
}

.status-list__empty {
    width: 170px;
    padding: 5px
}

.status-list__empty .status-list__warning {
    border-bottom: none
}

.status-list__item {
    transition: background-color .07s cubic-bezier(.785,.135,.15,.86) 0s;
    position: relative;
    border-radius: 4px;
    padding: 8px 8px 8px 26px;
    white-space: nowrap;
    cursor: pointer;
    overflow: hidden;
    display: flex;
    align-items: center
}

.status-list__item:hover {
    background-color: currentColor;
    color: #fff
}

.status-list__item:hover .status-list__status-done {
    stroke: #fff
}

.status-list__item:hover .status-list__time-in-status,.dark-theme .status-list__item:hover .status-list__time-in-status {
    color: #fff
}

.status-list__item.status-list__item_highlighted {
    background-color: currentColor
}

.status-list__item.status-list__item_highlighted .status-list__status {
    color: #fff
}

.status-list__item.status-list__item_search-first {
    background-color: currentColor;
    color: #fff
}

.status-list__item.status-list__item_search-first .status-list__status {
    color: #fff
}

.status-list__item.read-only {
    cursor: default
}

.status-list__item.status-list__item_custom-type:after {
    transform: rotate(45deg)
}

.status-list__item:after {
    content: "";
    display: block;
    position: absolute;
    width: 10px;
    height: 10px;
    left: 8px;
    border-radius: 2px;
    background-color: currentColor
}

.status-list__item_last {
    margin-bottom: 10px
}

.status-list__item+.status-list__item {
    margin-top: 5px
}

.status-list__item-gear {
    padding: 5px;
    margin: -8px -5px;
    display: block;
    width: 25px;
    height: 25px;
    cursor: pointer
}

.status-list__item-gear:hover use {
    fill: #A2C44A
}

@supports (--theme-main-color-dark: $color-purple-dark) {
    .status-list__item-gear:hover use {
        fill:var(--theme-main-color-dark)
    }
}

.status-list__item-gear use {
    fill: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .status-list__item-gear use {
        fill:var(--theme-main-color)
    }
}

.dark-theme .status-list__item_open:hover .status-list__status {
    color: #828588
}

.status-list__item_closed {
    background: #f8f8f8;
    border-top: 1px solid #e4e4e4;
    position: sticky;
    bottom: 0;
    margin: 10px -10px 0;
    padding: 8px 30px 10px 36px;
    border-radius: 0 0 6px 6px;
    overflow: visible
}

.dark-theme .status-list__item_closed {
    border-top: 1px solid #1e272e;
    background: #2a333a
}

.dark-theme .status-list__item_closed:hover {
    background-color: currentColor
}

.status-list__item_closed:before {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 8px;
    left: 0;
    top: -9px;
    background: linear-gradient(to top,white 0%,rgba(255,255,255,.3) 65%,rgba(255,255,255,0) 100%);
    pointer-events: none;
    cursor: default
}

.dark-theme .status-list__item_closed:before {
    background: linear-gradient(to top,#384047 0%,rgba(56,64,71,.3) 65%,rgba(56,64,71,0) 100%)
}

.status-list__item_closed:after {
    left: 18px
}

.status-list__item_light:hover {
    box-shadow: 0 0 1px #828588
}

.status-list__item_light:hover .status-list__status {
    color: #343434!important
}

.status-list__item_light:not(:hover):after {
    box-shadow: 0 0 1px #828588
}

.status-list__item_placeholder {
    border-top: 1px solid #e9ebf0;
    margin: 0 -10px;
    width: calc(100% + 20px);
    padding: 15px 16px 5px;
    margin-top: 10px!important;
    cursor: default;
    border-radius: 0
}

.dark-theme .status-list__item_placeholder {
    border-color: #1e272e
}

.status-list__item_placeholder:hover {
    background-color: transparent;
    color: #2222224d
}

.dark-theme .status-list__item_placeholder:hover {
    color: #828588
}

.status-list__item_placeholder:hover .status-list__status {
    color: #2222224d!important
}

.dark-theme .status-list__item_placeholder:hover .status-list__status {
    color: #828588!important
}

.status-list__item_placeholder:first-of-type {
    margin-top: 0!important;
    border: none!important;
    padding-top: 5px
}

.status-list__item_placeholder:after {
    display: none
}

.status-list__item_placeholder .status-list__status {
    font-size: 11px;
    font-weight: 500;
    color: #2222224d
}

.dark-theme .status-list__item_placeholder .status-list__status {
    color: #828588
}

.status-list__item:hover .status-list__status {
    color: #fff
}

.status-list__time-in-status {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 12px;
    font-weight: 400;
    line-height: 1;
    padding-left: 5px;
    cursor: pointer;
    color: #4f5762
}

.dark-theme .status-list__time-in-status {
    color: #abaeb0
}

.status-list__time-in-status:hover {
    text-decoration: underline
}

.status-list__status {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 11px;
    font-weight: 500;
    line-height: 1;
    color: #bbb;
    text-transform: uppercase;
    transition: background-color .1s;
    -webkit-user-select: none;
    user-select: none;
    padding-right: 10px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-grow: 1
}

.status-list__status_checked {
    font-weight: 600;
    color: #343434
}

.dark-theme .status-list__status_checked {
    color: #fff
}

.status-list__status-done {
    display: inline-flex;
    stroke: #979797;
    height: 14px;
    width: 14px;
    margin: -3px 0 -2px
}

.status-list__no-results {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 12px;
    font-weight: 400;
    line-height: 12px;
    font-style: italic;
    padding-left: 8px
}

.status-list__settings {
    display: flex;
    align-items: center;
    position: absolute;
    right: 5px;
    top: 0;
    cursor: pointer;
    z-index: 2;
    height: 35px
}

.status-list__settings-item {
    transition: background .2s cubic-bezier(.785,.135,.15,.86) 0s;
    padding: 6px;
    width: 24px;
    height: 24px;
    cursor: pointer;
    border-radius: 4px;
    fill: #4f5762
}

.dark-theme .status-list__settings-item {
    fill: #d6d9de
}

.status-list__settings-item:hover,.status-list__settings-item.status-list__settings-item-active {
    background: #f0f1f3
}

.dark-theme .status-list__settings-item:hover,.dark-theme .status-list__settings-item.status-list__settings-item-active {
    background: #3c414a
}

.cu-list-status__body {
    max-height: 295px;
    overflow: auto
}

.done-task-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all .2s cubic-bezier(.785,.135,.15,.86) 0s;
    width: 30px;
    height: 30px;
    margin: 0 30px 0 0;
    flex-shrink: 0;
    color: #aeacb0;
    border: 1px solid #aeacb0;
    border-radius: 3px;
    cursor: pointer
}

@media screen and (max-width: 992px) {
    .done-task-btn {
        margin:0 10px 0 0
    }
}

.done-task-btn__icon {
    stroke: #aeacb0;
    stroke-width: 2px;
    width: 12px;
    height: 12px
}

.done-task-btn:hover,.done-task-btn:focus {
    border: 1px solid #67cb48;
    color: #67cb48
}

.done-task-btn:where(:hover,:focus) .done-task-btn__icon {
    stroke: #67cb48
}

.user-list {
    display: flex;
    flex-direction: column;
    min-width: 280px;
    width: 100%;
    max-height: 400px;
    max-width: 448px
}

.user-list__header {
    flex-shrink: 0
}

.user-list__body {
    overflow: auto;
    flex: 0 1 auto;
    max-height: 351px;
    padding: 5px 0
}

.user-list__body.user-list__body_due-date {
    width: 200px
}

.user-list__body-title {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 11px;
    font-weight: 600;
    line-height: 16px;
    text-transform: uppercase;
    padding: 8px 16px;
    margin-top: 8px;
    color: #4f5762
}

.dark-theme .user-list__body-title {
    color: #adb3bd
}

.user-list__body-virtual-viewport {
    height: 331px;
    background: #fff
}

.cu-os-win .user-list__body-virtual-viewport {
    scrollbar-width: thin
}

.cu-os-win .user-list__body-virtual-viewport::-webkit-scrollbar {
    background-color: #fff;
    width: 16px;
    height: 16px
}

.cu-os-win .user-list__body-virtual-viewport::-webkit-scrollbar-track {
    background-color: #fff
}

.cu-os-win .user-list__body-virtual-viewport::-webkit-scrollbar-track:hover {
    background-color: #fff
}

.cu-os-win .user-list__body-virtual-viewport::-webkit-scrollbar-thumb {
    background-color: #babac080;
    border-radius: 16px;
    border: 5px solid #fff
}

.cu-os-win .user-list__body-virtual-viewport::-webkit-scrollbar-thumb:hover {
    background-color: #a0a0a5;
    border: 3px solid #fff
}

.cu-os-win .user-list__body-virtual-viewport::-webkit-scrollbar-button {
    display: none
}

.cu-os-win.dark-theme .user-list__body-virtual-viewport::-webkit-scrollbar,.cu-os-win .dark-theme .user-list__body-virtual-viewport::-webkit-scrollbar {
    background-color: #384047
}

.cu-os-win.dark-theme .user-list__body-virtual-viewport::-webkit-scrollbar-track,.cu-os-win .dark-theme .user-list__body-virtual-viewport::-webkit-scrollbar-track {
    background-color: #384047
}

.cu-os-win.dark-theme .user-list__body-virtual-viewport::-webkit-scrollbar-track:hover,.cu-os-win .dark-theme .user-list__body-virtual-viewport::-webkit-scrollbar-track:hover {
    background-color: #384047
}

.cu-os-win.dark-theme .user-list__body-virtual-viewport::-webkit-scrollbar-thumb,.cu-os-win .dark-theme .user-list__body-virtual-viewport::-webkit-scrollbar-thumb {
    border-color: #384047
}

.cu-os-win.dark-theme .user-list__body-virtual-viewport::-webkit-scrollbar-thumb:hover,.cu-os-win .dark-theme .user-list__body-virtual-viewport::-webkit-scrollbar-thumb:hover {
    border-color: #384047
}

.cu-os-win.dark-theme .user-list__body-virtual-viewport::-webkit-scrollbar-corner,.cu-os-win .dark-theme .user-list__body-virtual-viewport::-webkit-scrollbar-corner {
    background-color: #384047
}

.dark-theme .user-list__body-virtual-viewport {
    background: #384047
}

.user-list__body-virtual-viewport .cdk-virtual-scroll-content-wrapper {
    max-width: 100%
}

.user-list__footer {
    flex-shrink: 0
}

.user-list__unassign-icon {
    width: 24px;
    height: 24px;
    margin: 2px 12px 2px 2px;
    fill: #dc4913
}

.user-list__nomatch {
    font-size: 13px;
    font-weight: 300;
    font-style: italic;
    padding: 12px;
    text-align: center;
    color: #adb3bd
}

.dark-theme .user-list__nomatch {
    color: #87909e
}

.user-list-item {
    display: flex;
    align-items: center;
    padding: 0 16px;
    height: 44px;
    cursor: pointer;
    position: relative
}

.user-list-item.user-list-item__nomatch {
    font-size: 13px;
    font-weight: 300;
    color: #aeacb0;
    font-style: italic;
    padding: 20px 15px 15px 20px;
    border-bottom: 0;
    cursor: default
}

.user-list-item.user-list-item__nomatch:before {
    visibility: hidden
}

.user-list-item.user-list-item_purple-text .user-list-item__name {
    color: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .user-list-item.user-list-item_purple-text .user-list-item__name {
        color:var(--theme-main-color)
    }
}

.user-list-item_highlighted:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 8px;
    width: calc(100% - 16px);
    height: 100%;
    border-radius: 6px;
    pointer-events: none;
    z-index: 0;
    background-color: #f7f8f9
}

.dark-theme .user-list-item_highlighted:before {
    background-color: #2a2e34
}

.user-list-item_highlighted .user-list-item__icon-not-active {
    display: none
}

.user-list-item_highlighted .user-list-item__icon-active {
    display: block
}

.user-list-item_immutable {
    opacity: .5
}

.user-list-item.ignore-hover:not(.user-list-item_highlighted):before {
    display: none
}

.user-list-item.ignore-hover:not(.user-list-item_highlighted) .user-list-item__profile {
    display: none
}

.user-list-item.no-permission {
    background: transparent;
    cursor: default
}

.user-list-item__icon {
    flex-shrink: 0;
    margin: 0 12px 0 0;
    position: relative;
    width: 32px;
    height: 32px
}

.user-list-item__icon-not-active {
    display: block
}

.user-list-item__icon-active {
    display: none
}

.user-list-item__icon-close {
    position: absolute;
    z-index: 1;
    width: 18px;
    height: 18px;
    bottom: -6px;
    right: -6px;
    border-radius: 50%;
    fill: #e8364c;
    display: none;
    cursor: pointer;
    border: 2px solid #f6f7f9;
    background: #f6f7f9
}

.dark-theme .user-list-item__icon-close {
    background: #2b343b;
    border-color: #2b343b
}

.user-list-item__name {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 0;
    font-size: 14px;
    line-height: 18px;
    position: relative;
    color: #2a2e34
}

.dark-theme .user-list-item__name {
    color: #e8eaed
}

.user-list-item__name_no-divider {
    flex-grow: 1
}

.user-list-item__name_matched {
    background-color: transparent;
    text-decoration: underline
}

.user-list-item__badges {
    flex-shrink: 0;
    flex-grow: 1;
    position: relative;
    margin-left: 4px
}

.user-list-item__count {
    font-size: 12px;
    font-weight: 400;
    line-height: 14px;
    position: relative;
    margin-bottom: -2px;
    margin-left: 9px;
    flex-shrink: 0;
    color: #656f7d
}

.dark-theme .user-list-item__count {
    color: #adb3bd
}

.user-list-item__last-viewed {
    font-size: 10px;
    font-weight: 400;
    line-height: 1;
    color: #7c828d;
    padding-top: 3px
}

.dark-theme .user-list-item__last-viewed {
    color: #abaeb0
}

.user-list-item__dynamic {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 12px;
    font-weight: 400;
    line-height: 1;
    margin: 0 0 0 7px;
    position: relative;
    color: #7c828d;
    display: none
}

.user-list-item:hover .user-list-item__dynamic {
    display: block
}

.user-list-item__question {
    width: 14px;
    height: 14px;
    cursor: pointer;
    margin: 0 0 -2px 2px;
    display: inline-block;
    fill: #ccc
}

.dark-theme .user-list-item__question {
    fill: #828588
}

.user-list-item__reassign {
    position: relative;
    flex-shrink: 0;
    width: 24px;
    height: 24px;
    margin-left: 4px;
    fill: #656f7d;
    transition: .1s;
    display: none;
    padding: 4px;
    background-color: #fff;
    border: 1px solid #e8eaed;
    border-radius: 4px
}

.dark-theme .user-list-item__reassign {
    fill: #adb3bd;
    background-color: #30353c;
    border-color: #3c414a
}

.user-list-item__reassign:hover {
    fill: #2a2e34
}

.dark-theme .user-list-item__reassign:hover {
    fill: #e8eaed
}

.user-list-item:hover .user-list-item__reassign,.user-list-item_selected:hover .user-list-item__icon-close {
    display: block
}

.user-list-item_selected .cu-avatar {
    box-shadow: 0 0 0 1px #fff,0 0 0 3px #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .user-list-item_selected .cu-avatar {
        box-shadow:0 0 0 1px #fff,0 0 0 3px var(--theme-main-color)
    }
}

.dark-theme .user-list-item_selected .cu-avatar {
    box-shadow: 0 0 0 1px #384047,0 0 0 3px #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .dark-theme .user-list-item_selected .cu-avatar {
        box-shadow:0 0 0 1px #384047,0 0 0 3px var(--theme-main-color)
    }
}

.user-list-item_selected .user-list-item__name {
    font-weight: 500
}

.user-list-item__profile {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 12px;
    font-weight: 500;
    line-height: 1;
    display: none;
    align-items: center;
    position: relative;
    margin-left: 14px;
    height: 24px;
    padding: 4px;
    color: #656f7d;
    background-color: #fff;
    border: 1px solid #e8eaed;
    border-radius: 4px
}

.dark-theme .user-list-item__profile {
    color: #adb3bd;
    background-color: #30353c;
    border-color: #3c414a
}

.user-list-item__profile:hover {
    color: #2a2e34
}

.dark-theme .user-list-item__profile:hover {
    color: #e8eaed
}

.user-list-item:hover .user-list-item__profile {
    display: flex
}

.user-list-item__nomatch {
    font-size: 13px;
    font-weight: 300;
    color: #aeacb0;
    font-style: italic;
    padding: 20px 15px 15px 20px;
    border-bottom: 0;
    cursor: default
}

.user-list-item__nomatch_email {
    padding: 8px
}

.user-list-item__nomatch:before {
    visibility: hidden
}

.task-name {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 26px;
    font-weight: 400;
    line-height: 34px;
    color: transparent;
    background: transparent;
    border: none;
    flex-grow: 1;
    resize: none;
    padding: 0;
    margin: 0;
    display: block
}

.cu-os-win .task-name {
    scrollbar-width: thin
}

.cu-os-win .task-name::-webkit-scrollbar {
    background-color: #fff;
    width: 16px;
    height: 16px
}

.cu-os-win .task-name::-webkit-scrollbar-track {
    background-color: #fff
}

.cu-os-win .task-name::-webkit-scrollbar-track:hover {
    background-color: #fff
}

.cu-os-win .task-name::-webkit-scrollbar-thumb {
    background-color: #babac080;
    border-radius: 16px;
    border: 5px solid #fff
}

.cu-os-win .task-name::-webkit-scrollbar-thumb:hover {
    background-color: #a0a0a5;
    border: 3px solid #fff
}

.cu-os-win .task-name::-webkit-scrollbar-button {
    display: none
}

.cu-os-win.dark-theme .task-name::-webkit-scrollbar,.cu-os-win .dark-theme .task-name::-webkit-scrollbar {
    background-color: #384047
}

.cu-os-win.dark-theme .task-name::-webkit-scrollbar-track,.cu-os-win .dark-theme .task-name::-webkit-scrollbar-track {
    background-color: #384047
}

.cu-os-win.dark-theme .task-name::-webkit-scrollbar-track:hover,.cu-os-win .dark-theme .task-name::-webkit-scrollbar-track:hover {
    background-color: #384047
}

.cu-os-win.dark-theme .task-name::-webkit-scrollbar-thumb,.cu-os-win .dark-theme .task-name::-webkit-scrollbar-thumb {
    border-color: #384047
}

.cu-os-win.dark-theme .task-name::-webkit-scrollbar-thumb:hover,.cu-os-win .dark-theme .task-name::-webkit-scrollbar-thumb:hover {
    border-color: #384047
}

.cu-os-win.dark-theme .task-name::-webkit-scrollbar-corner,.cu-os-win .dark-theme .task-name::-webkit-scrollbar-corner {
    background-color: #384047
}

.dark-theme .task-name {
    color: transparent
}

.dark-theme .task-name-block .task-name {
    background: #384047
}

.cu-slash-command_active .task-name,.task-name_focused .task-name {
    color: #343434
}

.dark-theme .cu-slash-command_active .task-name,.dark-theme .task-name_focused .task-name {
    color: #d5d6d7
}

.task-name:focus {
    overflow-y: scroll
}

.task-name__overlay {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 26px;
    font-weight: 400;
    line-height: 34px;
    position: absolute;
    color: #343434;
    background: transparent;
    border: none;
    flex-grow: 1;
    resize: none;
    padding: 0;
    overflow: visible;
    pointer-events: none;
    white-space: pre-wrap;
    word-wrap: break-word;
    right: 10px;
    left: 10px
}

.dark-theme .task-name__overlay {
    color: #d5d6d7
}

.cu-slash-command_active .task-name__overlay,.task-name_focused .task-name__overlay {
    display: none
}

.task-name__overlay .cu-linkify-link {
    padding-left: inherit;
    vertical-align: inherit;
    pointer-events: all
}

.task-name__overlay .cu-linkify-link:hover {
    color: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .task-name__overlay .cu-linkify-link:hover {
        color:var(--theme-main-color)
    }
}

.task-name-container {
    display: flex;
    position: relative;
    margin: 0 0 0 20px;
    padding: 10px;
    resize: none;
    width: calc(100% - 20px);
    border: 1px solid transparent;
    border-radius: 4px;
    transition: .1s;
    overflow: hidden
}

@media screen and (max-width: 992px) {
    .task-name-container {
        margin:0;
        width: 100%
    }
}

.task-name-container_hover:hover,.task-name-container_hover:focus-within,.task-name-container_hover:focus {
    outline: none;
    border: 1px solid #e4e4e4
}

.dark-theme .task-name-container_hover:hover,.dark-theme .task-name-container_hover:focus-within,.dark-theme .task-name-container_hover:focus {
    border: 1px solid #1e272e
}

.task-name-container_subtask .cu-slash-command__original-text:first-child:before {
    content: "";
    position: relative;
    display: inline-block;
    width: 22px
}

.task-name_subtask {
    text-indent: 22px
}

.task-name-block {
    position: sticky;
    top: 0;
    margin-right: 9px;
    padding: 10px 0;
    z-index: 105;
    background: linear-gradient(to top,rgba(255,255,255,0),white 10px,white)
}

@media screen and (max-width: 992px) {
    .task-name-block {
        margin-right:0;
        position: static
    }
}

.dark-theme .task-name-block {
    background: linear-gradient(to top,rgba(56,64,71,0),#384047 10px,#384047)
}

.task-name-block__milestone {
    z-index: 5
}

.task-name-block__icon {
    z-index: 5;
    pointer-events: none
}

.task-name-block__icon {
    height: 20px;
    width: 20px;
    fill: #b9bec7
}

@media screen and (max-width: 992px) {
    .task-name-block__icon_milestone_enabled {
        margin-left:10px
    }
}

.task-name-block__icon-container {
    display: flex;
    margin-top: 5px
}

.task-name-block__icon-container_milestone-enabled {
    margin-left: 30px
}

.task-name-block__icon_lock {
    height: 15px;
    width: 15px;
    fill: #b9bec7;
    stroke: #b9bec7;
    margin-top: 2.5px;
    margin-right: 8px;
    filter: brightness(50%);
    pointer-events: auto
}

.task-name-block__icon_custom-type {
    margin-left: 55px
}

.task-name-block .cu-slash-command__input {
    min-width: 210px
}

.task-uploader {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 60px;
    padding: 0 20px
}

@media screen and (max-width: 992px) {
    .task-uploader {
        padding:0 10px
    }
}

.task-uploader__icon {
    width: 24px;
    height: 20px;
    margin: 0 10px 0 0;
    stroke: #c8cadc
}

.task-uploader__text {
    font-size: 14px;
    font-weight: 400;
    font-style: italic;
    color: #34343480
}

.dark-theme .task-uploader__text {
    color: #828588
}

.task-uploader__form {
    position: relative;
    overflow: hidden
}

.task-uploader__link {
    color: #A2C44A;
    font-size: 14px;
    font-weight: 400;
    font-style: italic;
    text-decoration: underline;
    margin: 0 0 0 4px
}

@supports (--theme-main-color: $color-purple) {
    .task-uploader__link {
        color:var(--theme-main-color)
    }
}

.task-uploader__link:hover {
    text-decoration: none
}

.task-uploader__input {
    position: absolute;
    opacity: 0;
    visibility: hidden;
    left: -999px
}

.task-uploads-badge {
    background: #A2C44A;
    display: inline-flex;
    align-items: center;
    height: 28px;
    flex-shrink: 0;
    margin-top: 16px;
    padding: 0 10px;
    border-radius: 28px;
    cursor: pointer
}

@supports (--theme-main-color: $color-purple) {
    .task-uploads-badge {
        background:var(--theme-main-color)
    }
}

.task-uploads-badge_active .task-uploads-badge__counter,.task-uploads-badge_active .task-uploads-badge__icon_open {
    opacity: 0;
    transform: scale(0)
}

.task-uploads-badge_active .task-uploads-badge__icon_close {
    opacity: 1;
    transform: scale(1) rotate(-90deg)
}

.cu-dashboard-conversation__options .task-uploads-badge {
    margin-top: 0
}

.task-uploads-badge__divider {
    width: 1px;
    height: 100%;
    background: #efeef0
}

.contrast_high .task-uploads-badge__divider {
    background: #dedede
}

.dark-theme .task-uploads-badge__divider {
    background: #1e272e
}

.task-uploads-badge__container-right .task-uploads-badge__divider {
    margin: 0 5px 0 10px
}

.task-uploads-badge__icon {
    width: 14px;
    height: 14px;
    fill: #fff
}

.task-uploads-badge__icon_open {
    transition: all .2s cubic-bezier(.785,.135,.15,.86) 0s;
    opacity: 1
}

.task-uploads-badge__icon_close {
    transition: all .2s cubic-bezier(.785,.135,.15,.86) 0s;
    position: absolute;
    opacity: 0;
    left: 50%;
    margin-left: -7px;
    transform: scale(0) rotate(0)
}

.task-uploads-badge__icon_clickup {
    fill: #fff
}

.task-uploads-badge__counter {
    transition: all .2s cubic-bezier(.785,.135,.15,.86) 0s;
    font-size: 10px;
    font-weight: 400;
    color: #fff;
    margin: 0 0 0 5px;
    padding: 0
}

.task-uploads-badge__counter:hover {
    transition: none
}

.task-uploads-badge__container-left,.task-uploads-badge__container-right {
    position: absolute;
    top: 0;
    height: 100%
}

.task-uploads-badge__container-left {
    left: 20px
}

.task-uploads-badge__container-right {
    right: 20px;
    display: flex
}

.task-uploads-badge__container-right>* {
    margin-left: 5px
}

.task-uploads-badge-popover {
    width: 340px
}

.task-uploads-badge-popover__title {
    font-size: 10px;
    font-weight: 500;
    line-height: 1;
    color: #77777780;
    text-transform: uppercase;
    margin: 15px 15px 5px
}

.dark-theme .task-uploads-badge-popover__title {
    color: #828588
}

.task-uploads-badge-popover__body {
    max-height: 400px;
    overflow-y: auto;
    overflow-x: hidden
}

.task-uploads-badge-popover__body .cdk-virtual-scroll-content-wrapper {
    max-width: 100%
}

.cu-os-win .task-uploads-badge-popover__body {
    scrollbar-width: thin
}

.cu-os-win .task-uploads-badge-popover__body::-webkit-scrollbar {
    background-color: #fff;
    width: 16px;
    height: 16px
}

.cu-os-win .task-uploads-badge-popover__body::-webkit-scrollbar-track {
    background-color: #fff
}

.cu-os-win .task-uploads-badge-popover__body::-webkit-scrollbar-track:hover {
    background-color: #fff
}

.cu-os-win .task-uploads-badge-popover__body::-webkit-scrollbar-thumb {
    background-color: #babac080;
    border-radius: 16px;
    border: 5px solid #fff
}

.cu-os-win .task-uploads-badge-popover__body::-webkit-scrollbar-thumb:hover {
    background-color: #a0a0a5;
    border: 3px solid #fff
}

.cu-os-win .task-uploads-badge-popover__body::-webkit-scrollbar-button {
    display: none
}

.cu-os-win.dark-theme .task-uploads-badge-popover__body::-webkit-scrollbar,.cu-os-win .dark-theme .task-uploads-badge-popover__body::-webkit-scrollbar {
    background-color: #384047
}

.cu-os-win.dark-theme .task-uploads-badge-popover__body::-webkit-scrollbar-track,.cu-os-win .dark-theme .task-uploads-badge-popover__body::-webkit-scrollbar-track {
    background-color: #384047
}

.cu-os-win.dark-theme .task-uploads-badge-popover__body::-webkit-scrollbar-track:hover,.cu-os-win .dark-theme .task-uploads-badge-popover__body::-webkit-scrollbar-track:hover {
    background-color: #384047
}

.cu-os-win.dark-theme .task-uploads-badge-popover__body::-webkit-scrollbar-thumb,.cu-os-win .dark-theme .task-uploads-badge-popover__body::-webkit-scrollbar-thumb {
    border-color: #384047
}

.cu-os-win.dark-theme .task-uploads-badge-popover__body::-webkit-scrollbar-thumb:hover,.cu-os-win .dark-theme .task-uploads-badge-popover__body::-webkit-scrollbar-thumb:hover {
    border-color: #384047
}

.cu-os-win.dark-theme .task-uploads-badge-popover__body::-webkit-scrollbar-corner,.cu-os-win .dark-theme .task-uploads-badge-popover__body::-webkit-scrollbar-corner {
    background-color: #384047
}

.dark-theme .task-uploads-badge-popover__body {
    background-color: #384047
}

.task-uploads-badge-popover__item {
    padding: 10px 20px 15px;
    display: flex;
    align-items: center
}

.task-uploads-badge-popover__item+.task-uploads-badge-popover__item {
    padding-top: 15px;
    border-top: 1px solid #e4e4e4
}

.dark-theme .task-uploads-badge-popover__item+.task-uploads-badge-popover__item {
    border-top-color: #1e272e
}

.task-uploads-badge-popover__item-avatar {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    overflow: hidden;
    margin-right: 15px;
    flex-shrink: 0
}

.task-uploads-badge-popover__item-avatar img {
    width: auto;
    max-width: 100%;
    height: 100%
}

.task-uploads-badge-popover__item-data {
    flex-grow: 1;
    min-width: 0
}

.task-uploads-badge-popover__item-data-row {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    margin-bottom: 3px
}

.task-uploads-badge-popover__item-username {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 11px;
    font-weight: 500;
    line-height: 1.15;
    color: #343434;
    flex-grow: 1
}

.dark-theme .task-uploads-badge-popover__item-username {
    color: #d5d6d7
}

.task-uploads-badge-popover__item-time {
    font-size: 10px;
    font-weight: 400;
    line-height: 1;
    color: #aeacb0;
    flex-shrink: 0;
    padding-left: 10px;
    margin-top: 2px
}

.dark-theme .task-uploads-badge-popover__item-time {
    color: #828588
}

.task-uploads-badge-popover__item-link {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .task-uploads-badge-popover__item-link {
        color:var(--theme-main-color)
    }
}

.task-uploads-badge-popover__item-link a {
    font-size: 13px;
    color: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .task-uploads-badge-popover__item-link a {
        color:var(--theme-main-color)
    }
}

.task-uploads-badge-popover__item-link a:hover {
    color: #A2C44A
}

@supports (--theme-main-color-dark: $color-purple-dark) {
    .task-uploads-badge-popover__item-link a:hover {
        color:var(--theme-main-color-dark)
    }
}

.task-dropzone {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 0 0 6px 6px;
    z-index: 1000
}

.task-dropzone__column,.task-dropzone__container {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 55%;
    background: rgba(255,255,255,.8);
    transition: .1s;
    position: relative
}

.task-dropzone__column:before,.task-dropzone__container:before {
    content: "";
    display: block;
    position: absolute;
    top: 60px;
    left: 60px;
    bottom: 60px;
    right: 60px;
    border: 1px dashed #cecfe0;
    border-radius: 4px;
    transition: .1s
}

.task-dropzone__container {
    width: 100%;
    height: 100%
}

.task-dropzone__content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    transform: translateY(-50px)
}

.task-dropzone__icon {
    height: 72px;
    width: 72px;
    margin: 0 0 20px;
    fill: #cecfe0;
    transition: .1s
}

.task-dropzone__text {
    font-size: 16px;
    font-weight: 400;
    color: #cfd0e0;
    transition: .1s
}

.task-dropzone__column.cu-state-drag-over {
    background: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .task-dropzone__column.cu-state-drag-over {
        background:var(--theme-main-color)
    }
}

.task-dropzone__column.cu-state-drag-over:before {
    border: 1px dashed #fff
}

.task-dropzone__column.cu-state-drag-over .task-dropzone__text {
    color: #fff
}

.task-dropzone__column.cu-state-drag-over .task-dropzone__icon {
    fill: #fff
}

.task-dropzone__container.cu-state-drag-over {
    background: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .task-dropzone__container.cu-state-drag-over {
        background:var(--theme-main-color)
    }
}

.task-dropzone__container.cu-state-drag-over:before {
    border: 1px dashed #fff
}

.task-dropzone__container.cu-state-drag-over .task-dropzone__text {
    color: #fff
}

.task-dropzone__container.cu-state-drag-over .task-dropzone__icon {
    fill: #fff
}

.cu-state-drag-over .task-dropzone {
    display: flex;
    animation: fadeIn .1s linear both
}

.task-completed-label {
    font-size: 11px;
    font-weight: 400;
    display: inline-block;
    margin: 10px 0 0;
    padding: 6px 8px 3px;
    background: #9b9b9b;
    border-radius: 2px;
    text-transform: uppercase;
    letter-spacing: .5px;
    color: #fff;
    cursor: pointer;
    transition: .1s;
    -webkit-appearance: none;
    border-width: 0
}

.dark-theme .task-completed-label {
    background: #2b343b;
    color: #d5d6d7
}

.dark-theme .task-completed-label:hover {
    color: #fff
}

.task-completed-label_archived {
    background: #e9ebf0;
    color: #7c828d;
    opacity: .5
}

.task-completed-label_archived:hover {
    opacity: 1
}

.task-completed-label__text {
    color: #fff
}

.dark-theme .task-completed-label__text {
    color: #d5d6d7
}

.task-completed-label:hover,.task-completed-label:focus {
    background: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .task-completed-label:hover,.task-completed-label:focus {
        background:var(--theme-main-color)
    }
}

.comment-resolved-label {
    font-size: 11px;
    font-weight: 400;
    display: inline-flex;
    align-items: center;
    height: 21px;
    margin: 5px 0 0;
    padding: 0 8px;
    background: #9b9b9b;
    border-radius: 2px;
    text-transform: uppercase;
    letter-spacing: .5px;
    color: #fff;
    cursor: pointer;
    transition: .1s
}

.dark-theme .comment-resolved-label {
    background: #2b343b;
    color: #d5d6d7
}

.comment-resolved-label:hover {
    background: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .comment-resolved-label:hover {
        background:var(--theme-main-color)
    }
}

.git-info {
    position: relative;
    margin: 0 20px 0 0;
    cursor: pointer
}

.git-info__icon {
    width: 26px;
    height: 26px
}

.git-info__counter {
    background: #A2C44A;
    font-size: 9px;
    font-weight: 500;
    line-height: 1;
    position: absolute;
    top: -10px;
    right: -15px;
    border-radius: 10px;
    color: #fff;
    padding: 2px 6px;
    border: 2px solid #fff;
    -webkit-user-select: none;
    user-select: none
}

@supports (--theme-main-color: $color-purple) {
    .git-info__counter {
        background:var(--theme-main-color)
    }
}

.dark-theme .git-info__counter {
    color: #d5d6d7;
    border: 2px solid #384047
}

.task-description__show-more {
    height: 50px;
    position: relative;
    margin: -51px 1px 0;
    display: flex;
    justify-content: center;
    align-items: flex-end;
    background: linear-gradient(to top,white 0%,rgba(255,255,255,.4) 95%,rgba(255,255,255,0) 100%);
    cursor: pointer;
    z-index: 9
}

.dark-theme .task-description__show-more {
    background: linear-gradient(to top,#384047 0%,rgba(56,64,71,.4) 65%,rgba(56,64,71,0) 100%)
}

.task-description__show-more:hover .task-description__show-more-btn {
    background: #f2f2f2
}

.dark-theme .task-description__show-more:hover .task-description__show-more-btn {
    background: #A2C44A
}

@supports (--theme-main-color-dark: $color-purple-dark) {
    .dark-theme .task-description__show-more:hover .task-description__show-more-btn {
        background:var(--theme-main-color-dark)
    }
}

.task-description__show-more:hover .task-description__show-more-text {
    color: #A2C44A
}

@supports (--theme-main-color-dark: $color-purple-dark) {
    .task-description__show-more:hover .task-description__show-more-text {
        color:var(--theme-main-color-dark)
    }
}

.dark-theme .task-description__show-more:hover .task-description__show-more-text {
    color: #fff
}

.task-description__show-more:hover .task-description__show-more-icon {
    fill: #A2C44A
}

@supports (--theme-main-color-dark: $color-purple-dark) {
    .task-description__show-more:hover .task-description__show-more-icon {
        fill:var(--theme-main-color-dark)
    }
}

.dark-theme .task-description__show-more:hover .task-description__show-more-icon {
    fill: #fff
}

.task-description__show-more_less {
    height: 0;
    margin-top: -1px;
    background: transparent
}

.dark-theme .task-description__show-more_less {
    background: transparent
}

.task-description__show-more-btn {
    transition: background .2s cubic-bezier(.785,.135,.15,.86) 0s;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 30px;
    margin-bottom: -15px;
    border-radius: 15px;
    background: #fff;
    padding: 0 15px 0 13px;
    border: 1px solid rgba(188,192,199,.3);
    box-shadow: 0 4px 10px #0000001a;
    cursor: pointer
}

.dark-theme .task-description__show-more-btn {
    background: #A2C44A;
    height: 28px;
    border: 0
}

@supports (--theme-main-color: $color-purple) {
    .dark-theme .task-description__show-more-btn {
        background:var(--theme-main-color)
    }
}

.task-description__show-more-btn_less {
    box-shadow: none;
    margin-bottom: -17px;
    background: #fafbfc
}

.dark-theme .task-description__show-more-btn_less {
    background: #2b343b
}

.task-description__show-more-icon {
    transition: fill .2s cubic-bezier(.785,.135,.15,.86) 0s;
    fill: #A2C44A;
    transform: rotate(90deg);
    width: 12px;
    height: 12px
}

@supports (--theme-main-color: $color-purple) {
    .task-description__show-more-icon {
        fill:var(--theme-main-color)
    }
}

.dark-theme .task-description__show-more-icon {
    fill: #fff
}

.task-description__show-more-icon_less {
    transform: rotate(-90deg);
    fill: #b9bec7
}

.task-description__show-more-text {
    transition: color .2s cubic-bezier(.785,.135,.15,.86) 0s;
    color: #A2C44A;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 12px;
    font-weight: 500;
    line-height: 1;
    padding-left: 3px;
    white-space: nowrap
}

@supports (--theme-main-color: $color-purple) {
    .task-description__show-more-text {
        color:var(--theme-main-color)
    }
}

.dark-theme .task-description__show-more-text {
    color: #fff
}

.task-description__show-more-text_less {
    color: #b9bec7
}

.task__body .cu-editor_task-view .ql-editor {
    padding-bottom: 40px
}

.task-drowdown {
    overflow: hidden
}

.task-drowdown__item {
    line-height: 35px;
    height: 35px;
    vertical-align: middle
}

.task-drowdown__item__icon {
    margin-right: 7px;
    width: 18px;
    height: 18px;
    display: inline-block
}

.task-drowdown__item__icon_subtask {
    fill: #cbc9cf
}

.task-drowdown__item__icon_circle:before {
    width: 15px;
    height: 15px;
    border-radius: 50%;
    border: 1px solid #dbdbdb;
    content: "";
    display: inline-block
}

.task__template-desc {
    font-size: 13px;
    font-weight: 400;
    line-height: 16px;
    color: #aeacb0;
    text-align: center;
    margin: -108px -50px 0;
    top: 0;
    padding: 8px 0;
    width: 650px;
    position: absolute;
    text-shadow: #000 0 0 5px
}

.task__template-desc b {
    font-weight: 500;
    color: #aeacb0
}

.task__template-desc u {
    color: #aeacb0
}

.task__template-desc.task__template-desc-new {
    position: relative;
    width: auto;
    margin: -43px -50px 0
}

.task__flex-only-mobile {
    display: none
}

@media screen and (max-width: 992px) {
    .task__flex-only-mobile {
        display:flex
    }
}

.task-mobile-tabs {
    display: none;
    justify-content: center;
    background: #fff;
    border-radius: 6px
}

.dark-theme .task-mobile-tabs {
    background: #2b343b
}

@media screen and (max-width: 992px) {
    .task-mobile-tabs {
        display:flex
    }
}

.task-mobile-tabs__tab {
    transition: all .2s cubic-bezier(.785,.135,.15,.86) 0s;
    font-size: 12px;
    font-weight: 500;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #a5a9b0;
    letter-spacing: .8px;
    text-transform: uppercase;
    padding: 0 25px;
    height: 29px;
    border: none;
    box-shadow: 0 1px 4px #0000000a;
    margin: 15px 0
}

.task-mobile-tabs__tab:hover {
    transition: none
}

.dark-theme .task-mobile-tabs__tab {
    background: #384047
}

.task-mobile-tabs__tab_active {
    color: #A2C44A;
    box-shadow: 0 1px 4px #0000000a,inset 1px 0 8px #00000008
}

@supports (--theme-main-color: $color-purple) {
    .task-mobile-tabs__tab_active {
        color:var(--theme-main-color)
    }
}

.dark-theme .task-mobile-tabs__tab_active {
    background: #1e272e
}

.task-mobile-tabs__tab:first-child {
    border-top-left-radius: 14px;
    border-bottom-left-radius: 14px
}

.task-mobile-tabs__tab:last-child {
    border-top-right-radius: 14px;
    border-bottom-right-radius: 14px
}

@media screen and (max-width: 992px) {
    .task__mobile-display-for-details,.task__mobile-display-for-activity {
        min-width:100%;
        position: static
    }

    .task__resize-divider,.task .done-task-btn,.task_mobile-tab-details .task__mobile-display-for-activity {
        display: none
    }

    .task_mobile-tab-details .task__body {
        height: auto
    }

    .task_mobile-tab-details .task__header {
        flex-direction: row;
        border-bottom: none!important;
        flex-wrap: wrap
    }

    .task_mobile-tab-details .task-column {
        position: static
    }

    .task_mobile-tab-details .task__toolbar {
        padding: 0 10px;
        border: none!important;
        flex-wrap: wrap;
        width: auto!important
    }

    .task_mobile-tab-details .task__toolbar:last-child {
        margin-top: 5px
    }

    .task_mobile-tab-activity {
        height: calc(100% - 46px)
    }

    .task_mobile-tab-activity .task__mobile-display-for-details {
        display: none
    }

    .task_mobile-tab-activity .task__toolbar {
        padding: 0 10px 10px
    }

    .task_mobile-tab-activity .task-mobile-tabs {
        border-bottom: 1px solid #f4f4f4
    }

    .contrast_high .task_mobile-tab-activity .task-mobile-tabs {
        border-bottom: 1px solid #dedede
    }

    .dark-theme .task_mobile-tab-activity .task-mobile-tabs {
        border-bottom: 1px solid #1e272e
    }
}

.cu-version-control-integration {
    padding-top: 30px
}

.cu-version-control-integration__title {
    font-size: 21px;
    font-weight: 500;
    color: #505050;
    padding-bottom: 25px
}

.dark-theme .cu-version-control-integration__title {
    color: #d5d6d7
}

.cu-version-control-integration__subtitle {
    font-size: 18px;
    font-weight: 500;
    color: #505050;
    padding-bottom: 25px
}

.dark-theme .cu-version-control-integration__subtitle {
    color: #d5d6d7
}

.cu-version-control-integration__header {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 14px;
    font-weight: 600;
    line-height: 1;
    margin-bottom: 10px;
    color: #292d34
}

.dark-theme .cu-version-control-integration__header {
    color: #d5d6d7
}

.cu-version-control-integration__instructions {
    font-size: 14px;
    font-weight: 400;
    line-height: 19px;
    width: 100%;
    padding: 16px 20px 12px;
    border: 1px solid #cbc4f8;
    border-radius: 5px;
    color: #8e80a7
}

.cu-version-control-integration__instructions a {
    font-size: 14px;
    font-weight: 500;
    display: inline
}

.cu-version-control-integration__no-repo {
    font-size: 16px;
    font-weight: 500;
    line-height: 21px;
    color: #505050;
    padding-top: 20px;
    text-align: center
}

.dark-theme .cu-version-control-integration__no-repo {
    color: #d5d6d7
}

.cu-version-control-integration__form-wrapper {
    padding-top: 25px;
    margin: 0 auto;
    display: flex
}

@media screen and (max-width: 544px) and (max-width: 544px) {
    .cu-version-control-integration__form-wrapper {
        flex-direction:column
    }
}

.cu-version-control-integration__form-wrapper:after {
    content: "";
    display: table;
    clear: both
}

.cu-version-control-integration__block-left {
    width: 50%;
    padding-right: 13px;
    display: flex;
    max-height: 400px
}

.cu-version-control-integration__block-right {
    width: 50%;
    padding-left: 13px;
    display: flex;
    max-height: 400px
}

.cu-version-control-integration__block-right.align-right {
    text-align: right
}

.cu-version-control-integration__footer {
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin-bottom: 40px
}

.cu-version-control-integration__footer_bottom {
    bottom: 0
}

.cu-version-control-integration__danger-link {
    font-size: 13px;
    font-weight: 500;
    line-height: 1;
    cursor: pointer;
    margin-top: 30px;
    display: inline-block
}

.cu-version-control-integration #overlay {
    display: none
}

.cu-version-control-integration__warning {
    display: flex;
    align-items: center
}

.cu-version-control-integration__warning-icon {
    width: 15px;
    height: 15px;
    margin-right: 8px
}

.cu-version-control-integration__warning-icon use {
    fill: #d16464
}

.cu-version-control-integration__warning-text {
    font-size: 10px;
    font-weight: 400;
    line-height: 1.4;
    color: #d16464
}

.cu-version-control-integration__branch-name-format {
    border-radius: 5px;
    height: 40px;
    display: flex;
    align-items: center;
    padding: 0 5px 0 15px;
    margin-bottom: 7px;
    border: 1px solid #e9ebf0
}

.dark-theme .cu-version-control-integration__branch-name-format {
    border-color: #384047
}

.cu-version-control-integration__branch-name-format .cu-form__input {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 13px;
    font-weight: 400;
    line-height: 1;
    padding: 0;
    margin-right: 15px;
    background-color: transparent;
    resize: none;
    color: #343434;
    box-shadow: none
}

.dark-theme .cu-version-control-integration__branch-name-format .cu-form__input {
    color: #d5d6d7
}

.cu-version-control-integration__branch-name-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 22px
}

.cu-version-control-integration__branch-name-row .cu-form__error {
    margin: 0
}

.cu-version-control-integration__branch-name-preview {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 11px;
    font-weight: 500;
    line-height: 1;
    border-radius: 2px;
    padding: 5px;
    background: #e9ebf0;
    color: #7c828d
}

.dark-theme .cu-version-control-integration__branch-name-preview {
    background: #384047;
    color: #abaeb0
}

.cu-version-control-integration__branch-name-substitutions {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 12px;
    font-weight: 400;
    line-height: 1;
    color: #7c828d
}

.dark-theme .cu-version-control-integration__branch-name-substitutions {
    color: #abaeb0
}

.cu-version-control-integration__branch-name-substitutions b {
    font-weight: 500;
    color: #7c828d
}

.dark-theme .cu-version-control-integration__branch-name-substitutions b {
    color: #abaeb0
}

.cu-version-control-integration:after {
    content: "";
    display: table;
    clear: both
}

.cu-commits-table-container {
    padding-right: 20px;
    overflow-y: scroll;
    background: #fff
}

.cu-os-win .cu-commits-table-container {
    scrollbar-width: thin
}

.cu-os-win .cu-commits-table-container::-webkit-scrollbar {
    background-color: #fff;
    width: 16px;
    height: 16px
}

.cu-os-win .cu-commits-table-container::-webkit-scrollbar-track {
    background-color: #fff
}

.cu-os-win .cu-commits-table-container::-webkit-scrollbar-track:hover {
    background-color: #fff
}

.cu-os-win .cu-commits-table-container::-webkit-scrollbar-thumb {
    background-color: #babac080;
    border-radius: 16px;
    border: 5px solid #fff
}

.cu-os-win .cu-commits-table-container::-webkit-scrollbar-thumb:hover {
    background-color: #a0a0a5;
    border: 3px solid #fff
}

.cu-os-win .cu-commits-table-container::-webkit-scrollbar-button {
    display: none
}

.cu-os-win.dark-theme .cu-commits-table-container::-webkit-scrollbar,.cu-os-win .dark-theme .cu-commits-table-container::-webkit-scrollbar {
    background-color: #1e272e
}

.cu-os-win.dark-theme .cu-commits-table-container::-webkit-scrollbar-track,.cu-os-win .dark-theme .cu-commits-table-container::-webkit-scrollbar-track {
    background-color: #1e272e
}

.cu-os-win.dark-theme .cu-commits-table-container::-webkit-scrollbar-track:hover,.cu-os-win .dark-theme .cu-commits-table-container::-webkit-scrollbar-track:hover {
    background-color: #1e272e
}

.cu-os-win.dark-theme .cu-commits-table-container::-webkit-scrollbar-thumb,.cu-os-win .dark-theme .cu-commits-table-container::-webkit-scrollbar-thumb {
    border-color: #1e272e
}

.cu-os-win.dark-theme .cu-commits-table-container::-webkit-scrollbar-thumb:hover,.cu-os-win .dark-theme .cu-commits-table-container::-webkit-scrollbar-thumb:hover {
    border-color: #1e272e
}

.cu-os-win.dark-theme .cu-commits-table-container::-webkit-scrollbar-corner,.cu-os-win .dark-theme .cu-commits-table-container::-webkit-scrollbar-corner {
    background-color: #1e272e
}

.dark-theme .cu-commits-table-container {
    background: #1e272e
}

.cu-commits__link {
    color: #A2C44A;
    cursor: pointer
}

@supports (--theme-main-color: $color-purple) {
    .cu-commits__link {
        color:var(--theme-main-color)
    }
}

.cu-commits__table {
    display: table;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    table-layout: fixed
}

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

.cu-commits__tr {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    height: 60px;
    border-bottom: 1px solid #e2e2e2;
    padding: 0
}

.dark-theme .cu-commits__tr {
    border-bottom: 1px solid #2b343b
}

.cu-commits__td {
    font-size: 16px;
    font-weight: 400;
    line-height: 1;
    color: #2229;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding: 20px 0
}

.dark-theme .cu-commits__td {
    color: #abaeb0
}

.cu-commits__td.cu-repo-selector {
    flex-shrink: 0
}

.cu-commits__td.cu-repo-selector button {
    width: 155px
}

.cu-commits__projects {
    color: #A2C44A;
    font-size: 13px;
    font-weight: 500;
    line-height: 1.15;
    flex: 1 auto;
    flex-shrink: 0;
    margin-left: 10px
}

@supports (--theme-main-color: $color-purple) {
    .cu-commits__projects {
        color:var(--theme-main-color)
    }
}

.cu-commits__icon-arrow-down {
    transition: all .2s cubic-bezier(.785,.135,.15,.86) 0s;
    width: 15px;
    height: 9px;
    float: right;
    margin: 2px 0 0 15px
}

.cu-commits__icon-arrow-down use {
    fill: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .cu-commits__icon-arrow-down use {
        fill:var(--theme-main-color)
    }
}

.cu-commits__no-projects {
    font-size: 13px;
    font-weight: 500;
    line-height: 1;
    color: #2229;
    flex: 1 auto;
    flex-shrink: 0;
    margin-left: 10px
}

.cu-commits__dropdown {
    width: 94%;
    margin: -18px auto 20px;
    right: 0!important;
    left: 0!important
}

.cu-commits__dropdown-body {
    width: 100%;
    padding: 25px 7px 20px 25px;
    background: #f7f7f7;
    border-bottom: 1px solid #e2e2e2
}

.dark-theme .cu-commits__dropdown-body {
    background: #384047;
    border-bottom: 1px solid #2b343b
}

.cu-commits__dropdown-body-scroll {
    padding-right: 18px
}

.cu-commits__dropdown-title {
    font-size: 13px;
    font-weight: 500;
    line-height: 1;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 10px;
    padding-right: 18px
}

.cu-commits__dropdown-title .cu-commits__link {
    font-size: 12px
}

.cu-commits__checkbox-label {
    padding: 0 0 0 20px;
    margin-top: -4px
}

.cu-commits__plate {
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    margin: 0;
    padding: 15px 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #565656;
    border-bottom: 1px solid #e2e2e2
}

.dark-theme .cu-commits__plate {
    border-bottom: 1px solid #384047
}

.cu-commits__plate:last-of-type {
    border-bottom: 0;
    margin-bottom: 10px
}

.cu-commits__plate-text {
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    color: #565656
}

.cu-commits__trash-bold {
    width: 16px;
    height: 18px;
    float: left;
    margin-right: 10px
}

.cu-commits__remove-repo {
    padding-top: 15px;
    display: flex;
    align-items: center
}

.cu-commits__remove-repo div {
    cursor: pointer
}

.cu-commits-attached {
    margin-top: 30px
}

.cu-commits-attached div:nth-child(2) {
    border-top: 0;
    padding-top: 0
}

.cu-commits-attached__row {
    display: flex;
    margin-bottom: 20px
}

.cu-commits-attached__row_branch {
    padding-top: 20px;
    border-top: 1px solid #e4e4e4
}

.dark-theme .cu-commits-attached__row_branch {
    border-top: 1px solid #1e272e
}

.cu-commits-attached__row-branch-name {
    font-size: 15px;
    font-weight: 400;
    line-height: 1.3;
    color: #000
}

.dark-theme .cu-commits-attached__row-branch-name {
    color: #d5d6d7
}

.cu-commits-attached__row-branch-icon {
    width: 12px;
    height: 17px;
    margin: 0 7px 0 0;
    fill: #000
}

.dark-theme .cu-commits-attached__row-branch-icon {
    fill: #d5d6d7
}

.cu-commits-attached__row-unattach {
    width: 12px;
    height: 12px;
    stroke: #fd71af;
    cursor: pointer;
    margin: 3px 0 0 10px
}

.cu-commits-attached__row-message {
    word-break: break-word;
    overflow-wrap: break-word;
    word-wrap: break-word;
    -webkit-hyphens: auto;
    hyphens: auto;
    display: flex;
    padding-left: 20px;
    flex-grow: 1
}

.cu-commits-attached__row-message-icon {
    width: 16px;
    height: 9px;
    fill: #b0b0b0;
    margin: 4px 5px 0 0
}

.cu-commits-attached__row-message a {
    color: #9b9b9b
}

.dark-theme .cu-commits-attached__row-message a {
    color: #abaeb0
}

.cu-commits-attached__row-message a:hover {
    color: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .cu-commits-attached__row-message a:hover {
        color:var(--theme-main-color)
    }
}

.cu-commits-attached__row-date {
    width: 200px;
    text-align: center;
    flex-shrink: 0
}

.cu-commits-attached__row-author {
    word-break: break-word;
    overflow-wrap: break-word;
    word-wrap: break-word;
    -webkit-hyphens: auto;
    hyphens: auto;
    width: 170px;
    text-align: center;
    flex-shrink: 0
}

.cu-commits-attached__row-trash {
    width: 55px;
    flex-shrink: 0
}

.cu-commits-attached__row-message,.cu-commits-attached__row-date,.cu-commits-attached__row-author,.cu-commits-attached__row-trash {
    font-size: 14px;
    font-weight: 400;
    line-height: 1.3;
    color: #9b9b9b
}

.dark-theme .cu-commits-attached__row-message,.dark-theme .cu-commits-attached__row-date,.dark-theme .cu-commits-attached__row-author,.dark-theme .cu-commits-attached__row-trash {
    color: #abaeb0
}

.cu-commit__copy-id {
    display: flex
}

.cu-commit__copy-id_content {
    font-size: 12px;
    font-weight: 500;
    line-height: 1;
    background: #343434;
    border-radius: 4px;
    color: #fff;
    padding: 12px 15px 11px;
    position: relative;
    -webkit-user-select: none;
    user-select: none;
    white-space: nowrap;
    display: flex;
    justify-content: center
}

.dark-theme .cu-commit__copy-id_content {
    background: #2b343b;
    color: #d5d6d7
}

.cu-commit__copy-id_content.first {
    border-radius: 4px 0 0 4px;
    border-right: 1px solid #fff
}

.dark-theme .cu-commit__copy-id_content.first {
    border-right: 1px solid #384047
}

.cu-commit__copy-id_content.last {
    transition: all .2s cubic-bezier(.785,.135,.15,.86) 0s;
    border-radius: 0 4px 4px 0;
    padding-right: 12px;
    cursor: pointer;
    width: 92px
}

.cu-commit__copy-id_content.last:hover {
    transition: none
}

.cu-commit__copy-id_content.last:hover {
    background: #000
}

.cu-commit__copy-id_icon {
    width: 12px;
    height: 13px;
    margin: -2px 3px 0 0
}

.cu-repo-box {
    width: 100%;
    padding: 20px 5px 20px 25px;
    border: 1px solid #d8d8d8;
    border-radius: 6px;
    display: flex;
    flex-direction: column
}

.dark-theme .cu-repo-box {
    border: 1px solid #384047
}

.cu-repo-box__search {
    margin: 3px 20px 7px 0
}

.cu-repo-box__title {
    font-size: 12px;
    font-weight: 600;
    line-height: 12px;
    color: #222;
    margin-bottom: 7px;
    margin-right: 20px;
    display: flex;
    justify-content: space-between
}

.dark-theme .cu-repo-box__title {
    color: #d5d6d7
}

.cu-repo-box__subtitle {
    font-size: 12px;
    font-weight: 400;
    line-height: 1;
    color: #222;
    margin-right: 20px;
    margin-bottom: 7px;
    opacity: .6
}

.dark-theme .cu-repo-box__subtitle {
    color: #d5d6d7
}

.cu-repo-box__button-add {
    color: #A2C44A;
    border-color: #A2C44A;
    font-size: 13px;
    font-weight: 500;
    line-height: 40px;
    cursor: pointer;
    height: 40px;
    border: 1px dashed;
    border-radius: 3px;
    display: block;
    text-align: center;
    margin-top: 25px
}

@supports (--theme-main-color: $color-purple) {
    .cu-repo-box__button-add {
        color:var(--theme-main-color)
    }
}

@supports (--theme-main-color: $color-purple) {
    .cu-repo-box__button-add {
        border-color:var(--theme-main-color)
    }
}

.cu-repo-box__link-integration {
    display: flex;
    justify-content: space-around;
    padding-top: 20px
}

.cu-repo-box .panel-open .cu-commits__icon-arrow-down {
    transform: rotate(180deg)
}

.cu-os-win .cu-commits-table-container {
    padding-right: 4px
}

.cu-slack-integration {
    padding-top: 30px
}

.cu-slack-integration__icon {
    height: 60px;
    margin: 10px 0 0
}

.cu-slack-integration__icon svg {
    width: 100%;
    height: 100%;
    display: block
}

.cu-slack-integration__icon svg .cu-fill-words {
    fill: #000
}

.dark-theme .cu-slack-integration__icon svg .cu-fill-words {
    fill: #fff
}

.cu-slack-integration__reset {
    display: flex;
    justify-content: center
}

.cu-slack-integration__auth-text {
    font-size: 18px;
    font-weight: 200;
    line-height: 1.4em;
    color: #000;
    text-align: center;
    margin: 20px auto 40px
}

.dark-theme .cu-slack-integration__auth-text {
    color: #d5d6d7
}

.cu-slack-integration__auth-link {
    display: flex;
    justify-content: center
}

.cu-slack-integration__auth-link a {
    margin: -2px 5px 0 0
}

.cu-slack-integration__head {
    font-size: 23px;
    margin-bottom: 25px
}

.cu-slack-integration__unfurl-body {
    margin: 0 0 45px;
    padding-left: 15px;
    font-size: 16px;
    border-left: 5px solid #67cb48
}

.cu-slack-integration__unfurl-text {
    margin-bottom: 15px;
    font-weight: 300
}

.cu-slack-integration__unfurl-text a {
    color: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .cu-slack-integration__unfurl-text a {
        color:var(--theme-main-color)
    }
}

.cu-slack-integration__description {
    margin-bottom: 25px;
    font-size: 16px;
    font-weight: 300
}

.cu-slack-integration__description a {
    color: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .cu-slack-integration__description a {
        color:var(--theme-main-color)
    }
}

.cu-slack-integration__enabled {
    font-weight: 500;
    padding-top: 3px
}

.cu-slack-integration__note {
    margin-bottom: 0;
    padding-bottom: 3px;
    font-weight: 100
}

.cu-slack-integration__note b {
    font-weight: 400
}

.cu-slack-integration__note span {
    color: #A2C44A;
    cursor: pointer;
    font-weight: 400
}

@supports (--theme-main-color: $color-purple) {
    .cu-slack-integration__note span {
        color:var(--theme-main-color)
    }
}

.cu-slack-integration__add-notification {
    color: #A2C44A;
    margin-top: 35px;
    font-size: 15px;
    cursor: pointer
}

@supports (--theme-main-color: $color-purple) {
    .cu-slack-integration__add-notification {
        color:var(--theme-main-color)
    }
}

.cu-slack-integration__notification-selection {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap
}

.cu-slack-integration__dropdown-project {
    width: 25%;
    min-width: 250px;
    padding-right: 20px;
    margin-bottom: 20px
}

.cu-slack-integration__dropdown-project_width-auto {
    width: auto
}

.cu-slack-integration__dropdown-project_full-width {
    flex-grow: 1
}

.cu-slack-integration__dropdown-project_header-last-item {
    margin-right: 60px
}

.cu-slack-integration__dropdown-project .cu-dropdown_open .cu-slack-integration__item-icon-arrow-down {
    transform: rotate(180deg)
}

.cu-slack-integration__dropdown-channel {
    width: 60%;
    min-width: 250px;
    padding-right: 20px
}

.cu-slack-integration__dropdown-channel_25 {
    width: 25%
}

.cu-slack-integration__selection-header {
    font-size: 15px;
    font-weight: 500;
    line-height: 1;
    margin-bottom: 10px
}

.cu-slack-integration__save {
    margin-top: 20px;
    display: flex;
    justify-content: flex-end;
    padding-right: 5%
}

.cu-slack-integration__nodrop {
    position: relative;
    cursor: default
}

.cu-slack-integration__existing {
    margin-bottom: 40px
}

.cu-slack-integration__selection-container {
    margin-bottom: 30px
}

.cu-slack-integration__selection-container:last-child {
    margin-bottom: 0
}

.cu-slack-integration__remove {
    width: 15px;
    height: 15px;
    display: block;
    margin-right: 15px;
    margin-top: 18px
}

.cu-slack-integration__remove use {
    fill: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .cu-slack-integration__remove use {
        fill:var(--theme-main-color)
    }
}

.cu-slack-integration__steps {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 60px
}

.cu-slack-integration__steps-item {
    background: #f7f7f7;
    width: 24%;
    min-width: 200px;
    border-radius: 5px;
    display: flex;
    flex-direction: column;
    align-self: stretch
}

.dark-theme .cu-slack-integration__steps-item {
    background: #384047
}

.cu-slack-integration__steps-image {
    border: 1px solid #f3f3f3;
    background: #fff;
    border-radius: 5px;
    padding: 15px;
    width: 100%;
    flex-grow: 1;
    display: flex;
    align-items: center;
    justify-content: center
}

.cu-slack-integration__steps-header {
    padding: 10px 15px;
    height: 100px;
    display: flex;
    justify-content: flex-start;
    align-items: center
}

.cu-slack-integration__steps-clickup-plus-slack {
    background: url(clickup-plus-slack.c35ddb9937859bc6.png) center/contain no-repeat;
    width: 75px;
    height: 59px;
    flex-shrink: 0;
    margin-left: -10px
}

.cu-slack-integration__steps-description {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 14px;
    font-weight: 400;
    line-height: 17px;
    color: #4f495c;
    flex-grow: 1
}

.dark-theme .cu-slack-integration__steps-description {
    color: #abaeb0
}

.cu-slack-integration__steps-description_flex {
    display: flex;
    align-items: center
}

.cu-slack-integration__steps-description_highlight {
    color: #A2C44A;
    font-weight: 500
}

@supports (--theme-main-color: $color-purple) {
    .cu-slack-integration__steps-description_highlight {
        color:var(--theme-main-color)
    }
}

.cu-slack-integration__steps-i {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    border: 1px solid #4f495c;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    margin-left: 10px
}

.dark-theme .cu-slack-integration__steps-i {
    border: 1px solid #abaeb0
}

.cu-slack-integration__steps-i:hover,.cu-slack-integration__steps-i.cu-dropdown_open {
    border-color: #A2C44A;
    border: 1px solid
}

@supports (--theme-main-color: $color-purple) {
    .cu-slack-integration__steps-i:hover,.cu-slack-integration__steps-i.cu-dropdown_open {
        border-color:var(--theme-main-color)
    }
}

.cu-slack-integration__steps-i:hover .cu-slack-integration__steps-i-toggle,.cu-slack-integration__steps-i.cu-dropdown_open .cu-slack-integration__steps-i-toggle {
    color: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .cu-slack-integration__steps-i:hover .cu-slack-integration__steps-i-toggle,.cu-slack-integration__steps-i.cu-dropdown_open .cu-slack-integration__steps-i-toggle {
        color:var(--theme-main-color)
    }
}

.cu-slack-integration__steps-i-toggle {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 16px;
    font-weight: 500;
    line-height: 1;
    color: #4f495c;
    width: 28px;
    height: 28px;
    display: flex;
    align-items: center;
    justify-content: center
}

.dark-theme .cu-slack-integration__steps-i-toggle {
    color: #abaeb0
}

.cu-slack-integration__steps-i-menu {
    width: 600px!important;
    max-width: 80vw;
    padding: 30px 40px
}

.cu-slack-integration__steps-i-text {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    color: #4f495c
}

.dark-theme .cu-slack-integration__steps-i-text {
    color: #d5d6d7
}

.cu-slack-integration__steps-i-text_strong {
    font-weight: 500
}

.cu-slack-integration__steps-i-text_exclamation {
    padding-left: 45px;
    position: relative;
    margin: -15px 0 50px
}

.cu-slack-integration__steps-i-text_exclamation:before {
    content: "";
    display: block;
    position: absolute;
    background: #A2C44A;
    font-size: 16px;
    font-weight: 500;
    line-height: 1;
    content: "!";
    width: 31px;
    height: 31px;
    border-radius: 50%;
    color: #fff;
    left: 0;
    top: 4px;
    display: flex;
    justify-content: center;
    align-items: center
}

@supports (--theme-main-color: $color-purple) {
    .cu-slack-integration__steps-i-text_exclamation:before {
        background:var(--theme-main-color)
    }
}

.cu-slack-integration__steps-i-link {
    color: #A2C44A;
    font-weight: 500;
    text-decoration: underline;
    cursor: pointer
}

@supports (--theme-main-color: $color-purple) {
    .cu-slack-integration__steps-i-link {
        color:var(--theme-main-color)
    }
}

.cu-slack-integration__steps-i-cancel {
    color: #ff2879;
    font-weight: 500;
    text-decoration: underline;
    cursor: pointer
}

.cu-slack-integration__steps-i-save {
    color: #A2C44A;
    font-weight: 500;
    text-decoration: underline;
    cursor: pointer
}

@supports (--theme-main-color: $color-purple) {
    .cu-slack-integration__steps-i-save {
        color:var(--theme-main-color)
    }
}

.cu-slack-integration__steps-check {
    width: 35px;
    height: 35px;
    background-color: #6aca4f;
    border-radius: 50%;
    margin-left: 13px;
    margin-right: -5px;
    padding: 10px;
    flex-shrink: 0
}

.cu-slack-integration__steps-check use {
    fill: #fff
}

.cu-slack-integration__btn-remove.cu-form__row {
    margin: 40px 0 0
}

.cu-slack-integration__item {
    height: 50px;
    border-radius: 5px;
    border: 1px solid #e4e4e4
}

.dark-theme .cu-slack-integration__item {
    border: 1px solid #384047
}

.cu-slack-integration__item-text {
    font-size: 14px;
    font-weight: 400;
    line-height: 1.25;
    cursor: pointer;
    padding: 0 15px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 50px
}

.cu-slack-integration__item-text-name {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.cu-slack-integration__item-text-divider {
    opacity: .6
}

.cu-slack-integration__item-icon-arrow-down {
    fill: #A2C44A;
    transition: all .2s cubic-bezier(.785,.135,.15,.86) 0s;
    width: 15px;
    height: 9px;
    float: right;
    margin: 0 0 0 15px
}

.cu-slack-integration__item-icon-arrow-down:hover {
    transition: none
}

@supports (--theme-main-color: $color-purple) {
    .cu-slack-integration__item-icon-arrow-down {
        fill:var(--theme-main-color)
    }
}

.cu-slack-integration__form-row_last {
    display: flex;
    justify-content: space-between
}

.cu-slack-integration__form-row_last button {
    width: 190px!important
}

.cu-slack-integration__list-container {
    max-height: 301px
}

.cu-slack-integration__remove-warning {
    margin: 20px 0 35px
}

.cu-slack-integration__remove-warning-header {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 14px;
    font-weight: 500;
    line-height: 16px
}

.cu-slack-integration__remove-warning-text {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 12px;
    font-weight: 500;
    line-height: 14px
}

.cu-slack-integration__include-private {
    display: flex;
    padding: 20px;
    background: #fafbfc;
    border-radius: 5px
}

.dark-theme .cu-slack-integration__include-private {
    background: #2b343b
}

.cu-slack-integration__include-private .cu-toggle-switch {
    margin-top: 1px;
    margin-right: 15px
}

.cu-slack-integration__include-private-title {
    font-size: 14px;
    font-weight: 500;
    line-height: 1;
    margin-bottom: 5px;
    color: #292d34
}

.dark-theme .cu-slack-integration__include-private-title {
    color: #d5d6d7
}

.cu-slack-integration__include-private-description {
    font-size: 12px;
    font-weight: 400;
    line-height: 1;
    color: #7c828d
}

.dark-theme .cu-slack-integration__include-private-description {
    color: #828588
}

.cu-projects-list.cu-slack-integration__list {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    padding: 5px 0 5px 20px;
    overflow: hidden
}

.cu-projects-list.cu-slack-integration__list .cu-slack-integration__list-container {
    padding-right: 20px
}

.cu-discord-integration {
    padding-top: 30px
}

.cu-discord-integration__icon {
    height: 60px;
    margin: 10px 0 0
}

.cu-discord-integration__icon svg {
    width: 100%;
    height: 100%;
    display: block
}

.cu-discord-integration__icon svg .cu-fill-words {
    fill: #000
}

.dark-theme .cu-discord-integration__icon svg .cu-fill-words {
    fill: #fff
}

.cu-discord-integration__reset {
    display: flex;
    justify-content: center
}

.cu-discord-integration__auth-text {
    font-size: 18px;
    font-weight: 200;
    line-height: 1.4em;
    color: #000;
    text-align: center;
    margin: 20px auto 40px
}

.dark-theme .cu-discord-integration__auth-text {
    color: #d5d6d7
}

.cu-discord-integration__auth-link {
    display: flex;
    justify-content: center
}

.cu-discord-integration__auth-link a {
    margin: -2px 5px 0 0
}

.cu-discord-integration__head {
    font-size: 23px;
    margin-bottom: 25px
}

.cu-discord-integration__unfurl-body {
    margin: 0 0 45px;
    padding-left: 15px;
    font-size: 16px;
    border-left: 5px solid #67cb48
}

.cu-discord-integration__unfurl-text {
    margin-bottom: 15px;
    font-weight: 300
}

.cu-discord-integration__unfurl-text a {
    color: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .cu-discord-integration__unfurl-text a {
        color:var(--theme-main-color)
    }
}

.cu-discord-integration__description {
    margin-bottom: 25px;
    font-size: 16px;
    font-weight: 300
}

.cu-discord-integration__description a {
    color: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .cu-discord-integration__description a {
        color:var(--theme-main-color)
    }
}

.cu-discord-integration__enabled {
    font-weight: 500;
    padding-top: 3px
}

.cu-discord-integration__note {
    margin-bottom: 0;
    padding-bottom: 3px;
    font-weight: 100
}

.cu-discord-integration__note b {
    font-weight: 400
}

.cu-discord-integration__note span {
    color: #A2C44A;
    cursor: pointer;
    font-weight: 400
}

@supports (--theme-main-color: $color-purple) {
    .cu-discord-integration__note span {
        color:var(--theme-main-color)
    }
}

.cu-discord-integration__add-notification {
    color: #A2C44A;
    margin-top: 35px;
    font-size: 15px;
    cursor: pointer
}

@supports (--theme-main-color: $color-purple) {
    .cu-discord-integration__add-notification {
        color:var(--theme-main-color)
    }
}

.cu-discord-integration__notification-selection {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap
}

.cu-discord-integration__dropdown-project {
    width: 25%;
    min-width: 250px;
    padding-right: 20px;
    margin-bottom: 20px
}

.cu-discord-integration__dropdown-project_width-auto {
    width: auto
}

.cu-discord-integration__dropdown-project_full-width {
    flex-grow: 1
}

.cu-discord-integration__dropdown-project_header-last-item {
    margin-right: 60px
}

.cu-discord-integration__dropdown-project .cu-dropdown_open .cu-discord-integration__item-icon-arrow-down {
    transform: rotate(180deg)
}

.cu-discord-integration__dropdown-channel {
    width: 60%;
    min-width: 250px;
    padding-right: 20px
}

.cu-discord-integration__dropdown-channel_25 {
    width: 25%
}

.cu-discord-integration__selection-header {
    font-size: 15px;
    font-weight: 500;
    line-height: 1;
    margin-bottom: 10px
}

.cu-discord-integration__save {
    margin-top: 20px;
    display: flex;
    justify-content: flex-end;
    padding-right: 5%
}

.cu-discord-integration__nodrop {
    position: relative;
    cursor: default
}

.cu-discord-integration__existing {
    margin-bottom: 40px
}

.cu-discord-integration__selection-container {
    margin-bottom: 30px
}

.cu-discord-integration__selection-container:last-child {
    margin-bottom: 0
}

.cu-discord-integration__remove {
    width: 15px;
    height: 15px;
    display: block;
    margin-right: 15px;
    margin-top: 18px
}

.cu-discord-integration__remove use {
    fill: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .cu-discord-integration__remove use {
        fill:var(--theme-main-color)
    }
}

.cu-discord-integration__steps {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 60px
}

.cu-discord-integration__steps-item {
    background: #f7f7f7;
    width: 24%;
    min-width: 200px;
    border-radius: 5px;
    display: flex;
    flex-direction: column;
    align-self: stretch
}

.dark-theme .cu-discord-integration__steps-item {
    background: #384047
}

.cu-discord-integration__steps-image {
    border: 1px solid #f3f3f3;
    background: #fff;
    border-radius: 5px;
    padding: 15px;
    width: 100%;
    flex-grow: 1;
    display: flex;
    align-items: center;
    justify-content: center
}

.cu-discord-integration__steps-header {
    padding: 10px 15px;
    height: 100px;
    display: flex;
    justify-content: flex-start;
    align-items: center
}

.cu-discord-integration__steps-clickup-plus-discord {
    background: url(clickup-plus-slack.c35ddb9937859bc6.png) center/contain no-repeat;
    width: 75px;
    height: 59px;
    flex-shrink: 0;
    margin-left: -10px
}

.cu-discord-integration__steps-description {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 14px;
    font-weight: 400;
    line-height: 17px;
    color: #4f495c;
    flex-grow: 1
}

.dark-theme .cu-discord-integration__steps-description {
    color: #abaeb0
}

.cu-discord-integration__steps-description_flex {
    display: flex;
    align-items: center
}

.cu-discord-integration__steps-description_highlight {
    color: #A2C44A;
    font-weight: 500
}

@supports (--theme-main-color: $color-purple) {
    .cu-discord-integration__steps-description_highlight {
        color:var(--theme-main-color)
    }
}

.cu-discord-integration__steps-i {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    border: 1px solid #4f495c;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    margin-left: 10px
}

.dark-theme .cu-discord-integration__steps-i {
    border: 1px solid #abaeb0
}

.cu-discord-integration__steps-i:hover,.cu-discord-integration__steps-i.cu-dropdown_open {
    border-color: #A2C44A;
    border: 1px solid
}

@supports (--theme-main-color: $color-purple) {
    .cu-discord-integration__steps-i:hover,.cu-discord-integration__steps-i.cu-dropdown_open {
        border-color:var(--theme-main-color)
    }
}

.cu-discord-integration__steps-i:hover .cu-discord-integration__steps-i-toggle,.cu-discord-integration__steps-i.cu-dropdown_open .cu-discord-integration__steps-i-toggle {
    color: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .cu-discord-integration__steps-i:hover .cu-discord-integration__steps-i-toggle,.cu-discord-integration__steps-i.cu-dropdown_open .cu-discord-integration__steps-i-toggle {
        color:var(--theme-main-color)
    }
}

.cu-discord-integration__steps-i-toggle {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 16px;
    font-weight: 500;
    line-height: 1;
    color: #4f495c;
    width: 28px;
    height: 28px;
    display: flex;
    align-items: center;
    justify-content: center
}

.dark-theme .cu-discord-integration__steps-i-toggle {
    color: #abaeb0
}

.cu-discord-integration__steps-i-menu {
    width: 600px!important;
    max-width: 80vw;
    padding: 30px 40px
}

.cu-discord-integration__steps-i-text {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    color: #4f495c
}

.dark-theme .cu-discord-integration__steps-i-text {
    color: #d5d6d7
}

.cu-discord-integration__steps-i-text_strong {
    font-weight: 500
}

.cu-discord-integration__steps-i-text_exclamation {
    padding-left: 45px;
    position: relative;
    margin: -15px 0 50px
}

.cu-discord-integration__steps-i-text_exclamation:before {
    content: "";
    display: block;
    position: absolute;
    background: #A2C44A;
    font-size: 16px;
    font-weight: 500;
    line-height: 1;
    content: "!";
    width: 31px;
    height: 31px;
    border-radius: 50%;
    color: #fff;
    left: 0;
    top: 4px;
    display: flex;
    justify-content: center;
    align-items: center
}

@supports (--theme-main-color: $color-purple) {
    .cu-discord-integration__steps-i-text_exclamation:before {
        background:var(--theme-main-color)
    }
}

.cu-discord-integration__steps-i-link {
    color: #A2C44A;
    font-weight: 500;
    text-decoration: underline;
    cursor: pointer
}

@supports (--theme-main-color: $color-purple) {
    .cu-discord-integration__steps-i-link {
        color:var(--theme-main-color)
    }
}

.cu-discord-integration__steps-i-cancel {
    color: #ff2879;
    font-weight: 500;
    text-decoration: underline;
    cursor: pointer
}

.cu-discord-integration__steps-i-save {
    color: #A2C44A;
    font-weight: 500;
    text-decoration: underline;
    cursor: pointer
}

@supports (--theme-main-color: $color-purple) {
    .cu-discord-integration__steps-i-save {
        color:var(--theme-main-color)
    }
}

.cu-discord-integration__steps-check {
    width: 35px;
    height: 35px;
    background-color: #6aca4f;
    border-radius: 50%;
    margin-left: 13px;
    margin-right: -5px;
    padding: 10px;
    flex-shrink: 0
}

.cu-discord-integration__steps-check use {
    fill: #fff
}

.cu-discord-integration__btn-remove.cu-form__row {
    margin: 40px 0 0
}

.cu-discord-integration__item {
    height: 50px;
    border-radius: 5px;
    border: 1px solid #e4e4e4
}

.dark-theme .cu-discord-integration__item {
    border: 1px solid #384047
}

.cu-discord-integration__item-text {
    font-size: 14px;
    font-weight: 400;
    line-height: 1.25;
    cursor: pointer;
    padding: 0 15px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 50px
}

.cu-discord-integration__item-text-name {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.cu-discord-integration__item-text-divider {
    opacity: .6
}

.cu-discord-integration__item-icon-arrow-down {
    fill: #A2C44A;
    transition: all .2s cubic-bezier(.785,.135,.15,.86) 0s;
    width: 15px;
    height: 9px;
    float: right;
    margin: 0 0 0 15px
}

.cu-discord-integration__item-icon-arrow-down:hover {
    transition: none
}

@supports (--theme-main-color: $color-purple) {
    .cu-discord-integration__item-icon-arrow-down {
        fill:var(--theme-main-color)
    }
}

.cu-discord-integration__form-row_last {
    display: flex;
    justify-content: space-between
}

.cu-discord-integration__form-row_last button {
    width: 190px!important
}

.cu-discord-integration__list-container {
    max-height: 301px
}

.cu-discord-integration__remove-warning {
    margin: 20px 0 35px
}

.cu-discord-integration__remove-warning-header {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 14px;
    font-weight: 500;
    line-height: 16px
}

.cu-discord-integration__remove-warning-text {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 12px;
    font-weight: 500;
    line-height: 14px
}

.cu-projects-list.cu-discord-integration__list {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    padding: 5px 0 5px 20px;
    overflow: hidden
}

.cu-projects-list.cu-discord-integration__list .cu-discord-integration__list-container {
    padding-right: 20px
}

.cu-tableau-integration {
    padding-top: 30px
}

.cu-tableau-integration__instructions {
    font-size: 14px;
    font-weight: 400;
    line-height: 19px;
    width: 100%;
    padding: 16px 20px 12px;
    border: 1px solid #cbc4f8;
    border-radius: 5px;
    color: #8e80a7
}

.cu-tableau-integration__instructions a {
    font-size: 14px;
    font-weight: 500;
    display: inline
}

.cu-tableau-integration__title-name-format {
    border-radius: 5px;
    height: 40px;
    display: flex;
    align-items: center;
    padding: 0 5px 0 15px;
    margin-bottom: 7px;
    border: 1px solid #e9ebf0
}

.cu-tableau-integration__title-name-format .cu-btn {
    width: 130px
}

.cu-tableau-integration__title-name-format .cu-btn .icon {
    height: 17px;
    margin: 1px 0 0;
    width: 25px
}

.cu-tableau-integration__title-name-format .cu-btn .icon svg {
    width: 100%;
    height: 100%;
    display: block;
    fill: #fff
}

.dark-theme .cu-tableau-integration__title-name-format {
    border-color: #384047
}

.cu-tableau-integration__title-name-format .cu-form__input {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 13px;
    font-weight: 400;
    line-height: 1;
    padding: 0;
    margin-right: 15px;
    background-color: transparent;
    resize: none;
    color: #343434;
    box-shadow: none
}

.dark-theme .cu-tableau-integration__title-name-format .cu-form__input {
    color: #d5d6d7
}

.cu-tableau-integration__title-name-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 22px
}

.cu-tableau-integration__title-name-row .cu-form__error {
    margin: 0
}

.cu-tableau-integration__title-name-preview {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 11px;
    font-weight: 500;
    line-height: 1;
    border-radius: 2px;
    padding: 5px;
    background: #e9ebf0;
    color: #7c828d
}

.dark-theme .cu-tableau-integration__title-name-preview {
    background: #384047;
    color: #abaeb0
}

.cu-tableau-integration__title-name-substitutions {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 12px;
    font-weight: 400;
    line-height: 1;
    color: #7c828d
}

.dark-theme .cu-tableau-integration__title-name-substitutions {
    color: #abaeb0
}

.cu-tableau-integration__title-name-substitutions b {
    font-weight: 500;
    color: #7c828d
}

.dark-theme .cu-tableau-integration__title-name-substitutions b {
    color: #abaeb0
}

.cu-tableau-integration__icon {
    height: 60px;
    margin: 10px 0 0
}

.cu-tableau-integration__icon svg {
    width: 100%;
    height: 100%;
    display: block
}

.cu-tableau-integration__icon svg .cu-fill-words {
    fill: #000
}

.dark-theme .cu-tableau-integration__icon svg .cu-fill-words {
    fill: #fff
}

.cu-tableau-integration__reset {
    display: flex;
    justify-content: center
}

.cu-tableau-integration__auth-text {
    font-size: 18px;
    font-weight: 200;
    line-height: 1.4em;
    color: #000;
    text-align: center;
    margin: 20px auto 40px
}

.dark-theme .cu-tableau-integration__auth-text {
    color: #d5d6d7
}

.cu-tableau-integration__auth-link {
    display: flex;
    justify-content: center
}

.cu-tableau-integration__auth-link a {
    margin: -2px 5px 0 0
}

.cu-tableau-integration__head {
    font-size: 23px;
    margin-bottom: 25px
}

.cu-tableau-integration__unfurl-body {
    margin: 0 0 45px;
    padding-left: 15px;
    font-size: 16px;
    border-left: 5px solid #67cb48
}

.cu-tableau-integration__unfurl-text {
    margin-bottom: 15px;
    font-weight: 300
}

.cu-tableau-integration__unfurl-text a {
    color: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .cu-tableau-integration__unfurl-text a {
        color:var(--theme-main-color)
    }
}

.cu-tableau-integration__description {
    margin-bottom: 25px;
    font-size: 16px;
    font-weight: 300
}

.cu-tableau-integration__description a {
    color: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .cu-tableau-integration__description a {
        color:var(--theme-main-color)
    }
}

.cu-tableau-integration__enabled {
    font-weight: 500;
    padding-top: 3px
}

.cu-tableau-integration__note {
    margin-bottom: 0;
    padding-bottom: 3px;
    font-weight: 100
}

.cu-tableau-integration__note b {
    font-weight: 400
}

.cu-tableau-integration__note span {
    color: #A2C44A;
    cursor: pointer;
    font-weight: 400
}

@supports (--theme-main-color: $color-purple) {
    .cu-tableau-integration__note span {
        color:var(--theme-main-color)
    }
}

.cu-tableau-integration__add-notification {
    color: #A2C44A;
    margin-top: 35px;
    font-size: 15px;
    cursor: pointer
}

@supports (--theme-main-color: $color-purple) {
    .cu-tableau-integration__add-notification {
        color:var(--theme-main-color)
    }
}

.cu-tableau-integration__notification-selection {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap
}

.cu-tableau-integration__dropdown-project {
    width: 25%;
    min-width: 250px;
    padding-right: 20px;
    margin-bottom: 20px
}

.cu-tableau-integration__dropdown-project_width-auto {
    width: auto
}

.cu-tableau-integration__dropdown-project_full-width {
    flex-grow: 1
}

.cu-tableau-integration__dropdown-project_header-last-item {
    margin-right: 60px
}

.cu-tableau-integration__dropdown-project .cu-dropdown_open .cu-tableau-integration__item-icon-arrow-down {
    transform: rotate(180deg)
}

.cu-tableau-integration__dropdown-channel {
    width: 60%;
    min-width: 250px;
    padding-right: 20px
}

.cu-tableau-integration__dropdown-channel_25 {
    width: 25%
}

.cu-tableau-integration__selection-header {
    font-size: 15px;
    font-weight: 500;
    line-height: 1;
    margin-bottom: 10px
}

.cu-tableau-integration__save {
    margin-top: 20px;
    display: flex;
    justify-content: flex-end;
    padding-right: 5%
}

.cu-tableau-integration__nodrop {
    position: relative;
    cursor: default
}

.cu-tableau-integration__existing {
    margin-bottom: 40px
}

.cu-tableau-integration__selection-container {
    margin-bottom: 30px
}

.cu-tableau-integration__selection-container:last-child {
    margin-bottom: 0
}

.cu-tableau-integration__remove {
    width: 15px;
    height: 15px;
    display: block;
    margin-right: 15px;
    margin-top: 18px
}

.cu-tableau-integration__remove use {
    fill: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .cu-tableau-integration__remove use {
        fill:var(--theme-main-color)
    }
}

.cu-tableau-integration__steps {
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    margin-bottom: 60px
}

.cu-tableau-integration__steps-item {
    background: #f7f7f7;
    width: 28%;
    min-width: 200px;
    border-radius: 5px;
    display: flex;
    flex-direction: column;
    align-self: stretch
}

.dark-theme .cu-tableau-integration__steps-item {
    background: #384047
}

.cu-tableau-integration__steps-image {
    border: 1px solid #f3f3f3;
    background: #fff;
    border-radius: 5px;
    padding: 15px;
    width: 100%;
    flex-grow: 1;
    display: flex;
    align-items: center;
    justify-content: center
}

.cu-tableau-integration__steps-header {
    padding: 10px 15px;
    height: 100px;
    display: flex;
    justify-content: flex-start;
    align-items: center
}

.cu-tableau-integration__steps-clickup-plus-tableau {
    background: url(clickup-plus-slack.c35ddb9937859bc6.png) center/contain no-repeat;
    width: 75px;
    height: 59px;
    flex-shrink: 0;
    margin-left: -10px
}

.cu-tableau-integration__steps-description {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 14px;
    font-weight: 400;
    line-height: 17px;
    color: #4f495c;
    flex-grow: 1
}

.dark-theme .cu-tableau-integration__steps-description {
    color: #abaeb0
}

.cu-tableau-integration__steps-description_flex {
    display: flex;
    align-items: center
}

.cu-tableau-integration__steps-description_highlight {
    color: #A2C44A;
    font-weight: 500
}

@supports (--theme-main-color: $color-purple) {
    .cu-tableau-integration__steps-description_highlight {
        color:var(--theme-main-color)
    }
}

.cu-tableau-integration__steps-i {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    border: 1px solid #4f495c;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    margin-left: 10px
}

.dark-theme .cu-tableau-integration__steps-i {
    border: 1px solid #abaeb0
}

.cu-tableau-integration__steps-i:hover,.cu-tableau-integration__steps-i.cu-dropdown_open {
    border-color: #A2C44A;
    border: 1px solid
}

@supports (--theme-main-color: $color-purple) {
    .cu-tableau-integration__steps-i:hover,.cu-tableau-integration__steps-i.cu-dropdown_open {
        border-color:var(--theme-main-color)
    }
}

.cu-tableau-integration__steps-i:hover .cu-tableau-integration__steps-i-toggle,.cu-tableau-integration__steps-i.cu-dropdown_open .cu-tableau-integration__steps-i-toggle {
    color: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .cu-tableau-integration__steps-i:hover .cu-tableau-integration__steps-i-toggle,.cu-tableau-integration__steps-i.cu-dropdown_open .cu-tableau-integration__steps-i-toggle {
        color:var(--theme-main-color)
    }
}

.cu-tableau-integration__steps-i-toggle {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 16px;
    font-weight: 500;
    line-height: 1;
    color: #4f495c;
    width: 28px;
    height: 28px;
    display: flex;
    align-items: center;
    justify-content: center
}

.dark-theme .cu-tableau-integration__steps-i-toggle {
    color: #abaeb0
}

.cu-tableau-integration__steps-i-menu {
    width: 600px!important;
    max-width: 80vw;
    padding: 30px 40px
}

.cu-tableau-integration__steps-i-text {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    color: #4f495c
}

.dark-theme .cu-tableau-integration__steps-i-text {
    color: #d5d6d7
}

.cu-tableau-integration__steps-i-text_strong {
    font-weight: 500
}

.cu-tableau-integration__steps-i-text_exclamation {
    padding-left: 45px;
    position: relative;
    margin: -15px 0 50px
}

.cu-tableau-integration__steps-i-text_exclamation:before {
    content: "";
    display: block;
    position: absolute;
    background: #A2C44A;
    font-size: 16px;
    font-weight: 500;
    line-height: 1;
    content: "!";
    width: 31px;
    height: 31px;
    border-radius: 50%;
    color: #fff;
    left: 0;
    top: 4px;
    display: flex;
    justify-content: center;
    align-items: center
}

@supports (--theme-main-color: $color-purple) {
    .cu-tableau-integration__steps-i-text_exclamation:before {
        background:var(--theme-main-color)
    }
}

.cu-tableau-integration__steps-i-link {
    color: #A2C44A;
    font-weight: 500;
    text-decoration: underline;
    cursor: pointer
}

@supports (--theme-main-color: $color-purple) {
    .cu-tableau-integration__steps-i-link {
        color:var(--theme-main-color)
    }
}

.cu-tableau-integration__steps-i-cancel {
    color: #ff2879;
    font-weight: 500;
    text-decoration: underline;
    cursor: pointer
}

.cu-tableau-integration__steps-i-save {
    color: #A2C44A;
    font-weight: 500;
    text-decoration: underline;
    cursor: pointer
}

@supports (--theme-main-color: $color-purple) {
    .cu-tableau-integration__steps-i-save {
        color:var(--theme-main-color)
    }
}

.cu-tableau-integration__steps-check {
    width: 35px;
    height: 35px;
    background-color: #6aca4f;
    border-radius: 50%;
    margin-left: 13px;
    margin-right: -5px;
    padding: 10px;
    flex-shrink: 0
}

.cu-tableau-integration__steps-check use {
    fill: #fff
}

.cu-tableau-integration__btn-remove.cu-form__row {
    margin: 40px 0 0
}

.cu-tableau-integration__item {
    height: 50px;
    border-radius: 5px;
    border: 1px solid #e4e4e4
}

.dark-theme .cu-tableau-integration__item {
    border: 1px solid #384047
}

.cu-tableau-integration__item-text {
    font-size: 14px;
    font-weight: 400;
    line-height: 1.25;
    cursor: pointer;
    padding: 0 15px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 50px
}

.cu-tableau-integration__item-text-name {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.cu-tableau-integration__item-text-divider {
    opacity: .6
}

.cu-tableau-integration__item-icon-arrow-down {
    fill: #A2C44A;
    transition: all .2s cubic-bezier(.785,.135,.15,.86) 0s;
    width: 15px;
    height: 9px;
    float: right;
    margin: 0 0 0 15px
}

.cu-tableau-integration__item-icon-arrow-down:hover {
    transition: none
}

@supports (--theme-main-color: $color-purple) {
    .cu-tableau-integration__item-icon-arrow-down {
        fill:var(--theme-main-color)
    }
}

.cu-tableau-integration__form-row_last {
    display: flex;
    justify-content: space-between
}

.cu-tableau-integration__form-row_last button {
    width: 190px!important
}

.cu-tableau-integration__list-container {
    max-height: 301px
}

.cu-tableau-integration__remove-warning {
    margin: 20px 0 35px
}

.cu-tableau-integration__remove-warning-header {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 14px;
    font-weight: 500;
    line-height: 16px
}

.cu-tableau-integration__remove-warning-text {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 12px;
    font-weight: 500;
    line-height: 14px
}

.cu-projects-list.cu-tableau-integration__list {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    padding: 5px 0 5px 20px;
    overflow: hidden
}

.cu-projects-list.cu-tableau-integration__list .cu-tableau-integration__list-container {
    padding-right: 20px
}

.cu-zapier-integration__btn {
    background: #ff4a00;
    border-color: #ff4a00;
    margin: 30px 0
}

.cu-zapier-integration__btn:hover {
    background: #f04600;
    border-color: #f04600
}

.cu-zapier-integration__templates {
    max-width: 800px
}

.cu-api-integration__header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 24px 30px 22px
}

.cu-api-integration__header-desc {
    padding-right: 20px
}

.cu-api-integration__header-create {
    color: #A2C44A;
    font-size: 18px;
    cursor: pointer;
    white-space: nowrap
}

@supports (--theme-main-color: $color-purple) {
    .cu-api-integration__header-create {
        color:var(--theme-main-color)
    }
}

.cu-api-integration__docs {
    color: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .cu-api-integration__docs {
        color:var(--theme-main-color)
    }
}

.cu-api-integration__app-container {
    font-size: 14px;
    font-weight: 400;
    line-height: 19px;
    width: 100%;
    border: 1px solid #e9e9e9;
    border-radius: 5px;
    color: #8e80a7;
    margin-top: 10px
}

.dark-theme .cu-api-integration__app-container {
    border: 1px solid #384047;
    color: #d5d6d7
}

.cu-api-integration__app-container-header {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.cu-api-integration__app-container-body {
    border-top: 1px solid #e9e9e9;
    padding: 20px 30px
}

.dark-theme .cu-api-integration__app-container-body {
    border-top: 1px solid #384047
}

.cu-api-integration__form-inner {
    display: flex;
    justify-content: space-between;
    margin: 15px 0
}

.cu-api-integration__form-inner-content {
    width: 48%
}

.cu-api-integration__input {
    border: 1px solid #e4e4e4;
    border-radius: 5px;
    height: 40px;
    margin-top: 10px;
    background-color: #f7f7f7;
    display: flex;
    align-items: center;
    padding: 0 10px
}

.cu-email-template-dropdown-modal .cu-api-integration__input,.cu-email-communicators__modal .cu-api-integration__input {
    background-color: transparent
}

.dark-theme .cu-api-integration__input {
    border: 1px solid #2b343b;
    background: #384047
}

.cu-api-integration__input .cu-form__input {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    padding: 0;
    background-color: transparent!important;
    box-shadow: none!important;
    resize: none;
    color: #343434
}

.dark-theme .cu-api-integration__input .cu-form__input {
    color: #d5d6d7
}

.cu-api-integration__input .cu-form__input::placeholder {
    line-height: 1
}

.cu-api-integration__input.text-area {
    height: auto;
    padding: 10px
}

.cu-api-integration__input.text-area.cu-api-integration__input_app-create-modal {
    height: 150px
}

.cu-api-integration__input.text-area.cu-api-integration__input_app-create-modal textarea {
    height: 130px
}

.cu-api-integration__btn-container {
    display: flex;
    justify-content: space-between
}

.cu-api-integration__btn-container.dashboard {
    justify-content: flex-end
}

.cu-api-integration__btn.dashboard {
    font-size: 14px;
    font-weight: 600;
    line-height: 39px;
    height: 40px;
    padding: 0 15px;
    width: 120px
}

.cu-api-integration__btn.dashboard:first-child {
    margin-right: 5px
}

.cu-api-integration__created {
    color: #A2C44A;
    text-align: center;
    font-size: 26px
}

@supports (--theme-main-color: $color-purple) {
    .cu-api-integration__created {
        color:var(--theme-main-color)
    }
}

.cu-api-integration__created-info {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.5;
    text-align: center;
    margin: 15px auto
}

.cu-api-integration__show-regenerate {
    display: flex;
    justify-content: space-between;
    padding-right: 2px
}

.cu-api-integration__show-regenerate .cu-form__input {
    width: auto;
    margin-right: 5px
}

.cu-api-integration__show-regenerate-container {
    display: flex;
    align-items: center;
    height: 100%
}

.cu-api-integration__show-regenerate-container-btn {
    font-size: 12px;
    font-weight: 400;
    line-height: 1;
    border-radius: 5px;
    height: 34px;
    padding: 2px 10px 0
}

.cu-api-integration__show-regenerate-container-btn_default {
    background-color: #fff;
    border: 1px solid #e4e4e4;
    color: #343434
}

.dark-theme .cu-api-integration__show-regenerate-container-btn_default {
    border: 1px solid #2b343b;
    color: #abaeb0;
    background: #384047
}

.cu-api-integration__show-regenerate-container-btn_default:hover {
    background-color: #f4f4f4
}

.dark-theme .cu-api-integration__show-regenerate-container-btn_default:hover {
    background-color: #2b343b
}

.cu-api-integration__show-regenerate-container-btn:first-child {
    margin-right: 3px
}

.cu-api-integration__toggle {
    display: flex;
    align-items: center
}

.cu-api-integration__toggle-switch {
    height: 20px;
    margin: 30px 20px 30px 30px
}

.cu-api-integration__toggle-name {
    font-size: 18px;
    font-weight: 500;
    padding: 30px 20px 30px 0;
    color: #505050;
    cursor: pointer
}

.dark-theme .cu-api-integration__toggle-name {
    color: #d5d6d7
}

.cu-api-integration__arrow-container {
    display: flex;
    flex: 1 0 0;
    justify-content: flex-end;
    cursor: pointer;
    padding: 30px 30px 30px 0
}

.cu-api-integration__arrow {
    transition: all .2s cubic-bezier(.785,.135,.15,.86) 0s;
    width: 10px;
    height: 16px;
    color: #505050;
    display: inline-block;
    cursor: pointer
}

.cu-api-integration__arrow use {
    fill: #505050
}

.dark-theme .cu-api-integration__arrow use {
    fill: #d5d6d7
}

.cu-api-integration__arrow.arrow-down {
    transform: rotate(-90deg)
}

.cu-api-integration__dashboard-grow {
    flex: 1 0 0
}

.cu-api-integration__dashboard-grow .cu-form__input {
    height: 100%
}

.cu-api-integration__title {
    font-size: 21px;
    font-weight: 500;
    color: #505050;
    margin-bottom: 20px
}

.dark-theme .cu-api-integration__title {
    color: #d5d6d7
}

.cu-form__row.dashboard-row {
    margin-bottom: 0
}

.cu-form__row.dashboard-urls {
    display: flex;
    flex-direction: column;
    height: 100%
}

.cu-everhour-integration__btn {
    background: #5dba74;
    border-color: #5dba74;
    margin: 30px 0
}

.cu-everhour-integration__btn:hover {
    background: #44aa5d;
    border-color: #44aa5d
}

.cu-hangouts-integration {
    padding-top: 30px
}

.cu-hangouts-integration__icon {
    margin: 10px 0 0;
    text-align: center
}

.cu-hangouts-integration__reset {
    display: flex;
    justify-content: center
}

.cu-hangouts-integration__auth-text {
    font-size: 18px;
    font-weight: 200;
    line-height: 1.4em;
    color: #000;
    text-align: center;
    margin: 20px auto 40px
}

.dark-theme .cu-hangouts-integration__auth-text {
    color: #d5d6d7
}

.cu-hangouts-integration__auth-text ul {
    font-size: 12px
}

.cu-hangouts-integration__auth-link {
    display: flex;
    justify-content: center
}

.cu-hangouts-integration__auth-link a {
    margin: -2px 5px 0 0
}

.cu-hangouts-integration__head {
    font-size: 23px;
    margin-bottom: 25px
}

.cu-hangouts-integration__unfurl-body {
    margin: 0 0 45px;
    padding-left: 15px;
    font-size: 16px;
    border-left: 5px solid #67cb48
}

.cu-hangouts-integration__unfurl-text {
    margin-bottom: 15px;
    font-weight: 300
}

.cu-hangouts-integration__unfurl-text a {
    color: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .cu-hangouts-integration__unfurl-text a {
        color:var(--theme-main-color)
    }
}

.cu-hangouts-integration__description {
    margin-bottom: 25px;
    font-size: 16px;
    font-weight: 300
}

.cu-hangouts-integration__description a {
    color: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .cu-hangouts-integration__description a {
        color:var(--theme-main-color)
    }
}

.cu-hangouts-integration__enabled {
    font-weight: 500;
    padding-top: 3px
}

.cu-hangouts-integration__note {
    margin-bottom: 0;
    padding-bottom: 3px;
    font-weight: 100
}

.cu-hangouts-integration__note b {
    font-weight: 400
}

.cu-hangouts-integration__note span {
    color: #A2C44A;
    cursor: pointer;
    font-weight: 400
}

@supports (--theme-main-color: $color-purple) {
    .cu-hangouts-integration__note span {
        color:var(--theme-main-color)
    }
}

.cu-hangouts-integration__add-notification {
    color: #A2C44A;
    margin-top: 35px;
    font-size: 15px;
    cursor: pointer
}

@supports (--theme-main-color: $color-purple) {
    .cu-hangouts-integration__add-notification {
        color:var(--theme-main-color)
    }
}

.cu-hangouts-integration__notification-selection {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap
}

.cu-hangouts-integration__dropdown-project {
    width: 25%;
    min-width: 250px;
    padding-right: 20px;
    margin-bottom: 20px
}

.cu-hangouts-integration__dropdown-project .cu-dropdown_open .cu-hangouts-integration__item-icon-arrow-down {
    transform: rotate(180deg)
}

.cu-hangouts-integration__dropdown-channel {
    width: 60%;
    min-width: 250px;
    padding-right: 20px
}

.cu-hangouts-integration__dropdown-channel_25 {
    width: 25%
}

.cu-hangouts-integration__selection-header {
    font-size: 15px;
    font-weight: 500;
    line-height: 1;
    margin-bottom: 10px
}

.cu-hangouts-integration__save {
    margin-top: 20px;
    display: flex;
    justify-content: flex-end;
    padding-right: 5%
}

.cu-hangouts-integration__nodrop {
    position: relative;
    cursor: default
}

.cu-hangouts-integration__existing {
    margin-bottom: 40px
}

.cu-hangouts-integration__selection-container {
    margin-bottom: 30px
}

.cu-hangouts-integration__selection-container:last-child {
    margin-bottom: 0
}

.cu-hangouts-integration__remove {
    width: 15px;
    height: 15px;
    display: block;
    margin-right: 15px;
    margin-top: 18px
}

.cu-hangouts-integration__remove use {
    fill: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .cu-hangouts-integration__remove use {
        fill:var(--theme-main-color)
    }
}

.cu-hangouts-integration__steps {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 60px
}

.cu-hangouts-integration__steps-item {
    background: #f7f7f7;
    width: 24%;
    min-width: 200px;
    border-radius: 5px;
    display: flex;
    flex-direction: column;
    align-self: stretch
}

.dark-theme .cu-hangouts-integration__steps-item {
    background: #384047
}

.cu-hangouts-integration__steps-image {
    border: 1px solid #f3f3f3;
    background: #fff;
    border-radius: 5px;
    padding: 15px;
    width: 100%;
    flex-grow: 1;
    display: flex;
    align-items: center;
    justify-content: center
}

.cu-hangouts-integration__steps-header {
    padding: 10px 15px;
    height: 100px;
    display: flex;
    justify-content: flex-start;
    align-items: center
}

.cu-hangouts-integration__steps-clickup-plus-hangouts {
    width: 75px;
    height: 59px;
    flex-shrink: 0;
    margin-left: -10px
}

.cu-hangouts-integration__steps-description {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 14px;
    font-weight: 400;
    line-height: 17px;
    color: #4f495c;
    flex-grow: 1
}

.dark-theme .cu-hangouts-integration__steps-description {
    color: #abaeb0
}

.cu-hangouts-integration__steps-description_flex {
    display: flex;
    align-items: center
}

.cu-hangouts-integration__steps-description_highlight {
    color: #A2C44A;
    font-weight: 500
}

@supports (--theme-main-color: $color-purple) {
    .cu-hangouts-integration__steps-description_highlight {
        color:var(--theme-main-color)
    }
}

.cu-hangouts-integration__steps-i {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    border: 1px solid #4f495c;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    margin-left: 10px
}

.dark-theme .cu-hangouts-integration__steps-i {
    border: 1px solid #abaeb0
}

.cu-hangouts-integration__steps-i:hover,.cu-hangouts-integration__steps-i.cu-dropdown_open {
    border-color: #A2C44A;
    border: 1px solid
}

@supports (--theme-main-color: $color-purple) {
    .cu-hangouts-integration__steps-i:hover,.cu-hangouts-integration__steps-i.cu-dropdown_open {
        border-color:var(--theme-main-color)
    }
}

.cu-hangouts-integration__steps-i:hover .cu-hangouts-integration__steps-i-toggle,.cu-hangouts-integration__steps-i.cu-dropdown_open .cu-hangouts-integration__steps-i-toggle {
    color: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .cu-hangouts-integration__steps-i:hover .cu-hangouts-integration__steps-i-toggle,.cu-hangouts-integration__steps-i.cu-dropdown_open .cu-hangouts-integration__steps-i-toggle {
        color:var(--theme-main-color)
    }
}

.cu-hangouts-integration__steps-i-toggle {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 16px;
    font-weight: 500;
    line-height: 1;
    color: #4f495c;
    width: 28px;
    height: 28px;
    display: flex;
    align-items: center;
    justify-content: center
}

.dark-theme .cu-hangouts-integration__steps-i-toggle {
    color: #abaeb0
}

.cu-hangouts-integration__steps-i-menu {
    width: 600px!important;
    max-width: 80vw;
    padding: 30px 40px
}

.cu-hangouts-integration__steps-i-text {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    color: #4f495c
}

.dark-theme .cu-hangouts-integration__steps-i-text {
    color: #d5d6d7
}

.cu-hangouts-integration__steps-i-text_strong {
    font-weight: 500
}

.cu-hangouts-integration__steps-i-text_exclamation {
    padding-left: 45px;
    position: relative;
    margin: -15px 0 50px
}

.cu-hangouts-integration__steps-i-text_exclamation:before {
    content: "";
    display: block;
    position: absolute;
    background: #A2C44A;
    font-size: 16px;
    font-weight: 500;
    line-height: 1;
    content: "!";
    width: 31px;
    height: 31px;
    border-radius: 50%;
    color: #fff;
    left: 0;
    top: 4px;
    display: flex;
    justify-content: center;
    align-items: center
}

@supports (--theme-main-color: $color-purple) {
    .cu-hangouts-integration__steps-i-text_exclamation:before {
        background:var(--theme-main-color)
    }
}

.cu-hangouts-integration__steps-i-link {
    color: #A2C44A;
    font-weight: 500;
    text-decoration: underline;
    cursor: pointer
}

@supports (--theme-main-color: $color-purple) {
    .cu-hangouts-integration__steps-i-link {
        color:var(--theme-main-color)
    }
}

.cu-hangouts-integration__steps-check {
    width: 35px;
    height: 35px;
    background-color: #6aca4f;
    border-radius: 50%;
    margin-left: 13px;
    margin-right: -5px;
    padding: 10px;
    flex-shrink: 0
}

.cu-hangouts-integration__steps-check use {
    fill: #fff
}

.cu-hangouts-integration__btn-remove.cu-form__row {
    margin: 40px 0 0
}

.cu-hangouts-integration__item {
    height: 50px;
    border-radius: 5px;
    border: 1px solid #e4e4e4
}

.dark-theme .cu-hangouts-integration__item {
    border: 1px solid #384047
}

.cu-hangouts-integration__item-text {
    font-size: 14px;
    font-weight: 400;
    line-height: 1.25;
    padding: 0 15px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 50px
}

.cu-hangouts-integration__item-text-name {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.cu-hangouts-integration__item-icon-arrow-down {
    fill: #A2C44A;
    transition: all .2s cubic-bezier(.785,.135,.15,.86) 0s;
    width: 15px;
    height: 9px;
    float: right;
    margin: 0 0 0 15px
}

.cu-hangouts-integration__item-icon-arrow-down:hover {
    transition: none
}

@supports (--theme-main-color: $color-purple) {
    .cu-hangouts-integration__item-icon-arrow-down {
        fill:var(--theme-main-color)
    }
}

.cu-hangouts-integration__form-row_last {
    display: flex;
    justify-content: space-between
}

.cu-hangouts-integration__form-row_last button {
    width: 190px!important
}

.cu-hangouts-integration__list-container {
    max-height: 301px;
    overflow-y: scroll;
    background: #fff
}

.cu-os-win .cu-hangouts-integration__list-container {
    scrollbar-width: thin
}

.cu-os-win .cu-hangouts-integration__list-container::-webkit-scrollbar {
    background-color: #fff;
    width: 16px;
    height: 16px
}

.cu-os-win .cu-hangouts-integration__list-container::-webkit-scrollbar-track {
    background-color: #fff
}

.cu-os-win .cu-hangouts-integration__list-container::-webkit-scrollbar-track:hover {
    background-color: #fff
}

.cu-os-win .cu-hangouts-integration__list-container::-webkit-scrollbar-thumb {
    background-color: #babac080;
    border-radius: 16px;
    border: 5px solid #fff
}

.cu-os-win .cu-hangouts-integration__list-container::-webkit-scrollbar-thumb:hover {
    background-color: #a0a0a5;
    border: 3px solid #fff
}

.cu-os-win .cu-hangouts-integration__list-container::-webkit-scrollbar-button {
    display: none
}

.cu-os-win.dark-theme .cu-hangouts-integration__list-container::-webkit-scrollbar,.cu-os-win .dark-theme .cu-hangouts-integration__list-container::-webkit-scrollbar {
    background-color: #384047
}

.cu-os-win.dark-theme .cu-hangouts-integration__list-container::-webkit-scrollbar-track,.cu-os-win .dark-theme .cu-hangouts-integration__list-container::-webkit-scrollbar-track {
    background-color: #384047
}

.cu-os-win.dark-theme .cu-hangouts-integration__list-container::-webkit-scrollbar-track:hover,.cu-os-win .dark-theme .cu-hangouts-integration__list-container::-webkit-scrollbar-track:hover {
    background-color: #384047
}

.cu-os-win.dark-theme .cu-hangouts-integration__list-container::-webkit-scrollbar-thumb,.cu-os-win .dark-theme .cu-hangouts-integration__list-container::-webkit-scrollbar-thumb {
    border-color: #384047
}

.cu-os-win.dark-theme .cu-hangouts-integration__list-container::-webkit-scrollbar-thumb:hover,.cu-os-win .dark-theme .cu-hangouts-integration__list-container::-webkit-scrollbar-thumb:hover {
    border-color: #384047
}

.cu-os-win.dark-theme .cu-hangouts-integration__list-container::-webkit-scrollbar-corner,.cu-os-win .dark-theme .cu-hangouts-integration__list-container::-webkit-scrollbar-corner {
    background-color: #384047
}

.dark-theme .cu-hangouts-integration__list-container {
    background: #384047
}

.cu-projects-list.cu-hangouts-integration__list {
    padding: 5px 0 5px 20px;
    overflow: hidden
}

.dark-theme .cu-projects-list.cu-hangouts-integration__list {
    padding-bottom: 0
}

.cu-projects-list.cu-hangouts-integration__list .cu-hangouts-integration__list-container {
    padding-right: 20px
}

.cu-sentry-integration {
    padding-top: 30px
}

.cu-sentry-integration cu-create-task-nav-selector {
    width: 500px
}

.cu-sentry-integration__icon {
    height: 60px;
    margin: 10px 0 0;
    background: #fff
}

.cu-sentry-integration__icon svg {
    width: 100%;
    height: 100%;
    display: block
}

.cu-sentry-integration__icon svg .cu-fill-words {
    fill: #000
}

.dark-theme .cu-sentry-integration__icon svg .cu-fill-words {
    fill: #fff
}

.cu-sentry-integration__reset {
    display: flex;
    justify-content: center
}

.cu-sentry-integration__auth-text {
    font-size: 18px;
    font-weight: 200;
    line-height: 1.4em;
    color: #000;
    text-align: center;
    margin: 20px auto 40px
}

.dark-theme .cu-sentry-integration__auth-text {
    color: #d5d6d7
}

.cu-sentry-integration__auth-text ul {
    font-size: 12px
}

.cu-sentry-integration__auth-link {
    display: flex;
    justify-content: center
}

.cu-sentry-integration__auth-link a {
    margin: -2px 5px 0 0
}

.cu-sentry-integration__head {
    font-size: 23px;
    margin-bottom: 25px
}

.cu-sentry-integration__unfurl-body {
    margin: 0 0 45px;
    padding-left: 15px;
    font-size: 16px;
    border-left: 5px solid #67cb48
}

.cu-sentry-integration__unfurl-text {
    margin-bottom: 15px;
    font-weight: 300
}

.cu-sentry-integration__unfurl-text a {
    color: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .cu-sentry-integration__unfurl-text a {
        color:var(--theme-main-color)
    }
}

.cu-sentry-integration__description {
    margin-bottom: 25px;
    font-size: 16px;
    font-weight: 300
}

.cu-sentry-integration__description a {
    color: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .cu-sentry-integration__description a {
        color:var(--theme-main-color)
    }
}

.cu-sentry-integration__enabled {
    font-weight: 500;
    padding-top: 3px
}

.cu-sentry-integration__note {
    margin-bottom: 0;
    padding-bottom: 3px;
    font-weight: 100
}

.cu-sentry-integration__note b {
    font-weight: 400
}

.cu-sentry-integration__note span {
    color: #A2C44A;
    cursor: pointer;
    font-weight: 400
}

@supports (--theme-main-color: $color-purple) {
    .cu-sentry-integration__note span {
        color:var(--theme-main-color)
    }
}

.cu-sentry-integration__add-notification {
    color: #A2C44A;
    margin-top: 35px;
    font-size: 15px;
    cursor: pointer
}

@supports (--theme-main-color: $color-purple) {
    .cu-sentry-integration__add-notification {
        color:var(--theme-main-color)
    }
}

.cu-sentry-integration__notification-selection {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap
}

.cu-sentry-integration__dropdown-project {
    width: 25%;
    min-width: 250px;
    padding-right: 20px;
    margin-bottom: 20px
}

.cu-sentry-integration__dropdown-project .cu-dropdown_open .cu-sentry-integration__item-icon-arrow-down {
    transform: rotate(180deg)
}

.cu-sentry-integration__dropdown-channel {
    width: 60%;
    min-width: 250px;
    padding-right: 20px
}

.cu-sentry-integration__dropdown-channel_25 {
    width: 25%
}

.cu-sentry-integration__selection-header {
    font-size: 15px;
    font-weight: 500;
    line-height: 1;
    margin-bottom: 10px
}

.cu-sentry-integration__save {
    margin-top: 20px;
    display: flex;
    justify-content: flex-end;
    padding-right: 5%
}

.cu-sentry-integration__nodrop {
    position: relative;
    cursor: default
}

.cu-sentry-integration__existing {
    margin-bottom: 40px
}

.cu-sentry-integration__selection-container {
    margin-bottom: 30px
}

.cu-sentry-integration__selection-container:last-child {
    margin-bottom: 0
}

.cu-sentry-integration__remove {
    width: 15px;
    height: 15px;
    display: block;
    margin-right: 15px;
    margin-top: 18px
}

.cu-sentry-integration__remove use {
    fill: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .cu-sentry-integration__remove use {
        fill:var(--theme-main-color)
    }
}

.cu-sentry-integration__steps {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 60px
}

.cu-sentry-integration__steps-item {
    background: #f7f7f7;
    width: 24%;
    min-width: 200px;
    border-radius: 5px;
    display: flex;
    flex-direction: column;
    align-self: stretch
}

.dark-theme .cu-sentry-integration__steps-item {
    background: #384047
}

.cu-sentry-integration__steps-image {
    border: 1px solid #f3f3f3;
    background: #fff;
    border-radius: 5px;
    padding: 15px;
    width: 100%;
    flex-grow: 1;
    display: flex;
    align-items: center;
    justify-content: center
}

.cu-sentry-integration__steps-header {
    padding: 10px 15px;
    height: 100px;
    display: flex;
    justify-content: flex-start;
    align-items: center
}

.cu-sentry-integration__steps-clickup-plus-sentry {
    width: 75px;
    height: 59px;
    flex-shrink: 0;
    margin-left: -10px
}

.cu-sentry-integration__steps-description {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 14px;
    font-weight: 400;
    line-height: 17px;
    color: #4f495c;
    flex-grow: 1
}

.dark-theme .cu-sentry-integration__steps-description {
    color: #abaeb0
}

.cu-sentry-integration__steps-description_flex {
    display: flex;
    align-items: center
}

.cu-sentry-integration__steps-description_highlight {
    color: #A2C44A;
    font-weight: 500
}

@supports (--theme-main-color: $color-purple) {
    .cu-sentry-integration__steps-description_highlight {
        color:var(--theme-main-color)
    }
}

.cu-sentry-integration__steps-i {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    border: 1px solid #4f495c;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    margin-left: 10px
}

.dark-theme .cu-sentry-integration__steps-i {
    border: 1px solid #abaeb0
}

.cu-sentry-integration__steps-i:hover,.cu-sentry-integration__steps-i.cu-dropdown_open {
    border-color: #A2C44A;
    border: 1px solid
}

@supports (--theme-main-color: $color-purple) {
    .cu-sentry-integration__steps-i:hover,.cu-sentry-integration__steps-i.cu-dropdown_open {
        border-color:var(--theme-main-color)
    }
}

.cu-sentry-integration__steps-i:hover .cu-sentry-integration__steps-i-toggle,.cu-sentry-integration__steps-i.cu-dropdown_open .cu-sentry-integration__steps-i-toggle {
    color: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .cu-sentry-integration__steps-i:hover .cu-sentry-integration__steps-i-toggle,.cu-sentry-integration__steps-i.cu-dropdown_open .cu-sentry-integration__steps-i-toggle {
        color:var(--theme-main-color)
    }
}

.cu-sentry-integration__steps-i-toggle {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 16px;
    font-weight: 500;
    line-height: 1;
    color: #4f495c;
    width: 28px;
    height: 28px;
    display: flex;
    align-items: center;
    justify-content: center
}

.dark-theme .cu-sentry-integration__steps-i-toggle {
    color: #abaeb0
}

.cu-sentry-integration__steps-i-menu {
    width: 600px!important;
    max-width: 80vw;
    padding: 30px 40px
}

.cu-sentry-integration__steps-i-text {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    color: #4f495c
}

.dark-theme .cu-sentry-integration__steps-i-text {
    color: #d5d6d7
}

.cu-sentry-integration__steps-i-text_strong {
    font-weight: 500
}

.cu-sentry-integration__steps-i-text_exclamation {
    padding-left: 45px;
    position: relative;
    margin: -15px 0 50px
}

.cu-sentry-integration__steps-i-text_exclamation:before {
    content: "";
    display: block;
    position: absolute;
    background: #A2C44A;
    font-size: 16px;
    font-weight: 500;
    line-height: 1;
    content: "!";
    width: 31px;
    height: 31px;
    border-radius: 50%;
    color: #fff;
    left: 0;
    top: 4px;
    display: flex;
    justify-content: center;
    align-items: center
}

@supports (--theme-main-color: $color-purple) {
    .cu-sentry-integration__steps-i-text_exclamation:before {
        background:var(--theme-main-color)
    }
}

.cu-sentry-integration__steps-i-link {
    color: #A2C44A;
    font-weight: 500;
    text-decoration: underline;
    cursor: pointer
}

@supports (--theme-main-color: $color-purple) {
    .cu-sentry-integration__steps-i-link {
        color:var(--theme-main-color)
    }
}

.cu-sentry-integration__steps-check {
    width: 35px;
    height: 35px;
    background-color: #6aca4f;
    border-radius: 50%;
    margin-left: 13px;
    margin-right: -5px;
    padding: 10px;
    flex-shrink: 0
}

.cu-sentry-integration__steps-check use {
    fill: #fff
}

.cu-sentry-integration__btn-remove.cu-form__row {
    margin: 40px 0 0
}

.cu-sentry-integration__item {
    height: 50px;
    border-radius: 5px;
    border: 1px solid #e4e4e4
}

.dark-theme .cu-sentry-integration__item {
    border: 1px solid #384047
}

.cu-sentry-integration__item-text {
    font-size: 14px;
    font-weight: 400;
    line-height: 1.25;
    padding: 0 15px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 50px
}

.cu-sentry-integration__item-text-name {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.cu-sentry-integration__item-icon-arrow-down {
    fill: #A2C44A;
    transition: all .2s cubic-bezier(.785,.135,.15,.86) 0s;
    width: 15px;
    height: 9px;
    float: right;
    margin: 0 0 0 15px
}

.cu-sentry-integration__item-icon-arrow-down:hover {
    transition: none
}

@supports (--theme-main-color: $color-purple) {
    .cu-sentry-integration__item-icon-arrow-down {
        fill:var(--theme-main-color)
    }
}

.cu-sentry-integration__form-row_last {
    display: flex;
    justify-content: space-between
}

.cu-sentry-integration__form-row_last button {
    width: 190px!important
}

.cu-sentry-integration__list-container {
    max-height: 301px
}

.cu-projects-list.cu-sentry-integration__list {
    padding: 5px 0 5px 20px;
    overflow: hidden
}

.cu-projects-list.cu-sentry-integration__list .cu-sentry-integration__list-container {
    padding-right: 20px
}

.cu-integrations-wrapper {
    min-height: 120px;
    width: 100%;
    position: relative
}

.cu-integrations__harvest {
    margin-bottom: 15px;
    font-weight: 300;
    font-size: 16px
}

.cu-integrations__harvest-desc {
    font-size: 16px;
    margin: 10px 20px 10px 0
}

.cu-integrations__harvest-desc.authed {
    margin-left: 10px
}

.cu-integrations__harvest-toggles {
    display: flex;
    align-items: center
}

.cu-integrations-suggest {
    font-size: 14px;
    font-weight: 300;
    line-height: 1;
    color: #aeacb0;
    margin-bottom: 35px;
    display: flex;
    align-items: center
}

.cu-integrations-suggest strong {
    text-decoration: underline;
    cursor: pointer
}

.cu-integrations-suggest__icon-question {
    width: 14px;
    height: 14px;
    display: inline-block;
    margin-right: 6px
}

.cu-integrations-suggest__icon-question use {
    fill: #d0cdd6
}

.cu-integrations-header {
    position: relative;
    width: 100%;
    margin-top: 0;
    display: flex;
    flex-wrap: wrap
}

.cu-integrations-header>.cu-integration-btn {
    color: #A2C44A;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    height: 74px;
    width: 180px;
    border: 1px solid #d1d1d1;
    background: transparent;
    text-shadow: none;
    margin-right: 20px;
    margin-bottom: 20px;
    filter: grayscale(100%);
    opacity: .5;
    position: relative;
    overflow: hidden
}

@supports (--theme-main-color: $color-purple) {
    .cu-integrations-header>.cu-integration-btn {
        color:var(--theme-main-color)
    }
}

.dark-theme .cu-integrations-header>.cu-integration-btn {
    background: #fff
}

.cu-integrations-header>.cu-integration-btn.cu-integration-btn__microsoft-teams {
    padding: 0 5px
}

.cu-integrations-info {
    border-color: #A2C44A;
    background-color: #dfdbfb;
    margin-top: 40px;
    padding: 30px 20px 20px;
    font: italic 24px -apple-system,BlinkMacSystemFont,Segoe UI,roboto,Helvetica Neue,helvetica,arial,sans-serif;
    text-align: center;
    color: #fff;
    border: 2px solid;
    border-radius: 3px
}

@supports (--theme-main-color: $color-purple) {
    .cu-integrations-info {
        border-color:var(--theme-main-color)
    }
}

@supports (--theme-main-color-light: $color-purple-light) {
    .cu-integrations-info {
        background-color:var(--theme-main-color-light)
    }
}

.cu-integrations__unito {
    width: 100%;
    text-align: center
}

.cu-integrations__unito-header {
    margin-top: 10px;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center
}

.cu-integrations__unito-logo {
    height: 65px;
    width: auto;
    display: block
}

.cu-integrations__unito-text {
    font-size: 18px;
    font-weight: 200;
    line-height: 1.4em;
    color: #000;
    text-align: center;
    margin: 20px auto 40px
}

.dark-theme .cu-integrations__unito-text {
    color: #d5d6d7
}

.cu-integrations__unito-info {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px
}

.cu-integrations__unito-learn-more {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 12px;
    font-weight: 400;
    line-height: 1;
    margin: 20px 0;
    color: var(--theme-main-color);
    text-align: center;
    width: 100%;
    display: block
}

.cu-integrations__unito-learn-more:hover {
    text-decoration: underline
}

.cu-integrations__microsoft-teams {
    width: 100%
}

.cu-integrations__microsoft-teams-header {
    margin-top: 10px;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center
}

.cu-integrations__microsoft-teams-header-title {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 18px;
    font-weight: 500;
    line-height: 1;
    color: #3940ab;
    margin-left: 15px
}

.dark-theme .cu-integrations__microsoft-teams-header-title {
    color: #fff
}

.cu-integrations__microsoft-teams-logo {
    height: 65px;
    width: auto;
    display: block
}

.cu-integrations__microsoft-teams-text {
    font-size: 18px;
    font-weight: 200;
    line-height: 1.4em;
    width: 100%;
    color: #000;
    text-align: center;
    margin: 20px auto 40px
}

.dark-theme .cu-integrations__microsoft-teams-text {
    color: #d5d6d7
}

.cu-integrations__microsoft-teams-info {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 60px
}

.cu-integrations__microsoft-teams-info .cu-slack-integration__steps-item {
    width: 32%;
    max-width: 360px;
    margin: 0 10px
}

.cu-integrations__microsoft-teams-info .cu-slack-integration__steps-item img {
    height: auto;
    width: 100%
}

.cu-integrations__microsoft-teams-add {
    transition: background-color .2s cubic-bezier(.785,.135,.15,.86) 0s;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 56px;
    padding: 0 10px;
    background-color: #757380;
    border-radius: 4px;
    width: 245px;
    margin: 0 auto
}

.cu-integrations__microsoft-teams-add:hover {
    background-color: #696773
}

.cu-integrations__microsoft-teams-add img {
    width: 32px;
    height: auto;
    margin-right: 10px
}

.cu-integrations__microsoft-teams-add-text {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 15px;
    font-weight: 500;
    line-height: 1;
    color: #fff
}

.cu-integrations__microsoft-teams-learn-more {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 12px;
    font-weight: 400;
    line-height: 1;
    margin: 20px 0;
    color: var(--theme-main-color);
    text-align: center;
    width: 100%;
    display: block
}

.cu-integrations__microsoft-teams-learn-more:hover {
    text-decoration: underline
}

.cu-integration-btn_row.cu-integration-btn {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    padding: 0 10px
}

.cu-integration-btn-text {
    position: absolute;
    text-align: center;
    margin-top: 25px
}

.cu-integration-btn__title {
    font-size: 16px;
    font-weight: 600;
    line-height: 1;
    color: #292d34
}

.cu-integration-btn-icon {
    margin: 0;
    padding: 0;
    height: 40px
}

.cu-integration-btn-icon__github {
    margin-top: 15px
}

.cu-integration-btn-icon__bitbucket {
    margin-top: 8px;
    width: 130px
}

.cu-integration-btn-icon__bitbucket_onboarding {
    margin-top: 15px;
    width: 130px
}

.cu-integration-btn-icon__bitbucket_onboarding img {
    width: 130px
}

.cu-integration-btn-icon__gitlab {
    margin-top: 15px;
    height: 41px
}

.cu-integration-btn-icon__gitlab img {
    width: auto;
    height: 100%
}

.cu-integration-btn-icon__chrome {
    margin-top: 18px
}

.cu-integration-btn-icon__harvest {
    margin-top: 17px
}

.cu-integration-btn-icon__asana,.cu-integration-btn-icon__monday {
    margin-top: 13px
}

.cu-integration-btn-icon__slack {
    margin-top: 17px
}

.cu-integration-btn-icon__discord {
    margin-top: 14px
}

.cu-integration-btn-icon__tableau {
    margin-top: 11px
}

.cu-integration-btn-icon__google-calendar {
    margin-top: 15px
}

.cu-integration-btn-icon__trello {
    margin-top: 16px
}

.cu-integration-btn-icon__jira {
    margin: 16px -13px 0;
    width: auto
}

.cu-integration-btn-icon__zapier {
    margin-top: 12px
}

.cu-integration-btn-icon__sentry {
    margin-top: 18px
}

.cu-integration-btn-icon__time-doctor,.cu-integration-btn-icon__toggl {
    margin-top: 12px
}

.cu-integration-btn-icon__todoist,.cu-integration-btn-icon__basecamp {
    margin-top: 13px
}

.cu-integration-btn-icon__api {
    margin-top: 17px;
    width: 140px
}

.cu-integration-btn-icon__everhour {
    margin-top: 16px
}

.cu-integration-btn-icon__timeneye {
    margin-top: 12px
}

.cu-integration-btn-icon__clockify {
    margin-top: 15px
}

.cu-integration-btn-icon__intercom {
    margin-top: 13px;
    height: 32px
}

.cu-integration-btn-icon__intercom img {
    width: auto;
    height: 100%
}

.cu-integration-btn-icon__hubstaff img {
    margin-top: -25px
}

.cu-integration-btn-icon__timely,.cu-integration-btn-icon__microsoft-teams {
    margin-top: 10px
}

.cu-integration-btn-icon__microsoft-teams img {
    width: 100%
}

.cu-integration-btn-icon__hangouts,.cu-integration-btn-icon__integromat {
    margin-top: 16px;
    width: 140px
}

.cu-integration-btn-icon__unito {
    margin-top: 18px;
    width: 100%
}

.cu-integration-btn-icon__unito img {
    width: 100%
}

.cu-integration-btn-icon__sentry {
    margin-top: 16px;
    width: 140px
}

.cu-integration-btn-icon__user-apps {
    margin: 5px 0
}

.cu-integration-btn-icon__csv {
    margin-right: 8px
}

.cu-integration-btn-icon__zendesk {
    margin-top: 12px
}

.cu-integration-btn-icon__wrike {
    margin-top: 8px
}

.cu-integration-btn-icon__wrike img {
    width: 80px
}

.cu-integration-btn-icon__zoom {
    margin-top: 10px
}

.cu-integration-btn-icon__zoom img {
    height: 20px
}

.cu-integration-btn-icon__email {
    margin-top: 10px;
    margin-left: 5px
}

.cu-integration-btn-icon__email img {
    height: 50px
}

.cu-integration-btn-icon__discord img {
    width: 140px;
    height: auto
}

.cu-integration__text-soon {
    color: #ff895a;
    font-size: 12px;
    text-align: center;
    height: 30px;
    margin-top: -30px;
    padding-top: 5px
}

.cu-integration__text-soon_black {
    color: #544d61
}

.cu-integration__chrome_before {
    display: block
}

.clickup-chrome-ext_installed .cu-integration__chrome_before,.cu-integration__chrome_after {
    display: none
}

.clickup-chrome-ext_installed .cu-integration__chrome_after {
    display: block
}

.cu-btn.cu-integration-btn.selected,.cu-btn.cu-integration-btn:hover {
    color: #A2C44A;
    border-color: #A2C44A;
    border: 1px solid;
    filter: grayscale(0%);
    opacity: 1
}

@supports (--theme-main-color: $color-purple) {
    .cu-btn.cu-integration-btn.selected,.cu-btn.cu-integration-btn:hover {
        color:var(--theme-main-color)
    }
}

@supports (--theme-main-color: $color-purple) {
    .cu-btn.cu-integration-btn.selected,.cu-btn.cu-integration-btn:hover {
        border-color:var(--theme-main-color)
    }
}

.dark-theme .cu-btn.cu-integration-btn.selected,.dark-theme .cu-btn.cu-integration-btn:hover {
    background: #fff
}

.cu-app-settings-auth {
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all .2s cubic-bezier(.785,.135,.15,.86) 0s;
    border-color: #A2C44A;
    width: 100%;
    height: 50px;
    border-radius: 4px;
    border: 2px solid
}

.cu-app-settings-auth:hover {
    transition: none
}

@supports (--theme-main-color: $color-purple) {
    .cu-app-settings-auth {
        border-color:var(--theme-main-color)
    }
}

.cu-app-settings-auth__icon {
    height: 24px;
    width: 24px;
    margin: 0 10px 0 0
}

.cu-app-settings-auth__text {
    color: #A2C44A;
    font-size: 15px;
    font-weight: 400;
    padding: 2px 0 0
}

@supports (--theme-main-color: $color-purple) {
    .cu-app-settings-auth__text {
        color:var(--theme-main-color)
    }
}

.cu-app {
    width: 100%
}

.cu-app__header {
    font-size: 12px;
    font-weight: 600;
    margin: 0 0 20px
}

.cu-app__section {
    display: flex;
    align-items: center;
    border-bottom: 1px solid #e2e2e2;
    padding: 0 0 15px;
    margin: 0 0 15px
}

.cu-app__icon {
    flex-shrink: 0;
    width: 24px;
    height: 24px;
    margin: 0 10px 0 0
}

.cu-app__link {
    font-size: 16px;
    font-weight: 300;
    flex-grow: 1;
    color: #565656
}

.cu-app__add {
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all .2s cubic-bezier(.785,.135,.15,.86) 0s;
    color: #A2C44A;
    border-color: #A2C44A;
    font-size: 12px;
    font-weight: 500;
    height: 32px;
    padding: 2px 15px 0;
    border: 1px solid;
    border-radius: 3px
}

.cu-app__add:hover {
    transition: none
}

@supports (--theme-main-color: $color-purple) {
    .cu-app__add {
        color:var(--theme-main-color)
    }
}

@supports (--theme-main-color: $color-purple) {
    .cu-app__add {
        border-color:var(--theme-main-color)
    }
}

.cu-app__add:before {
    content: "+";
    margin: 0 4px 0 0
}

.cu-app__add:hover {
    background: #A2C44A;
    color: #fff;
    font-weight: 400
}

@supports (--theme-main-color: $color-purple) {
    .cu-app__add:hover {
        background:var(--theme-main-color)
    }
}

.cu-sts__main-scroll {
    overflow-y: auto;
    overflow-x: hidden;
    background: #fff
}

.cu-sts__main-scroll .cu-app-settings-user__copy {
    min-width: 70px
}

.cu-sts__main-scroll .cu-app-settings-user__api-key {
    max-width: 600px
}

.cu-os-win .cu-sts__main-scroll {
    scrollbar-width: thin
}

.cu-os-win .cu-sts__main-scroll::-webkit-scrollbar {
    background-color: #fff;
    width: 16px;
    height: 16px
}

.cu-os-win .cu-sts__main-scroll::-webkit-scrollbar-track {
    background-color: #fff
}

.cu-os-win .cu-sts__main-scroll::-webkit-scrollbar-track:hover {
    background-color: #fff
}

.cu-os-win .cu-sts__main-scroll::-webkit-scrollbar-thumb {
    background-color: #babac080;
    border-radius: 16px;
    border: 5px solid #fff
}

.cu-os-win .cu-sts__main-scroll::-webkit-scrollbar-thumb:hover {
    background-color: #a0a0a5;
    border: 3px solid #fff
}

.cu-os-win .cu-sts__main-scroll::-webkit-scrollbar-button {
    display: none
}

.cu-os-win.dark-theme .cu-sts__main-scroll::-webkit-scrollbar,.cu-os-win .dark-theme .cu-sts__main-scroll::-webkit-scrollbar {
    background-color: #2b343b
}

.cu-os-win.dark-theme .cu-sts__main-scroll::-webkit-scrollbar-track,.cu-os-win .dark-theme .cu-sts__main-scroll::-webkit-scrollbar-track {
    background-color: #2b343b
}

.cu-os-win.dark-theme .cu-sts__main-scroll::-webkit-scrollbar-track:hover,.cu-os-win .dark-theme .cu-sts__main-scroll::-webkit-scrollbar-track:hover {
    background-color: #2b343b
}

.cu-os-win.dark-theme .cu-sts__main-scroll::-webkit-scrollbar-thumb,.cu-os-win .dark-theme .cu-sts__main-scroll::-webkit-scrollbar-thumb {
    border-color: #2b343b
}

.cu-os-win.dark-theme .cu-sts__main-scroll::-webkit-scrollbar-thumb:hover,.cu-os-win .dark-theme .cu-sts__main-scroll::-webkit-scrollbar-thumb:hover {
    border-color: #2b343b
}

.cu-os-win.dark-theme .cu-sts__main-scroll::-webkit-scrollbar-corner,.cu-os-win .dark-theme .cu-sts__main-scroll::-webkit-scrollbar-corner {
    background-color: #2b343b
}

.dark-theme .cu-sts__main-scroll {
    background-color: #2b343b
}

.cu-app-settings-user {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap
}

.dark-theme .cu-app-settings-user .cu-dropdown__toggle-text_bordered {
    color: #d5d6d7!important
}

.cu-app-settings-user__card {
    align-items: center;
    justify-content: center;
    transition: all .2s cubic-bezier(.785,.135,.15,.86) 0s;
    padding: 30px 5px;
    width: 270px;
    border: 1px solid #e9e9e9;
    border-radius: 4px;
    margin: 0 8px 30px;
    position: relative;
    display: flex;
    flex-direction: column;
    flex-shrink: 0
}

.dark-theme .cu-app-settings-user__card {
    background: #384047;
    border: 1px solid #828588
}

.cu-app-settings-user__card .billing-method__add-close {
    width: 12px;
    height: 12px;
    top: 15px;
    right: 15px;
    display: none
}

.cu-app-settings-user__card .billing-method__add-close use {
    stroke: #fd71af
}

.cu-app-settings-user__card:hover {
    box-shadow: 0 4px 15px #0000001a
}

.cu-app-settings-user__card:hover .billing-method__add-close {
    display: block
}

.cu-app-settings-user__card-title {
    font-size: 17px;
    font-weight: 500;
    line-height: 24px;
    transition: all .2s cubic-bezier(.785,.135,.15,.86) 0s;
    color: #505050;
    text-align: center;
    margin-bottom: 12px;
    padding: 0 15px
}

.dark-theme .cu-app-settings-user__card-title {
    color: #d5d6d7
}

.cu-app-settings-user__card-link {
    color: #A2C44A;
    font-size: 16px;
    font-weight: 400;
    line-height: 1
}

@supports (--theme-main-color: $color-purple) {
    .cu-app-settings-user__card-link {
        color:var(--theme-main-color)
    }
}

.cu-app-settings-user__card-link:hover {
    color: #A2C44A
}

@supports (--theme-main-color-dark: $color-purple-dark) {
    .cu-app-settings-user__card-link:hover {
        color:var(--theme-main-color-dark)
    }
}

.cu-app-settings-user__list .clickapps-card__projects-list {
    width: 200px;
    left: 50%;
    margin: 0;
    transform: translate(-50%)
}

.cu-app-settings-user__list .clickapps-card__projects-list-items {
    max-height: 242px;
    overflow: auto
}

.cu-os-win .cu-app-settings-user__list .clickapps-card__projects-list-items {
    scrollbar-width: thin
}

.cu-os-win .cu-app-settings-user__list .clickapps-card__projects-list-items::-webkit-scrollbar {
    background-color: #fff;
    width: 16px;
    height: 16px
}

.cu-os-win .cu-app-settings-user__list .clickapps-card__projects-list-items::-webkit-scrollbar-track {
    background-color: #fff
}

.cu-os-win .cu-app-settings-user__list .clickapps-card__projects-list-items::-webkit-scrollbar-track:hover {
    background-color: #fff
}

.cu-os-win .cu-app-settings-user__list .clickapps-card__projects-list-items::-webkit-scrollbar-thumb {
    background-color: #babac080;
    border-radius: 16px;
    border: 5px solid #fff
}

.cu-os-win .cu-app-settings-user__list .clickapps-card__projects-list-items::-webkit-scrollbar-thumb:hover {
    background-color: #a0a0a5;
    border: 3px solid #fff
}

.cu-os-win .cu-app-settings-user__list .clickapps-card__projects-list-items::-webkit-scrollbar-button {
    display: none
}

.cu-os-win.dark-theme .cu-app-settings-user__list .clickapps-card__projects-list-items::-webkit-scrollbar,.cu-os-win .dark-theme .cu-app-settings-user__list .clickapps-card__projects-list-items::-webkit-scrollbar {
    background-color: #384047
}

.cu-os-win.dark-theme .cu-app-settings-user__list .clickapps-card__projects-list-items::-webkit-scrollbar-track,.cu-os-win .dark-theme .cu-app-settings-user__list .clickapps-card__projects-list-items::-webkit-scrollbar-track {
    background-color: #384047
}

.cu-os-win.dark-theme .cu-app-settings-user__list .clickapps-card__projects-list-items::-webkit-scrollbar-track:hover,.cu-os-win .dark-theme .cu-app-settings-user__list .clickapps-card__projects-list-items::-webkit-scrollbar-track:hover {
    background-color: #384047
}

.cu-os-win.dark-theme .cu-app-settings-user__list .clickapps-card__projects-list-items::-webkit-scrollbar-thumb,.cu-os-win .dark-theme .cu-app-settings-user__list .clickapps-card__projects-list-items::-webkit-scrollbar-thumb {
    border-color: #384047
}

.cu-os-win.dark-theme .cu-app-settings-user__list .clickapps-card__projects-list-items::-webkit-scrollbar-thumb:hover,.cu-os-win .dark-theme .cu-app-settings-user__list .clickapps-card__projects-list-items::-webkit-scrollbar-thumb:hover {
    border-color: #384047
}

.cu-os-win.dark-theme .cu-app-settings-user__list .clickapps-card__projects-list-items::-webkit-scrollbar-corner,.cu-os-win .dark-theme .cu-app-settings-user__list .clickapps-card__projects-list-items::-webkit-scrollbar-corner {
    background-color: #384047
}

.cu-app-settings-user__list .clickapps-card__projects-list-item {
    transition: all .2s cubic-bezier(.785,.135,.15,.86) 0s;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 13px 10px;
    cursor: pointer;
    border-bottom: 1px solid #f3f3f3
}

.dark-theme .cu-app-settings-user__list .clickapps-card__projects-list-item {
    border-bottom: 1px solid #1e272e
}

.cu-app-settings-user__list .clickapps-card__projects-list-item:hover {
    background: #fafbfc
}

.dark-theme .cu-app-settings-user__list .clickapps-card__projects-list-item:hover {
    background: #2b343b
}

.cu-app-settings-user__list .clickapps-card__projects-list-item:last-child {
    border: 0
}

.cu-app-settings-user__list .clickapps-card__projects-list-item-name {
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    color: #343434
}

.dark-theme .cu-app-settings-user__list .clickapps-card__projects-list-item-name {
    color: #d5d6d7
}

.cu-app-settings-user__list .clickapps-card__projects-list-item-name.clickapps-card__project-enabled {
    font-weight: 500
}

.checkout__address {
    margin-top: 10px;
    margin-bottom: 20px;
    display: flex;
    justify-content: flex-end;
    width: 100%
}

.checkout__address .cu-btn__address {
    font-size: 18px;
    font-weight: 600;
    line-height: 40px;
    height: auto
}

.checkout__promo-code {
    margin-top: 30px;
    display: flex;
    justify-content: center
}

.checkout__promo-code-add {
    display: flex;
    align-items: center
}

.checkout__promo-code-add-icon {
    width: 16px;
    height: 14px;
    fill: #58ac42;
    margin-right: 8px;
    cursor: pointer
}

.checkout__promo-code-add-icon:hover+.checkout__promo-code-add-text {
    border-bottom-color: transparent
}

.checkout__promo-code-add-text {
    transition: border-bottom-color .2s cubic-bezier(.785,.135,.15,.86) 0s;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 14px;
    font-weight: 500;
    line-height: 1;
    color: #58ac42;
    border-bottom: 1px dashed #58ac42;
    cursor: pointer
}

.checkout__promo-code-add-text:hover {
    border-bottom-color: transparent
}

.checkout__promo-code-discount {
    font-size: 13px;
    font-weight: 400;
    line-height: 1;
    height: 45px;
    width: 100%;
    background: #6aca4f;
    display: flex;
    align-items: center;
    color: #fff;
    padding-left: 15px;
    border-radius: 3px;
    overflow: hidden
}

.checkout__promo-code-discount.no-discount-code {
    background: #d16464
}

.checkout__promo-code-discount-applied {
    flex: 1 0 0;
    color: #fff
}

.checkout__promo-code-discount-close {
    transition: all .2s cubic-bezier(.785,.135,.15,.86) 0s;
    background: #449c28;
    border-left: 0;
    width: 45px;
    height: 45px;
    padding: 14px;
    cursor: pointer
}

.checkout__promo-code-discount-close:hover {
    background: #388320
}

.checkout__promo-code-discount-close use {
    stroke: #fff
}

.checkout__promo-code-discount-close.no-discount-code {
    background: #d16464
}

.checkout__promo-code-input-container-new {
    width: 70%;
    display: flex
}

.checkout__promo-code-input-container-new input {
    border: 0;
    font-size: 16px;
    width: 100%;
    height: 100%
}

.checkout__promo-code-input-container-new input::placeholder {
    color: #d8d8d8
}

.checkout__promo-code-input-container-new button {
    transition: all .2s cubic-bezier(.785,.135,.15,.86) 0s;
    width: 120px;
    height: 35px;
    font-size: 18px;
    line-height: 19px;
    border: 1px solid;
    border-radius: 5px;
    color: #A2C44A;
    background: #fff
}

.checkout__promo-code-input-container-new button.cu-btn.cu-btn_spinner {
    background: #fff
}

.checkout__promo-code-input-container-new button.cu-btn.cu-btn_spinner[disabled] {
    background-color: #A2C44A;
    border-color: #A2C44A
}

.checkout__promo-code-input-container-new button:hover:enabled {
    background: #A2C44A;
    border-color: #A2C44A;
    color: #fff
}

.checkout__promo-code-input-container-new button:disabled {
    cursor: not-allowed
}

.checkout__promo-code-input-box-new {
    border-radius: 5px;
    flex: 1 0 0;
    margin-right: 15px;
    height: 35px;
    font-size: 18px;
    padding-left: 10px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border: 1px solid #e4e4e4;
    overflow: hidden;
    position: relative
}

.checkout__promo-code-input-box-new input {
    color: #343434
}

.checkout__promo-code-input-box {
    border-radius: 5px;
    flex: 1 0 0;
    margin-right: 15px;
    height: 45px;
    font-size: 18px;
    padding-left: 10px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border: 1px solid #e4e4e4;
    overflow: hidden
}

.checkout__promo-code-input-box input {
    color: #343434
}

.checkout__promo-code-input-container {
    width: 100%;
    display: flex;
    align-items: center
}

.checkout__promo-code-input-container input {
    border: 0;
    font-size: 16px;
    width: 100%;
    height: 100%
}

.checkout__promo-code-input-container input::placeholder {
    color: #d8d8d8
}

.checkout__promo-code-input-container button {
    transition: all .2s cubic-bezier(.785,.135,.15,.86) 0s;
    width: 120px;
    height: 45px;
    font-size: 18px;
    line-height: 19px;
    border: 1px solid;
    border-radius: 5px;
    color: #A2C44A;
    background: #fff
}

.checkout__promo-code-input-container button.cu-btn.cu-btn_spinner {
    background: #fff
}

.checkout__promo-code-input-container button.cu-btn.cu-btn_spinner[disabled] {
    background-color: #A2C44A;
    border-color: #A2C44A
}

.checkout__promo-code-input-container button:hover:enabled {
    background: #A2C44A;
    border-color: #A2C44A;
    color: #fff
}

.checkout__promo-code-input-container button:disabled {
    cursor: not-allowed
}

.checkout__promo-code-error {
    font-size: 12px;
    font-weight: 500;
    color: #e54b4b;
    margin: 2px 0 0!important;
    position: absolute
}

.checkout__promo-code-error-new {
    display: flex;
    align-items: center;
    font-size: 12px;
    font-weight: 500;
    color: #e54b4b;
    position: absolute;
    margin: 38px 0 0
}

.billing__row-title {
    height: 90px;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.billing__pricing-container {
    padding: 30px 0
}

.billing__pricing-container-header {
    display: flex
}

.billing__pricing-item {
    margin-right: 40px
}

.billing__pricing-item.billing__pricing-item-active .billing-plan__title,.billing__pricing-item.billing__pricing-item-active .billing-plan__value {
    color: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .billing__pricing-item.billing__pricing-item-active .billing-plan__title,.billing__pricing-item.billing__pricing-item-active .billing-plan__value {
        color:var(--theme-main-color)
    }
}

.billing__pricing-item-expiration {
    text-align: center;
    font-size: 9px;
    margin-top: -15px;
    color: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .billing__pricing-item-expiration {
        color:var(--theme-main-color)
    }
}

.billing__methods-container {
    border-bottom: 1px solid #d8d8d8;
    padding-bottom: 10px;
    margin-bottom: 40px
}

.dark-theme .billing__methods-container {
    border-bottom: 1px solid #384047
}

.billing__next {
    margin-top: 30px;
    font-weight: 300
}

.billing__next-text {
    font-weight: 100
}

.billing__service-status {
    font-weight: 200;
    margin-left: 5px
}

.billing__row-icon {
    width: 12px;
    height: 8px;
    opacity: .8;
    margin-left: 14px
}

.billing__title {
    font-size: 23px;
    font-weight: 500;
    line-height: 1;
    color: #505050;
    display: flex;
    align-items: center
}

.dark-theme .billing__title {
    color: #d5d6d7
}

.billing__title-prorate {
    font-size: 14px;
    font-weight: 200;
    line-height: 1.4;
    margin: 15px 15px 15px 0
}

.billing__my-methods {
    padding: 24px 0 10px;
    display: flex;
    flex-wrap: wrap
}

.billing__update-needed {
    color: #fd71af;
    font-size: 16px;
    margin-top: 15px
}

.billing__update-needed.trial-ended-msg {
    margin-bottom: 15px
}

.billing-method {
    height: 42px;
    border: 2px solid #d6d6d6;
    border-radius: 5px;
    margin: 0 12px 12px 0;
    display: flex;
    align-items: center;
    justify-content: center
}

.dark-theme .billing-method {
    border: 2px solid #384047
}

.billing-method__default {
    background: #A2C44A;
    font-size: 13px;
    font-weight: 400;
    line-height: 1;
    color: #fff;
    text-align: center;
    border-radius: 2px;
    height: 28px;
    padding: 0 11px;
    margin: 0 14px 0 6px;
    display: flex;
    align-items: center
}

@supports (--theme-main-color: $color-purple) {
    .billing-method__default {
        background:var(--theme-main-color)
    }
}

.billing-method__again {
    font-size: 12px;
    font-weight: 500;
    line-height: 1;
    background: none;
    color: #fd71af;
    cursor: pointer;
    padding: 10px 16px;
    margin-top: 2px;
    border: 0
}

.billing-method__card-number,.billing-method__card-exp {
    font-size: 13px;
    font-weight: 400;
    line-height: 1;
    color: #7d7785;
    margin: 0 18px 0 0
}

.billing-method__set-default {
    color: #A2C44A;
    font-size: 12px;
    font-weight: 400;
    line-height: 1;
    cursor: pointer;
    padding: 10px 16px;
    margin-top: 2px
}

@supports (--theme-main-color: $color-purple) {
    .billing-method__set-default {
        color:var(--theme-main-color)
    }
}

.billing-method__remove {
    transition: all .2s cubic-bezier(.785,.135,.15,.86) 0s;
    width: 40px;
    height: 100%;
    border-left: 2px solid #d6d6d6;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center
}

.billing-method__remove:hover {
    transition: none
}

.dark-theme .billing-method__remove {
    border-left: 2px solid #384047
}

.checkout .billing-method__remove {
    border-left: 2px solid #d6d6d6
}

.billing-method__remove:hover {
    background-color: #f8f8f8
}

.dark-theme .billing-method__remove:hover {
    background-color: #384047
}

.checkout .billing-method__remove:hover {
    background-color: #f8f8f8
}

.billing-method__remove div {
    width: 16px;
    height: 18px
}

.billing-method__add {
    position: relative
}

.billing-method__add-btn {
    color: #A2C44A;
    border-color: #A2C44A;
    font-size: 13px;
    font-weight: 500;
    line-height: 1;
    padding: 0 24px;
    background: #fff;
    cursor: pointer
}

@supports (--theme-main-color: $color-purple) {
    .billing-method__add-btn {
        color:var(--theme-main-color)
    }
}

@supports (--theme-main-color: $color-purple) {
    .billing-method__add-btn {
        border-color:var(--theme-main-color)
    }
}

.dark-theme .billing-method__add-btn {
    border-color: #A2C44A;
    background: transparent
}

@supports (--theme-main-color: $color-purple) {
    .dark-theme .billing-method__add-btn {
        border-color:var(--theme-main-color)
    }
}

.billing-method__add-btn:hover {
    transition: all .2s cubic-bezier(.785,.135,.15,.86) 0s;
    background: #A2C44A;
    color: #fff
}

.billing-method__add-btn:hover:hover {
    transition: none
}

@supports (--theme-main-color: $color-purple) {
    .billing-method__add-btn:hover {
        background:var(--theme-main-color)
    }
}

.billing-method__add-btn.cu-btn.cu-btn_md {
    border-color: #A2C44A;
    border-width: 2px;
    text-shadow: none
}

@supports (--theme-main-color: $color-purple) {
    .billing-method__add-btn.cu-btn.cu-btn_md {
        border-color:var(--theme-main-color)
    }
}

.billing-method__add-btn-row {
    display: flex;
    justify-content: space-between;
    margin-top: 20px
}

.billing-method__add.cu-dropdown_open .billing-method__add-menu {
    display: block
}

.billing-method__add-menu {
    display: none;
    width: 420px;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 100%;
    left: auto;
    right: auto;
    z-index: 1000
}

.billing-method__add-menu-top-arrow {
    position: absolute;
    top: -6px;
    left: 40px;
    width: 12px;
    height: 12px;
    background: #fff;
    transform: rotate(45deg);
    border-top: 1px solid rgba(0,0,0,.03);
    border-left: 1px solid rgba(0,0,0,.03)
}

.dark-theme .billing-method__add-menu-top-arrow {
    background: #384047
}

.billing-method__add-menu-content {
    display: block;
    padding: 30px;
    box-shadow: 0 2px 16px #0000001a;
    background: #fff;
    border-radius: 6px
}

.dark-theme .billing-method__add-menu-content {
    background: #384047
}

.billing-method__add-menu-title {
    font-size: 16px;
    font-weight: 500;
    line-height: 1;
    margin-bottom: 25px;
    color: #505050
}

.dark-theme .billing-method__add-menu-title {
    color: #d5d6d7
}

.billing-method__add.cu-dropdown_left .billing-method__add-menu {
    right: 0
}

.billing-method__add.cu-dropdown_left .billing-method__add-menu .billing-method__add-menu-top-arrow {
    right: 60px;
    left: auto
}

.billing-method__add-close {
    transition: all .2s cubic-bezier(.785,.135,.15,.86) 0s;
    width: 14px;
    height: 14px;
    position: absolute;
    top: 30px;
    right: 30px;
    cursor: pointer
}

.billing-method__add-close:hover {
    transform: rotate(180deg)
}

.billing__currency {
    font-size: 13px;
    font-weight: 400;
    line-height: 1;
    height: 43px;
    border: 2px solid #d6d6d6;
    border-radius: 5px;
    display: flex;
    align-items: center;
    padding: 17px 15px 15px;
    color: #7d7785;
    cursor: pointer
}

.billing__currency .dropdown-icon-down {
    transition: all .2s cubic-bezier(.785,.135,.15,.86) 0s;
    display: block;
    width: 6px;
    height: 4px;
    opacity: .3;
    margin-left: 9px
}

.billing__currency .dropdown-icon-down:hover {
    transition: none
}

.billing-history__row {
    border-bottom: 1px solid #d8d8d8;
    height: 60px;
    display: flex;
    align-items: center
}

.billing-history__date {
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    color: #565656;
    flex: 1;
    margin-top: 2px
}

.billing-history__amount {
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    color: #565656;
    margin-top: 2px
}

.billing-history__card {
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    margin-left: 80px;
    display: flex;
    align-items: center
}

.billing-history__card-number {
    margin-top: 2px
}

.billing-history__invoice {
    font-size: 14px;
    font-weight: 500;
    line-height: 1;
    color: #57b7f1;
    cursor: pointer;
    margin: 2px 0 0 70px
}

.billing__card-logo {
    margin: 0 10px 0 0;
    width: 30px;
    height: 30px
}

.billing__card-aexp {
    background: url(aexp.0b207657f465ecc9.jpg) no-repeat center;
    background-size: 30px 30px
}

.billing__card-visa {
    background: url(visa.69d1113565f80757.png) no-repeat center center;
    background-size: 30px 10px
}

.billing__card-mc {
    background: url(mc.b0253925806dda2f.png) no-repeat center;
    background-size: 30px 23px
}

.billing__card-discover {
    background: url(discover.24db92e8f23de1c5.jpg) no-repeat center;
    background-size: 30px 5px
}

.billing__card-dc {
    background: url(dc.f12054a9cdb3f942.png) no-repeat center;
    background-size: 30px 22px
}

.billing__card-jcb {
    background: url(jcb.d138300d50f06354.png) no-repeat center;
    background-size: 30px 23px
}

.billing__card-aexp-add {
    background: url(aexp.0b207657f465ecc9.jpg) no-repeat;
    background-size: 30px 30px
}

.billing__card-visa-add {
    background: url(visa.69d1113565f80757.png) no-repeat;
    background-size: 30px 10px
}

.billing__card-mc-add {
    background: url(mc.b0253925806dda2f.png) no-repeat;
    background-size: 30px 23px
}

.billing__card-discover-add {
    background: url(discover.24db92e8f23de1c5.jpg) no-repeat;
    background-size: 30px 5px
}

.billing__card-dc-add {
    background: url(dc.f12054a9cdb3f942.png) no-repeat;
    background-size: 30px 22px
}

.billing__card-jcb-add {
    background: url(jcb.d138300d50f06354.png) no-repeat;
    background-size: 30px 23px
}

.billing__card-aexp-add,.billing__card-visa-add,.billing__card-mc-add,.billing__card-discover-add,.billing__card-dc-add,.billing__card-jcb-add {
    background-position: 98% 50%
}

.billing__cancel-plan {
    margin-top: 20px;
    padding-bottom: 40px;
    text-align: center
}

.billing__cancel-plan-link {
    font-size: 12px;
    font-weight: 500;
    line-height: 1;
    color: #f66f6f;
    cursor: pointer
}

.billing__cancel-plan-link-new {
    font-size: 12px;
    font-weight: 500;
    line-height: 1;
    color: #f66f6f;
    cursor: pointer;
    margin-top: 20px;
    padding-bottom: 40px;
    text-align: center;
    border: none;
    width: 100%
}

.billing__tips {
    font-size: 14px;
    font-weight: 400;
    line-height: 19px;
    margin-top: 50px;
    width: 100%;
    padding: 16px 20px 12px;
    border: 1px solid #cbc4f8;
    border-radius: 5px;
    color: #8e80a7
}

.dark-theme .billing__tips {
    border: 1px solid #8e80a7
}

.billing__tips a {
    font-size: 14px;
    font-weight: 500;
    display: inline
}

.dark-theme .billing__tips strong {
    color: #8e80a7
}

.billing-plan {
    display: flex;
    padding-top: 25px
}

.billing-plan__download-invoice {
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    margin: 0 0 50px
}

.billing-plan__download-invoice a {
    width: 300px
}

.billing-plan__download-invoice-desc {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 12px;
    font-weight: 600;
    line-height: 12px;
    text-align: center;
    margin-bottom: 20px;
    color: #bebcc2
}

.dark-theme .billing-plan__download-invoice-desc {
    opacity: .6
}

.billing-plan__credit {
    margin-left: 40px
}

.billing-plan__credit .billing-plan__value {
    color: #67cb48
}

.billing-plan__invoices {
    display: flex;
    width: 100%
}

.billing-plan__invoices-none {
    font-size: 18px
}

.billing-plan__invoices-header {
    display: flex;
    margin-bottom: 15px
}

.billing-plan__invoices-header-container {
    margin-bottom: 40px;
    width: 40%;
    margin-right: 5%
}

.billing-plan__invoices-item {
    transition: all .2s cubic-bezier(.785,.135,.15,.86) 0s;
    display: flex;
    padding: 10px 0;
    border: 1px solid transparent;
    border-bottom: 1px solid #e4e4e4;
    cursor: pointer;
    height: 38px
}

.dark-theme .billing-plan__invoices-item {
    border-bottom: 1px solid #384047
}

.billing-plan__invoices-item:hover {
    border: 1px solid;
    border-color: #A2C44A;
    border-radius: 8px
}

@supports (--theme-main-color: $color-purple) {
    .billing-plan__invoices-item:hover {
        border-color:var(--theme-main-color)
    }
}

.billing-plan__invoices-item:hover .billing-plan__invoices-icon {
    display: block
}

.billing-plan__invoices-number,.billing-plan__invoices-total {
    width: 130px;
    display: flex;
    align-items: center
}

.billing-plan__invoices-icon {
    display: none;
    margin-left: 8px;
    width: 15px;
    height: 15px;
    cursor: pointer
}

.billing-plan__invoices-icon use {
    stroke: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .billing-plan__invoices-icon use {
        stroke:var(--theme-main-color)
    }
}

.billing-plan__invoices-period {
    flex: 1 0 0
}

.billing-plan__invoices-address {
    border: 1px solid #e4e4e4;
    border-radius: 5px;
    padding: 10px;
    min-height: 100px
}

.dark-theme .billing-plan__invoices-address {
    border-color: #384047
}

.billing-plan__invoices-address-container {
    display: flex;
    justify-content: space-between
}

.billing-plan__invoices-address-container textarea {
    border: 0;
    flex: 1 0 0;
    resize: none;
    background: transparent
}

.billing-plan__invoices-address-container textarea::placeholder {
    opacity: .3
}

.billing-plan__invoices-address-container .nav-menu-item__icon {
    cursor: pointer;
    margin-left: 10px;
    width: 14px;
    height: 14px
}

.billing-plan__invoices-address-container .nav-menu-item__icon:hover use {
    stroke: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .billing-plan__invoices-address-container .nav-menu-item__icon:hover use {
        stroke:var(--theme-main-color)
    }
}

.billing-plan__invoices-address-container .nav-menu-item__icon use {
    transition: all .2s cubic-bezier(.785,.135,.15,.86) 0s;
    stroke: #aeacb0
}

.billing-plan__storage {
    color: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .billing-plan__storage {
        color:var(--theme-main-color)
    }
}

.billing-plan__item {
    width: 290px;
    margin: 0 12px;
    box-shadow: 0 2px 26px #9479c247;
    border-radius: 4px;
    background: #fff;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    padding-top: 34px
}

.dark-theme .billing-plan__item {
    background: #384047;
    box-shadow: 0 5px 10px #00000026
}

.billing-plan__item_current {
    border-color: #A2C44A;
    border: 1px solid
}

@supports (--theme-main-color: $color-purple) {
    .billing-plan__item_current {
        border-color:var(--theme-main-color)
    }
}

.billing-plan__item:first-child {
    margin-left: 0
}

.billing-plan__item:last-child {
    margin-right: 0
}

.billing-plan__content {
    display: flex;
    align-items: center;
    flex-direction: column;
    width: 100%
}

.billing-plan__title {
    font-size: 11px;
    font-weight: 600;
    line-height: 11px;
    color: #bebcc296;
    text-transform: uppercase;
    margin-bottom: 5px
}

.dark-theme .billing-plan__title {
    color: #828588
}

.billing-plan__title span {
    text-transform: lowercase;
    font-weight: 400;
    color: #bebcc296
}

.dark-theme .billing-plan__title span {
    color: #828588
}

.billing-plan__value {
    font-size: 21px;
    font-weight: 300;
    line-height: 1;
    color: #505050;
    margin-bottom: 20px
}

.dark-theme .billing-plan__value {
    color: #d5d6d7
}

.billing-plan__value.plan-title {
    text-transform: uppercase
}

.billing-plan__strike {
    color: #828588;
    text-decoration: line-through
}

.dark-theme .billing-plan__strike {
    color: #828588
}

.billing-plan__pro {
    color: #A2C44A;
    text-transform: uppercase
}

@supports (--theme-main-color: $color-purple) {
    .billing-plan__pro {
        color:var(--theme-main-color)
    }
}

.billing-plan__cost-value {
    font-size: 21px;
    font-weight: 500;
    line-height: 1;
    margin-bottom: 20px;
    color: #505050
}

.dark-theme .billing-plan__cost-value {
    color: #d5d6d7
}

.billing-plan__cost-value span {
    font-size: 13px;
    font-weight: 400
}

.billing-plan__row-pack {
    display: flex;
    width: 100%;
    margin: 0 0 24px
}

.billing-plan__row-pack-item {
    text-align: center;
    width: 50%;
    height: 40px
}

.billing-plan__row-pack-item:first-child {
    border-right: 1px solid #d8d8d8
}

.billing-plan__check-mark {
    width: 20px;
    height: 15px;
    background: url(check-mark-green.925adf813866f745.png);
    background-size: cover;
    display: inline-block;
    margin-top: 5px
}

.billing-plan__check-no {
    width: 20px;
    height: 2px;
    background: #505050;
    display: inline-block;
    margin-top: 10px
}

.dark-theme .billing-plan__check-no {
    color: #d5d6d7
}

.billing-plan__btn {
    transition: all .2s cubic-bezier(.785,.135,.15,.86) 0s;
    background: #A2C44A;
    font-size: 13px;
    font-weight: 500;
    line-height: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    height: 50px;
    width: 100%;
    color: #fff;
    border-radius: 0 0 3px 3px
}

.billing-plan__btn:hover {
    transition: none
}

@supports (--theme-main-color: $color-purple) {
    .billing-plan__btn {
        background:var(--theme-main-color)
    }
}

.billing-plan__btn:hover {
    background-color: #A2C44A;
    border: 1px solid #A2C44A;
    transition: none
}

@supports (--theme-main-color-dark: $color-purple-dark) {
    .billing-plan__btn:hover {
        background-color:var(--theme-main-color-dark)
    }
}

@supports (--theme-main-color-dark: $color-purple-dark) {
    .billing-plan__btn:hover {
        border:1px solid var(--theme-main-color-dark)
    }
}

.billing-plan__current-title {
    color: #A2C44A;
    font-size: 14px;
    font-weight: 500;
    line-height: 1;
    text-align: center;
    margin-bottom: 8px
}

@supports (--theme-main-color: $color-purple) {
    .billing-plan__current-title {
        color:var(--theme-main-color)
    }
}

.billing-plan__current-seats {
    text-align: center;
    margin-bottom: 10px;
    display: flex;
    align-items: center;
    justify-content: center
}

.billing-plan__current-seats-text {
    font-size: 11px;
    font-weight: 500;
    line-height: 1;
    color: #635b70;
    margin-right: 9px
}

.billing-plan__current-seats-text.remaining {
    margin-bottom: 10px
}

.billing-plan__current-seats-control {
    transition: all .2s cubic-bezier(.785,.135,.15,.86) 0s;
    background-color: #A2C44A;
    padding: 4px;
    border-radius: 3px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer
}

.billing-plan__current-seats-control:hover {
    transition: none
}

@supports (--theme-main-color: $color-purple) {
    .billing-plan__current-seats-control {
        background-color:var(--theme-main-color)
    }
}

.billing-plan__current-seats-control:hover {
    background-color: #A2C44A;
    transition: none
}

@supports (--theme-main-color-dark: $color-purple-dark) {
    .billing-plan__current-seats-control:hover {
        background-color:var(--theme-main-color-dark)
    }
}

.billing-plan__current-seats-control div {
    width: 9px;
    height: 9px
}

.billing-plan__current-seats-control use {
    fill: #fff
}

.billing__invoices-non-paid {
    border-top: 1px solid #efefef;
    padding: 50px 0
}

.dark-theme .billing__invoices-non-paid {
    border-top: 1px solid #384047
}

.billing__invoices-non-paid .billing__title {
    justify-content: center;
    font-weight: 400
}

.billing__invoices-non-paid .billing-plan__invoices {
    justify-content: center
}

.billing__automation-add-ons {
    margin: 60px 0 50px
}

.billing__automation-add-ons .cu-automation-add-ons {
    margin-top: 30px;
    justify-content: flex-start
}

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

.cu-dc_embed {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #fff;
    z-index: 1000;
    display: flex;
    flex-direction: column;
    text-align: center;
    overflow: auto;
    padding: 50px 50px 100px
}

.dark-theme .cu-dc_embed {
    background: #1e272e
}

.cu-dc_embed.cu-dc_hidden {
    display: none
}

.cu-dc_embed.cu-dc_hidden.cu-dc_open {
    display: flex
}

.cu-dc_embed .cu-form__row {
    margin-top: 15px
}

.cu-dc_flex-start {
    justify-content: flex-start
}

.cu-dc__inner {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 530px;
    margin: 0 auto
}

.cu-dc__warning-img {
    margin-bottom: 25px
}

.cu-dc__icon {
    width: 80px;
    height: 80px;
    margin: 0 0 20px
}

.cu-dc__title {
    font-size: 23px;
    font-weight: 300;
    line-height: 1.2;
    color: #fd71af;
    margin: 0 0 10px;
    text-align: center
}

.cu-dc__subtitle {
    word-break: break-word;
    overflow-wrap: break-word;
    word-wrap: break-word;
    -webkit-hyphens: auto;
    hyphens: auto;
    font-size: 23px;
    font-weight: 300;
    color: #949494
}

.cu-dc .delete-confirm {
    margin-top: 40px
}

.cu-dc__warning {
    font-size: 15px;
    font-weight: 300;
    line-height: 1.5;
    margin: 30px 0;
    text-align: center;
    color: #404040
}

.dark-theme .cu-dc__warning {
    color: #abaeb0
}

.cu-dc__warning strong {
    font-weight: 700
}

.dark-theme .cu-dc__warning strong {
    color: #d5d6d7
}

.cu-dc__warning-accent {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 15px;
    font-weight: 500;
    line-height: 1.5;
    color: #7c828d
}

.dark-theme .cu-dc__warning-accent {
    color: #d5d6d7
}

.cu-dc__label {
    font-size: 13px;
    font-weight: 500;
    line-height: 1;
    text-align: center;
    margin-bottom: 8px;
    color: #292d34
}

.dark-theme .cu-dc__label {
    color: #d5d6d7
}

.cu-dc__input {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 20px;
    font-weight: 300;
    transition: all .2s cubic-bezier(.785,.135,.15,.86) 0s;
    position: relative;
    z-index: 2;
    width: 300px;
    height: 50px;
    margin: 0 0 40px;
    border: 1px solid #d8d8d8;
    border-radius: 3px;
    background: none;
    text-align: center;
    color: #949494;
    flex-shrink: 0
}

.cu-dc__input::placeholder {
    color: #34343466;
    opacity: 1;
    font-size: 18px
}

.dark-theme .cu-dc__input {
    color: #d5d6d7;
    border: 1px solid #1e272e
}

.dark-theme .cu-dc__input::placeholder {
    color: #d5d6d733;
    opacity: 1;
    font-size: "initial"
}

.cu-dc__input:focus {
    border: 1px solid #999;
    box-shadow: none
}

.cu-dc__input:focus::placeholder {
    color: transparent;
    opacity: 1;
    font-size: "initial"
}

.dark-theme .cu-dc__input_team:focus {
    border: 1px solid #828588
}

.dark-theme .cu-dc__input_team {
    border: 1px solid #384047
}

.cu-dc__controls>*+* {
    margin-left: 15px
}

.cu-dc__text-body {
    color: #7c828d
}

.dark-theme .cu-dc__text-body {
    color: #abaeb0
}

.cu-import__progress {
    height: 100%
}

.cu-import__projects-container {
    max-height: calc(100vh - 100px);
    overflow: auto;
    background: #fff
}

.cu-os-win .cu-import__projects-container {
    scrollbar-width: thin
}

.cu-os-win .cu-import__projects-container::-webkit-scrollbar {
    background-color: #fff;
    width: 16px;
    height: 16px
}

.cu-os-win .cu-import__projects-container::-webkit-scrollbar-track {
    background-color: #fff
}

.cu-os-win .cu-import__projects-container::-webkit-scrollbar-track:hover {
    background-color: #fff
}

.cu-os-win .cu-import__projects-container::-webkit-scrollbar-thumb {
    background-color: #babac080;
    border-radius: 16px;
    border: 5px solid #fff
}

.cu-os-win .cu-import__projects-container::-webkit-scrollbar-thumb:hover {
    background-color: #a0a0a5;
    border: 3px solid #fff
}

.cu-os-win .cu-import__projects-container::-webkit-scrollbar-button {
    display: none
}

.cu-os-win.dark-theme .cu-import__projects-container::-webkit-scrollbar,.cu-os-win .dark-theme .cu-import__projects-container::-webkit-scrollbar {
    background-color: #1e272e
}

.cu-os-win.dark-theme .cu-import__projects-container::-webkit-scrollbar-track,.cu-os-win .dark-theme .cu-import__projects-container::-webkit-scrollbar-track {
    background-color: #1e272e
}

.cu-os-win.dark-theme .cu-import__projects-container::-webkit-scrollbar-track:hover,.cu-os-win .dark-theme .cu-import__projects-container::-webkit-scrollbar-track:hover {
    background-color: #1e272e
}

.cu-os-win.dark-theme .cu-import__projects-container::-webkit-scrollbar-thumb,.cu-os-win .dark-theme .cu-import__projects-container::-webkit-scrollbar-thumb {
    border-color: #1e272e
}

.cu-os-win.dark-theme .cu-import__projects-container::-webkit-scrollbar-thumb:hover,.cu-os-win .dark-theme .cu-import__projects-container::-webkit-scrollbar-thumb:hover {
    border-color: #1e272e
}

.cu-os-win.dark-theme .cu-import__projects-container::-webkit-scrollbar-corner,.cu-os-win .dark-theme .cu-import__projects-container::-webkit-scrollbar-corner {
    background-color: #1e272e
}

.dark-theme .cu-import__projects-container {
    background: #1e272e
}

.cu-import__banner {
    margin-top: 0!important;
    padding: 15px 10px!important
}

.cu-import__load-more {
    color: #A2C44A;
    font-size: 12px;
    font-weight: 600;
    line-height: 1;
    cursor: pointer
}

@supports (--theme-main-color: $color-purple) {
    .cu-import__load-more {
        color:var(--theme-main-color)
    }
}

.cu-import__parent-options {
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    display: inline-flex;
    align-items: center;
    padding: 5px 7px;
    border-radius: 3px;
    margin: 20px auto 0;
    color: #7c828d
}

.cu-import__data-select {
    width: 100%
}

.cu-import__data-select-delimiter {
    margin-top: 10px;
    display: flex;
    flex-direction: column;
    align-items: flex-end
}

.cu-import__data-select-delimiter-options {
    padding: 0;
    max-height: 332px
}

.cu-import__data-select-currency {
    margin-bottom: 15px
}

.cu-import__data-select-header {
    font-size: 12px;
    font-weight: 600;
    line-height: 1;
    width: 100%;
    min-height: 40px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 0;
    color: #292d34
}

.cu-import__data-select-header-desc {
    font-size: 11px;
    font-weight: 500;
    line-height: 1;
    width: calc(50% - 20px);
    color: #292d34
}

.dark-theme .cu-import__data-select-header-desc {
    color: #d5d6d7
}

.cu-import__data-select-row {
    position: relative;
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin: 0 0 8px
}

.cu-import__data-select-row-arrow {
    align-self: center;
    height: 16px;
    transform: rotate(180deg);
    fill: #b9bec7;
    flex-shrink: 0;
    width: 40px;
    padding: 0 12px
}

.cu-import__data-select-row-arrow.hide-select-row-arrow {
    visibility: hidden
}

.cu-import__data-select-row-col {
    font-size: 13px;
    font-weight: 400;
    line-height: 1;
    position: relative;
    display: flex;
    align-items: center;
    width: calc(50% - 20px);
    height: 40px;
    background: #fafbfc;
    border-radius: 3px;
    padding: 0 15px;
    border: 1px solid #e9ebf0
}

.cu-import__data-select-row-col.cu-import-projects-col {
    flex: 1 0 0
}

.dark-theme .cu-import__data-select-row-col {
    background: #2b343b;
    border-color: #2b343b
}

.cu-import__data-select-row-col.mapped-options {
    margin-left: 30px;
    width: calc(50% - 50px)
}

.cu-import__data-select-row-col-to {
    align-items: stretch;
    padding: 0;
    background: #fff
}

.dark-theme .cu-import__data-select-row-col-to {
    background: #384047;
    border-color: #2b343b
}

.cu-import__data-select-row-col-to .cu-dropdown {
    width: 100%;
    height: 100%
}

.cu-import__data-select-row-col-to .cu-dropdown__toggle {
    transition: color .2s cubic-bezier(.785,.135,.15,.86) 0s;
    font-size: 13px;
    font-weight: 400;
    line-height: 1;
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 100%;
    padding: 0 10px 0 15px;
    color: #292d34
}

.dark-theme .cu-import__data-select-row-col-to .cu-dropdown__toggle {
    color: #d5d6d7
}

.cu-import__data-select-row-col-to .cu-dropdown__toggle:hover {
    color: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .cu-import__data-select-row-col-to .cu-dropdown__toggle:hover {
        color:var(--theme-main-color)
    }
}

.cu-import__data-select-row-col-to .cu-user-list-dropdown {
    flex-grow: 1
}

.cu-import__data-select-row-col-to .cu-user-import-cancel {
    align-self: center
}

.cu-import__body {
    margin: 0 auto;
    width: 100%;
    max-width: 750px;
    min-height: 200px;
    display: flex;
    flex-direction: column;
    align-items: center
}

.cu-import__body-picker-project {
    width: 100%
}

.cu-import__body-picker-option {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%
}

.cu-import__body-selection {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 13px;
    font-weight: 300;
    border: 1px solid #e4e4e4;
    border-radius: 3px;
    background: #fff;
    min-width: 300px;
    height: 40px;
    margin-bottom: 10px;
    color: #343434b3;
    padding: 0 15px
}

.cu-import__body-selection-label {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 11px;
    font-weight: 500;
    text-transform: uppercase;
    color: #3434344d;
    margin-right: 10px;
    margin-top: 3px
}

.dark-theme .cu-import__body-selection-label {
    color: #828588
}

.contrast_high .cu-import__body-selection {
    border: 1px solid #dedede
}

.dark-theme .cu-import__body-selection {
    border: 1px solid #2b343b;
    background: #384047
}

.cu-import__body .cu-import__body-selection-label {
    transition: all .2s cubic-bezier(.785,.135,.15,.86) 0s;
    color: #343434
}

.dark-theme .cu-import__body .cu-import__body-selection-label {
    color: #d5d6d7
}

.cu-import__body .cu-import__body-picker:hover .cu-import__body-selection-label {
    color: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .cu-import__body .cu-import__body-picker:hover .cu-import__body-selection-label {
        color:var(--theme-main-color)
    }
}

.cu-import__body-sample {
    color: #A2C44A;
    font-size: 12px;
    font-weight: 600;
    line-height: 1
}

@supports (--theme-main-color: $color-purple) {
    .cu-import__body-sample {
        color:var(--theme-main-color)
    }
}

.cu-import__body-title {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 11px;
    font-weight: 500;
    line-height: 1;
    text-transform: uppercase;
    color: #292d34;
    margin-bottom: 6px
}

.dark-theme .cu-import__body-title {
    color: #d5d6d7
}

.cu-import__body-desc {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 10px;
    font-weight: 400;
    line-height: 16px;
    color: #7c828d;
    margin-bottom: 12px
}

.cu-import__body-spacer {
    margin-top: 35px
}

.cu-import__header {
    width: 100%;
    max-width: 750px;
    margin: 0 auto 35px;
    display: flex;
    flex-direction: column
}

.cu-import__header-steps {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 10px;
    font-weight: 600;
    line-height: 1;
    text-align: center;
    text-transform: uppercase;
    color: #7c828d
}

.cu-import__header-column-warning {
    background: #dfdbfb;
    margin-top: 20px;
    padding: 20px;
    border-radius: 4px
}

.cu-import__header-column-warning-row {
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    color: #A2C44A
}

.cu-import__header-column-warning-row span {
    color: #A2C44A;
    font-weight: bolder
}

.cu-import__header-title {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 21px;
    font-weight: 500;
    line-height: 1;
    margin-top: 9px;
    margin-bottom: 15px;
    text-align: center;
    color: #292d34
}

.dark-theme .cu-import__header-title {
    color: #d5d6d7
}

.cu-import__header-description {
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    text-align: center;
    color: #7c828d
}

.cu-import__container {
    display: flex;
    flex-direction: column;
    height: 100%
}

.cu-import__container-top {
    flex: 1 0 0
}

.cu-import__container-top .cu-integrations-header {
    max-width: 600px;
    margin: 0 auto
}

.cu-import__container-top-footer {
    display: flex;
    justify-content: center;
    margin-top: 30px
}

.cu-import__container-top-footer-link {
    color: var(--theme-main-color);
    font-size: 11px;
    margin-top: 24px;
    text-align: center
}

.cu-import__container-top-footer-link:hover {
    cursor: pointer;
    color: var(--theme-main-color-light)
}

.cu-import__dropdown {
    flex: 0 1 auto;
    max-height: 450px;
    min-width: 170px;
    position: relative
}

.cu-import__dropdown-item {
    transition: all .2s cubic-bezier(.785,.135,.15,.86) 0s;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 13px;
    font-weight: 400;
    line-height: 1.2;
    display: flex;
    align-items: center;
    padding: 11px 10px 11px 15px;
    cursor: pointer;
    color: #343434;
    height: 35px
}

.dark-theme .cu-import__dropdown-item {
    color: #d5d6d7
}

.cu-import__dropdown-item:hover {
    background-color: #fafbfc
}

.dark-theme .cu-import__dropdown-item:hover {
    background: #2b343b
}

.cu-import__dropdown-item-name {
    display: flex;
    align-items: center;
    flex-grow: 1;
    min-width: 0
}

.dark-theme .cu-import__dropdown-item-name {
    color: #d5d6d7
}

.cu-import__dropdown-item-name-text {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #111
}

.dark-theme .cu-import__dropdown-item-name-text {
    color: #d5d6d7
}

.cu-import__custom {
    width: 100%
}

.cu-import__custom-delimiter {
    margin-top: 10px;
    display: flex;
    flex-direction: column;
    align-items: flex-end
}

.cu-import__custom-delimiter-options {
    padding: 0;
    max-height: 332px
}

.cu-import__custom-currency {
    margin-bottom: 15px
}

.cu-import__custom-header {
    font-size: 12px;
    font-weight: 600;
    line-height: 1;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 0;
    color: #292d34
}

.cu-import__custom-header-desc {
    font-size: 11px;
    font-weight: 500;
    line-height: 1;
    width: calc(50% - 20px);
    color: #292d34
}

.dark-theme .cu-import__custom-header-desc {
    color: #d5d6d7
}

.cu-import__custom-row {
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin: 0 0 8px
}

.cu-import__custom-row-arrow {
    align-self: center;
    width: 16px;
    height: 16px;
    transform: rotate(180deg);
    fill: #b9bec7
}

.cu-import__custom-row-col {
    font-size: 13px;
    font-weight: 400;
    line-height: 1;
    position: relative;
    display: flex;
    align-items: center;
    width: calc(50% - 20px);
    height: 40px;
    background: #fafbfc;
    border-radius: 3px;
    padding: 0 15px;
    border: 1px solid #e9ebf0
}

.dark-theme .cu-import__custom-row-col {
    background: #2b343b;
    border-color: #2b343b
}

.cu-import__custom-row-col.mapped-options {
    margin-left: 30px;
    width: calc(50% - 50px)
}

.cu-import__custom-row-col-to {
    align-items: stretch;
    padding: 0;
    background: #fff
}

.dark-theme .cu-import__custom-row-col-to {
    background: #384047;
    border-color: #2b343b
}

.cu-import__custom-row-col-to .cu-dropdown {
    width: 100%;
    height: 100%
}

.cu-import__custom-row-col-to .cu-dropdown__toggle {
    transition: color .2s cubic-bezier(.785,.135,.15,.86) 0s;
    font-size: 13px;
    font-weight: 400;
    line-height: 1;
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 100%;
    padding: 0 10px 0 15px;
    color: #292d34
}

.dark-theme .cu-import__custom-row-col-to .cu-dropdown__toggle {
    color: #d5d6d7
}

.cu-import__custom-row-col-to .cu-dropdown__toggle:hover {
    color: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .cu-import__custom-row-col-to .cu-dropdown__toggle:hover {
        color:var(--theme-main-color)
    }
}

.cu-import__custom-row-col-to .cu-user-list-dropdown {
    flex-grow: 1
}

.cu-import__custom-row-col-to .cu-user-import-cancel {
    align-self: center
}

.cu-import__footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    max-width: 850px;
    margin: 25px auto 40px
}

.cu-import__footer-back {
    display: flex;
    align-items: center;
    cursor: pointer
}

.cu-import__footer-back:hover .cu-import__footer-back-arrow {
    fill: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .cu-import__footer-back:hover .cu-import__footer-back-arrow {
        fill:var(--theme-main-color)
    }
}

.cu-import__footer-back:hover .cu-import__footer-back-label {
    color: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .cu-import__footer-back:hover .cu-import__footer-back-label {
        color:var(--theme-main-color)
    }
}

.cu-import__footer-back.hide-back {
    visibility: hidden
}

.cu-import__footer-back-arrow {
    transition: fill .2s cubic-bezier(.785,.135,.15,.86) 0s;
    width: 15px;
    height: 15px;
    fill: #b9bec7
}

.cu-import__footer-back-label {
    transition: color .2s cubic-bezier(.785,.135,.15,.86) 0s;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 11px;
    font-weight: 600;
    line-height: 1;
    text-transform: uppercase;
    color: #b9bec7;
    margin-left: 5px
}

.cu-import__footer-info {
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    flex: 1 0 0;
    color: #7c828d;
    text-align: center
}

.cu-import__footer-info.hide-back {
    visibility: hidden
}

.cu-import-help {
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    color: #aeacb0;
    padding-top: 10px;
    margin-bottom: 35px;
    height: 18px;
    display: flex;
    align-items: center
}

.cu-import-help+.cu-import-help {
    margin-top: -20px
}

.cu-import-help.cu-import-progress-help {
    margin: 0;
    padding: 0
}

.cu-import-help span {
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    color: #aeacb0
}

.cu-import-help strong {
    text-decoration: underline;
    cursor: pointer
}

.cu-import-help__asana {
    font-size: 13px;
    font-weight: 400;
    color: #b7acc6
}

.cu-import-help__icon {
    flex-shrink: 0
}

.cu-import-help__link {
    color: #A2C44A;
    position: relative;
    display: inline-block;
    padding-bottom: 1px;
    font-weight: 500;
    margin-left: 4px
}

@supports (--theme-main-color: $color-purple) {
    .cu-import-help__link {
        color:var(--theme-main-color)
    }
}

.cu-import-help__link:after {
    content: "";
    display: block;
    position: absolute;
    transition: all .2s cubic-bezier(.785,.135,.15,.86) 0s;
    background-color: #A2C44A;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px
}

.cu-import-help__link:after:hover {
    transition: none
}

@supports (--theme-main-color: $color-purple) {
    .cu-import-help__link:after {
        background-color:var(--theme-main-color)
    }
}

.cu-import-help__link:hover:after {
    opacity: 0
}

.cu-import-help__link_gray {
    color: #aeacb0
}

.cu-import-help__link_gray:after {
    background-color: #aeacb0
}

.cu-import__toggle-switch {
    display: inline-flex;
    margin-left: 20px
}

.cu-import__toggle-switch>.cu-import__toggle-switch_note {
    margin-left: 10px;
    border-bottom: 1px dashed black
}

.cu-import-help-important {
    font-size: 13px;
    font-weight: 400;
    border: 1px solid #d8d8d8;
    border-radius: 4px;
    padding: 17px 15px 15px;
    margin: 0 0 30px;
    color: #b7acc6
}

.cu-import-help-important span {
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    color: #aeacb0
}

.cu-import-help-important__asana {
    font-size: 13px;
    font-weight: 400;
    color: #b7acc6
}

.cu-import-help-important__icon {
    flex-shrink: 0
}

.cu-import-help-important__link {
    color: #A2C44A;
    position: relative;
    display: inline-block;
    padding-bottom: 1px;
    font-weight: 500
}

@supports (--theme-main-color: $color-purple) {
    .cu-import-help-important__link {
        color:var(--theme-main-color)
    }
}

.cu-import-help-important__link:after {
    content: "";
    display: block;
    position: absolute;
    transition: all .2s cubic-bezier(.785,.135,.15,.86) 0s;
    background-color: #A2C44A;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px
}

.cu-import-help-important__link:after:hover {
    transition: none
}

@supports (--theme-main-color: $color-purple) {
    .cu-import-help-important__link:after {
        background-color:var(--theme-main-color)
    }
}

.cu-import-help-important__link:hover:after {
    opacity: 0
}

.cu-import__title {
    font-size: 21px;
    font-weight: 500;
    color: #505050;
    padding: 30px 0 10px
}

.dark-theme .cu-import__title {
    color: #d5d6d7
}

.cu-import__desc {
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
    margin-top: 15px;
    color: #505050
}

.dark-theme .cu-import__desc {
    color: #abaeb0
}

.cu-import-error {
    margin-bottom: 15px;
    color: #fd71af
}

.cu-import-header {
    font-size: 12px;
    font-weight: 600;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 0;
    margin: 0 0 5px;
    color: #222
}

.cu-import-header__column {
    font-size: 14px;
    font-weight: 600;
    line-height: 1;
    width: calc(50% - 20px);
    color: #505050
}

.dark-theme .cu-import-header__column {
    color: #d5d6d7
}

.cu-import-section {
    margin: 0 0 8px
}

.cu-import-section__body {
    display: none
}

.cu-import-section_from .cu-import-item:after {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    background: url(arrow-right.7f63b1082a6bc4b4.svg) center center/contain no-repeat transparent;
    top: 4px;
    right: -30px;
    height: calc(100% - 8px);
    width: 20px
}

.cu-import-section_from .cu-import-item.board-selection:after {
    display: none
}

.cu-import__loading {
    text-align: center;
    font-size: 18px
}

.cu-import__loading div {
    color: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .cu-import__loading div {
        color:var(--theme-main-color)
    }
}

.cu-import-section_to .cu-import-item {
    padding: 0
}

.cu-import-section_to .cu-import-cat {
    padding: 2px
}

.cu-import-section_to .cu-import-section__body:before {
    opacity: 0
}

.cu-import-section_to.selection-error {
    border: 1px solid #d16464
}

.cu-import-section_open .cu-import-section__body {
    position: relative;
    display: block
}

.cu-import-section_open .cu-import-section__body:before {
    content: "";
    display: block;
    position: absolute;
    background: #A2C44A;
    top: -8px;
    left: 22px;
    width: 2px;
    height: calc(100% - 13px);
    z-index: 2
}

@supports (--theme-main-color: $color-purple) {
    .cu-import-section_open .cu-import-section__body:before {
        background:var(--theme-main-color)
    }
}

.cu-import-section_open .cu-import-section__board-body:before {
    background: none
}

.cu-import-item {
    position: relative;
    display: flex;
    align-items: center;
    height: 40px;
    width: 100%;
    background: #f7f7f7;
    border-radius: 4px;
    padding: 0 16px
}

.dark-theme .cu-import-item {
    background: #384047
}

.cu-import-item__from {
    padding: 0 15px
}

.cu-import-item__from:after {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    background: url(arrow-right.7f63b1082a6bc4b4.svg) center center/contain no-repeat transparent;
    top: 0;
    right: -24px;
    height: 100%;
    width: 8px
}

.cu-import-item__board-label {
    background: #A2C44A;
    font-size: 11px;
    font-weight: 500;
    line-height: 1;
    margin-right: 8px;
    height: 22px;
    padding: 3px 12px 0;
    color: #fff;
    border-radius: 3px;
    text-transform: uppercase;
    display: inline-flex;
    align-items: center
}

@supports (--theme-main-color: $color-purple) {
    .cu-import-item__board-label {
        background:var(--theme-main-color)
    }
}

.cu-import-item__header {
    position: relative;
    display: flex;
    align-items: center;
    height: 40px;
    padding: 0 15px;
    cursor: pointer
}

.cu-import-item__controls {
    border-color: #A2C44A;
    position: relative;
    flex-shrink: 0;
    width: 14px;
    height: 14px;
    border: 2px solid;
    border-radius: 2px;
    margin: 0 10px 0 0;
    cursor: pointer
}

@supports (--theme-main-color: $color-purple) {
    .cu-import-item__controls {
        border-color:var(--theme-main-color)
    }
}

.cu-import-item__controls:before,.cu-import-item__controls:after {
    content: "";
    display: block;
    position: absolute;
    background: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .cu-import-item__controls:before,.cu-import-item__controls:after {
        background:var(--theme-main-color)
    }
}

.cu-import-item__controls:before {
    width: 6px;
    height: 2px;
    top: 4px;
    left: 2px
}

.cu-import-item__controls:after {
    width: 2px;
    height: 6px;
    top: 2px;
    left: 4px
}

.cu-import-item__title {
    font-size: 13px;
    font-weight: 500;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #A2C44A;
    padding: 2px 0 0
}

@supports (--theme-main-color: $color-purple) {
    .cu-import-item__title {
        color:var(--theme-main-color)
    }
}

.cu-import-item__body {
    position: relative;
    display: none
}

.cu-import-item__body:before {
    content: "";
    display: block;
    position: absolute;
    background: #A2C44A;
    width: 2px;
    height: calc(100% - 8px);
    left: 21px;
    top: -11px
}

@supports (--theme-main-color: $color-purple) {
    .cu-import-item__body:before {
        background:var(--theme-main-color)
    }
}

.cu-import-item__category {
    font-size: 12px;
    font-weight: 400;
    color: #222;
    padding: 0 16px 0 24px
}

.dark-theme .cu-import-item__category {
    color: #abaeb0
}

.cu-import-item.cu-import-item_open .cu-import-item__body {
    display: block
}

.cu-import-select-group {
    margin: 0 0 8px;
    border-radius: 5px;
    padding: 3px;
    background: #f5f5f5
}

.cu-import-list {
    width: 100%;
    padding: 20px
}

.cu-project-select>.cu-dropdown__toggle {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #A2C44A;
    font-size: 14px;
    font-weight: 400;
    display: flex;
    align-items: center;
    height: 40px;
    margin: 20px 0;
    border: 1px solid #d8d8d8;
    border-radius: 3px;
    text-transform: uppercase;
    padding: 4px 30px 0 15px
}

@supports (--theme-main-color: $color-purple) {
    .cu-project-select>.cu-dropdown__toggle {
        color:var(--theme-main-color)
    }
}

.cu-project-select>.cu-dropdown__toggle:after {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    background: url(arrow-down.1d14d21bc3072521.svg) center center/contain no-repeat transparent;
    top: 14px;
    right: 10px;
    width: 12px;
    height: 12px
}

.cu-project-list {
    width: 100%;
    margin: 5px 0 0
}

.cu-project-list__item {
    color: #A2C44A;
    font-size: 14px;
    font-weight: 400;
    text-decoration: none
}

@supports (--theme-main-color: $color-purple) {
    .cu-project-list__item {
        color:var(--theme-main-color)
    }
}

.cu-project-list__item:hover .cu-controls_md {
    display: inline-flex
}

.cu-import__controls {
    display: flex;
    flex-wrap: wrap;
    margin: 10px 0 0
}

.cu-import__controls>* {
    flex-grow: 1;
    margin: 0 5px 5px 0
}

.cu-import__controls>*:nth-of-type(n + 3) {
    margin-right: 0
}

.import-user-list {
    padding: 0 5px;
    width: 300px;
    margin: 10px 0 0
}

.cu-import-option__header {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 11px;
    font-weight: 500;
    line-height: 1;
    color: #292d34;
    margin: 0 0 15px;
    text-transform: uppercase
}

.dark-theme .cu-import-option__header {
    color: #d5d6d7
}

.cu-import-option__warning {
    display: inline-flex;
    align-items: center;
    margin: 0 0 20px;
    background: rgba(253,180,113,.1);
    padding: 5px 7px;
    border-radius: 3px
}

.dark-theme .cu-import-option__warning {
    color: #abaeb0
}

.cu-import-option__warning_centered {
    margin: 20px auto 0
}

.cu-import-option__warning-icon {
    width: 15px;
    height: 15px;
    margin-right: 8px
}

.cu-import-option__warning-icon use {
    fill: #d79529
}

.cu-import-option__warning-text {
    font-size: 12px;
    font-weight: 400;
    line-height: 1;
    color: #d79529
}

.cu-import-option__warning-text-link {
    font-size: 12px;
    font-weight: 400;
    line-height: 1;
    color: #d79529;
    border-bottom: 1px dashed #d79529
}

.cu-import-option__warning-text-link:hover {
    border-bottom-color: transparent
}

.cu-import-option .cu-radio__label {
    font-size: 12px;
    font-weight: 400;
    line-height: 1;
    text-transform: none
}

.cu-import-warning {
    width: 400px;
    margin: 0 auto
}

.cu-import-warning__header {
    display: flex;
    align-items: center;
    background: #f5f5f5;
    padding: 20px 30px
}

.cu-import-warning__icon {
    flex-shrink: 0;
    width: 16px;
    height: 16px;
    margin: 0 10px 0 0
}

.cu-import-warning__title {
    font-size: 15px;
    font-weight: 300;
    color: #222;
    padding: 2px 0 0
}

.cu-import-warning__body {
    padding: 0 0 30px
}

.cu-import-warning__link {
    color: #A2C44A;
    border-bottom-color: #A2C44A;
    font-size: 16px;
    font-weight: 400;
    display: inline-block;
    text-decoration: none;
    border-bottom: 2px dotted
}

@supports (--theme-main-color: $color-purple) {
    .cu-import-warning__link {
        color:var(--theme-main-color)
    }
}

@supports (--theme-main-color: $color-purple) {
    .cu-import-warning__link {
        border-bottom-color:var(--theme-main-color)
    }
}

.cu-import-cat {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    flex-grow: 1;
    padding: 2px 2px 2px 10px
}

.cu-import-cat:after {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    background: url(arrow-down.1d14d21bc3072521.svg) center center/contain no-repeat transparent;
    top: 15px;
    right: 10px;
    width: 12px;
    height: 12px
}

.cu-import-cat__toggle {
    border-color: #A2C44A;
    position: relative;
    width: 14px;
    height: 14px;
    border: 2px solid;
    border-radius: 2px;
    margin: 0 10px 0 0;
    cursor: pointer;
    flex-shrink: 0
}

@supports (--theme-main-color: $color-purple) {
    .cu-import-cat__toggle {
        border-color:var(--theme-main-color)
    }
}

.cu-import-cat__toggle:before,.cu-import-cat__toggle:after {
    content: "";
    display: block;
    position: absolute;
    background: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .cu-import-cat__toggle:before,.cu-import-cat__toggle:after {
        background:var(--theme-main-color)
    }
}

.cu-import-cat__toggle:before {
    width: 6px;
    height: 2px;
    top: 4px;
    left: 2px
}

.cu-import-cat__toggle:after {
    width: 2px;
    height: 6px;
    top: 2px;
    left: 4px
}

.cu-import-cat__input {
    border: 0;
    box-shadow: none;
    flex-grow: 1;
    height: 36px;
    padding: 0 10px
}

.cu-import-cat__input:focus {
    outline: none
}

.cu-import-user {
    width: 100%;
    display: flex;
    justify-content: space-between
}

.cu-import-user .trello-error {
    border: 1px solid #d16464
}

.cu-import-user__col {
    font-size: 13px;
    font-weight: 400;
    position: relative;
    display: flex;
    align-items: center;
    width: calc(50% - 20px);
    height: 40px;
    margin: 0 0 8px;
    background: #f7f7f7;
    border-radius: 4px
}

.cu-import-user__col.user-error-selection {
    border: 1px solid #d16464
}

.dark-theme .cu-import-user__col {
    background: #384047
}

.cu-import-user__col_from {
    color: #A2C44A;
    padding: 0 16px
}

@supports (--theme-main-color: $color-purple) {
    .cu-import-user__col_from {
        color:var(--theme-main-color)
    }
}

.cu-import-user__col_from:after {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    background: url(arrow-right.7f63b1082a6bc4b4.svg) center center/contain no-repeat transparent;
    top: 4px;
    right: -30px;
    height: calc(100% - 8px);
    width: 20px
}

.cu-import-user__col_to .cu-user-list-dropdown {
    padding: 0 1px 0 16px!important
}

.cu-import-user__col cu-user-list {
    width: 100%;
    height: 100%;
    align-items: center;
    display: flex;
    padding: 0 16px
}

.cu-user-import-skip {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    padding: 2px 16px 0;
    color: #fd71af;
    -webkit-user-select: none;
    user-select: none
}

.cu-user-import-invite {
    width: calc(100% - 4px);
    height: calc(100% - 4px);
    margin: 2px;
    border: 1px solid #fff;
    border-radius: 4px;
    background: #fff;
    padding: 0 16px
}

.dark-theme .cu-user-import-invite {
    border: 1px solid #384047;
    background: #384047
}

.cu-user-import-invite:focus {
    box-shadow: none
}

.cu-user-import-cancel {
    width: 16px;
    height: 16px;
    padding: 2px;
    margin: 0 10px
}

.cu-asana-import .cu-settings-section__header {
    display: block
}

.cu-asana-import__desc {
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
    margin-top: 15px;
    color: #505050
}

.dark-theme .cu-asana-import__desc {
    color: #abaeb0
}

.cu-asana-import__desc b {
    font-weight: 500
}

.cu-asana-import__next {
    display: none
}

.cu-asana-import .cu-settings-section.cu-settings-section_open .cu-asana-import__next {
    display: flex;
    justify-content: flex-end;
    width: 100%
}

.cu-asana-import .cu-settings-section.cu-settings-section_open .cu-settings-section__body_flex-start {
    align-items: flex-start
}

.cu-import-progress {
    display: flex;
    align-items: center;
    max-width: 950px;
    height: 110px;
    border-bottom: 1px solid #e4e4e4
}

.dark-theme .cu-import-progress {
    border-bottom: 1px solid #384047
}

.cu-import-progress__container {
    display: flex;
    flex-direction: column;
    min-height: 100%
}

.cu-import-progress__container-top {
    flex: 1 0 0
}

.cu-import-progress__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    max-width: 950px;
    margin-bottom: 35px
}

[lang=fr-FR] .cu-import-progress__header {
    max-width: 1024px
}

.cu-import-progress__header-info {
    flex: 1 0 0
}

.cu-import-progress__header-disabled {
    cursor: not-allowed;
    opacity: .5
}

.cu-import-progress__header .cu-import-help {
    margin-bottom: 0;
    padding-top: 0;
    flex-wrap: wrap
}

.cu-import-progress__header-btns {
    display: flex;
    align-items: center;
    margin-left: 30px;
    flex-shrink: 0
}

.cu-import-progress__header-btns-export {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 14px;
    font-weight: 500;
    line-height: 1;
    margin-right: 40px;
    padding: 10px;
    cursor: pointer;
    color: #7c828d
}

.dark-theme .cu-import-progress__header-btns-export {
    color: #abaeb0
}

.cu-import-progress__header-btns-export:hover {
    color: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .cu-import-progress__header-btns-export:hover {
        color:var(--theme-main-color)
    }
}

.cu-import-progress__footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: 20px;
    padding-bottom: 30px;
    position: sticky;
    bottom: 0;
    background: rgba(255,255,255,.9)
}

.dark-theme .cu-import-progress__footer {
    background: rgba(30,39,46,.9)
}

.cu-import-progress__footer:before {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 8px;
    top: -8px;
    z-index: 2;
    pointer-events: none;
    background: linear-gradient(to bottom,rgba(255,255,255,0) 0%,rgba(255,255,255,.9) 100%)
}

.dark-theme .cu-import-progress__footer:before {
    background: linear-gradient(to bottom,rgba(30,39,46,0) 0%,rgba(30,39,46,.9) 100%)
}

.cu-import-progress:hover .cu-import-progress__logo {
    filter: grayscale(0%);
    opacity: 1
}

.cu-import-progress__logo {
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all .2s cubic-bezier(.785,.135,.15,.86) 0s;
    height: 74px;
    width: 180px;
    background: transparent;
    margin-right: 20px;
    position: relative;
    overflow: hidden;
    border-radius: 5px;
    filter: grayscale(100%);
    opacity: .5
}

.dark-theme .cu-import-progress__logo {
    background: #fff
}

.cu-import-progress__logo.selected,.cu-import-progress__logo.selected:hover {
    border: 0;
    filter: grayscale(0%);
    opacity: 1
}

.cu-import-progress__logo .cu-integration-btn-icon {
    max-width: 100%
}

.cu-import-progress__data {
    flex: 1 0 0
}

.cu-import-progress__data-status {
    font-size: 15px;
    font-weight: 400;
    line-height: 1;
    text-transform: capitalize;
    color: #d16464;
    margin-bottom: 14px
}

.cu-import-progress__data-status.importCompleted {
    color: #67cb48
}

.cu-import-progress__data-status.importPending {
    color: #343434
}

.dark-theme .cu-import-progress__data-status.importPending {
    color: #828588
}

.cu-import-progress__data-bar {
    width: calc(100% - 20px);
    height: 12px;
    border-radius: 10px;
    background: #d2d0d5;
    margin-bottom: 14px
}

.dark-theme .cu-import-progress__data-bar {
    background: #828588
}

.cu-import-progress__data-completed {
    background: #A2C44A;
    height: 100%;
    border-radius: 12px;
    position: relative;
    overflow: hidden;
    transition: width .5s cubic-bezier(.785,.135,.15,.86)
}

@supports (--theme-main-color: $color-purple) {
    .cu-import-progress__data-completed {
        background:var(--theme-main-color)
    }
}

.cu-import-progress__data-completed:after {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 12px;
    background: linear-gradient(-45deg,rgba(255,255,255,0),rgba(255,255,255,.4),rgba(255,255,255,0));
    background-size: 300px 12px;
    background-repeat: no-repeat;
    animation: cu-import-progress-gradient-animation 5s linear infinite
}

.cu-import-progress__data-date {
    font-size: 13px;
    font-weight: 400;
    line-height: 1;
    opacity: .4;
    color: #292d34
}

.dark-theme .cu-import-progress__data-date {
    color: #d5d6d7
}

.cu-import-progress-action {
    width: 160px;
    font-size: 16px;
    cursor: pointer;
    text-align: right
}

.cu-import-progress-action .import-delete {
    color: #fd71af
}

.cu-import-progress-action .import-cancel {
    color: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .cu-import-progress-action .import-cancel {
        color:var(--theme-main-color)
    }
}

@keyframes cu-import-progress-gradient-animation {
    0% {
        background-position: -300px 0
    }

    to {
        background-position: 600px 0
    }
}

.cu-jira-import .cu-settings-section.last {
    margin-bottom: 15px
}

.cu-jira-import .cu-settings-section.cu-settings-section_open .cu-settings-section__body {
    display: block
}

.cu-jira-import__no-data {
    color: #A2C44A;
    text-decoration: underline;
    cursor: pointer
}

@supports (--theme-main-color: $color-purple) {
    .cu-jira-import__no-data {
        color:var(--theme-main-color)
    }
}

.cu-jira-import__form {
    margin-bottom: 15px
}

.cu-jira-import__form-desc {
    font-size: 14px;
    font-weight: 400;
    line-height: 19px;
    width: 100%;
    padding: 16px 20px 12px;
    border: 1px solid #e8dbff;
    border-radius: 5px;
    color: #343434;
    margin: 20px 0 30px
}

.dark-theme .cu-jira-import__form-desc {
    border: 1px solid #384047;
    color: #d5d6d7
}

.dark-theme .cu-modal__body .cu-jira-import__form-desc {
    border: 1px solid #828588
}

.cu-jira-import__form-desc_noborder {
    border: 0!important;
    padding: 0;
    margin: 0
}

.cu-jira-import__form-desc-item {
    padding-bottom: 10px;
    color: #343434
}

.dark-theme .cu-jira-import__form-desc-item {
    color: #d5d6d7
}

.cu-jira-import__form-desc-item:last-child {
    padding-bottom: 0
}

.cu-jira-import__form-desc-item-other-line {
    display: block;
    padding: 5px 0 0 15px
}

.cu-jira-import__form-desc-item-content {
    padding: 15px
}

.cu-jira-import__form-desc-item-content strong {
    font-weight: 600
}

.cu-jira-import__form-desc-item-content a {
    color: var(--theme-main-color);
    cursor: pointer
}

.cu-jira-import__form-desc-item-content a:hover {
    text-decoration: underline
}

.cu-jira-import__form-desc-item-content-item {
    padding: 5px 0;
    line-height: 1.2
}

.cu-jira-import__form-desc-item-content-item-extra-padding-bot {
    padding-bottom: 15px
}

.cu-jira-import__form-desc-item-content-item-extra-padding-top {
    padding-top: 15px
}

.cu-jira-import__form-desc-pre {
    display: inline;
    border: 1px solid #e4e4e4;
    border-radius: 2px;
    white-space: normal;
    padding: 5px 4px 3px;
    line-height: 26px;
    color: #d16464
}

.dark-theme .cu-jira-import__form-desc-pre {
    border: 1px solid #384047;
    background: #2b343b
}

.cu-jira-import__form-desc-pre_nobr {
    white-space: nowrap
}

.cu-jira-import__form-desc-link {
    color: #A2C44A;
    position: relative;
    display: inline-block;
    font-weight: 400
}

@supports (--theme-main-color: $color-purple) {
    .cu-jira-import__form-desc-link {
        color:var(--theme-main-color)
    }
}

.cu-jira-import__form-desc-link:after {
    content: "";
    display: block;
    position: absolute;
    transition: all .2s cubic-bezier(.785,.135,.15,.86) 0s;
    background-color: #A2C44A;
    bottom: 3px;
    left: 0;
    width: 100%;
    height: 1px
}

.cu-jira-import__form-desc-link:after:hover {
    transition: none
}

@supports (--theme-main-color: $color-purple) {
    .cu-jira-import__form-desc-link:after {
        background-color:var(--theme-main-color)
    }
}

.cu-jira-import__form-desc-img {
    width: 600px;
    max-width: 100%;
    border: 1px solid #d8d8d8;
    margin-bottom: 20px;
    opacity: 0;
    display: none
}

.dark-theme .cu-jira-import__form-desc-img {
    border: 1px solid #384047
}

.cu-jira-import__form-desc-img_show {
    animation: fadeIn .2s linear .2s forwards;
    display: block
}

.cu-jira-import__form-desc-img-full {
    width: 100%
}

.cu-jira-import__form-desc-tab {
    transition: all .2s cubic-bezier(.785,.135,.15,.86) 0s;
    font-size: 16px;
    font-weight: 500;
    line-height: 1;
    display: inline-block;
    margin: 0 20px 20px 0;
    color: #a19da880;
    padding: 10px 0;
    cursor: pointer;
    border-bottom: solid 2px #fff
}

.dark-theme .cu-jira-import__form-desc-tab {
    border-bottom: solid 2px #1e272e
}

.dark-theme .cu-jira-import__form-desc-tab {
    color: #828588;
    border-bottom: solid 2px #1e272e
}

.cu-jira-import__form-desc-tab:hover {
    color: #343434
}

.dark-theme .cu-jira-import__form-desc-tab:hover {
    color: #d5d6d7
}

.cu-jira-import__form-desc-tab_active {
    border-bottom-color: #A2C44A;
    color: #343434;
    border-bottom: solid 2px
}

@supports (--theme-main-color: $color-purple) {
    .cu-jira-import__form-desc-tab_active {
        border-bottom-color:var(--theme-main-color)
    }
}

.dark-theme .cu-jira-import__form-desc-tab_active {
    border-bottom-color: #A2C44A;
    color: #d5d6d7
}

@supports (--theme-main-color: $color-purple) {
    .dark-theme .cu-jira-import__form-desc-tab_active {
        border-bottom-color:var(--theme-main-color)
    }
}

.cu-jira-import__form-container {
    display: flex
}

.cu-jira-import__input {
    width: 400px
}

.cu-jira-import__section-header {
    margin: 0 0 40px
}

.cu-jira-import__next {
    display: flex;
    justify-content: flex-end;
    margin-bottom: 15px
}

.cu-jira-import__copy {
    transition: all .2s cubic-bezier(.785,.135,.15,.86) 0s;
    display: inline-flex;
    align-items: center;
    padding: 3px 10px;
    border-radius: 5px;
    background: #343434;
    border: 1px solid #343434;
    color: #fff;
    font-size: 12px
}

.cu-jira-import__copy:hover {
    background: #000;
    border: 1px solid #000
}

.cu-jira-import__copy-icon {
    width: 11px;
    height: 12px;
    margin: -1px 3px 0 0;
    display: inline-block
}

.cu-jira-import__statuses {
    text-transform: none
}

.cu-jira-import__row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    margin-bottom: 5px
}

.cu-jira-import__row.selection-error {
    border: 1px solid #d16464
}

.cu-jira-import__row-header {
    font-size: 14px;
    font-weight: 600;
    line-height: 1;
    margin-bottom: 15px;
    color: #505050
}

.cu-jira-import__row-header.trello {
    width: calc(50% - 20px)
}

.cu-jira-import__row-item {
    position: relative;
    display: flex;
    align-items: center;
    padding: 0 16px;
    width: calc(50% - 20px);
    background: #f7f7f7;
    border-radius: 4px
}

.dark-theme .cu-jira-import__row-item {
    background: #384047
}

.cu-jira-import__row-item.project-jira {
    height: 40px
}

.cu-jira-import__row-item.project-trello {
    min-height: 40px;
    cursor: pointer
}

.cu-jira-import__row-item.project-jira:after,.cu-jira-import__row-item.project-trello:after {
    top: 4px;
    right: -30px;
    height: calc(100% - 8px);
    width: 20px;
    content: "";
    display: block;
    position: absolute;
    background: url(arrow-right.7f63b1082a6bc4b4.svg) center center/contain no-repeat transparent
}

.cu-jira-import__row-item.project-clickup {
    padding: 0 2px
}

.cu-jira-import__row-item.project-clickup.select-border {
    padding: 0
}

.cu-jira-import__row-item-clickup-options {
    flex-grow: 1;
    height: 36px;
    border: 1px solid #f5f0f0;
    background: #fff;
    width: 100%;
    margin-top: 2px
}

.dark-theme .cu-jira-import__row-item-clickup-options {
    background: #384047
}

.cu-jira-import__row-item-clickup-options.trello-error {
    border: 1px solid #d16464
}

.cu-jira-import__row-item-clickup-options:first-child {
    margin-top: 0
}

.cu-jira-import__btns {
    margin-top: 15px;
    display: flex;
    align-items: center
}

.cu-jira-import__go-back {
    color: #A2C44A;
    margin-left: 15px;
    text-decoration: underline
}

@supports (--theme-main-color: $color-purple) {
    .cu-jira-import__go-back {
        color:var(--theme-main-color)
    }
}

.cu-jira-import__key {
    word-break: break-word;
    overflow-wrap: break-word;
    word-wrap: break-word;
    -webkit-hyphens: auto;
    hyphens: auto;
    font-size: 16px;
    font-weight: 400;
    width: 100%;
    display: block;
    color: #2226;
    padding: 10px 0
}

.dark-theme .cu-jira-import__key {
    color: #828588
}

.cu-jira-import__see-example {
    margin-left: 10px;
    color: #aeacb0;
    font-size: 12px;
    border-bottom: 1px dashed #aeacb0;
    cursor: pointer
}

.cu-jira-import__see-example:hover {
    color: #544d61;
    border-bottom: 1px dashed #544d61
}

.dark-theme .cu-jira-import__see-example:hover {
    color: var(--theme-main-color);
    border-bottom: 1px dashed var(--theme-main-color)
}

.cu-jira-import__modal-title {
    font-size: 23px;
    font-weight: 500;
    margin: -10px 0 30px;
    color: #505050
}

.dark-theme .cu-jira-import__modal-title {
    color: #d5d6d7
}

.cu-jira-import__modal-description {
    font-size: 16px;
    font-weight: 300;
    line-height: 20px;
    color: #aeacb0
}

.cu-jira-import__modal-buttons {
    margin-top: 30px!important
}

.cu-csv-import__desc {
    margin: 15px 0;
    font-size: 16px
}

.cu-csv-import .cu-nav-sts__back {
    color: #A2C44A;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 14px;
    font-weight: 500;
    line-height: 1;
    transition: all .2s cubic-bezier(.785,.135,.15,.86) 0s;
    border-radius: 30px;
    background: #fff;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    padding: 7px 15px 5px;
    text-transform: uppercase;
    margin-bottom: 30px;
    cursor: pointer;
    border: 1px solid #f7f7f7
}

@supports (--theme-main-color: $color-purple) {
    .cu-csv-import .cu-nav-sts__back {
        color:var(--theme-main-color)
    }
}

.cu-csv-import .cu-nav-sts__back:hover {
    background: #A2C44A;
    color: #fff
}

@supports (--theme-main-color: $color-purple) {
    .cu-csv-import .cu-nav-sts__back:hover {
        background:var(--theme-main-color)
    }
}

.cu-csv-import .cu-nav-sts__back-icon {
    width: 6px;
    height: 10px;
    margin-top: -2px;
    margin-right: 5px;
    transform: rotate(180deg)
}

.cu-csv-import .cu-nav-sts__back-icon use {
    fill: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .cu-csv-import .cu-nav-sts__back-icon use {
        fill:var(--theme-main-color)
    }
}

.cu-csv-import .cu-settings-section.cu-settings-section_open .cu-settings-section__body {
    display: flex
}

.cu-csv-import .cu-settings-section.cu-settings-section_open .cu-settings-section__body.cu-csv-import__form {
    display: block
}

.cu-csv-import .multi-value-required {
    cursor: not-allowed
}

.cu-csv-import .cu-checkbox__input:checked+.cu-checkbox__label.multi-value-required:after {
    opacity: .5
}

.cu-csv-import .cu-period-picker__label {
    transition: all .2s cubic-bezier(.785,.135,.15,.86) 0s;
    color: #343434
}

.dark-theme .cu-csv-import .cu-period-picker__label {
    color: #d5d6d7
}

.cu-csv-import .cu-period-picker:hover .cu-period-picker__label {
    color: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .cu-csv-import .cu-period-picker:hover .cu-period-picker__label {
        color:var(--theme-main-color)
    }
}

.cu-trello-import__closed {
    color: #A2C44A;
    cursor: pointer;
    text-decoration: underline;
    margin-top: 10px
}

@supports (--theme-main-color: $color-purple) {
    .cu-trello-import__closed {
        color:var(--theme-main-color)
    }
}

.cu-trello-import__lists {
    margin-left: 15px;
    display: none
}

.cu-trello-import__lists-item {
    margin-top: 5px
}

.cu-trello-import__explanation {
    margin-top: 15px
}

.cu-trello-import__explanation-header {
    font-weight: 700;
    margin-bottom: 10px
}

.cu-trello-import__container {
    flex: 1
}

.cu-trello-import__container .cu-import-item__title {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: space-between
}

.cu-trello-import__container .cu-import-item__title .nav-category__toggle {
    opacity: 1
}

.cu-trello-import__container-open .cu-trello-import__lists {
    display: block
}

.cu-trello-import__container-open .cu-import-item__title .nav-category__toggle {
    transform: rotate(-90deg)
}

.cu-priority-badge {
    background: #A2C44A;
    display: inline-flex;
    align-items: center;
    height: 30px;
    border-radius: 30px;
    padding: 0 10px;
    -webkit-user-select: none;
    user-select: none;
    margin: 0 10px 10px 0
}

@supports (--theme-main-color: $color-purple) {
    .cu-priority-badge {
        background:var(--theme-main-color)
    }
}

.cu-priority-badge__picker {
    flex-shrink: 0;
    width: 16px;
    height: 100%;
    padding: 2px;
    cursor: pointer
}

.cu-priority-badge__text {
    font-size: 12px;
    font-weight: 400;
    color: #fff;
    margin: 2px 10px 0
}

.cu-priority-badge__remove {
    flex-shrink: 0;
    width: 16px;
    height: 100%;
    cursor: pointer
}

.cu-priority-badge.cu-priority-badge_normal {
    background: #bdbdbd
}

.cu-priority-badge.cu-priority-badge_medium {
    background: #546be5
}

.cu-priority-badge.cu-priority-badge_urgent {
    background: #b354e5
}

.cu-priority-badge.cu-priority-badge_asap {
    background: #d64c4c
}

.cu-project-header {
    display: flex
}

.cu-project-header .cu-form__row {
    width: 100%
}

.cu-project-team__header {
    font-size: 12px;
    font-weight: 600;
    color: #222;
    margin: 0 0 15px
}

.cu-project-team__body {
    display: flex;
    align-items: center
}

.cu-project-team__icon {
    flex-shrink: 0;
    margin: 0 10px 0 0
}

.cu-project-team__name {
    font-size: 17px;
    font-weight: 400;
    flex-grow: 1;
    padding: 12px 0 8px;
    color: #2229
}

.cu-form__multiple-assignees {
    margin-top: 30px
}

.cu-ct__ellipsis {
    width: 15px;
    height: 25px;
    margin-right: 5px;
    cursor: pointer
}

.cu-ct__check {
    stroke: #67cb48;
    height: 18px;
    width: 18px;
    cursor: pointer;
    margin-right: 5px
}

.cu-ct__check.cu-ct__check-done {
    margin-right: 0;
    margin-left: 5px;
    stroke: #fff!important;
    fill: #fff!important;
    height: 14px;
    width: 14px
}

.cu-ct__ellipsis:hover use {
    fill: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .cu-ct__ellipsis:hover use {
        fill:var(--theme-main-color)
    }
}

.cu-ct__ellipsis use {
    fill: #aeacb0
}

.cu-ct__paintbrush,.cu-ct__rename,.cu-ct__close {
    width: 10px;
    height: 10px;
    margin-right: 10px
}

.cu-ct__close use {
    stroke: #fd71af
}

.cu-ct__done {
    width: 14px;
    height: 14px;
    margin: 0 8px 0 -2px
}

.cu-ct__done-list {
    height: 16px;
    width: 16px;
    margin: 0 10px 0 0
}

.cu-form__preferences-settings {
    margin-top: 45px
}

.cu-form__preferences-settings .cu-checkbox__label {
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    text-transform: none
}

.cu-status-badge-list {
    display: flex;
    justify-content: space-between;
    align-content: stretch;
    margin: 10px 0 40px
}

.cu-status-badge-list__open,.cu-status-badge-list__close {
    flex-shrink: 0;
    position: relative
}

.cu-status-badge-list__custom-block {
    flex-grow: 1;
    margin: 0 15px 0 5px;
    padding: 0 15px;
    border-left: 1px solid #e2e2e2;
    border-right: 1px solid #e2e2e2
}

.dark-theme .cu-status-badge-list__custom-block {
    border-left: 1px solid #1e272e;
    border-right: 1px solid #1e272e
}

.cu-onboarding-v2__step .cu-status-badge-list__custom-block {
    border-left: 1px solid #e2e2e2;
    border-right: 1px solid #e2e2e2
}

.cu-status-badge-list__simple {
    display: flex;
    align-items: center;
    border: 1px solid #aeacb0;
    margin: 0 30px 0 0;
    text-align: center;
    transition: .1s;
    background: none;
    border-radius: 3px
}

.cu-status-badge-list__simple-value {
    font-size: 11px;
    font-weight: 500;
    line-height: 12px;
    color: #aeacb0;
    flex-grow: 1;
    padding: 0 8px;
    transition: .1s;
    text-transform: uppercase;
    -webkit-user-select: none;
    user-select: none;
    white-space: nowrap;
    border-radius: 3px 0 0 3px
}

.cu-status-badge-list__simple-icon {
    stroke: #d3d3d3;
    stroke-width: 2px;
    width: 20px;
    height: 30px;
    padding: 9px 0 9px 9px;
    transition: .1s
}

.cu-status-badge-list__custom {
    display: flex;
    flex-wrap: wrap;
    align-content: flex-start
}

.cu-status-badge-list__custom .cu-dropdown_open .cu-ct__ellipsis use {
    fill: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .cu-status-badge-list__custom .cu-dropdown_open .cu-ct__ellipsis use {
        fill:var(--theme-main-color)
    }
}

.cu-status-badge-list__custom color-picker {
    position: absolute;
    top: 0;
    left: 0
}

.cu-status-badge {
    display: flex;
    align-items: center;
    justify-content: center;
    display: inline-flex;
    position: relative;
    height: 28px;
    margin: 0 10px 10px 0;
    border: 1px solid #d8d8d8;
    background: #fff;
    border-radius: 3px
}

.dark-theme .cu-status-badge {
    border: 1px solid #1e272e;
    background: #384047
}

.cu-status-badge_full-width {
    width: 100%;
    justify-content: flex-start;
    margin: 0 0 5px
}

.cu-status-badge_full-width .cu-status-badge__text {
    flex-grow: 1
}

.cu-status-badge_light .cu-status-badge__color {
    box-shadow: 0 0 1px #828588
}

.cu-status-badge_light .cu-status-badge__text {
    color: #bbb!important
}

.cu-onboarding-v2__step .cu-status-badge {
    border: 1px solid #d8d8d8;
    background: #fff
}

.cu-status-badge__error_tags_modal {
    height: 20px;
    width: 65%;
    float: left;
    margin-top: 8px
}

.cu-status-badge__error_tags_modal-icon {
    font-size: 10px;
    font-weight: 500;
    line-height: 1;
    width: 12px;
    height: 15px;
    flex-shrink: 0;
    margin: 2px 5px 0 0;
    float: left;
    position: relative;
    text-transform: uppercase;
    letter-spacing: 1px
}

.cu-status-badge__error_tags_modal-text {
    font-size: 10px;
    font-weight: 500;
    line-height: 1;
    color: #e54b4b;
    height: 15px;
    margin: 0;
    float: left;
    position: relative;
    text-transform: uppercase;
    letter-spacing: 1px;
    line-height: 17px
}

.cu-status-badge__error_tags_modal__warning {
    margin: 10px 0 0;
    display: flex;
    align-items: center
}

.cu-status-badge__error_tags_modal__warning-icon {
    width: 12px;
    height: 12px;
    flex-shrink: 0;
    margin: 0 5px 0 0;
    float: left
}

.cu-status-badge__handler {
    width: 16px;
    height: 100%;
    cursor: move;
    display: flex;
    justify-content: center;
    align-items: center
}

.cu-status-badge__handler:active {
    cursor: grabbing
}

.cu-status-badge__handler:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 16px;
    height: 26px
}

.cu-status-badge__error {
    border: 1px solid #d16464
}

.cu-status-badge__handler-icon {
    width: 8px;
    height: 18px
}

.cu-status-badge__color {
    background: #A2C44A;
    width: 10px;
    height: 10px;
    border-radius: 2px;
    margin: 0 10px 0 5px;
    cursor: pointer
}

@supports (--theme-main-color: $color-purple) {
    .cu-status-badge__color {
        background:var(--theme-main-color)
    }
}

.cu-status-badge__text {
    font-size: 12px;
    position: relative;
    margin: 0 10px 0 0;
    color: #5c5b5f;
    -webkit-user-select: none;
    user-select: none;
    cursor: pointer;
    text-transform: uppercase
}

.cu-status-badge__text:before {
    content: "";
    display: block;
    position: absolute;
    height: 10px;
    width: 10px;
    left: 10px;
    top: 0;
    border-radius: 2px
}

.cu-status-badge__text_editing {
    -webkit-user-select: auto;
    user-select: auto
}

.cu-status-badge__remove {
    display: block;
    width: 24px;
    height: 100%;
    padding: 0 5px
}

.cu-status-badge__label {
    font-size: 10px;
    font-weight: 500;
    line-height: 1;
    position: relative;
    margin-top: 12px;
    text-transform: uppercase;
    letter-spacing: 1px;
    opacity: .4;
    color: #343434
}

.dark-theme .cu-status-badge__label {
    color: #d5d6d7
}

.cu-onboarding-v2__step .cu-status-badge__label {
    color: #343434
}

.cu-status-badge__label_custom {
    float: left;
    width: 30%
}

.cu-status-badge color-picker {
    position: absolute
}

.cu-status-badge.cu-status-badge_todo .cu-status-badge__text {
    color: #aeacb0
}

.cu-status-badge.cu-status-badge_todo .cu-status-badge__color {
    background: #aeacb0
}

.cu-status-badge.cu-status-badge_progress .cu-status-badge__text {
    color: #4194f6
}

.cu-status-badge.cu-status-badge_progress .cu-status-badge__color {
    background: #4194f6
}

.cu-status-badge.cu-status-badge_review .cu-status-badge__text {
    color: #fc0
}

.cu-status-badge.cu-status-badge_review .cu-status-badge__color {
    background: #fc0
}

.cu-status-badge.cu-status-badge_done .cu-status-badge__text {
    color: #67cb48
}

.cu-status-badge.cu-status-badge_done .cu-status-badge__color {
    background: #67cb48
}

.cu-status-badge.cu-status-badge_closed .cu-status-badge__text {
    color: #67cb48
}

.cu-status-badge.cu-status-badge_closed .cu-status-badge__color {
    background: #67cb48
}

.cu-status-badge_start {
    border: 1px solid #aeacb0
}

.cu-status-badge_start .cu-status-badge__label {
    background: #aeacb0
}

.cu-status-badge_start .cu-status-badge__color,.cu-status-badge_start .cu-status-badge__text {
    cursor: default
}

.cu-status-badge_finish {
    border: 1px solid #67cb48
}

.cu-status-badge_finish .cu-status-badge__label {
    background: #67cb48
}

.cu-status-badge_finish .cu-status-badge__color,.cu-status-badge_finish .cu-status-badge__text {
    cursor: default
}

.gu-mirror {
    position: fixed!important;
    margin: 0!important;
    z-index: 9999!important;
    opacity: .8
}

.gu-hide {
    display: none!important
}

.gu-unselectable {
    -webkit-user-select: none!important;
    user-select: none!important
}

.gu-transit {
    opacity: .4;
    pointer-events: none
}

.cu-team-settings__join-team {
    vertical-align: middle;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(255,255,255,.8);
    padding: 50px;
    z-index: 100
}

.cu-team-settings__join-team-container {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translate(-50%);
    margin: 0 auto;
    width: 400px;
    text-align: center
}

.cu-team-settings__join-team-text {
    margin: 0 0 30px;
    font-size: 18px;
    font-weight: 500
}

.cu-team-settings__join-team-nope {
    background: #fff;
    border: 1px #aeacb0;
    color: #fd71af
}

.cu-user {
    display: inline-flex;
    align-items: center;
    height: 32px;
    padding: 0 2px;
    margin: 0 5px 10px 0;
    border: 1px solid #e2e2e2;
    border-radius: 32px
}

.cu-user__icon {
    display: block;
    width: 24px;
    height: 24px;
    flex-shrink: 0;
    border-radius: 50%
}

.cu-user__name {
    font-size: 12px;
    line-height: 11px;
    color: #5c5b5f;
    padding: 0 10px
}

.dark-theme .cu-user__name {
    color: #abaeb0
}

.cu-user__role,.cu-user__owner {
    font-size: 10px;
    font-weight: 500;
    position: relative;
    display: flex;
    align-items: center;
    height: 100%;
    background: #eee;
    color: #8c8c8c
}

.cu-user__role {
    margin: 0 0 0 5px;
    padding: 2px 10px 0 30px;
    background: #eee;
    cursor: pointer;
    -webkit-user-select: none;
    user-select: none
}

.cu-user__role:before {
    content: "";
    display: block;
    position: absolute;
    top: 9px;
    left: 10px;
    width: 12px;
    height: 12px;
    border: 1px solid rgba(151,151,151,.3);
    border-radius: 2px
}

.cu-user__owner {
    padding: 2px 10px;
    margin: 0 10px 0 0
}

.cu-user__close {
    display: block;
    width: 30px;
    height: 30px;
    border-radius: 0 50% 50% 0;
    padding: 8px 4px 8px 6px;
    opacity: .5;
    transition: opacity .1s
}

.cu-user__close:hover {
    opacity: 1
}

.cu-user.cu-user_admin {
    border-color: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .cu-user.cu-user_admin {
        border-color:var(--theme-main-color)
    }
}

.cu-user.cu-user_admin .cu-user__role {
    background: #A2C44A;
    color: #fff
}

@supports (--theme-main-color: $color-purple) {
    .cu-user.cu-user_admin .cu-user__role {
        background:var(--theme-main-color)
    }
}

.cu-user.cu-user_admin .cu-user__role:before {
    width: 100%;
    height: 100%;
    background: url(tick-white.df56bfeb6a7a183b.svg) center center/contain no-repeat transparent;
    border: 0
}

.cu-add-team {
    transition: all .2s cubic-bezier(.785,.135,.15,.86) 0s;
    color: #A2C44A;
    font-size: 14px;
    font-weight: 500;
    display: block;
    width: 100%;
    height: 40px;
    margin: 30px 0 0;
    border: 1px dashed rgba(151,151,151,.85);
    border-radius: 4px;
    padding: 4px 0 0
}

.cu-add-team:hover {
    transition: none
}

@supports (--theme-main-color: $color-purple) {
    .cu-add-team {
        color:var(--theme-main-color)
    }
}

.cu-add-team:hover {
    background: #A2C44A;
    border-color: #A2C44A;
    border: 1px solid;
    color: #fff
}

@supports (--theme-main-color: $color-purple) {
    .cu-add-team:hover {
        background:var(--theme-main-color)
    }
}

@supports (--theme-main-color: $color-purple) {
    .cu-add-team:hover {
        border-color:var(--theme-main-color)
    }
}

.cu-create-team {
    display: flex
}

.cu-create-team__aside {
    flex-shrink: 0;
    margin: 0 30px 0 0
}

.cu-create-team__body {
    flex-grow: 1
}

.team-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start
}

.team-list-item {
    width: 160px;
    text-align: center;
    display: inline-block;
    margin: 0 70px 50px 0
}

.team-list-item_add-team.disabled {
    opacity: .5
}

.team-list-item_add-team.disabled .team-list-item__icon {
    cursor: not-allowed!important
}

.team-list-item__thumb {
    position: relative;
    width: 160px;
    height: 160px;
    border-radius: 50%;
    margin: 0 0 20px
}

.team-list-item__thumb .cu-avatar_guest:after {
    width: 40px;
    height: 40px;
    border-radius: 10px;
    border-width: 6px
}

.dark-theme .team-list-item__thumb .cu-avatar_guest:after {
    border-color: #1e272e
}

.team-list-item__icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    border: 1px solid transparent;
    font-size: 50px
}

.team-list-item__controls {
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all .2s cubic-bezier(.785,.135,.15,.86) 0s;
    flex-direction: column;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 50%;
    background: rgba(84,77,97,.8);
    opacity: 0
}

.team-list-item__controls:hover {
    transition: none
}

.team-list-item:hover .team-list-item__controls {
    opacity: 1
}

.team-list-item__control {
    transition: all .2s cubic-bezier(.785,.135,.15,.86) 0s;
    font-size: 14px;
    font-weight: 400;
    color: #fff;
    margin: 5px 0;
    padding: 5px 0 0;
    border-bottom: 1px dashed rgba(255,255,255,.8);
    letter-spacing: .5px
}

.team-list-item__control:hover {
    transition: none
}

.team-list-item__control:hover {
    border-bottom: 1px dashed transparent
}

.team-list-item__name {
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5em;
    color: #544d61;
    word-wrap: break-word
}

.dark-theme .team-list-item__name {
    color: #abaeb0
}

.team-list-item.team-list-item_add-team .team-list-item__thumb {
    border: 1px solid #979797
}

.team-list-item.team-list-item_add-team .team-list-item__icon {
    transition: all .2s cubic-bezier(.785,.135,.15,.86) 0s;
    color: #A2C44A;
    font-size: 80px;
    font-weight: 300;
    line-height: 80px;
    position: relative;
    padding: 12px 0 0;
    cursor: pointer
}

.team-list-item.team-list-item_add-team .team-list-item__icon:hover {
    transition: none
}

@supports (--theme-main-color: $color-purple) {
    .team-list-item.team-list-item_add-team .team-list-item__icon {
        color:var(--theme-main-color)
    }
}

.team-list-item.team-list-item_add-team .team-list-item__icon:hover {
    background: #A2C44A;
    color: #fff
}

@supports (--theme-main-color: $color-purple) {
    .team-list-item.team-list-item_add-team .team-list-item__icon:hover {
        background:var(--theme-main-color)
    }
}

.team-list-item.team-list-item_add-team .team-list-item__name {
    color: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .team-list-item.team-list-item_add-team .team-list-item__name {
        color:var(--theme-main-color)
    }
}

.cu-tms-nav {
    display: flex;
    align-items: center;
    margin: 30px 0 5px;
    padding-bottom: 5px
}

.cu-tms-nav__item {
    transition: all .2s cubic-bezier(.785,.135,.15,.86) 0s;
    font-size: 14px;
    font-weight: 500;
    line-height: 1;
    display: flex;
    align-items: center;
    color: #343434;
    opacity: .4;
    cursor: pointer
}

.cu-tms-nav__item:hover {
    transition: none
}

.dark-theme .cu-tms-nav__item {
    color: #d5d6d7
}

.cu-tms-nav__item:not(:first-child) {
    margin-left: 30px
}

.cu-tms-nav__item_active {
    opacity: 1
}

.cu-tms-nav__item_divider {
    flex-grow: 1
}

.cu-tms-nav__item .icon {
    margin-left: 5px;
    width: 14px;
    height: 14px;
    fill: #343434;
    cursor: pointer
}

.dark-theme .cu-tms-nav__item .icon {
    fill: #d5d6d7
}

.cu-tms-nav__item-pop {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 13px;
    font-weight: 400;
    line-height: 20px;
    color: #fff
}

.cu-tms-nav__item-pop_text-container {
    color: #fff
}

.dark-theme .cu-tms-nav__item-pop_text-container-usage,.dark-theme .cu-tms-nav__item-pop_text-container-usage strong {
    color: #292d34
}

.cu-tms-nav__item-pop strong {
    font-weight: 500;
    color: #fff
}

.cu-tms-nav__item-pop a {
    border-bottom: 1px dashed inherit;
    color: #fff
}

.cu-tms-nav__learn-more {
    color: #aeacb0;
    margin-bottom: -2px
}

.cu-tms-nav__learn-more-link {
    color: #A2C44A;
    transition: all .2s cubic-bezier(.785,.135,.15,.86) 0s;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    margin: 0 0 0 13px;
    position: relative;
    display: inline-block;
    padding-bottom: 2px;
    cursor: pointer
}

@supports (--theme-main-color: $color-purple) {
    .cu-tms-nav__learn-more-link {
        color:var(--theme-main-color)
    }
}

.cu-tms-nav__learn-more-link:after {
    content: "";
    display: block;
    position: absolute;
    transition: all .2s cubic-bezier(.785,.135,.15,.86) 0s;
    background-color: #A2C44A;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px
}

.cu-tms-nav__learn-more-link:after:hover {
    transition: none
}

@supports (--theme-main-color: $color-purple) {
    .cu-tms-nav__learn-more-link:after {
        background-color:var(--theme-main-color)
    }
}

.cu-tms-nav__learn-more-link:hover:after {
    opacity: 0
}

.cu-tms-header {
    border-bottom: 1px solid #d1d1d1;
    padding: 10px 40px 5px 0;
    display: flex
}

.dark-theme .cu-tms-header {
    border-bottom: 1px solid #384047
}

.cu-tms-label {
    margin-left: 3px;
    text-transform: uppercase
}

.cu-tms-user {
    transition: all .2s cubic-bezier(.785,.135,.15,.86) 0s;
    display: flex;
    align-items: center;
    width: 100%;
    padding: 12px 0;
    border-top: 1px solid #e4e4e4;
    min-height: 59px
}

.dark-theme .cu-tms-user {
    border-top: 1px solid #2b343b
}

.cu-tms-user:hover {
    background: #fafbfc
}

.dark-theme .cu-tms-user:hover {
    background: rgba(43,52,59,.3)
}

.cu-tms-user:first-child {
    border-top: 0
}

.cu-tms-user__col {
    display: flex;
    align-items: center;
    padding: 0;
    color: #343434
}

.dark-theme .cu-tms-user__col {
    color: #d5d6d7
}

.cu-tms-user__col_name {
    width: 400px;
    display: flex;
    flex-shrink: 0;
    word-break: break-word;
    overflow-wrap: break-word;
    word-wrap: break-word
}

.cu-tms-user__col_email {
    display: flex;
    align-items: center;
    min-width: 250px;
    flex-grow: 1;
    align-self: stretch;
    position: relative
}

.cu-tms-user__col_email.smaller {
    min-width: 250px
}

.cu-tms-user__col_email.smaller .cu-tms-user__email-copy {
    position: absolute;
    right: -10px;
    margin-left: 0
}

.cu-tms-user__col_email:hover .cu-tms-user__email-copy {
    display: inline-flex
}

.cu-tms-user__col_clickapps {
    width: 150px;
    justify-content: center;
    flex-shrink: 0
}

.cu-tms-user__col_2fa {
    min-width: 120px;
    width: 120px;
    justify-content: center
}

.cu-tms-user__col_role {
    min-width: 140px;
    width: 140px;
    justify-content: center
}

.cu-tms-user__col_settings {
    width: 80px;
    justify-content: center
}

.cu-tms-user__col_access {
    width: 200px;
    flex-shrink: 0;
    padding-left: 10px
}

.cu-tms-user__col_access .cu-tms-user__col-title {
    margin-left: 2px
}

.cu-tms-user__col_last-active {
    width: 100px;
    justify-content: center;
    flex-shrink: 0
}

.cu-tms-user__col-title {
    transition: all .2s cubic-bezier(.785,.135,.15,.86) 0s;
    font-size: 11px;
    font-weight: 500;
    line-height: 1;
    opacity: .4;
    color: #343434;
    text-transform: uppercase;
    padding: 5px;
    margin: 0 -5px;
    cursor: pointer;
    -webkit-user-select: none;
    user-select: none;
    text-align: center;
    width: 100%
}

.dark-theme .cu-tms-user__col-title {
    color: #d5d6d7
}

.cu-tms-user__col-title_cursor-default {
    cursor: default
}

.cu-tms-user__col-title_active {
    opacity: 1
}

.cu-tms-user__col-title-sort-close {
    transition: all .2s cubic-bezier(.785,.135,.15,.86) 0s;
    width: 13px;
    height: 13px;
    margin-left: -15px;
    cursor: pointer
}

.cu-tms-user__col-title-sort-close:hover {
    transform: scale(1.2)
}

.cu-tms-user__col-title-sort-dir {
    transition: all .2s cubic-bezier(.785,.135,.15,.86) 0s;
    margin: -2px -11px 0 5px;
    width: 6px;
    height: 6px
}

.cu-tms-user__col-title-sort-dir use {
    fill: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .cu-tms-user__col-title-sort-dir use {
        fill:var(--theme-main-color)
    }
}

.cu-tms-user__col-title-sort-dir-asc {
    transform: rotate(180deg)
}

.cu-tms-user__col_controls {
    margin: 0 0 0 10px
}

.cu-tms-user__col_resent {
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    padding-right: 10px
}

.cu-tms-user__email {
    font-size: 12px;
    font-weight: 400;
    line-height: 1;
    word-break: break-word;
    overflow-wrap: break-word;
    word-wrap: break-word;
    color: #343434;
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.dark-theme .cu-tms-user__email {
    color: #828588
}

.cu-tms-user__email-copy {
    margin-left: 10px;
    display: none
}

.cu-tms-user__name-and-settings {
    display: flex;
    align-items: center;
    margin-left: 10px;
    flex-grow: 1
}

.cu-tms-user__name-and-settings-btn {
    transition: background .2s cubic-bezier(.785,.135,.15,.86) 0s;
    border-radius: 3px;
    padding: 4px;
    margin: -4px
}

.cu-tms-user__name-and-settings-btn:hover {
    background-color: #f2f2f2
}

.dark-theme .cu-tms-user__name-and-settings-btn:hover {
    background-color: #1e272e
}

.cu-tms-user__role {
    margin: 0 15px;
    min-width: 65px;
    text-align: right
}

.cu-tms-user__2fa {
    fill: #A2C44A;
    width: 14px;
    height: 22px
}

@supports (--theme-main-color: $color-purple) {
    .cu-tms-user__2fa {
        fill:var(--theme-main-color)
    }
}

.cu-tms-user__2fa+.cu-tms-user__2fa {
    margin-left: 10px
}

.cu-tms-user__access {
    display: flex;
    align-items: center
}

.cu-tms-user__access-dropdown+.cu-tms-user__access-dropdown {
    margin-left: -1px
}

.cu-tms-user__access-toggle {
    display: flex;
    align-items: center;
    font-size: 11px;
    font-weight: 400;
    line-height: 1;
    height: 20px;
    padding: 0 5px;
    border: 1px solid transparent;
    color: #7c828d
}

.cu-tms-user__access-dropdown:first-child .cu-tms-user__access-toggle {
    border-radius: 3px 0 0 3px
}

.cu-tms-user__access-dropdown:last-child .cu-tms-user__access-toggle {
    border-radius: 0 3px 3px 0
}

.cu-tms-user:hover .cu-tms-user__access-toggle {
    border-color: #d8d8d8
}

.dark-theme .cu-tms-user:hover .cu-tms-user__access-toggle {
    border-color: #384047
}

.cu-dropdown_open .cu-tms-user__access-toggle,.cu-tms-user__access-toggle:not(.cu-dropdown__toggle_disabled):hover {
    background: #e9ebf0
}

.dark-theme .cu-dropdown_open .cu-tms-user__access-toggle,.dark-theme .cu-tms-user__access-toggle:not(.cu-dropdown__toggle_disabled):hover {
    background: #384047
}

.cu-tms-user__access-toggle span {
    margin-right: 4px;
    color: #292d34
}

.dark-theme .cu-tms-user__access-toggle span {
    color: #abaeb0
}

.cu-tms-user__access-dropdown-menu {
    width: 400px
}

.cu-tms-user__access-dropdown-menu .cu-search__input {
    padding: 14px 15px 12px 40px;
    font-size: 12px
}

.cu-tms-user__access-dropdown-menu .cu-search__icon {
    left: 15px
}

.cu-tms-user__access-dropdown-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 15px 5px
}

.cu-tms-user__access-dropdown-header-title {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 11px;
    font-weight: 500;
    line-height: 1;
    text-transform: uppercase;
    opacity: .4;
    color: #343434
}

.dark-theme .cu-tms-user__access-dropdown-header-title {
    color: #d5d6d7
}

.cu-tms-user__access-dropdown-header-link {
    font-size: 12px;
    font-weight: 400;
    line-height: 1;
    cursor: pointer;
    color: #fd71af
}

.cu-tms-user__access-dropdown-body {
    max-height: 300px;
    overflow-x: hidden;
    overflow-y: auto
}

.cu-os-win .cu-tms-user__access-dropdown-body {
    scrollbar-width: thin
}

.cu-os-win .cu-tms-user__access-dropdown-body::-webkit-scrollbar {
    background-color: #fff;
    width: 16px;
    height: 16px
}

.cu-os-win .cu-tms-user__access-dropdown-body::-webkit-scrollbar-track {
    background-color: #fff
}

.cu-os-win .cu-tms-user__access-dropdown-body::-webkit-scrollbar-track:hover {
    background-color: #fff
}

.cu-os-win .cu-tms-user__access-dropdown-body::-webkit-scrollbar-thumb {
    background-color: #babac080;
    border-radius: 16px;
    border: 5px solid #fff
}

.cu-os-win .cu-tms-user__access-dropdown-body::-webkit-scrollbar-thumb:hover {
    background-color: #a0a0a5;
    border: 3px solid #fff
}

.cu-os-win .cu-tms-user__access-dropdown-body::-webkit-scrollbar-button {
    display: none
}

.cu-os-win.dark-theme .cu-tms-user__access-dropdown-body::-webkit-scrollbar,.cu-os-win .dark-theme .cu-tms-user__access-dropdown-body::-webkit-scrollbar {
    background-color: #384047
}

.cu-os-win.dark-theme .cu-tms-user__access-dropdown-body::-webkit-scrollbar-track,.cu-os-win .dark-theme .cu-tms-user__access-dropdown-body::-webkit-scrollbar-track {
    background-color: #384047
}

.cu-os-win.dark-theme .cu-tms-user__access-dropdown-body::-webkit-scrollbar-track:hover,.cu-os-win .dark-theme .cu-tms-user__access-dropdown-body::-webkit-scrollbar-track:hover {
    background-color: #384047
}

.cu-os-win.dark-theme .cu-tms-user__access-dropdown-body::-webkit-scrollbar-thumb,.cu-os-win .dark-theme .cu-tms-user__access-dropdown-body::-webkit-scrollbar-thumb {
    border-color: #384047
}

.cu-os-win.dark-theme .cu-tms-user__access-dropdown-body::-webkit-scrollbar-thumb:hover,.cu-os-win .dark-theme .cu-tms-user__access-dropdown-body::-webkit-scrollbar-thumb:hover {
    border-color: #384047
}

.cu-os-win.dark-theme .cu-tms-user__access-dropdown-body::-webkit-scrollbar-corner,.cu-os-win .dark-theme .cu-tms-user__access-dropdown-body::-webkit-scrollbar-corner {
    background-color: #384047
}

.cu-tms-user__access-dropdown-row {
    display: flex;
    align-items: center;
    padding: 10px 15px
}

.cu-tms-user__access-dropdown-row:hover {
    background: #f9f9f9
}

.dark-theme .cu-tms-user__access-dropdown-row:hover {
    background: #2b343b
}

.cu-tms-user__access-dropdown-row+.cu-tms-user__access-dropdown-row {
    border-top: 1px solid #e9ebf0
}

.dark-theme .cu-tms-user__access-dropdown-row+.cu-tms-user__access-dropdown-row {
    border-top-color: #1e272e
}

.cu-tms-user__access-dropdown-row_empty {
    font-size: 13px;
    font-weight: 400;
    line-height: 1;
    font-style: italic;
    color: #292d34
}

.dark-theme .cu-tms-user__access-dropdown-row_empty {
    color: #d5d6d7
}

.cu-tms-user__access-dropdown-row_no-access {
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    font-style: italic;
    color: #292d34
}

.dark-theme .cu-tms-user__access-dropdown-row_no-access {
    color: #d5d6d7
}

.cu-tms-user__access-dropdown-row-main {
    flex-grow: 1;
    min-width: 0
}

.cu-tms-user__access-dropdown-row-status {
    width: 8px;
    height: 8px;
    border-radius: 2px;
    margin-right: 4px;
    flex-shrink: 0
}

.cu-tms-user__access-dropdown-row-name {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    color: #292d34
}

.dark-theme .cu-tms-user__access-dropdown-row-name {
    color: #d5d6d7
}

.cu-tms-user__access-dropdown-row-name-container {
    display: flex;
    align-items: center;
    min-width: 0
}

.cu-tms-user__access-dropdown-row-breadcrumbs {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 10px;
    font-weight: 400;
    line-height: 1;
    margin-bottom: 3px;
    color: #7c828d
}

.dark-theme .cu-tms-user__access-dropdown-row-breadcrumbs {
    color: #828588
}

.cu-tms-user__access-dropdown-row-remove {
    width: 16px;
    height: 16px;
    color: #fd71af;
    cursor: pointer;
    flex-shrink: 0
}

.cu-tms-user__clickapps {
    width: 36px;
    height: 34px;
    transform: scale(.7);
    cursor: pointer
}

.cu-tms-user__clickapps.app-enabled .cu-stroke {
    stroke: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .cu-tms-user__clickapps.app-enabled .cu-stroke {
        stroke:var(--theme-main-color)
    }
}

.dark-theme .cu-tms-user__clickapps.app-enabled .cu-stroke {
    stroke: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .dark-theme .cu-tms-user__clickapps.app-enabled .cu-stroke {
        stroke:var(--theme-main-color)
    }
}

.cu-tms-user__clickapps.app-enabled .cu-fill {
    fill: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .cu-tms-user__clickapps.app-enabled .cu-fill {
        fill:var(--theme-main-color)
    }
}

.dark-theme .cu-tms-user__clickapps.app-enabled .cu-fill {
    fill: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .dark-theme .cu-tms-user__clickapps.app-enabled .cu-fill {
        fill:var(--theme-main-color)
    }
}

.cu-tms-user__clickapps svg {
    width: 100%;
    height: 100%
}

.cu-tms-user__clickapps .cu-stroke {
    transition: all .2s cubic-bezier(.785,.135,.15,.86) 0s;
    stroke: #ccc
}

.dark-theme .cu-tms-user__clickapps .cu-stroke {
    stroke: #384047
}

.cu-tms-user__clickapps .cu-fill {
    transition: all .2s cubic-bezier(.785,.135,.15,.86) 0s;
    fill: #ccc
}

.dark-theme .cu-tms-user__clickapps .cu-fill {
    fill: #384047
}

.cu-tms-user.name-header .cu-tms-user__col_name {
    width: calc(60% + 26px);
    position: relative;
    display: flex;
    justify-content: flex-start;
    margin-left: -5px
}

.cu-tms-user.name-header .cu-tms-user__col_email {
    overflow: visible;
    position: relative
}

.cu-tms-user.name-header .cu-tms-user__col_name-and-settings,.cu-tms-user.name-header .cu-tms-user__col_email span {
    font-size: 12px;
    cursor: pointer;
    overflow: visible;
    position: relative
}

.cu-tms-user__additions {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: 10px
}

.cu-tms-user__additions .cu-dropdown_open .cu-tms-user-settings-list__ellipsis use {
    fill: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .cu-tms-user__additions .cu-dropdown_open .cu-tms-user-settings-list__ellipsis use {
        fill:var(--theme-main-color)
    }
}

.cu-tms-user-settings-list__item {
    transition: all .2s cubic-bezier(.785,.135,.15,.86) 0s;
    display: flex;
    align-items: center;
    text-decoration: none;
    padding: 6px 20px;
    width: 200px
}

.cu-tms-user-settings-list__item:hover {
    background: #f9f9f9
}

.dark-theme .cu-tms-user-settings-list__item:hover {
    background: #2b343b
}

.cu-tms-user-settings-list__item:not(:last-child) {
    border-bottom: 1px solid #e4e4e4
}

.dark-theme .cu-tms-user-settings-list__item:not(:last-child) {
    border-bottom-color: #1e272e
}

.cu-tms-user-settings-list__icon {
    flex-shrink: 0;
    width: 16px;
    height: 16px
}

.cu-tms-user-settings-list__icon_copy svg {
    width: 100%;
    height: 100%;
    fill: #4a4f55
}

.dark-theme .cu-tms-user-settings-list__icon_copy svg {
    fill: #abaeb0
}

.cu-tms-user-settings-list__icon_admin svg {
    width: 100%;
    height: 100%
}

.cu-tms-user-settings-list__icon_admin .cu-stroke {
    stroke: #4a4f55
}

.dark-theme .cu-tms-user-settings-list__icon_admin .cu-stroke {
    stroke: #abaeb0
}

.cu-tms-user-settings-list__icon_admin .cu-fill {
    fill: #4a4f55
}

.dark-theme .cu-tms-user-settings-list__icon_admin .cu-fill {
    fill: #abaeb0
}

.cu-tms-user-settings-list__icon_guest {
    width: 17px;
    height: 17px
}

.cu-tms-user-settings-list__icon_guest svg {
    width: 100%;
    height: 100%
}

.cu-tms-user-settings-list__icon_guest .cu-stroke {
    stroke: #4a4f55
}

.dark-theme .cu-tms-user-settings-list__icon_guest .cu-stroke {
    stroke: #abaeb0
}

.cu-tms-user-settings-list__icon_guest .cu-fill {
    fill: #4a4f55
}

.dark-theme .cu-tms-user-settings-list__icon_guest .cu-fill {
    fill: #abaeb0
}

.cu-tms-user-settings-list__icon_delete {
    padding: 1px;
    width: 14px;
    height: 14px
}

.cu-tms-user-settings-list__icon_delete use {
    stroke: #fd71af
}

.cu-tms-user-settings-list__icon__resend_invitation {
    width: 14px;
    height: 14px
}

.cu-tms-user-settings-list__text {
    font-size: 13px;
    font-weight: 400;
    padding: 8px 0 8px 10px;
    color: #7b7b7b
}

.dark-theme .cu-tms-user-settings-list__text {
    color: #abaeb0
}

.cu-tms-user-settings-list__admin-badge {
    margin-left: 5px;
    width: 10px;
    height: 14px
}

.cu-tms-user-settings-list__ellipsis {
    width: 19px;
    height: 19px
}

.cu-tms-user-settings-list__ellipsis use {
    fill: #aeacb0
}

.dark-theme .cu-tms-user-settings-list__ellipsis use {
    fill: #384047
}

.cu-tms-user-settings-list__ellipsis:hover use {
    fill: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .cu-tms-user-settings-list__ellipsis:hover use {
        fill:var(--theme-main-color)
    }
}

.cu-tms-user-settings-list__ellipsis.active use {
    fill: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .cu-tms-user-settings-list__ellipsis.active use {
        fill:var(--theme-main-color)
    }
}

.cu-tms-user__menu {
    width: 200px
}

.cu-tms__no-guests {
    display: flex;
    flex-direction: column;
    align-items: center
}

.cu-tms__no-guests.cu-tms__no-guests-enterprise {
    margin-top: 100px
}

.cu-tms__no-guests.cu-tms__no-guests-enterprise .cu-tms__no-guests__link-enterprise {
    color: #A2C44A;
    transition: all .2s cubic-bezier(.785,.135,.15,.86) 0s;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px
}

@supports (--theme-main-color: $color-purple) {
    .cu-tms__no-guests.cu-tms__no-guests-enterprise .cu-tms__no-guests__link-enterprise {
        color:var(--theme-main-color)
    }
}

.cu-tms__no-guests__image {
    width: 141px;
    height: 258px;
    margin: 20px 0
}

.cu-tms__no-guests__title {
    font-size: 20px;
    font-weight: 400;
    line-height: 1;
    color: #343434;
    margin-bottom: 20px
}

.dark-theme .cu-tms__no-guests__title {
    color: #d5d6d7
}

.cu-tms__no-guests__description {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    color: #343434;
    text-align: center
}

.dark-theme .cu-tms__no-guests__description {
    color: #d5d6d7
}

.cu-tms__no-guests__link {
    color: #A2C44A;
    transition: all .2s cubic-bezier(.785,.135,.15,.86) 0s;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    margin: 0 0 0 13px;
    position: relative;
    display: inline-block;
    padding-bottom: 2px;
    cursor: pointer
}

@supports (--theme-main-color: $color-purple) {
    .cu-tms__no-guests__link {
        color:var(--theme-main-color)
    }
}

.cu-tms__no-guests__link:after {
    content: "";
    display: block;
    position: absolute;
    transition: all .2s cubic-bezier(.785,.135,.15,.86) 0s;
    background-color: #A2C44A;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px
}

.cu-tms__no-guests__link:after:hover {
    transition: none
}

@supports (--theme-main-color: $color-purple) {
    .cu-tms__no-guests__link:after {
        background-color:var(--theme-main-color)
    }
}

.cu-tms__no-guests__link:hover:after {
    opacity: 0
}

.cu-tms__enterprise-no-guests {
    display: block;
    margin: 0 auto
}

.cu-tms-form {
    display: flex;
    margin: 0
}

.cu-tms-form.user-invites {
    position: relative
}

.cu-tms-form-empty {
    font-size: 18px;
    font-weight: 400;
    position: absolute;
    left: 0;
    right: 0;
    top: 100px;
    text-align: center
}

.cu-tms-form-empty-link {
    color: #A2C44A;
    text-decoration: underline
}

@supports (--theme-main-color: $color-purple) {
    .cu-tms-form-empty-link {
        color:var(--theme-main-color)
    }
}

.cu-tms-form-error {
    margin-top: 15px;
    color: #fd71af
}

.cu-tms-form-error.braintree-error {
    position: absolute;
    top: 26px
}

.cu-tms-form-error-link {
    text-decoration: underline;
    color: #fd71af
}

.cu-tms-form-tip {
    font-size: 12px;
    font-weight: 400;
    line-height: 1.2;
    position: absolute;
    top: 41px;
    color: #b9bec7
}

.dark-theme .cu-tms-form-tip {
    color: #828588
}

.cu-tms-form-tip-link {
    color: #A2C44A;
    transition: color .2s cubic-bezier(.785,.135,.15,.86) 0s;
    font-size: 12px;
    font-weight: 400;
    line-height: 1.2;
    cursor: pointer;
    text-decoration: underline
}

@supports (--theme-main-color: $color-purple) {
    .cu-tms-form-tip-link {
        color:var(--theme-main-color)
    }
}

.cu-tms-form-tip-link:hover {
    text-decoration: none
}

.cu-tms-form-container {
    height: 46px;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.cu-tms-form__invite-team-user {
    padding-left: 15px;
    flex: 1 100%
}

.cu-tms-form-search {
    padding-right: 15px;
    flex: 1 100%
}

.cu-tms-form-search_narrow {
    width: 400px
}

.cu-tms-form .cu-search {
    height: 34px
}

.cu-tms-form .cu-search__input {
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    height: 34px;
    border: 1px solid rgba(151,151,151,.6);
    border-radius: 2px;
    padding: 0 30px 0 38px;
    color: #343434;
    -webkit-font-smoothing: antialiased
}

.dark-theme .cu-tms-form .cu-search__input {
    border: 1px solid #384047;
    color: #d5d6d7;
    background: #1e272e
}

.cu-tms-form .cu-search__input:focus {
    border: 1px solid #999
}

.dark-theme .cu-tms-form .cu-search__input:focus {
    border-color: #828588
}

.cu-tms-form .cu-search__input_has-value+.cu-search__icon use {
    stroke: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .cu-tms-form .cu-search__input_has-value+.cu-search__icon use {
        stroke:var(--theme-main-color)
    }
}

.dark-theme .cu-tms-form .cu-search__input_has-value+.cu-search__icon use {
    stroke: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .dark-theme .cu-tms-form .cu-search__input_has-value+.cu-search__icon use {
        stroke:var(--theme-main-color)
    }
}

.cu-tms-form .cu-search__input_has-value+.cu-search__icon+.cu-search__close {
    display: block
}

.cu-tms-form .cu-search__icon {
    left: 10px
}

.cu-tms-form .cu-search__icon use {
    transition: all .2s cubic-bezier(.785,.135,.15,.86) 0s;
    stroke: #c1c1c1
}

.dark-theme .cu-tms-form .cu-search__icon use {
    stroke: #384047
}

.cu-tms-form .cu-search__close {
    right: 10px;
    display: none
}

.cu-tms-form__input {
    transition: all .2s cubic-bezier(.785,.135,.15,.86) 0s;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    height: 34px;
    width: 100%;
    padding: 0 15px;
    border: 1px solid rgba(151,151,151,.6);
    border-radius: 2px 0 0 2px;
    color: #343434;
    -webkit-font-smoothing: antialiased;
    text-overflow: ellipsis
}

.cu-tms-form__input::placeholder {
    color: #2229;
    opacity: 1;
    font-size: "initial"
}

.dark-theme .cu-tms-form__input {
    border: 1px solid #384047;
    color: #d5d6d7;
    background: #1e272e
}

.dark-theme .cu-tms-form__input::placeholder {
    color: #d5d6d733;
    opacity: 1;
    font-size: "initial"
}

.cu-tms-form__input:focus {
    border: 1px solid #999
}

.dark-theme .cu-tms-form__input:focus {
    border-color: #828588;
    box-shadow: none
}

.cu-tms-form__input_has-value+.cu-search__close {
    display: block
}

.cu-tms-form__input-block {
    flex-grow: 1;
    height: 34px;
    margin: 0;
    position: relative
}

.cu-tms-form__toggle-switch {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 114px;
    padding: 2px 15px 0;
    border: 1px solid rgba(151,151,151,.6);
    border-left: 0;
    border-right: 0;
    margin: 0
}

.dark-theme .cu-tms-form__toggle-switch {
    border: 1px solid #384047;
    border-left: 0;
    border-right: 0
}

.cu-tms-form__admin {
    margin-left: 8px;
    color: #343434
}

.dark-theme .cu-tms-form__admin {
    color: #abaeb0
}

.cu-tms-form__btn.cu-btn.cu-btn_md {
    border-radius: 0 3px 3px 0;
    height: 34px
}

.cu-tms-status {
    display: flex;
    align-items: center;
    height: 26px;
    border: 1px solid #fc0
}

.cu-tms-status__text {
    font-size: 11px;
    font-weight: 500;
    color: #fc0;
    text-transform: uppercase;
    padding: 2px 15px 0
}

.cu-tms-status__remove {
    flex-shrink: 0;
    display: block;
    width: 26px;
    height: 26px;
    border-left: 1px solid #fc0
}

.cu-tms-status__remove>* {
    transition: all .2s cubic-bezier(.785,.135,.15,.86) 0s;
    opacity: .5
}

.cu-tms-status__remove>*:hover {
    transition: none
}

.cu-tms-status__remove:hover>* {
    opacity: 1
}

.leave-team-confirm {
    display: none;
    align-items: flex-start;
    justify-content: center;
    position: fixed;
    background: #fff;
    z-index: 1000;
    top: 67px;
    left: 250px;
    right: 0;
    bottom: 0
}

.dark-theme .leave-team-confirm {
    background: #1e272e
}

.leave-team-confirm__inner {
    margin-top: 100px;
    max-width: 400px
}

.leave-team-confirm__header {
    color: #A2C44A;
    font-size: 24px;
    font-weight: 300;
    text-align: center
}

@supports (--theme-main-color: $color-purple) {
    .leave-team-confirm__header {
        color:var(--theme-main-color)
    }
}

.leave-team-confirm__description {
    font-size: 15px;
    font-weight: 300;
    line-height: 150%;
    color: #404040;
    margin: 30px 0 50px
}

.leave-team-confirm__controls {
    display: flex;
    justify-content: space-between
}

.leave-team-confirm.leave-team-confirm_active {
    display: flex;
    animation: fadeIn .2s linear 0s
}

.cu-user-settings {
    display: flex
}

.cu-user-settings__avatar-picker .cu-avatar-picker__container {
    padding: 0 10px 10px;
    width: 260px
}

.cu-user-settings__toggle-edit {
    display: flex;
    align-items: center
}

.cu-user-settings__toggle-edit-icon {
    flex-shrink: 0;
    margin: 0 10px 0 0;
    width: 16px;
    height: 16px;
    fill: #979797
}

.cu-user-settings__bounce {
    text-decoration: underline;
    cursor: pointer;
    color: red
}

.cu-user-settings__aside {
    flex-shrink: 0;
    width: 70px;
    margin: 0 40px 0 0
}

.cu-user-settings__content {
    flex-grow: 1
}

.cu-user-settings__dropdown {
    max-height: 500px;
    width: 380px;
    overflow: hidden
}

.cu-user-settings__dropdown-options {
    max-height: 500px;
    overflow: auto
}

.cu-os-win .cu-user-settings__dropdown-options {
    scrollbar-width: thin
}

.cu-os-win .cu-user-settings__dropdown-options::-webkit-scrollbar {
    background-color: #fff;
    width: 16px;
    height: 16px
}

.cu-os-win .cu-user-settings__dropdown-options::-webkit-scrollbar-track {
    background-color: #fff
}

.cu-os-win .cu-user-settings__dropdown-options::-webkit-scrollbar-track:hover {
    background-color: #fff
}

.cu-os-win .cu-user-settings__dropdown-options::-webkit-scrollbar-thumb {
    background-color: #babac080;
    border-radius: 16px;
    border: 5px solid #fff
}

.cu-os-win .cu-user-settings__dropdown-options::-webkit-scrollbar-thumb:hover {
    background-color: #a0a0a5;
    border: 3px solid #fff
}

.cu-os-win .cu-user-settings__dropdown-options::-webkit-scrollbar-button {
    display: none
}

.cu-os-win.dark-theme .cu-user-settings__dropdown-options::-webkit-scrollbar,.cu-os-win .dark-theme .cu-user-settings__dropdown-options::-webkit-scrollbar {
    background-color: #384047
}

.cu-os-win.dark-theme .cu-user-settings__dropdown-options::-webkit-scrollbar-track,.cu-os-win .dark-theme .cu-user-settings__dropdown-options::-webkit-scrollbar-track {
    background-color: #384047
}

.cu-os-win.dark-theme .cu-user-settings__dropdown-options::-webkit-scrollbar-track:hover,.cu-os-win .dark-theme .cu-user-settings__dropdown-options::-webkit-scrollbar-track:hover {
    background-color: #384047
}

.cu-os-win.dark-theme .cu-user-settings__dropdown-options::-webkit-scrollbar-thumb,.cu-os-win .dark-theme .cu-user-settings__dropdown-options::-webkit-scrollbar-thumb {
    border-color: #384047
}

.cu-os-win.dark-theme .cu-user-settings__dropdown-options::-webkit-scrollbar-thumb:hover,.cu-os-win .dark-theme .cu-user-settings__dropdown-options::-webkit-scrollbar-thumb:hover {
    border-color: #384047
}

.cu-os-win.dark-theme .cu-user-settings__dropdown-options::-webkit-scrollbar-corner,.cu-os-win .dark-theme .cu-user-settings__dropdown-options::-webkit-scrollbar-corner {
    background-color: #384047
}

.dark-theme .cu-user-settings__dropdown-options {
    background-color: #384047
}

.cu-user-settings__dropdown-options-item {
    transition: all .2s cubic-bezier(.785,.135,.15,.86) 0s;
    font-size: 14px;
    font-weight: 300;
    line-height: 1;
    padding: 13px 20px;
    cursor: pointer;
    display: flex;
    max-height: 40px;
    align-items: center
}

.cu-user-settings__dropdown-options-item_disabled {
    color: #828588;
    opacity: .6;
    cursor: not-allowed
}

.cu-user-settings__dropdown-options-item_active,.cu-user-settings__dropdown-options-item:hover:not(.cu-user-settings__dropdown-options-item_disabled) {
    background: #fafbfc
}

.dark-theme .cu-user-settings__dropdown-options-item_active,.dark-theme .cu-user-settings__dropdown-options-item:hover:not(.cu-user-settings__dropdown-options-item_disabled) {
    background: #2b343b
}

.cu-user-settings__dropdown-options-item_soon {
    font-size: 10px;
    font-weight: 500;
    padding: 4px;
    border-radius: 4px;
    position: absolute;
    right: 16px;
    white-space: nowrap;
    color: #fff;
    background: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .cu-user-settings__dropdown-options-item_soon {
        background:var(--theme-main-color)
    }
}

.cu-user-settings__dropdown-selection {
    font-size: 14px;
    font-weight: 300;
    line-height: 1;
    display: flex;
    align-items: center;
    border: 1px solid #e9ebf0;
    border-radius: 4px;
    max-width: 256px;
    margin: 4px 0 12px;
    padding: 0 12px;
    height: 36px;
    color: #343434b3;
    justify-content: space-between
}

.dark-theme .cu-user-settings__dropdown-selection {
    border: 1px solid #384047;
    color: #d5d6d7
}

.cu-user-settings__dropdown-selection-arrow-down {
    transition: all .2s cubic-bezier(.785,.135,.15,.86) 0s;
    width: 10px;
    height: 10px
}

.cu-form__time-settings .cu-dropdown_open .cu-user-settings__dropdown-selection-arrow-down {
    transform: rotate(-180deg)
}

.dark-theme .cu-user-settings__dropdown-selection-arrow-down use {
    fill: #d5d6d7
}

.cu-user-settings__dropdown-selection-arrow-down use {
    fill: #292d34
}

.cu-user-settings__dropdown .cu-search__close {
    margin-right: 10px
}

.cu-user-settings__language {
    width: 290px
}

.cu-user-settings__confirm-password {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(255,255,255,.8);
    padding: 50px;
    z-index: 100
}

.cu-user-settings__confirm-password-email {
    margin-bottom: 10px
}

.dark-theme .cu-user-settings__confirm-password {
    background: #384047
}

.cu-user-settings__confirm-password .cu-search__close {
    right: 15px;
    top: 15px;
    width: 30px;
    height: 30px
}

.cu-user-settings__confirm-password form {
    width: 400px;
    margin: 0 auto;
    text-align: center
}

.dark-theme .cu-user-settings__confirm-password form .cu-form__field {
    border-bottom: 1px solid #1e272e
}

.cu-user-settings__confirm-password form .cu-form__input {
    text-align: center
}

.cu-user-settings__confirm-password form .cu-show-pwd {
    margin-left: -80px;
    background: #fff;
    position: relative;
    padding: 5px 11px
}

.dark-theme .cu-user-settings__confirm-password form .cu-show-pwd {
    background: #384047
}

.cu-user-settings__confirm-password .cu-show-pwd {
    color: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .cu-user-settings__confirm-password .cu-show-pwd {
        color:var(--theme-main-color)
    }
}

.cu-user-settings__confirm-password-title {
    font-size: 28px;
    margin: 0 0 45px
}

.cu-user-settings__confirm-password-button {
    width: 250px!important;
    margin: 0 auto
}

.cu-user-settings__radio {
    margin-top: 16px;
    margin-right: 16px
}

.cu-user-settings__radio-sm {
    width: 250px
}

[lang=fr-FR] .cu-user-settings__radio-sm {
    width: 280px
}

[lang=es-ES] .cu-user-settings__radio-sm,[lang=pt-BR] .cu-user-settings__radio-sm {
    width: 385px
}

.cu-user-settings__radio .cu-form__row-switch-title-badge {
    margin-left: 10px
}

.cu-user-settings__radio .cu-radio__label {
    font-size: 14px
}

.cu-user-settings__time-format {
    display: flex
}

.cu-user-settings .cu-form__time-settings {
    padding: 45px 0 0
}

.cu-user-settings__dashboard {
    margin-top: 60px;
    width: 100%;
    max-width: 100%
}

.cu-user-settings__dashboard-row {
    display: flex;
    align-items: center
}

.cu-user-settings__theme {
    margin-top: 60px;
    width: 100%;
    max-width: 100%
}

.cu-user-settings__theme-row {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin-top: -20px;
    width: 100%;
    max-width: 100%
}

.cu-user-settings__theme-row_onboarding {
    min-height: 140px;
    max-height: 250px;
    margin-top: 0
}

.cu-user-settings__theme-item {
    width: 70px;
    height: 70px;
    display: flex;
    justify-content: center;
    align-items: center
}

.cu-user-settings__theme-item-hide {
    display: none
}

.cu-user-settings__theme-color {
    transition: all .2s cubic-bezier(.785,.135,.15,.86) 0s;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center
}

.cu-user-settings__theme-color:hover,.cu-user-settings__theme-color:focus {
    width: 40px;
    height: 40px
}

.cu-user-settings__theme-color-check {
    display: none;
    width: 22px
}

.cu-user-settings__theme-color_current {
    width: 70px;
    height: 70px
}

.cu-user-settings__theme-color_current:hover,.cu-user-settings__theme-color_current:focus {
    width: 70px;
    height: 70px
}

.cu-user-settings__theme-color_current .cu-user-settings__theme-color-check {
    display: block;
    fill: #fff
}

.dark-theme .cu-user-settings__theme-color_black {
    display: none
}

.dark-theme .cu-user-settings__theme-color_black-current,.dark-theme .cu-user-settings__theme-color_black-current:hover {
    width: 70px;
    height: 70px
}

.dark-theme .cu-user-settings__theme-color_black-current .cu-user-settings__theme-color-check {
    display: block
}

.cu-user-settings__theme .cu-alert_standby {
    margin: -15px 0 40px
}

.cu-user-settings__2fa {
    margin: 40px 0 60px;
    border-bottom: 1px solid #e9ebf0
}

.dark-theme .cu-user-settings__2fa {
    border-color: #1e272e
}

.cu-user-settings__2fa-header {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 21px;
    font-weight: 500;
    line-height: 1;
    display: flex;
    align-items: center;
    color: #505050;
    padding-bottom: 12px
}

.cu-user-settings__2fa-header .cu-form__row-switch-title-badge {
    transform: none;
    margin-left: 5px
}

.cu-user-settings__2fa-header .cu-form__row-switch-title-badge.cu-form__row-switch-title-badge-enabled {
    background-color: #c6eacc;
    color: #3eb954;
    text-transform: none
}

.dark-theme .cu-user-settings__2fa-header {
    color: #d5d6d7
}

.cu-user-settings__2fa-sub-header {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    color: #7c828d;
    padding-bottom: 36px
}

.dark-theme .cu-user-settings__2fa-sub-header {
    color: #828588
}

.cu-user-settings__2fa-options {
    display: flex;
    justify-content: space-between;
    margin-bottom: 40px;
    min-height: 82px
}

.cu-user-settings__2fa-option {
    position: relative;
    display: flex;
    align-items: center;
    width: calc(50% - 12px);
    border: 1px solid #e9ebf0;
    border-radius: 4px;
    padding: 12px 25px
}

.cu-user-settings__2fa-option-badge {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 12px;
    font-weight: 500;
    line-height: 1;
    position: absolute;
    right: 24px;
    top: -10px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 8px;
    height: 20px;
    color: #fff;
    background: #f9a12f;
    border-radius: 6px
}

.dark-theme .cu-user-settings__2fa-option {
    border-color: #384047
}

.cu-user-settings__2fa-option .icon {
    width: 14px;
    height: 14px;
    fill: #292d34
}

.dark-theme .cu-user-settings__2fa-option .icon {
    fill: #b9bec7
}

.cu-user-settings__2fa-option-text {
    flex-grow: 1;
    margin-left: 25px;
    display: flex;
    flex-direction: column
}

.cu-user-settings__2fa-option-text-top {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 16px;
    font-weight: 400;
    line-height: 1;
    color: #292d34;
    padding-bottom: 8px
}

.dark-theme .cu-user-settings__2fa-option-text-top {
    color: #d5d6d7
}

.cu-user-settings__2fa-option-text-bot {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 12px;
    font-weight: 400;
    line-height: 1;
    display: inline-flex;
    flex-wrap: wrap;
    gap: 5px;
    align-items: center;
    color: #7c828d
}

[lang=fr-FR] .cu-user-settings__2fa-option-text-bot {
    padding-right: 6px;
    line-height: 1.25
}

.cu-user-settings__2fa-option-text-bot .cu-form__row-switch-title-badge {
    transform: none
}

.cu-user-settings__2fa-option .cu-user-settings__toggle-edit-icon {
    --color-icon: #292d34;
    margin-right: 20px;
    border: none;
    cursor: pointer
}

.cu-user-settings__2fa-option .cu-user-settings__toggle-edit-icon .icon {
    transition: fill .2s cubic-bezier(.785,.135,.15,.86) 0s;
    fill: var(--color-icon)
}

.dark-theme .cu-user-settings__2fa-option .cu-user-settings__toggle-edit-icon {
    --color-icon: #b9bec7
}

.cu-user-settings__2fa-option .cu-user-settings__toggle-edit-icon:hover {
    --color-icon: var(--theme-main-color)
}

.totp-success-banner {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 12px;
    font-weight: 500;
    line-height: 1;
    position: absolute;
    left: 0;
    right: 0;
    top: 16px;
    margin: 0 auto;
    background-color: #3eb954;
    border-radius: 4px;
    height: 40px;
    display: flex;
    align-items: center;
    padding: 0 16px;
    color: #fff;
    max-width: 460px
}

.totp-success-banner-check {
    width: 16px;
    height: 16px;
    background-color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 16px;
    border-radius: 50%
}

.totp-success-banner-check .icon {
    fill: #3eb954;
    width: 8px;
    height: 8px
}

.totp-success-banner-close {
    transition: transform .2s cubic-bezier(.785,.135,.15,.86) 0s;
    fill: #fff;
    cursor: pointer;
    margin-left: 24px;
    width: 20px;
    height: 20px;
    padding: 4px
}

.totp-success-banner-close:hover {
    transform: rotate(180deg)
}

.cu-form {
    flex-grow: 1;
    width: 100%
}

.cu-form__label-radio {
    width: 50%
}

.cu-form__label-radio.label-status {
    display: flex;
    align-items: center;
    padding: 10px
}

.cu-form__label-radio.label-status.type-selected {
    border-color: #A2C44A;
    border: 1px solid
}

@supports (--theme-main-color: $color-purple) {
    .cu-form__label-radio.label-status.type-selected {
        border-color:var(--theme-main-color)
    }
}

.cu-form__switch-block {
    margin: 20px 0
}

.cu-form__row {
    margin: 0 0 24px
}

.cu-form__row-margin-20 {
    margin: 0 0 20px
}

.cu-form__row-margin-15 {
    margin: 0 0 15px
}

.cu-form__row .cu-dropdown {
    max-width: 256px
}

.cu-form__row h3 {
    font-weight: 500
}

.cu-form__row.cu-form__row-flex {
    display: flex
}

@media screen and (max-width: 544px) and (max-width: 544px) {
    .cu-form__row.cu-form__row-flex {
        flex-direction:column
    }
}

.cu-form__row.cu-form__row-flex .cu-form__field:first-child {
    margin-right: 8px
}

@media screen and (max-width: 544px) and (max-width: 544px) {
    .cu-form__row.cu-form__row-flex .cu-form__field:first-child {
        margin:0 0 25px
    }
}

.cu-form__row.cu-form__row-flex .cu-form__field:last-child {
    margin-left: 8px
}

@media screen and (max-width: 544px) and (max-width: 544px) {
    .cu-form__row.cu-form__row-flex .cu-form__field:last-child {
        margin:0
    }
}

.cu-form__row_right,.cu-form__row_left {
    text-align: right
}

.cu-form__row_right.error,.cu-form__row_left.error {
    font-size: 18px;
    color: #fd71af
}

.cu-form__row_left {
    text-align: left;
    margin-top: 10px
}

.cu-form__row_last {
    margin: 30px 0 0;
    border: 0
}

.cu-form__row_horizontal {
    display: flex
}

.cu-form__row_edges {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.cu-form__row_edges.team-save-end {
    justify-content: flex-end
}

.cu-form__row_compact {
    margin: 0 0 15px
}

.cu-form__row_fullwidth {
    width: 100%;
    min-width: 0
}

.cu-form__row.two-buttons,.cu-form__row.two-columns {
    display: flex;
    justify-content: space-between
}

.cu-form__row.two-columns .cu-form__column {
    width: 50%
}

.cu-form__row.two-columns .cu-form__column.cu-form__column_left {
    padding-right: 10px
}

.cu-form__row.two-columns .cu-form__column.cu-form__column_right {
    padding-left: 10px
}

.cu-form__row_bordered {
    border-bottom: 1px solid #e4e4e4;
    padding-bottom: 12px
}

.dark-theme .cu-form__row_bordered {
    border-bottom: 1px solid #384047
}

.cu-form__row-column_flex {
    display: flex
}

.cu-form__row-column_next-bordered {
    border-left: 1px solid #e4e4e4;
    margin-left: 30px;
    padding-left: 30px
}

.dark-theme .cu-form__row-column_next-bordered {
    border-left: 1px solid #384047
}

.cu-form__row-switch {
    display: flex;
    align-items: center;
    cursor: pointer
}

.cu-form__row-switch-title {
    font-size: 17px;
    font-weight: 500;
    line-height: 24px;
    color: #505050;
    flex-grow: 1;
    margin-left: 15px
}

.dark-theme .cu-form__row-switch-title {
    color: #d5d6d7
}

.cu-form__row-switch-title-badge {
    background: #A2C44A;
    transition: all .2s cubic-bezier(.785,.135,.15,.86) 0s;
    font-size: 10px;
    font-weight: 500;
    line-height: 1;
    color: #fff;
    border-radius: 4px;
    text-transform: uppercase;
    padding: 0 4px;
    height: 14px;
    white-space: nowrap;
    display: inline-flex;
    align-items: center;
    transform: translateY(-2px)
}

@supports (--theme-main-color: $color-purple) {
    .cu-form__row-switch-title-badge {
        background:var(--theme-main-color)
    }
}

.cu-form__row-switch-title .cu-form__error {
    position: absolute;
    margin: 0
}

.cu-form__row-switch-description {
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
    color: #343434
}

.dark-theme .cu-form__row-switch-description {
    color: #828588
}

.cu-form__row-switch-description-link {
    transition: all .2s cubic-bezier(.785,.135,.15,.86) 0s;
    color: #343434;
    text-decoration: underline
}

.dark-theme .cu-form__row-switch-description-link {
    color: #828588
}

.cu-form__row-switch-description-link:hover {
    color: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .cu-form__row-switch-description-link:hover {
        color:var(--theme-main-color)
    }
}

.cu-form__row-title {
    font-size: 14px;
    font-weight: 500;
    line-height: 1;
    color: #4a4a4a
}

.dark-theme .cu-form__row-title {
    color: #d5d6d7
}

.cu-form__row-description {
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
    color: #727272
}

.dark-theme .cu-form__row-description {
    color: #828588
}

.cu-form__row-description-link {
    transition: all .2s cubic-bezier(.785,.135,.15,.86) 0s;
    color: #343434;
    text-decoration: underline;
    cursor: pointer
}

.dark-theme .cu-form__row-description-link {
    color: #828588
}

.cu-form__row-description-link:hover {
    color: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .cu-form__row-description-link:hover {
        color:var(--theme-main-color)
    }
}

.cu-form__row .checkbox-item {
    cursor: pointer;
    position: relative
}

.cu-form__row .checkbox-item:hover span:before {
    border-color: var(--theme-main-color)
}

.cu-form__row .checkbox-item-input {
    display: none
}

.cu-form__row .checkbox-item-input:checked+span:after {
    background-color: var(--theme-main-color)
}

.cu-form__row .checkbox-item-text {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 12px;
    font-weight: 400;
    line-height: 1;
    padding-left: 30px;
    position: relative;
    height: 18px;
    display: flex;
    align-items: center
}

.dark-theme .cu-form__row .checkbox-item-text {
    color: #d5d6d7
}

.cu-form__row .checkbox-item-text:before {
    transition: all .2s cubic-bezier(.785,.135,.15,.86) 0s;
    content: "";
    width: 18px;
    height: 18px;
    border-radius: 3px;
    border: 1px solid #b9bec7;
    position: absolute;
    display: block;
    left: 0;
    top: 0;
    background-color: #fff
}

.cu-form__row .checkbox-item-text:before:hover {
    transition: none
}

.dark-theme .cu-form__row .checkbox-item-text:before {
    background-color: #384047;
    border-color: #1e272e
}

.cu-form__row .checkbox-item-text:after {
    transition: all .2s cubic-bezier(.785,.135,.15,.86) 0s;
    content: "";
    width: 10px;
    height: 10px;
    border-radius: 3px;
    position: absolute;
    display: block;
    left: 4px;
    top: 0;
    bottom: 0;
    margin: auto 0
}

.cu-form__row .checkbox-item-text:after:hover {
    transition: none
}

.cu-form__row .checkbox-item.alt-color .checkbox-item-text {
    color: #2229
}

.dark-theme .cu-form__row .checkbox-item.alt-color .checkbox-item-text {
    color: #828588
}

.cu-form__row .checkbox-item.alt-color .checkbox-item-text:before {
    border: 1px solid #e4e4e4
}

.dark-theme .cu-form__row .checkbox-item.alt-color .checkbox-item-text:before {
    border-color: #828588
}

.cu-form__status-row {
    width: 80%;
    margin: 0 0 10px
}

.cu-form__status-options {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 80%;
    margin-top: 15px
}

.cu-form__foot-note {
    font-size: 13px;
    font-weight: 300;
    line-height: 13px;
    color: #818193;
    margin: 25px 0 0;
    opacity: .7
}

.cu-form__foot-note a {
    color: #818193;
    text-decoration: underline
}

.cu-form__icon {
    flex-shrink: 0;
    margin: 0 10px 0 0
}

.cu-form__input-icon,.cu-form__input-icon.cu-icon_letter {
    width: 20px;
    height: 40px;
    margin-right: 10px
}

.cu-form__input-icon.cu-icon_lock-purple {
    width: 13px;
    height: 40px;
    margin-right: 17px
}

.cu-form__label {
    transition: all .2s cubic-bezier(.785,.135,.15,.86) 0s;
    font-size: 12px;
    font-weight: 500;
    position: relative;
    display: block;
    color: #222;
    margin: 0
}

.dark-theme .cu-form__label {
    color: #d5d6d7
}

.cu-onboarding-v2__step .cu-form__label {
    color: #222
}

.cu-form__label_purple {
    color: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .cu-form__label_purple {
        color:var(--theme-main-color)
    }
}

.cu-form__label-link {
    color: #A2C44A;
    font-weight: 300
}

@supports (--theme-main-color: $color-purple) {
    .cu-form__label-link {
        color:var(--theme-main-color)
    }
}

.cu-form__label-sec {
    margin-bottom: 15px;
    display: inline-block;
    padding-right: 10px
}

.cu-form__label__label-optional {
    position: absolute;
    right: 0;
    color: #d8d8d8;
    font-weight: 300
}

.cu-form__label_above-button {
    margin-bottom: 10px
}

.cu-form__label-optional {
    position: absolute;
    right: 0;
    color: #d8d8d8;
    font-weight: 300
}

.cu-form__field {
    transition: all .2s cubic-bezier(.785,.135,.15,.86) 0s;
    display: flex;
    align-items: center;
    flex-grow: 1;
    position: relative;
    border-bottom: 1px solid #e4e4e4
}

.dark-theme .cu-form__field {
    border-bottom-color: #384047
}

.dark-theme .cu-modal__body .cu-form__field.cu-jira-import__input {
    border-bottom: 1px solid #828588
}

.cu-form__field.status {
    border-bottom: 0
}

.cu-form__field.cu-form__field_no-border {
    border: 0
}

.cu-form__field_wide {
    padding: 5px 0 10px
}

.cu-form__field_filled>* {
    width: 100%
}

.cu-form__input {
    transition: all .2s cubic-bezier(.785,.135,.15,.86) 0s;
    width: 100%;
    flex-grow: 1;
    display: block;
    border: 0;
    color: #2229;
    font-size: 16px;
    padding: 16px 20px 12px 0;
    outline: none;
    background: transparent
}

.cu-form__input:hover {
    transition: none
}

.dark-theme .cu-form__input {
    color: #828588
}

.dark-theme .cu-form__input::placeholder {
    color: #d5d6d766;
    opacity: 1;
    font-size: "initial"
}

.cu-form__input[disabled] {
    opacity: .5
}

.cu-form__input:focus {
    box-shadow: none
}

.cu-form__input:-webkit-autofill,.cu-form__input:-webkit-autofill:hover,.cu-form__input:-webkit-autofill:focus,.cu-form__input:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0 30px transparent inset!important;
    -webkit-text-fill-color: rgba(34,34,34,.6)
}

.dark-theme .cu-form__input:-webkit-autofill,.dark-theme .cu-form__input:-webkit-autofill:hover,.dark-theme .cu-form__input:-webkit-autofill:focus,.dark-theme .cu-form__input:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0 30px transparent inset!important;
    -webkit-text-fill-color: #828588
}

.cu-form__input:-internal-autofill-selected,.cu-form__input:-internal-autofill-selected:focus {
    box-shadow: none;
    transition: background-color 1s ease-in-out 5000s;
    -webkit-text-fill-color: rgba(34,34,34,.6)
}

.dark-theme .cu-form__input:-internal-autofill-selected,.dark-theme .cu-form__input:-internal-autofill-selected:focus {
    -webkit-text-fill-color: #828588
}

.cu-form__input::placeholder {
    color: #2226
}

.dark-theme .cu-form__input::placeholder {
    color: #d5d6d766
}

.cu-form__input:invalid {
    box-shadow: none
}

.cu-form__select {
    font-size: 16px;
    font-weight: 300;
    line-height: 1;
    margin-top: 15px;
    color: #2229;
    width: 100%;
    border: 1px solid #e4e4e4;
    height: 30px;
    background: 0 0;
    outline: 0
}

.dark-theme .cu-form__select {
    color: #828588;
    border-color: #1e272e
}

.cu-form__link {
    color: #A2C44A;
    text-decoration: underline;
    font-size: 16px
}

@supports (--theme-main-color: $color-purple) {
    .cu-form__link {
        color:var(--theme-main-color)
    }
}

.cu-form__error,.cu-form__warning {
    margin: 10px 0 0;
    display: flex;
    align-items: center
}

.cu-form__error-icon,.cu-form__warning-icon {
    width: 12px;
    height: 12px;
    flex-shrink: 0;
    margin: 0 5px 0 0
}

.cu-form__error-maxed,.cu-form__warning-maxed {
    color: #e04f44;
    text-decoration: underline;
    cursor: pointer
}

.cu-form__error-text,.cu-form__warning-text {
    font-size: 12px;
    font-weight: 500;
    color: #e04f44;
    margin: 2px 0 0
}

.cu-form__error-text .ba-link,.cu-form__warning-text .ba-link {
    color: #e04f44;
    text-decoration: underline
}

.cu-form__warning-text {
    color: #fc0
}

.cu-form__row.cu-form__row_error .cu-form__field {
    border-bottom: 1px solid #e04f44
}

.cu-form__row.cu-form__row_error .cu-form__label {
    color: #e04f44!important
}

.cu-form-select {
    position: relative;
    display: flex;
    width: 100%;
    padding: 0 2px
}

.cu-form-select:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 2px;
    height: 100%;
    width: 20px;
    background: #fff
}

.cu-form-select:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 10px;
    height: 100%;
    width: 12px;
    background: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIzNjcgMzcgMTMgOCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4KICAgIDxwb2x5bGluZSBpZD0iUGF0aC0yIiBzdHJva2U9IiNBODc1RkYiIHN0cm9rZS13aWR0aD0iMiIgZmlsbD0ibm9uZSIgcG9pbnRzPSIzNjguMjk0OTIyIDM4LjAxNzU3ODEgMzczLjUwMTQ2NSA0My4xNzQ4MDQ3IDM3OC43MDgwMDggMzguMDE3NTc4MSI+PC9wb2x5bGluZT4KPC9zdmc+Cg==) center center/contain no-repeat #fff
}

.cu-form-select select {
    flex-grow: 1;
    height: 36px;
    border: 0;
    background: #fff
}

.cu-form-select select:focus {
    outline: none
}

.cu-form-select-projects {
    position: relative;
    display: flex;
    width: 100%;
    padding: 0 2px
}

.cu-form-select-projects select {
    flex-grow: 1;
    height: 36px;
    border: 0;
    background: #fff
}

.dark-theme .cu-form-select-projects select {
    background: #2b343b
}

.cu-form-select-projects select:focus {
    outline: none
}

.cu-settings-section {
    width: 100%;
    margin: 0;
    padding-top: 30px;
    border-bottom: 1px solid #e4e4e4
}

.dark-theme .cu-settings-section {
    border-bottom: 1px solid #384047
}

.cu-settings-section__header {
    display: flex;
    align-items: center;
    margin: 0 0 40px
}

.cu-settings-section__toggle {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 21px;
    font-weight: 500;
    position: relative;
    display: inline-block;
    padding: 0 20px 0 0;
    color: #505050;
    cursor: pointer;
    -webkit-user-select: none;
    user-select: none
}

.dark-theme .cu-settings-section__toggle {
    color: #d5d6d7
}

.cu-settings-section__toggle:after {
    content: "";
    display: block;
    position: absolute;
    height: 0;
    width: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px;
    border-top-color: #505050;
    right: 0;
    top: 6px
}

.dark-theme .cu-settings-section__toggle:after {
    height: 0;
    width: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px;
    border-top-color: #d5d6d7
}

.cu-settings-section__controls {
    display: none;
    justify-content: flex-end;
    flex-grow: 1
}

.cu-settings-section .cu-billing-section__control {
    margin: 0 15px 0 0
}

.cu-settings-section__body {
    display: none;
    justify-content: space-between;
    align-items: center;
    margin: 0 0 30px
}

.cu-settings-section__body_vertical {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start
}

.cu-settings-section__column {
    width: calc(50% - 20px)
}

.cu-settings-section__column-header {
    font-size: 14px;
    font-weight: 600;
    line-height: 1;
    margin-bottom: 15px;
    color: #505050
}

.dark-theme .cu-settings-section__column-header {
    color: #d5d6d7
}

.clickapps-personal-body {
    flex-grow: 1;
    order: 2
}

.clickapps-personal-body .clickapps-personal {
    transition: all .2s cubic-bezier(.785,.135,.15,.86) 0s;
    padding: 0 0 30px;
    width: 270px;
    border: 1px solid #e9e9e9;
    border-radius: 4px;
    margin: 0 8px 30px;
    position: relative;
    display: flex
}

.dark-theme .clickapps-personal-body .clickapps-personal {
    background: #fff;
    border: 1px solid #384047
}

.clickapps-personal-body .clickapps-personal:hover {
    box-shadow: 0 4px 15px #0000001a
}

.clickapps-personal-body .clickapps-personal__image-personal-team {
    fill: #A2C44A;
    width: 60px;
    height: 60px
}

@supports (--theme-main-color: $color-purple) {
    .clickapps-personal-body .clickapps-personal__image-personal-team {
        fill:var(--theme-main-color)
    }
}

.cu-settings-section.cu-settings-section_open .cu-settings-section__toggle:after {
    transform-origin: center top;
    transform: rotate(180deg);
    top: 9px
}

.cu-settings-section.cu-settings-section_open .cu-settings-section__controls,.cu-settings-section.cu-settings-section_open .cu-settings-section__body {
    display: flex
}

.cu-settings-section.cu-settings-section_last {
    border: 0
}

.cu-avatar-settings {
    position: relative
}

.cu-avatar-settings__icon {
    width: 70px;
    height: 70px;
    border-radius: 50%;
    background: #d8d8d8;
    position: relative;
    overflow: hidden
}

.dark-theme .cu-avatar-settings__icon {
    background: transparent
}

.cu-avatar-settings__icon_lg {
    width: 150px;
    height: 150px
}

.cu-avatar-settings__icon img {
    height: 100%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateY(-50%) translate(-50%);
    border-radius: 50%
}

.cu-avatar-settings__empty {
    width: 100%;
    height: 100%;
    font-size: 50px
}

.cu-avatar-settings__link {
    font-size: 10px;
    font-weight: 400;
    display: block;
    margin: 5px 0 0;
    padding: 5px 0;
    text-align: center;
    text-decoration: none;
    color: #4a90e2
}

.dark-theme .cu-avatar-settings__link {
    color: #72b3fd
}

.cu-settings-add-btn {
    transition: all .2s cubic-bezier(.785,.135,.15,.86) 0s;
    color: #A2C44A;
    border-color: #A2C44A;
    font-size: 12px;
    font-weight: 500;
    display: inline-flex;
    position: relative;
    height: 32px;
    margin: 0 5px 10px 0;
    padding: 2px 15px 0 25px;
    border: 1px solid;
    border-radius: 32px;
    background: none;
    text-decoration: none;
    cursor: pointer;
    -webkit-user-select: none;
    user-select: none
}

.cu-settings-add-btn:hover {
    transition: none
}

@supports (--theme-main-color: $color-purple) {
    .cu-settings-add-btn {
        color:var(--theme-main-color)
    }
}

@supports (--theme-main-color: $color-purple) {
    .cu-settings-add-btn {
        border-color:var(--theme-main-color)
    }
}

.cu-settings-add-btn:before {
    content: "+";
    display: block;
    position: absolute;
    top: 10px;
    left: 10px;
    margin: 0 5px 0 0
}

.cu-settings-add-btn:hover {
    background: #A2C44A;
    box-shadow: 0 0 1px #A2C44A;
    color: #fff
}

@supports (--theme-main-color: $color-purple) {
    .cu-settings-add-btn:hover {
        background:var(--theme-main-color)
    }
}

@supports (--theme-main-color: $color-purple) {
    .cu-settings-add-btn:hover {
        box-shadow:0 0 1px 0 var(--theme-main-color)
    }
}

.cu-controls {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    margin: 0 0 0 auto;
    padding: 0 0 0 20px
}

.cu-controls__item {
    transition: all .2s cubic-bezier(.785,.135,.15,.86) 0s;
    display: block;
    width: 19px;
    height: 19px
}

.cu-controls__item:hover {
    transition: none
}

.cu-controls__item:not(:last-of-type) {
    margin: 0 20px 0 0
}

.cu-controls__settings {
    fill: #A2C44A;
    width: 20px;
    height: 20px
}

@supports (--theme-main-color: $color-purple) {
    .cu-controls__settings {
        fill:var(--theme-main-color)
    }
}

.cu-controls.cu-controls_md .cu-controls__item {
    padding: 2px
}

.cu-controls.cu-controls_sm .cu-controls__item {
    padding: 4px
}

.cu-sts {
    display: flex;
    height: 100%
}

.cu-sts__header_sticky {
    position: sticky;
    top: -40px;
    background: #fff;
    z-index: 2;
    margin-top: -40px;
    padding: 40px 0 0
}

.dark-theme .cu-sts__header_sticky {
    background: #1e272e
}

html.todesktop-platform-darwin .cu-sts__header_sticky:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 40px;
    -webkit-app-region: drag
}

.cu-sts__header_sticky:after {
    display: none;
    content: "";
    position: absolute;
    width: 100%;
    height: 8px;
    bottom: -8px;
    background: linear-gradient(0deg,rgba(255,255,255,0) 0%,white 100%)
}

.dark-theme .cu-sts__header_sticky:after {
    background: linear-gradient(0deg,rgba(30,39,46,0) 0%,#1e272e 100%)
}

.cu-sts__title {
    font-weight: 500;
    font-size: 21px;
    color: #505050;
    margin: 0 0 30px
}

.dark-theme .cu-sts__title {
    color: #d5d6d7
}

.cu-sts__title_xl {
    font-size: 28px
}

.cu-sts__title_xl .cu-sts__title-more {
    margin-top: 8px
}

.cu-sts__title_top {
    padding-top: 40px;
    margin-top: -40px
}

.cu-sts__title_section {
    margin-top: 50px
}

.cu-sts__title_flex {
    display: flex;
    align-items: center
}

.cu-sts__title-more {
    color: #A2C44A;
    transition: all .2s cubic-bezier(.785,.135,.15,.86) 0s;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    margin: 4px 0 0 13px;
    position: relative;
    display: inline-block;
    padding-bottom: 2px;
    float: right;
    cursor: pointer
}

@supports (--theme-main-color: $color-purple) {
    .cu-sts__title-more {
        color:var(--theme-main-color)
    }
}

.cu-sts__title-more:after {
    content: "";
    display: block;
    position: absolute;
    transition: all .2s cubic-bezier(.785,.135,.15,.86) 0s;
    background-color: #A2C44A;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px
}

.cu-sts__title-more:after:hover {
    transition: none
}

@supports (--theme-main-color: $color-purple) {
    .cu-sts__title-more:after {
        background-color:var(--theme-main-color)
    }
}

.cu-sts__title-more:hover:after {
    opacity: 0
}

.cu-sts__title-team-avatar {
    display: inline-block;
    position: relative;
    width: 50px;
    margin-left: 5px
}

.cu-sts__title-team-avatar .cu-team-avatar {
    position: absolute;
    margin-top: -35px
}

.cu-sts__title-icon {
    width: 40px;
    height: 40px;
    margin-right: 10px;
    display: inline-flex
}

.cu-sts__title-icon svg {
    fill: #969797
}

.dark-theme .cu-sts__title-icon svg {
    fill: #ccc
}

.cu-sts__aside {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    flex-shrink: 0;
    width: 250px;
    height: 100%;
    background: #f7f7f7;
    padding: 40px 0
}

[lang=fr-FR] .cu-sts__aside {
    width: 276px
}

.dark-theme .cu-sts__aside {
    background: #2b343b
}

html.todesktop-platform-darwin .cu-sts__aside {
    padding-top: 0
}

html.todesktop-platform-darwin .cu-sts__aside:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 80px;
    -webkit-app-region: drag
}

.cu-sts__aside-scroll {
    max-height: calc(100% - 55px);
    flex-shrink: 0;
    padding: 0 40px;
    overflow: auto
}

.cu-os-win .cu-sts__aside-scroll {
    scrollbar-width: thin
}

.cu-os-win .cu-sts__aside-scroll::-webkit-scrollbar {
    background-color: #fff;
    width: 16px;
    height: 16px
}

.cu-os-win .cu-sts__aside-scroll::-webkit-scrollbar-track {
    background-color: #fff
}

.cu-os-win .cu-sts__aside-scroll::-webkit-scrollbar-track:hover {
    background-color: #fff
}

.cu-os-win .cu-sts__aside-scroll::-webkit-scrollbar-thumb {
    background-color: #babac080;
    border-radius: 16px;
    border: 5px solid #fff
}

.cu-os-win .cu-sts__aside-scroll::-webkit-scrollbar-thumb:hover {
    background-color: #a0a0a5;
    border: 3px solid #fff
}

.cu-os-win .cu-sts__aside-scroll::-webkit-scrollbar-button {
    display: none
}

.cu-os-win.dark-theme .cu-sts__aside-scroll::-webkit-scrollbar,.cu-os-win .dark-theme .cu-sts__aside-scroll::-webkit-scrollbar {
    background-color: #2b343b
}

.cu-os-win.dark-theme .cu-sts__aside-scroll::-webkit-scrollbar-track,.cu-os-win .dark-theme .cu-sts__aside-scroll::-webkit-scrollbar-track {
    background-color: #2b343b
}

.cu-os-win.dark-theme .cu-sts__aside-scroll::-webkit-scrollbar-track:hover,.cu-os-win .dark-theme .cu-sts__aside-scroll::-webkit-scrollbar-track:hover {
    background-color: #2b343b
}

.cu-os-win.dark-theme .cu-sts__aside-scroll::-webkit-scrollbar-thumb,.cu-os-win .dark-theme .cu-sts__aside-scroll::-webkit-scrollbar-thumb {
    border-color: #2b343b
}

.cu-os-win.dark-theme .cu-sts__aside-scroll::-webkit-scrollbar-thumb:hover,.cu-os-win .dark-theme .cu-sts__aside-scroll::-webkit-scrollbar-thumb:hover {
    border-color: #2b343b
}

.cu-os-win.dark-theme .cu-sts__aside-scroll::-webkit-scrollbar-corner,.cu-os-win .dark-theme .cu-sts__aside-scroll::-webkit-scrollbar-corner {
    background-color: #2b343b
}

.dark-theme .cu-sts__aside-scroll {
    background: #2b343b
}

.cu-sts__main {
    position: relative;
    flex-grow: 1;
    background: #fff;
    width: calc(100% - 250px)
}

.dark-theme .cu-sts__main {
    background: #1e272e
}

.cu-sts__main-scroll {
    position: relative;
    height: 100%;
    padding: 40px 40px 0;
    overflow: auto;
    background: #fff
}

.cu-os-win .cu-sts__main-scroll {
    scrollbar-width: thin
}

.cu-os-win .cu-sts__main-scroll::-webkit-scrollbar {
    background-color: #fff;
    width: 16px;
    height: 16px
}

.cu-os-win .cu-sts__main-scroll::-webkit-scrollbar-track {
    background-color: #fff
}

.cu-os-win .cu-sts__main-scroll::-webkit-scrollbar-track:hover {
    background-color: #fff
}

.cu-os-win .cu-sts__main-scroll::-webkit-scrollbar-thumb {
    background-color: #babac080;
    border-radius: 16px;
    border: 5px solid #fff
}

.cu-os-win .cu-sts__main-scroll::-webkit-scrollbar-thumb:hover {
    background-color: #a0a0a5;
    border: 3px solid #fff
}

.cu-os-win .cu-sts__main-scroll::-webkit-scrollbar-button {
    display: none
}

.cu-os-win.dark-theme .cu-sts__main-scroll::-webkit-scrollbar,.cu-os-win .dark-theme .cu-sts__main-scroll::-webkit-scrollbar {
    background-color: #1e272e
}

.cu-os-win.dark-theme .cu-sts__main-scroll::-webkit-scrollbar-track,.cu-os-win .dark-theme .cu-sts__main-scroll::-webkit-scrollbar-track {
    background-color: #1e272e
}

.cu-os-win.dark-theme .cu-sts__main-scroll::-webkit-scrollbar-track:hover,.cu-os-win .dark-theme .cu-sts__main-scroll::-webkit-scrollbar-track:hover {
    background-color: #1e272e
}

.cu-os-win.dark-theme .cu-sts__main-scroll::-webkit-scrollbar-thumb,.cu-os-win .dark-theme .cu-sts__main-scroll::-webkit-scrollbar-thumb {
    border-color: #1e272e
}

.cu-os-win.dark-theme .cu-sts__main-scroll::-webkit-scrollbar-thumb:hover,.cu-os-win .dark-theme .cu-sts__main-scroll::-webkit-scrollbar-thumb:hover {
    border-color: #1e272e
}

.cu-os-win.dark-theme .cu-sts__main-scroll::-webkit-scrollbar-corner,.cu-os-win .dark-theme .cu-sts__main-scroll::-webkit-scrollbar-corner {
    background-color: #1e272e
}

.dark-theme .cu-sts__main-scroll {
    background: #1e272e
}

html.todesktop-platform-darwin .cu-sts__main-scroll:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 40px;
    -webkit-app-region: drag
}

.cu-sts__main-scroll-bottom {
    height: 80px
}

.cu-sts__main-scroll-bottom-half {
    height: 20px
}

.cu-sts__main-scroll_users {
    display: flex;
    flex-direction: column;
    max-width: 1800px;
    margin: 0 auto
}

.cu-sts__main-scroll_users.banner-active {
    height: calc(100% - 103px)
}

.cu-sts__main-scroll-body {
    height: 0;
    flex: 1;
    display: grid;
    grid-template-rows: auto 1fr;
    overflow: hidden;
    border: 1px solid #e4e4e4;
    width: calc(100% + 32px);
    margin: 10px 0 30px -16px;
    padding: 0 0 0 20px;
    border-radius: 4px
}

.dark-theme .cu-sts__main-scroll-body {
    border-color: #2b343b
}

.cu-sts__main-scroll-body .cdk-virtual-scroll-content-wrapper {
    padding-right: 40px
}

.cu-sts__main-scroll-body .cdk-virtual-scroll-viewport {
    overflow: hidden
}

.cu-sts__main-scroll-body .ps__rail-x,.cu-sts__main-scroll-body .ps__rail-y {
    opacity: 1
}

.cu-sts__users-scroll {
    flex: 1
}

.cu-sts__addon {
    margin: 22px 0;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding-bottom: 22px;
    border-bottom: 1px solid #d8d8d8;
    cursor: pointer
}

.dark-theme .cu-sts__addon {
    border-bottom: 1px solid #2b343b
}

.cu-sts__addon_no-border,.dark-theme .cu-sts__addon_no-border {
    border: 0
}

.cu-sts__addon_default {
    cursor: default
}

.cu-sts__addon-title {
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    color: #4a4a4a;
    flex-grow: 1
}

.dark-theme .cu-sts__addon-title {
    color: #d5d6d7
}

.cu-sts__addon-title h3 {
    display: inline
}

.cu-sts__addon-title-question {
    width: 14px;
    height: 14px;
    display: inline-block;
    margin-bottom: -2px;
    cursor: default
}

.cu-sts__addon-title-question use {
    fill: #b9bec7
}

.dark-theme .cu-sts__addon-title-question use {
    fill: #7c828d
}

.cu-sts__addon-description {
    font-size: 13px;
    font-weight: 400;
    line-height: 18px;
    color: #727272
}

.dark-theme .cu-sts__addon-description {
    color: #828588
}

.cu-sts__addon-description-link {
    transition: all .2s cubic-bezier(.785,.135,.15,.86) 0s;
    color: #343434;
    text-decoration: underline;
    cursor: pointer
}

.dark-theme .cu-sts__addon-description-link {
    color: #828588
}

.cu-sts__addon-description-link:hover {
    color: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .cu-sts__addon-description-link:hover {
        color:var(--theme-main-color)
    }
}

.cu-sts__addon-toast-popover {
    box-shadow: 0 2px 26px #0000002e;
    margin: 20px;
    display: block
}

.dark-theme .cu-sts__addon-toast-popover,.cu-sts__addon-toast-popover_dark {
    display: none
}

.dark-theme .cu-sts__addon-toast-popover_dark,.cu-sts__addon-toast-popover img {
    display: block
}

.cu-sts__addon .switch {
    width: 36px;
    height: 20px;
    margin-right: 20px;
    flex-shrink: 0
}

.cu-sts__addon .switch__handle:after {
    transition: all .2s cubic-bezier(.785,.135,.15,.86) 0s;
    width: 14px;
    height: 14px;
    top: 3px;
    left: 3px;
    right: auto
}

.cu-sts__addon .switch__checkbox:checked+.switch__handle:after {
    left: auto;
    right: 3px
}

.cu-sts__addon-settings {
    margin: -35px 0 60px 120px
}

.cu-sts__btn-delete-block .cu-btn {
    margin-right: 20px
}

.cu-sts__btn-delete-block .cu-btn_danger-link {
    height: 44px;
    line-height: 44px;
    font-weight: 400;
    text-shadow: none
}

.cu-sts__btn-delete-block .cu-btn_normal-link {
    height: 44px;
    line-height: 44px;
    color: #aeacb0;
    border: 0;
    background: none;
    font-weight: 400;
    text-shadow: none;
    padding: 0
}

.cu-sts__btn-delete-block .cu-btn_normal-link_dark {
    color: #544d61
}

.dark-theme .cu-sts__btn-delete-block .cu-btn_normal-link_dark {
    color: #828588
}

.cu-sts__transfer-confirm {
    padding: 30px 0;
    font-size: 1.5em;
    line-height: 1.5em;
    text-align: center
}

.cu-sts__transfer-confirm-options {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: space-around
}

.cu-sts__transfer-confirm-options .cu-btn.cu-btn_option {
    display: block;
    width: unset;
    margin: 0 10px;
    font-weight: 400;
    flex-shrink: 0;
    line-height: 18px;
    max-width: 33%
}

.cu-sts__transfer-confirm-modal .cu-modal__body {
    min-height: 0
}

.cu-sts__btn-fixed {
    position: fixed;
    height: 104px;
    bottom: 0;
    margin: 0;
    right: 0;
    left: 250px
}

[lang=fr-FR] .cu-sts__btn-fixed {
    left: 276px
}

.cu-sts__btn-fixed-shadow {
    height: 20px;
    width: 100%;
    opacity: .03;
    background: linear-gradient(0deg,#000 0%,rgba(0,0,0,0) 100%)
}

.cu-sts__btn-fixed-block {
    background: #fff;
    height: 84px;
    padding: 20px 40px
}

.dark-theme .cu-sts__btn-fixed-block {
    background: #384047
}

.cu-sts__btn-fixed-divider {
    height: 40px
}

.cu-sts__btn-fixed .cu-btn.cu-btn_fw {
    min-width: 130px;
    height: 44px
}

.cu-sts__btn-fixed .cu-btn.cu-btn_fw .cu-btn__text {
    height: 42px;
    line-height: 42px
}

.cu-sts__btn-fixed .cu-btn_danger-link {
    height: 44px;
    line-height: 44px;
    font-weight: 400;
    text-shadow: none
}

.cu-sts__btn-fixed .cu-btn_normal-link {
    height: 44px;
    line-height: 44px;
    color: #aeacb0;
    border: 0;
    background: none;
    font-weight: 400;
    text-shadow: none
}

.cu-sts__tabs {
    width: 100%;
    display: flex;
    margin: 10px 0 24px
}

.cu-sts__tab {
    transition: all .2s cubic-bezier(.785,.135,.15,.86) 0s;
    font-size: 16px;
    font-weight: 500;
    line-height: 1;
    cursor: pointer;
    padding: 10px 0;
    margin-bottom: -1px;
    text-transform: uppercase;
    color: #a19da880;
    margin-right: 30px;
    border-bottom: solid 2px #fff
}

.dark-theme .cu-sts__tab {
    border-bottom: solid 2px #1e272e;
    color: #828588
}

.cu-sts__tab:hover {
    color: #343434
}

.dark-theme .cu-sts__tab:hover {
    color: #d5d6d7
}

.cu-sts__tab-active {
    border-bottom-color: #A2C44A;
    border-bottom: 2px solid;
    color: #343434
}

@supports (--theme-main-color: $color-purple) {
    .cu-sts__tab-active {
        border-bottom-color:var(--theme-main-color)
    }
}

.dark-theme .cu-sts__tab-active {
    border-bottom-color: #A2C44A;
    color: #d5d6d7
}

@supports (--theme-main-color: $color-purple) {
    .dark-theme .cu-sts__tab-active {
        border-bottom-color:var(--theme-main-color)
    }
}

.cu-sts__empty {
    text-align: center;
    padding: 30px;
    font-size: 16px
}

.cu-sts__empty-no-spaces-img {
    width: 200px;
    height: auto;
    margin: 50px 0 25px
}

.cu-sts__empty-no-spaces-text {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 13px;
    font-weight: 500;
    line-height: 1;
    color: #7c828d;
    padding-left: 30px
}

.dark-theme .cu-sts__empty-no-spaces-text {
    color: #828588
}

.cu-sts__empty-no-spaces-text span {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 13px;
    font-weight: 500;
    line-height: 1;
    transition: color .2s cubic-bezier(.785,.135,.15,.86) 0s;
    cursor: pointer;
    color: #7c828d
}

.dark-theme .cu-sts__empty-no-spaces-text span {
    color: #828588
}

.cu-sts__empty-no-spaces-text span:hover {
    color: var(--theme-main-color)
}

.cu-sts__project-item {
    display: flex;
    align-items: center;
    padding: 10px;
    border-bottom: 1px solid #ededed
}

.dark-theme .cu-sts__project-item {
    border-bottom: 1px solid #384047
}

.cu-sts__project-name {
    font-size: 16px;
    font-weight: 500;
    line-height: 1;
    flex-grow: 1
}

.dark-theme .cu-sts__project-name {
    color: #d5d6d7
}

.cu-sts__project-name-owned {
    font-weight: 400;
    margin: 0 10px
}

.cu-sts__btn-restore {
    margin-right: 20px;
    color: #bbb;
    border-color: #bbb;
    background-color: #fff;
    text-shadow: none
}

.dark-theme .cu-sts__btn-restore {
    background: transparent;
    color: #828588;
    border-color: #828588
}

.cu-sts__btn-restore:hover {
    color: #fff;
    background-color: #bbb;
    border-color: #bbb
}

.cu-sts__btn-transfer {
    color: #A2C44A;
    border-color: #A2C44A;
    margin-right: 20px;
    background-color: transparent;
    text-shadow: none
}

@supports (--theme-main-color: $color-purple) {
    .cu-sts__btn-transfer {
        color:var(--theme-main-color)
    }
}

@supports (--theme-main-color: $color-purple) {
    .cu-sts__btn-transfer {
        border-color:var(--theme-main-color)
    }
}

.cu-sts__btn-transfer:hover {
    background-color: #A2C44A;
    color: #fff
}

@supports (--theme-main-color: $color-purple) {
    .cu-sts__btn-transfer:hover {
        background-color:var(--theme-main-color)
    }
}

.cu-sts__btn-delete {
    color: #fd71af;
    border-color: #fd71af;
    background-color: #fff;
    text-shadow: none
}

.dark-theme .cu-sts__btn-delete {
    background: transparent
}

.cu-sts__btn-delete:hover {
    color: #fff;
    background-color: #fd71af;
    border-color: #fd71af
}

.cu-sts__sso-row {
    display: flex;
    align-items: center;
    padding: 14px 0
}

.cu-sts__sso-row:not(:last-child) {
    border-bottom: 1px solid #e4e4e4
}

.dark-theme .cu-sts__sso-row:not(:last-child) {
    border-bottom: 1px solid #2b343b
}

.cu-sts__sso-row_header:not(:last-child) {
    padding: 0 0 10px;
    border-bottom: 1px solid #d8d8d8
}

.dark-theme .cu-sts__sso-row_header:not(:last-child) {
    border-bottom: 1px solid #384047
}

.cu-sts__sso-row_header:not(:last-child) .cu-sts__sso-column {
    font-size: 16px;
    font-weight: 500;
    line-height: 1;
    color: #4a4a4a
}

.dark-theme .cu-sts__sso-row_header:not(:last-child) .cu-sts__sso-column {
    color: #828588
}

.cu-sts__sso-column {
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    color: #4a4a4a;
    padding-right: 10px
}

.dark-theme .cu-sts__sso-column {
    color: #d5d6d7
}

.cu-sts__sso-column_provider {
    width: 25%;
    flex-shrink: 0
}

.cu-sts__sso-column_team {
    word-break: break-word;
    overflow-wrap: break-word;
    word-wrap: break-word;
    -webkit-hyphens: auto;
    hyphens: auto;
    flex-grow: 1
}

.cu-sts__sso-column_link {
    width: 200px;
    flex-shrink: 0
}

[lang=fr-FR] .cu-sts__sso-column_link {
    width: 240px
}

[lang=es-ES] .cu-sts__sso-column_link,[lang=pt-BR] .cu-sts__sso-column_link {
    width: 265px
}

.cu-sts__sso-column_flex {
    display: flex;
    align-items: center
}

.cu-sts__sso-icon {
    margin-right: 10px;
    width: 25px;
    height: 25px
}

.cu-sts__sso-exclamation {
    margin-left: 10px;
    width: 18px;
    height: 18px;
    padding: 4px;
    background: #f5a623;
    border-radius: 50%;
    fill: #fff
}

.cu-sts__sso-btn {
    border-color: #A2C44A;
    color: #A2C44A;
    -webkit-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 12px;
    font-weight: 500;
    line-height: 1;
    transition: all .2s cubic-bezier(.785,.135,.15,.86) 0s;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0 12px;
    margin: 0 4px;
    height: 30px;
    cursor: pointer;
    border-radius: 4px;
    text-decoration: none;
    border: 1px solid
}

@supports (--theme-main-color: $color-purple) {
    .cu-sts__sso-btn {
        border-color:var(--theme-main-color)
    }
}

@supports (--theme-main-color: $color-purple) {
    .cu-sts__sso-btn {
        color:var(--theme-main-color)
    }
}

.cu-sts__sso-btn:hover:not(.cu-sts__sso-btn_disabled),.cu-sts__sso-btn:active:not(.cu-sts__sso-btn_disabled) {
    background-color: #A2C44A;
    border-color: #A2C44A;
    color: #fff
}

@supports (--theme-main-color: $color-purple) {
    .cu-sts__sso-btn:hover:not(.cu-sts__sso-btn_disabled),.cu-sts__sso-btn:active:not(.cu-sts__sso-btn_disabled) {
        background-color:var(--theme-main-color)
    }
}

@supports (--theme-main-color: $color-purple) {
    .cu-sts__sso-btn:hover:not(.cu-sts__sso-btn_disabled),.cu-sts__sso-btn:active:not(.cu-sts__sso-btn_disabled) {
        border-color:var(--theme-main-color)
    }
}

.cu-sts__sso-btn_unlink {
    color: #dc3545;
    border-color: #dc3545
}

.cu-sts__sso-btn_unlink:hover:not(.cu-sts__sso-btn_disabled),.cu-sts__sso-btn_unlink:active:not(.cu-sts__sso-btn_disabled) {
    border-color: #dc3545;
    background-color: #dc3545
}

.cu-sts__sso-btn_disabled {
    cursor: default
}

.cu-sts__avatar-picker .cu-avatar-picker__container {
    padding: 0 10px 10px;
    width: 260px
}

.cu-project-header .cu-sts__avatar-picker .cu-avatar-picker__container {
    position: absolute
}

.cu-sts__hosted-secret .cu-form__field {
    width: 400px
}

.cu-sts__hosted-secret .cu-form__field button {
    transition: background-color .2s cubic-bezier(.785,.135,.15,.86) 0s;
    font-size: 10px;
    font-weight: 500;
    line-height: 1;
    border: none;
    background-color: var(--theme-main-color);
    border-radius: 2px;
    text-transform: uppercase;
    color: #fff;
    display: flex;
    align-items: center;
    cursor: pointer;
    padding: 2px 4px
}

.cu-sts__hosted-secret .cu-form__field button:hover {
    background-color: var(--theme-main-color-dark)
}

.cu-sts .cu-bogo-banner {
    width: 100%;
    display: flex;
    padding: 12px 24px;
    background: #eaf7ef;
    min-height: 98px;
    align-items: center
}

.cu-sts .cu-bogo-banner__icon {
    width: 127px;
    height: auto;
    margin-right: 25px
}

.cu-sts .cu-bogo-banner__text {
    flex-grow: 1;
    max-width: 660px
}

.cu-sts .cu-bogo-banner__text-top {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 21px;
    font-weight: 700;
    line-height: 18px;
    color: #292d34;
    padding-bottom: 5px
}

.cu-sts .cu-bogo-banner__text-bot {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 13px;
    font-weight: 400;
    line-height: 18px;
    color: #292d34
}

.cu-sts .cu-bogo-banner__text-bot strong {
    font-weight: 700;
    color: #292d34
}

.cu-sts .cu-bogo-banner__button {
    margin-left: auto;
    background-color: #ffc800;
    box-shadow: 0 9px 10px #101e3621;
    border-radius: 5px;
    width: 192px;
    height: 58px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column
}

.cu-sts .cu-bogo-banner__button-container {
    margin-left: auto;
    justify-content: center;
    display: flex;
    flex-direction: column;
    align-items: center
}

.cu-sts .cu-bogo-banner__timer {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 17px;
    font-weight: 700;
    line-height: 16px;
    color: #fff
}

.cu-sts .cu-bogo-banner__extended {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 10px;
    font-weight: 700;
    line-height: 10px;
    color: #fff;
    font-style: italic;
    padding-top: 8px
}

.cu2-settings__resource-center-dropdown__toggle {
    position: fixed;
    left: 0;
    bottom: 0;
    pointer-events: none
}

.cu2-settings__resource-center-dropdown__menu {
    min-width: 350px;
    max-width: 350px;
    overflow: auto;
    margin-left: 25px
}

.cu-os-win .cu-sts__aside-scroll {
    padding-right: 20px
}

@charset "UTF-8";.cu-dashboard-board {
    position: relative;
    display: flex;
    flex-direction: column;
    padding: 0;
    min-width: 0
}

.cu-dashboard-board__content {
    display: flex;
    flex-direction: column;
    height: auto;
    min-height: 0;
    flex-grow: 1
}

.cu-dashboard-board__content-overlay {
    position: absolute;
    height: 100%;
    width: 100%;
    background: lightgray;
    opacity: 0
}

.cu-dashboard-board__invalid {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    height: 36px;
    background: rgba(41,45,52,.95);
    box-shadow: 0 5px 5px #00000026;
    border-radius: 55px;
    z-index: 1;
    padding: 0 15px;
    bottom: 65px;
    left: 50%;
    transform: translate(-50%);
    color: #fff
}

.cu-dashboard-board__invalid-icon {
    width: 14px;
    height: 14px;
    fill: #ffc800;
    transform: rotate(-30deg);
    margin-right: 10px
}

.cu-dashboard-board__collapse {
    margin-top: 6px;
    width: 35px;
    height: 100%;
    box-shadow: 0 1px 2px #0000000f;
    background: #fff;
    cursor: pointer;
    border-radius: 2px 2px 0 0
}

.cu-dashboard-board__collapse-container {
    padding-top: 25px;
    height: 100%
}

.dark-theme .cu-dashboard-board__collapse {
    background: #2b343b
}

.cu-dashboard-board__collapse-name {
    display: flex;
    transform: rotate(90deg)
}

.cu-dashboard-board__collapse-name>span {
    margin-right: 5px
}

.cu-dashboard-board__collapse-name span {
    color: #d5d6d7;
    font-size: 14px;
    line-height: 1.3;
    font-weight: 500;
    text-transform: uppercase;
    white-space: nowrap
}

.dark-theme .cu-dashboard-board__collapse-name span {
    color: #abaeb0
}

.cu-dashboard-board__collapse-name .cu-badge {
    margin-left: 5px;
    transform: rotate(-90deg)
}

.cu-dashboard-board__collapse-link {
    transition: color .2s cubic-bezier(.785,.135,.15,.86) 0s;
    font-size: 9px;
    font-weight: 600;
    line-height: 1;
    color: #d5d6d7;
    margin-left: 15px;
    white-space: nowrap;
    text-transform: uppercase;
    display: flex;
    align-items: center
}

.dark-theme .cu-dashboard-board__collapse-link {
    color: #abaeb0
}

.cu-dashboard-board__collapse-container:hover .cu-dashboard-board__collapse-link {
    color: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .cu-dashboard-board__collapse-container:hover .cu-dashboard-board__collapse-link {
        color:var(--theme-main-color)
    }
}

.cu-dashboard-board__collapse-icon {
    transition: all .1s cubic-bezier(.785,.135,.15,.86) 0s;
    width: 16px;
    height: 16px;
    fill: #34343499;
    margin-top: 1px;
    margin-left: 4px;
    transform: rotate(-90deg)
}

.cu-dashboard-board__collapse-icon:hover {
    transition: none
}

.dark-theme .cu-dashboard-board__collapse-icon {
    fill: #abaeb0
}

.cu-dashboard-board__inner {
    display: flex;
    flex-direction: column;
    height: 100%
}

.cu-dashboard-board__header {
    display: flex;
    margin: 0 30px 20px;
    flex-shrink: 0;
    flex-wrap: wrap;
    flex-direction: row-reverse
}

.cu-dashboard-board__header-filter-sort {
    display: flex;
    align-items: flex-start;
    margin-left: 15px
}

.cu-view-embed .cu-dashboard-board__header-filter-sort {
    margin-left: 2px
}

.cu-dashboard-board__header-filter-sort .filter-list_settings {
    padding: 5px 0
}

.cu-dashboard-board__sort-menu {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    min-width: 34px;
    border: 1px solid #e4e4e4;
    border-radius: 2px;
    background: #fff;
    height: 34px;
    margin-bottom: 10px
}

.contrast_high .cu-dashboard-board__sort-menu {
    border: 1px solid #dedede
}

.dark-theme .cu-dashboard-board__sort-menu {
    border: 1px solid #2b343b;
    background: #384047
}

.cu-dashboard-board__sort-menu-arrow {
    width: 10px;
    height: 15px;
    fill: #343434b3
}

.dark-theme .cu-dashboard-board__sort-menu-arrow {
    fill: #abaeb0
}

.cu-dashboard-board__header+.cu-dashboard-board__header {
    margin-top: -10px;
    height: 34px
}

.cu-dashboard-board__filter {
    flex-shrink: 0
}

.cu-dashboard-board__title {
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    color: #222;
    letter-spacing: 1px;
    flex-grow: 1;
    min-height: 20px
}

.cu-dashboard-board__controls {
    display: flex;
    align-items: center;
    margin: 0 0 0 auto
}

.cu-dashboard-board__controls button[disabled] {
    opacity: 0
}

.cu-dashboard-board__body-outer {
    position: relative;
    display: flex;
    width: 100%;
    overflow: hidden;
    flex-grow: 1
}

.cu-dashboard-board__body-outer .cdk-virtual-scroll-content-wrapper {
    display: flex
}

.cu-dashboard-board__body-inner {
    flex-grow: 1;
    transition: linear .3s;
    display: flex;
    flex-wrap: nowrap;
    align-content: flex-start;
    justify-content: flex-start;
    overflow-x: auto;
    overflow-y: hidden;
    padding-left: 20px
}

.cu-dashboard-board__body-inner-grouping {
    pointer-events: all!important;
    width: 34px;
    height: 34px;
    max-width: 34px;
    max-height: 34px;
    background: #fff;
    box-shadow: 0 2px 4px #00000014;
    border-radius: 3px;
    margin-right: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 5px
}

.cu-dashboard-board__body-inner-grouping .icon:first-of-type {
    width: 13px;
    height: 13px;
    margin-right: 0;
    fill: var(--theme-main-color)
}

.cu-dashboard-board__body-inner-grouping .icon:last-of-type {
    width: 10px;
    height: 10px;
    fill: #b9bec7
}

.dark-theme .cu-dashboard-board__body-inner-grouping {
    background: #384047
}

.cu-dashboard__router-outlet_v6 .cu-dashboard-board__body-inner {
    padding-top: 15px;
    padding-left: 15px
}

@media print {
    .cu-dashboard-board__body-inner {
        overflow-x: visible!important;
        overflow-y: visible!important
    }
}

@-moz-document url-prefix() {
    .cu-os-win .cu-dashboard-board__body-inner {
        scrollbar-color: #a0a0a5 #fafbfc
    }

    .cu-os-win.contrast_high .cu-dashboard-board__body-inner {
        scrollbar-color: #a0a0a5 #eee
    }

    .cu-os-win.dark-theme .cu-dashboard-board__body-inner {
        scrollbar-color: #828588 #1e272e
    }
}

.cu-dashboard-board__body-inner::-webkit-scrollbar {
    background-color: #fafbfc;
    width: 12px;
    height: 12px
}

.contrast_high .cu-dashboard-board__body-inner::-webkit-scrollbar {
    background: #eee
}

.dark-theme .cu-dashboard-board__body-inner::-webkit-scrollbar {
    background: #1e272e
}

.cu-dashboard-board__body-inner::-webkit-scrollbar-track {
    background-color: #fafbfc
}

.contrast_high .cu-dashboard-board__body-inner::-webkit-scrollbar-track {
    background: #eee
}

.dark-theme .cu-dashboard-board__body-inner::-webkit-scrollbar-track {
    background: #1e272e
}

.cu-dashboard-board__body-inner::-webkit-scrollbar-track:hover {
    background-color: #fafbfc
}

.contrast_high .cu-dashboard-board__body-inner::-webkit-scrollbar-track:hover {
    background: #eee
}

.dark-theme .cu-dashboard-board__body-inner::-webkit-scrollbar-track:hover {
    background: #1e272e
}

.cu-dashboard-board__body-inner::-webkit-scrollbar-thumb {
    background-color: #babac0;
    border-radius: 12px;
    border: 2px solid #fafbfc
}

.contrast_high .cu-dashboard-board__body-inner::-webkit-scrollbar-thumb {
    border-color: #eee
}

.dark-theme .cu-dashboard-board__body-inner::-webkit-scrollbar-thumb {
    background-color: #828588;
    border-color: #1e272e
}

.cu-dashboard-board__body-inner::-webkit-scrollbar-thumb:hover {
    background-color: #a0a0a5;
    border: 1px solid #fafbfc
}

.contrast_high .cu-dashboard-board__body-inner::-webkit-scrollbar-thumb:hover {
    border-color: #eee
}

.dark-theme .cu-dashboard-board__body-inner::-webkit-scrollbar-thumb:hover {
    background-color: #abaeb0;
    border-color: #1e272e
}

.cu-dashboard-board__body-inner::-webkit-scrollbar-button {
    display: none
}

.cu-dashboard-board__column {
    position: relative;
    flex-shrink: 0;
    display: flex;
    flex-direction: column;
    width: 270px;
    padding: 0 5px 0 0
}

.cu-dashboard-board__column.board-collapsed-column {
    width: 35px;
    margin-right: 10px
}

.cu-dashboard-board__column:hover .cu-panel-board__quick-action-ellipsis {
    display: block
}

.cu-dashboard-board__column.hide-subtasks {
    display: none
}

.cu-dashboard-board__arrow {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    min-width: 50px;
    height: 50px;
    background: rgba(255,255,255,.8);
    border-radius: 50px;
    box-shadow: 0 0 10px #0000000d;
    cursor: pointer
}

.dark-theme .cu-dashboard-board__arrow {
    background: rgba(56,64,71,.9)
}

.cu-dashboard-board__arrow-icon {
    width: 16px;
    height: 16px
}

.cu-dashboard-board__arrow-left {
    left: 15px
}

.cu-dashboard-board__arrow-choice-container {
    display: flex;
    padding: 0 15px;
    justify-content: center;
    align-items: center
}

.cu-dashboard-board__next {
    font-size: 14px;
    font-weight: 500;
    line-height: 13px;
    margin-right: 10px;
    padding-top: 2px;
    color: #35313b
}

.dark-theme .cu-dashboard-board__next {
    color: #abaeb0
}

.cu-dashboard-board__prev {
    font-size: 14px;
    font-weight: 500;
    line-height: 13px;
    margin-left: 10px;
    padding-top: 2px;
    color: #35313b
}

.dark-theme .cu-dashboard-board__prev {
    color: #abaeb0
}

.cu-dashboard-board__arrow-right {
    right: 15px
}

.cu-dashboard-board .cu-user-group {
    padding-left: 0
}

.cu-dashboard-board__section-header {
    flex-grow: 1;
    order: 2;
    min-width: 0
}

.cu-dashboard-board__status-new {
    flex-shrink: 0;
    width: auto;
    margin: 6px 14px 0 0;
    border-radius: 3px;
    background: #fff;
    box-shadow: 0 1px 2px #0000000f;
    cursor: pointer;
    border: 1px solid currentColor;
    border-top-width: 2px;
    position: relative;
    z-index: 1;
    height: 46px
}

.dark-theme .cu-dashboard-board__status-new {
    background: #2b343b
}

.cu-dashboard-board__status-new .cu-dashboard-table__header-status {
    pointer-events: all
}

.cu-dropdown.cu-dropdown_sort .cu-dropdown__toggle {
    position: relative;
    padding: 0 20px 0 0;
    text-transform: uppercase;
    color: #544d61
}

.cu-dropdown.cu-dropdown_sort .cu-dropdown__toggle:after {
    content: "";
    display: block;
    position: absolute;
    height: 0;
    width: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 4px;
    border-top-color: #4a4f5580;
    right: 5px;
    top: 5px
}

.cu-dropdown.cu-dropdown_sort .cu-dropdown__menu {
    margin: 10px 0 0
}

.cu-dashboard-box {
    display: flex;
    flex-wrap: wrap
}

.cu-dashboard-box__toggle-subtasks {
    display: flex;
    justify-content: flex-end;
    padding-bottom: 20px
}

.cu-dashboard-box__subtasks-icon {
    height: 14px;
    width: 14px;
    margin-left: 10px
}

.cu-dashboard-box__subtasks-icon-small {
    height: 10px;
    width: 10px;
    margin-left: 0;
    margin-right: 10px
}

.cu-dashboard-box-empty {
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: 0
}

.cu-dashboard-box-me {
    align-items: flex-start
}

.cu-dropdown__comments-body div a {
    display: block
}

.cu-dropdown__comments-body div p {
    cursor: pointer
}

.cu-dashboard-box-empty {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    flex-direction: column;
    align-items: center;
    height: calc(100vh - 300px)
}

.cu-dashboard-box-empty__title {
    font-size: 23px;
    font-weight: 500;
    color: #505050;
    margin-bottom: 20px
}

.cu-dashboard-box-empty__subtitle {
    font-size: 15px;
    font-weight: 400;
    color: #b2b7bb
}

.cu-dashboard-box-empty__subtitle a {
    color: #A2C44A;
    text-decoration: none
}

@supports (--theme-main-color: $color-purple) {
    .cu-dashboard-box-empty__subtitle a {
        color:var(--theme-main-color)
    }
}

.cu-dashboard-box-empty__icon {
    width: 120px;
    height: 161px;
    margin-bottom: 28px
}

.cu-dt-controls {
    transition: all .2s cubic-bezier(.785,.135,.15,.86) 0s;
    border: 1px solid #2a2d34;
    background: #2a2d34;
    position: fixed;
    top: 0;
    left: auto;
    right: 0;
    box-shadow: 0 0 10px #0000001a;
    height: 40px;
    z-index: 700;
    width: 100%
}

.dark-theme .cu-dt-controls {
    border-color: #d5d6d7;
    background: #d5d6d7
}

.cu-dt-controls[hidden] {
    display: none
}

html.todesktop-platform-darwin .cu-dt-controls {
    height: 50px
}

.cu-dt-controls__milestones {
    width: 200px
}

.cu-dt-controls.fixed {
    position: fixed;
    z-index: 1000;
    top: 0;
    left: 50%;
    transform: translate(-50%)
}

.cu-dt-controls_hidden {
    visibility: hidden!important
}

.cu-dt-controls__send-notifications {
    margin-top: -1px;
    padding: 16px 12px;
    z-index: 10;
    position: relative;
    border-top: 1px solid #e9ebf0
}

.dark-theme .cu-dt-controls__send-notifications {
    border-color: #1e272e
}

.cu-dt-controls__send-notifications .cu-checkbox__label {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 12px;
    font-weight: 400;
    line-height: 1.2;
    text-transform: none
}

.cu-dt-controls__send-notifications-move-and-add-tasks .cu-checkbox__label {
    margin-top: 12px
}

.cu-dt-controls_no-header {
    height: 50px
}

.cu-dt-controls_favorites-pinned {
    height: 35px
}

.cu-dt-controls_task-view {
    height: 80px
}

.cu-dt-controls__inner {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    height: 100%
}

html.todesktop-platform-darwin .cu-dt-controls__inner {
    -webkit-app-region: drag
}

html.todesktop-platform-darwin .cu-dt-controls__inner>* {
    -webkit-app-region: no-drag
}

.banner-popup_true .cu-dt-controls {
    top: 50px
}

.cu-dt-controls__remove-from-timl {
    padding: 10px 10px 0;
    width: 250px;
    display: flex!important;
    flex-direction: column
}

.cu-dt-controls__item {
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all .2s cubic-bezier(.785,.135,.15,.86) 0s;
    width: 38px;
    height: 38px;
    padding: 10px;
    opacity: .8
}

.cu-dt-controls__item:hover {
    transition: none
}

html.todesktop-platform-darwin .cu-dt-controls__item {
    height: 50px;
    padding: 16px 10px
}

.cu-dt-controls__item.cu-dt-controls__item-multiple-lists {
    position: relative;
    top: 2px
}

.cu-slash-command_active .cu-dt-controls__item {
    display: none
}

.cu-dt-controls_task-view .cu-dt-controls__item {
    width: 54px;
    height: 66px;
    padding: 15px
}

.cu-dt-controls__item:active {
    opacity: 1
}

.cu-dt-controls__item::-moz-focus-inner {
    border: 0
}

.cu-dt-controls__item use {
    fill: #d4d5d6
}

.dark-theme .cu-dt-controls__item use {
    fill: #4a4f55
}

.cu-dt-controls__item-merge use {
    stroke: #d4d5d6
}

.dark-theme .cu-dt-controls__item-merge use {
    stroke: #4a4f55
}

.cu-dt-controls__item-multiple-lists use {
    stroke: none
}

.dark-theme .cu-dt-controls__item-multiple-lists use {
    stroke: none
}

.cu-dt-controls__item-links use {
    stroke: none!important
}

.cu-dt-controls__item.tags-batch use {
    stroke: #d4d5d6
}

.dark-theme .cu-dt-controls__item.tags-batch use {
    stroke: #4a4f55
}

.cu-dt-controls__item.tags-batch_disabled {
    opacity: .4;
    cursor: not-allowed
}

.cu-dt-controls__item.cu-dt-controls__item-merge {
    stroke: #d4d5d6;
    stroke-width: 1.25px
}

.dark-theme .cu-dt-controls__item.cu-dt-controls__item-merge {
    stroke: #4a4f55
}

.cu-dt-controls_task-view .cu-dt-controls__item.priorities-batch {
    padding: 20px 17px
}

.cu-dt-controls__item.priorities-batch_disabled {
    cursor: not-allowed;
    opacity: .4
}

.cu-dt-controls_task-view .cu-dt-controls__item.cu-priorities-view__icon-grey,.cu-dt-controls_task-view .cu-dt-controls__item.cu-priorities-view__icon-purple,.cu-dt-controls_task-view .cu-dt-controls__item.cu-dt-controls__item_remove {
    padding: 17px
}

.cu-dt-controls__item.cu-dt-controls__item_remove use {
    stroke: #d4d5d6;
    stroke-width: 1.25px
}

.dark-theme .cu-dt-controls__item.cu-dt-controls__item_remove use {
    stroke: #4a4f55
}

.cu-dt-controls_task-view .cu-dt-controls__item.cu-dt-controls__item_archive {
    padding: 17px 15px
}

.cu-dt-controls__item.cu-dt-controls__item_dependency {
    padding: 11px
}

.cu-dt-controls_task-view .cu-dt-controls__item.cu-dt-controls__item_dependency {
    padding: 17px 16px
}

.cu-dt-controls__item.cu-dt-controls__item_dependency use {
    stroke: #d4d5d6;
    fill: #d4d5d6;
    stroke-width: 2px
}

.dark-theme .cu-dt-controls__item.cu-dt-controls__item_dependency use {
    stroke: #4a4f55;
    fill: #4a4f55
}

.cu-dt-controls__item.cu-dt-controls__item_convert-to-task use {
    stroke: #d4d5d6;
    stroke-width: 2px
}

.dark-theme .cu-dt-controls__item.cu-dt-controls__item_convert-to-task use {
    stroke: #4a4f55
}

.cu-dt-controls__item.cu-dt-controls__item_cf {
    padding: 8px 9px 10px;
    stroke: #d4d5d6;
    stroke-width: .5px
}

.dark-theme .cu-dt-controls__item.cu-dt-controls__item_cf {
    stroke: #4a4f55
}

.cu-dt-controls_task-view .cu-dt-controls__item.cu-dt-controls__item_cf {
    padding: 11px 13px 15px
}

.cu-dt-controls__item-search-list .columns-list__body {
    width: 220px;
    overflow-y: auto;
    overflow-x: hidden
}

.cu-os-win .cu-dt-controls__item-search-list .columns-list__body {
    scrollbar-width: thin
}

.cu-os-win .cu-dt-controls__item-search-list .columns-list__body::-webkit-scrollbar {
    background-color: #fff;
    width: 16px;
    height: 16px
}

.cu-os-win .cu-dt-controls__item-search-list .columns-list__body::-webkit-scrollbar-track {
    background-color: #fff
}

.cu-os-win .cu-dt-controls__item-search-list .columns-list__body::-webkit-scrollbar-track:hover {
    background-color: #fff
}

.cu-os-win .cu-dt-controls__item-search-list .columns-list__body::-webkit-scrollbar-thumb {
    background-color: #babac080;
    border-radius: 16px;
    border: 5px solid #fff
}

.cu-os-win .cu-dt-controls__item-search-list .columns-list__body::-webkit-scrollbar-thumb:hover {
    background-color: #a0a0a5;
    border: 3px solid #fff
}

.cu-os-win .cu-dt-controls__item-search-list .columns-list__body::-webkit-scrollbar-button {
    display: none
}

.cu-os-win.dark-theme .cu-dt-controls__item-search-list .columns-list__body::-webkit-scrollbar,.cu-os-win .dark-theme .cu-dt-controls__item-search-list .columns-list__body::-webkit-scrollbar {
    background-color: #384047
}

.cu-os-win.dark-theme .cu-dt-controls__item-search-list .columns-list__body::-webkit-scrollbar-track,.cu-os-win .dark-theme .cu-dt-controls__item-search-list .columns-list__body::-webkit-scrollbar-track {
    background-color: #384047
}

.cu-os-win.dark-theme .cu-dt-controls__item-search-list .columns-list__body::-webkit-scrollbar-track:hover,.cu-os-win .dark-theme .cu-dt-controls__item-search-list .columns-list__body::-webkit-scrollbar-track:hover {
    background-color: #384047
}

.cu-os-win.dark-theme .cu-dt-controls__item-search-list .columns-list__body::-webkit-scrollbar-thumb,.cu-os-win .dark-theme .cu-dt-controls__item-search-list .columns-list__body::-webkit-scrollbar-thumb {
    border-color: #384047
}

.cu-os-win.dark-theme .cu-dt-controls__item-search-list .columns-list__body::-webkit-scrollbar-thumb:hover,.cu-os-win .dark-theme .cu-dt-controls__item-search-list .columns-list__body::-webkit-scrollbar-thumb:hover {
    border-color: #384047
}

.cu-os-win.dark-theme .cu-dt-controls__item-search-list .columns-list__body::-webkit-scrollbar-corner,.cu-os-win .dark-theme .cu-dt-controls__item-search-list .columns-list__body::-webkit-scrollbar-corner {
    background-color: #384047
}

.dark-theme .cu-dt-controls__item-search-list .columns-list__body {
    background-color: #384047
}

.cu-dt-controls__item_milestone {
    padding: 8px
}

.cu-dt-controls__action {
    display: flex;
    height: 100%;
    align-items: stretch
}

.cu-dt-controls__action-batch-option {
    position: relative;
    display: flex;
    align-items: center
}

.cu-dt-controls__action-batch-option:hover {
    background: #2b343b
}

.dark-theme .cu-dt-controls__action-batch-option:hover {
    background: #f5f5f5
}

.cu-dt-controls__action-batch-option:hover use,.cu-dt-controls__action-batch-option:hover .cu-fill {
    fill: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .cu-dt-controls__action-batch-option:hover use,.cu-dt-controls__action-batch-option:hover .cu-fill {
        fill:var(--theme-main-color)
    }
}

.cu-dt-controls__action-batch-option:hover .cu-dropdown-list-item__icon_tags-batch use,.cu-dt-controls__action-batch-option:hover .cu-dt-controls__item-merge use,.cu-dt-controls__action-batch-option:hover .tags-batch use {
    stroke: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .cu-dt-controls__action-batch-option:hover .cu-dropdown-list-item__icon_tags-batch use,.cu-dt-controls__action-batch-option:hover .cu-dt-controls__item-merge use,.cu-dt-controls__action-batch-option:hover .tags-batch use {
        stroke:var(--theme-main-color)
    }
}

.cu-dt-controls__action-batch-option:hover .cu-dt-controls__item_dependency use,.cu-dt-controls__action-batch-option:hover .cu-dt-controls__item_remove use {
    stroke: #A2C44A;
    fill: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .cu-dt-controls__action-batch-option:hover .cu-dt-controls__item_dependency use,.cu-dt-controls__action-batch-option:hover .cu-dt-controls__item_remove use {
        stroke:var(--theme-main-color)
    }
}

@supports (--theme-main-color: $color-purple) {
    .cu-dt-controls__action-batch-option:hover .cu-dt-controls__item_dependency use,.cu-dt-controls__action-batch-option:hover .cu-dt-controls__item_remove use {
        fill:var(--theme-main-color)
    }
}

.cu-dt-controls__action-batch-option:hover .cu-dt-controls__item_convert-to-task use {
    stroke: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .cu-dt-controls__action-batch-option:hover .cu-dt-controls__item_convert-to-task use {
        stroke:var(--theme-main-color)
    }
}

.cu-dt-controls__action-batch-option+.cu-dt-controls__action-batch-option {
    margin-left: 10px
}

.cu-dt-controls_task-view .cu-dt-controls__action-batch-option+.cu-dt-controls__action-batch-option {
    margin-left: 0
}

.cu-dt-controls__action-batch-option-dropdown .cu-dt-controls__action-batch-option {
    margin-left: 0
}

.cu-dt-controls__action-batch-option_new:before {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 7px;
    font-weight: 600;
    line-height: 1;
    content: attr(data-badge-content);
    position: absolute;
    height: 9px;
    border-radius: 2px;
    background: #fd71af;
    color: #fff;
    padding: 0 2px;
    z-index: 10;
    top: 2px;
    right: 2px
}

.cu-dt-controls_task-view .cu-dt-controls__action-batch-option_new:before {
    top: 20px
}

.cu-dt-controls__action-batch-option .cu-dropdown_open .cu-dt-controls__item {
    background: #f5f5f5
}

.dark-theme .cu-dt-controls__action-batch-option .cu-dropdown_open .cu-dt-controls__item {
    background: #2b343b
}

.cu-dt-controls__action-batch-option .cu-dropdown_open .cu-fill {
    fill: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .cu-dt-controls__action-batch-option .cu-dropdown_open .cu-fill {
        fill:var(--theme-main-color)
    }
}

.cu-dt-controls__action-batch-option .cu-dropdown_open use {
    fill: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .cu-dt-controls__action-batch-option .cu-dropdown_open use {
        fill:var(--theme-main-color)
    }
}

.cu-dt-controls__action-batch-option .cu-dropdown_open .tags-batch use {
    stroke: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .cu-dt-controls__action-batch-option .cu-dropdown_open .tags-batch use {
        stroke:var(--theme-main-color)
    }
}

.cu-dt-controls__action-batch-option .task-selector {
    width: 400px;
    max-width: 400px
}

.cu-dt-controls__action-batch-option .task-selector__empty {
    margin-bottom: 20px
}

.cu-dt-controls__action-batch-option .cu-dt-controls__overlay {
    display: none
}

.cu-dt-controls__action-batch-option.move-task-option {
    position: relative
}

.cu-dt-controls__action-batch-option.move-task-option .cu-dt-controls__overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: transparent;
    z-index: 10000;
    display: block;
    cursor: default
}

.cu-dt-controls__action-batch-option-multi-list-menu {
    width: 250px
}

[lang=fr-FR] .cu-dt-controls__action-batch-option-multi-list-menu {
    width: auto
}

.cu-dt-controls__action-batch-option-multi-list-menu-tabs {
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #e9ebf0;
    white-space: nowrap
}

.dark-theme .cu-dt-controls__action-batch-option-multi-list-menu-tabs {
    border-color: #1e272e
}

.cu-dt-controls__action-batch-option-multi-list-menu-tabs-move,.cu-dt-controls__action-batch-option-multi-list-menu-tabs-multiple-list {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 13px;
    font-weight: 500;
    line-height: 1;
    width: 50%;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #7c828d;
    cursor: pointer;
    position: relative
}

.cu-dt-controls__action-batch-option-multi-list-menu-tabs-move:after,.cu-dt-controls__action-batch-option-multi-list-menu-tabs-multiple-list:after {
    position: absolute;
    content: "";
    width: 100%;
    height: 2px;
    left: 0;
    right: 0;
    margin: 0 auto;
    bottom: 0;
    background: var(--theme-main-color);
    opacity: 0
}

.dark-theme .cu-dt-controls__action-batch-option-multi-list-menu-tabs-move,.dark-theme .cu-dt-controls__action-batch-option-multi-list-menu-tabs-multiple-list {
    color: #828588
}

.cu-dt-controls__action-batch-option-multi-list-menu-tabs-move.active,.cu-dt-controls__action-batch-option-multi-list-menu-tabs-multiple-list.active {
    color: #292d34
}

.cu-dt-controls__action-batch-option-multi-list-menu-tabs-move.active:after,.cu-dt-controls__action-batch-option-multi-list-menu-tabs-multiple-list.active:after {
    opacity: 1
}

.dark-theme .cu-dt-controls__action-batch-option-multi-list-menu-tabs-move.active,.dark-theme .cu-dt-controls__action-batch-option-multi-list-menu-tabs-multiple-list.active {
    color: #d5d6d7
}

.cu-dt-controls__action-batch-option-multi-list-menu-tabs-move.disabled,.cu-dt-controls__action-batch-option-multi-list-menu-tabs-multiple-list.disabled {
    pointer-events: none
}

.cu-dt-controls__action-batch-option_more {
    display: none
}

.cu-dt-controls__action-batch-option-dropdown {
    background: #2a2d34
}

.dark-theme .cu-dt-controls__action-batch-option-dropdown {
    background: #d5d6d7
}

.cu-dt-controls__action-batch-option-dropdown .cu-dt-controls__action-batch-option>* {
    width: 100%
}

.cu-dt-controls__action-batch-option-dropdown .cu-dropdown-list-item:hover {
    background: #2b343b
}

.dark-theme .cu-dt-controls__action-batch-option-dropdown .cu-dropdown-list-item:hover {
    background: #f5f5f5
}

.cu-dt-controls__action-batch-option-dropdown .cu-dropdown-list-item__icon {
    fill: #d4d5d6
}

.cu-dt-controls__action-batch-option-dropdown .cu-dropdown-list-item__icon_tags-batch {
    stroke: #d4d5d6
}

.dark-theme .cu-dt-controls__action-batch-option-dropdown .cu-dropdown-list-item__icon {
    fill: #4a4f55
}

.dark-theme .cu-dt-controls__action-batch-option-dropdown .cu-dropdown-list-item__icon_tags-batch {
    stroke: #4a4f55
}

.cu-dt-controls__action-batch-option-dropdown .cu-dropdown-list-item__title-text {
    color: #d4d5d6
}

.dark-theme .cu-dt-controls__action-batch-option-dropdown .cu-dropdown-list-item__title-text {
    color: #4a4f55
}

.cu-dt-controls__selected-container {
    display: flex;
    align-items: center;
    position: absolute;
    top: 50%;
    left: 1%;
    transform: translateY(-50%)
}

html.todesktop-platform-darwin .cu-dt-controls__selected-container {
    left: 0;
    margin-left: 90px
}

html.todesktop-platform-darwin .cu-dt-controls_1100 .cu-dt-controls__selected-container {
    margin-left: 80px
}

.cu-dt-controls__selection {
    color: #d4d5d6;
    font-size: 14px;
    line-height: 1;
    margin-left: 12px
}

.dark-theme .cu-dt-controls__selection {
    color: #484848
}

.cu-dt-controls_task-view .cu-dt-controls__selection {
    font-size: 16px
}

.cu-dt-controls__selection span {
    color: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .cu-dt-controls__selection span {
        color:var(--theme-main-color)
    }
}

.cu-dt-controls .task-outer-dot {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 0 0 30px;
    height: 16px;
    width: 16px;
    border: 1px solid #828588;
    border-radius: 100px;
    flex-shrink: 0;
    cursor: pointer;
    background-color: #384047
}

.dark-theme .cu-dt-controls .task-outer-dot {
    background-color: #d5d6d7
}

html.todesktop-platform-darwin .cu-dt-controls .task-outer-dot {
    margin-left: 0
}

.cu-dt-controls_1380 .cu-dt-controls .task-outer-dot,.cu-view-embed .cu-dt-controls .task-outer-dot {
    margin: 0
}

.cu-dt-controls .task-outer-dot .task-inner-dot {
    background-color: #A2C44A;
    height: 10px;
    width: 10px;
    border-radius: 100px
}

@supports (--theme-main-color: $color-purple) {
    .cu-dt-controls .task-outer-dot .task-inner-dot {
        background-color:var(--theme-main-color)
    }
}

.cu-dt-controls__close {
    transition: all .2s cubic-bezier(.785,.135,.15,.86) 0s;
    font-size: 11px;
    font-weight: 400;
    line-height: 1;
    position: absolute;
    height: 24px;
    cursor: pointer;
    top: 100%;
    left: 50%;
    transform: translate(-50%,-15%);
    box-shadow: 0 0 10px #0000001a;
    padding: 0 12px;
    background: #2a2d34;
    border-radius: 50px;
    border: 1px solid #828588;
    display: flex;
    align-items: center;
    justify-content: center
}

.dark-theme .cu-dt-controls__close {
    background: #d5d6d7;
    border-color: #d5d6d7
}

.cu-dt-controls_task-view .cu-dt-controls__close {
    transform: translate(-50%,-30%)
}

.cu-dt-controls__close:hover {
    color: #A2C44A;
    border-color: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .cu-dt-controls__close:hover {
        color:var(--theme-main-color)
    }
}

@supports (--theme-main-color: $color-purple) {
    .cu-dt-controls__close:hover {
        border-color:var(--theme-main-color)
    }
}

.cu-dt-controls__close:hover .cu-dt-controls__close-icon {
    transform: rotate(180deg)
}

.cu-dt-controls__close-icon {
    transition: all .2s cubic-bezier(.785,.135,.15,.86) 0s;
    width: 9px;
    height: 9px;
    margin-right: 4px
}

.cu-dt-controls__close-icon use {
    stroke: #828588
}

.dark-theme .cu-dt-controls__close-icon use {
    stroke: #343434
}

.cu-dt-controls__close-label {
    text-transform: uppercase;
    color: #d5d6d7
}

.dark-theme .cu-dt-controls__close-label {
    color: #343434
}

.cu-dt-controls__status-warning {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 170px;
    padding: 7px 10px
}

.cu-dt-controls__status-warning-text {
    font-size: 10px;
    font-weight: 400;
    line-height: 1.4;
    color: #d79529
}

.cu-dt-controls__slash-command {
    margin-left: 10px
}

.cu-dt-controls__right {
    display: flex;
    align-items: center;
    position: absolute;
    top: 50%;
    right: 1%;
    transform: translateY(-50%)
}

.cu-dt-controls__right-copy {
    height: 30px;
    display: flex;
    align-items: center;
    padding: 0 8px;
    border: 1px solid #6f7276;
    border-radius: 3px;
    position: relative
}

.cu-dt-controls__right-copy:hover .cu-dt-controls__right-copy-text {
    color: var(--theme-main-color)
}

.cu-dropdown_open .cu-dt-controls__right-copy {
    background-color: #f5f5f5
}

.cu-dropdown_open .cu-dt-controls__right-copy .cu-dt-controls__right-copy-text {
    color: var(--theme-main-color)
}

.cu-dt-controls__right-copy-icon {
    height: 18px;
    width: 15px;
    margin-right: 5px;
    fill: #b9bec7
}

.dark-theme .cu-dt-controls__right-copy-icon {
    fill: #6f7276
}

.cu-dt-controls__right-copy-text {
    font-size: 10px;
    font-weight: 500;
    line-height: 1;
    color: #6f7276
}

.cu-dt-controls__right-copy-badge {
    font-size: 7px;
    font-weight: 700;
    line-height: 1;
    padding: 0 4px;
    height: 9px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #6fcf97;
    color: #fff;
    position: absolute;
    border-radius: 2px;
    right: -1px;
    top: -4px
}

.cu-dt-controls__right-slash-command-input {
    font-size: 10px;
    font-weight: 400;
    line-height: 1;
    height: 30px;
    width: 230px;
    background-color: #384047;
    border: none;
    border-radius: 3px;
    padding: 10px 15px;
    color: #6f7276
}

.cu-dt-controls__right-slash-command-input:focus {
    background-color: #384047;
    box-shadow: none
}

.dark-theme .cu-dt-controls__right-slash-command-input {
    background-color: #fff
}

.dark-theme .cu-dt-controls__right-slash-command-input:focus {
    background-color: #fff
}

.cu-dt-controls__right .cu-slash-command_active {
    font-size: 10px;
    font-weight: 400;
    line-height: 1;
    height: 30px;
    width: 230px;
    background-color: #384047;
    border: none;
    border-radius: 3px;
    padding: 0 15px;
    color: #6f7276;
    display: flex;
    align-items: center
}

.cu-dt-controls__right .cu-slash-command_active:focus {
    background-color: #384047;
    box-shadow: none
}

.dark-theme .cu-dt-controls__right .cu-slash-command_active {
    background-color: #fff
}

.dark-theme .cu-dt-controls__right .cu-slash-command_active:focus {
    background-color: #fff
}

.cu-dt-controls__right .cu-slash-command_active .cu-slash-command__operator,.cu-dt-controls__right .cu-slash-command_active .cu-dt-controls__slash-command-input {
    font-size: 10px;
    font-weight: 400;
    line-height: 1;
    color: #6f7276
}

.cu-dt-controls__right .cu-slash-command_active .cu-slash-command__operator strong,.cu-dt-controls__right .cu-slash-command_active .cu-dt-controls__slash-command-input strong {
    color: #6f7276
}

.cu-dt-controls__right .cu-slash-command_active .cu-dt-controls__slash-command-input:before,.cu-dt-controls__right .cu-slash-command_active .cu-dt-controls__slash-command-input::placeholder {
    font-size: 10px;
    font-weight: 400;
    line-height: 1;
    color: #6f7276
}

.dark-theme .cu-dt-controls__right .cu-slash-command_active .cu-dt-controls__slash-command-input:before,.dark-theme .cu-dt-controls__right .cu-slash-command_active .cu-dt-controls__slash-command-input::placeholder {
    color: #6f7276
}

.cu-dt-controls__right .cu-slash-command_active .cu-slash-command {
    display: flex;
    height: 8px
}

.cu-dt-controls__right .cu-slash-command_active .cu-slash-command .cu-slash-command__value-assignee {
    margin-left: 5px
}

.cu-dt-controls__right .cu-slash-command_active .cu-slash-command .cu-slash-command__value-assignee .cu-avatar {
    width: 20px!important;
    height: 20px!important
}

.cu-dt-controls__cf {
    width: 240px
}

.cu-dt-controls__cf-header {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 40px;
    padding: 10px;
    border-bottom: 1px solid #e4e4e4
}

.contrast_high .cu-dt-controls__cf-header {
    border-bottom-color: #dedede
}

.dark-theme .cu-dt-controls__cf-header {
    border-bottom-color: #2b343b
}

.cu-dt-controls__cf-header-icon {
    width: 15px;
    height: 15px;
    display: inline-block;
    margin-right: 7px;
    fill: #111
}

.dark-theme .cu-dt-controls__cf-header-icon {
    fill: #d5d6d7
}

.cu-dt-controls__cf-header-name {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    word-break: break-word;
    overflow-wrap: break-word;
    word-wrap: break-word;
    -webkit-hyphens: auto;
    hyphens: auto;
    font-size: 13px;
    font-weight: 400;
    line-height: 1.2;
    display: flex;
    align-items: center;
    color: #111
}

.dark-theme .cu-dt-controls__cf-header-name {
    color: #d5d6d7
}

.cu-dt-controls__cf-body {
    padding: 17px 12px 12px
}

.cu-dt-controls__cf-body .cu-custom-fields__form-input_checkbox {
    width: 30px;
    height: 30px;
    margin: 0 auto
}

.cu-dt-controls__cf-body .cu-edit-task-custom-field-value {
    display: block
}

.cu-dt-controls__cf-body .cu-edit-task-custom-field-value__manual_progress {
    padding: 0
}

.cu-dt-controls__cf-body .cu-edit-task-custom-field-value__attachment {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 10px;
    flex-wrap: wrap
}

.cu-dt-controls__cf-body .cu-edit-task-custom-field-value__error {
    display: flex;
    align-items: center
}

.cu-dt-controls__cf-body .cu-custom-fields__header-items-value__dropdown-option {
    height: 36px;
    justify-content: center
}

.cu-dt-controls__cf-body .cu-custom-fields__header-items-value__dropdown-option_white {
    border: 1px solid #e4e4e4
}

.dark-theme .cu-dt-controls__cf-body .cu-custom-fields__header-items-value__dropdown-option_white {
    border: 1px solid #1e272e
}

.cu-dt-controls__cf-body .cu-edit-task-custom-field-value__labels {
    min-height: 36px
}

.cu-dt-controls__cf-body .cu-custom-fields__form-input_textarea {
    overflow-y: auto
}

.cu-dt-controls__cf-body .cu-dropdown_datepicker {
    display: flex;
    justify-content: center
}

.cu-dt-controls__cf-body .cu-user-group {
    justify-content: center;
    flex-wrap: wrap
}

.cu-dt-controls__cf-body .cu-emoji-custom-field-value__container {
    justify-content: center
}

.cu-dt-controls__cf-footer {
    padding: 12px;
    display: flex;
    justify-content: center;
    align-items: center
}

.cu-dt-controls__cf-footer .cu-btn {
    flex-grow: 1;
    width: 48%
}

.cu-dt-controls__cf-footer .cu-btn+.cu-btn {
    margin-left: 12px
}

.cu-dt-controls__copy-menu .cu-btn {
    padding: 0;
    font-size: 12px
}

.cu-drag-disabled__icon {
    width: 80px;
    height: 80px;
    margin: 0 auto 20px
}

.cu-drag-disabled__warning {
    color: #fd71af;
    text-align: center;
    margin: 20px 0;
    font-size: 26px
}

.cu-drag-disabled__desc {
    font-size: 23px;
    font-weight: 300;
    color: #949494;
    text-align: center;
    margin-bottom: 40px
}

.cu-drag-disabled__footer {
    text-align: center
}

.cu-tags-badge-view-only {
    pointer-events: none
}

.batch-merge-tasks__dropdown {
    width: 356px
}

.batch-merge-tasks__dropdown .cu-form__error {
    margin: 0 0 10px;
    padding: 0 10px
}

.batch-merge-tasks__dropdown-header {
    padding: 18px 12px;
    display: flex;
    justify-content: space-between
}

.batch-merge-tasks__dropdown-header-text {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 13px;
    font-weight: 500;
    line-height: 12px;
    color: #292d34;
    max-width: 100%;
    padding-right: 10px
}

.dark-theme .batch-merge-tasks__dropdown-header-text {
    color: #d5d6d7
}

.batch-merge-tasks__dropdown-header-exit {
    width: 12px;
    height: 12px;
    fill: #b9bec7;
    cursor: pointer;
    transform: rotate(45deg)
}

.batch-merge-tasks__dropdown-options {
    display: flex;
    justify-content: space-between;
    margin: 0 15px 15px
}

.batch-merge-tasks__dropdown-options-button {
    flex: 1;
    max-width: calc(50% - 5px);
    height: 48px!important;
    padding: 0 12px!important;
    justify-content: flex-start!important
}

.batch-merge-tasks__dropdown-options-button .icon {
    height: 24px;
    width: 24px;
    margin-right: 12px;
    fill: #fff
}

.batch-merge-tasks__dropdown-options-button.cu-btn_outline {
    border-color: #e9ebf0!important;
    color: #7c828d!important
}

.dark-theme .batch-merge-tasks__dropdown-options-button.cu-btn_outline {
    border-color: #1e272e!important
}

.batch-merge-tasks__dropdown-options-button.cu-btn_outline .icon {
    fill: #b9bec7
}

.batch-merge-tasks__dropdown-options-button.cu-btn_outline:hover {
    background-color: #e9ebf0!important
}

.dark-theme .batch-merge-tasks__dropdown-options-button.cu-btn_outline:hover {
    background-color: #2b343b!important
}

.batch-merge-tasks__dropdown .task-selector__cat-list {
    max-height: 200px
}

.batch-merge-tasks__dropdown-merge {
    display: flex;
    align-items: center;
    background-color: #fafbfc;
    padding: 12px;
    border-top: 1px solid #e9ebf0;
    margin-top: 15px
}

.dark-theme .batch-merge-tasks__dropdown-merge {
    background-color: #1e272e;
    border-top-color: #1e272e
}

.batch-merge-tasks__dropdown-merge-icon {
    width: 16px;
    height: 16px;
    fill: #7c828d;
    margin-right: 8px
}

.dark-theme .batch-merge-tasks__dropdown-merge-icon {
    fill: #abaeb0
}

.batch-merge-tasks__dropdown-merge-text {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #7c828d;
    flex: 1;
    padding-right: 10px
}

.dark-theme .batch-merge-tasks__dropdown-merge-text {
    color: #abaeb0
}

.batch-merge-tasks__dropdown-merge-text-link {
    color: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .batch-merge-tasks__dropdown-merge-text-link {
        color:var(--theme-main-color)
    }
}

.batch-merge-tasks__dropdown-merge-button {
    transition: background-color .2s cubic-bezier(.785,.135,.15,.86) 0s;
    -webkit-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    transition: all .2s cubic-bezier(.785,.135,.15,.86) 0s;
    background-color: #A2C44A;
    border-color: #A2C44A;
    font-size: 18px;
    font-weight: 600;
    line-height: 63px;
    font-family: -apple-system,BlinkMacSystemFont,Segoe UI,roboto,Helvetica Neue,helvetica,arial,sans-serif;
    display: inline-flex;
    height: 64px;
    cursor: pointer;
    color: #fff;
    border: 1px solid;
    border-radius: 5px;
    text-decoration: none;
    white-space: nowrap;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 13px;
    font-weight: 700;
    line-height: 12px;
    height: 36px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: auto;
    padding: 0 10px
}

.batch-merge-tasks__dropdown-merge-button:hover {
    transition: none
}

@supports (--theme-main-color: $color-purple) {
    .batch-merge-tasks__dropdown-merge-button {
        background-color:var(--theme-main-color)
    }
}

@supports (--theme-main-color: $color-purple) {
    .batch-merge-tasks__dropdown-merge-button {
        border-color:var(--theme-main-color)
    }
}

.batch-merge-tasks__dropdown-merge-button:hover,.batch-merge-tasks__dropdown-merge-button:active {
    background-color: #A2C44A;
    border-color: #A2C44A;
    border: 1px solid;
    transition: none
}

@supports (--theme-main-color-dark: $color-purple-dark) {
    .batch-merge-tasks__dropdown-merge-button:hover,.batch-merge-tasks__dropdown-merge-button:active {
        background-color:var(--theme-main-color-dark)
    }
}

@supports (--theme-main-color-dark: $color-purple-dark) {
    .batch-merge-tasks__dropdown-merge-button:hover,.batch-merge-tasks__dropdown-merge-button:active {
        border-color:var(--theme-main-color-dark)
    }
}

.batch-merge-tasks__dropdown-merge-button.disabled {
    cursor: not-allowed;
    opacity: .7
}

.batch-merge-tasks__dropdown .task-selector__multi-task-toolbar {
    width: auto
}

.batch-merge-tasks__dropdown .task-selector__multi-task-toolbar .task-selector__cat-list {
    min-width: 356px
}

.batch-merge-tasks__dropdown .task-selector__search {
    border: 1px solid #e9ebf0;
    border-radius: 3px;
    padding: 0;
    margin: 0 12px 15px
}

.dark-theme .batch-merge-tasks__dropdown .task-selector__search {
    border-color: #1e272e
}

.batch-merge-tasks__dropdown .task-selector__search .cu-search__icon {
    left: 12px;
    stroke: #b9bec7
}

.batch-merge-tasks__dropdown .task-selector__search .cu-search__input {
    padding: 9px 20px 9px 35px
}

.cu-dt-controls_992 .cu-dt-controls__action-batch-option_hide-on-medium-screen,html.todesktop-platform-darwin .cu-dt-controls_1100 .cu-dt-controls__action-batch-option_hide-on-medium-screen,.cu-dt-controls_768 .cu-dt-controls__action-batch-option_hide-on-small-screen,.cu-dt-controls_task-view.cu-dt-controls_1380 .cu-dt-controls__action-batch-option_hide-on-medium-screen,.cu-dt-controls_task-view.cu-dt-controls_1380 .cu-dt-controls__action-batch-option_hide-on-small-screen {
    display: none
}

.cu-dt-controls_992 .cu-dt-controls__action-batch-option_more,html.todesktop-platform-darwin .cu-dt-controls_1100 .cu-dt-controls__action-batch-option_more,.cu-dt-controls_task-view.cu-dt-controls_1380 .cu-dt-controls__action-batch-option_more {
    display: flex
}

.cu-dt-controls_1380 .cu-dt-controls__action-batch-option+.cu-dt-controls__action-batch-option {
    margin-left: 0
}

.cu-dt-controls_1520 .cu-dt-controls__right-slash-command-input {
    padding: 10px;
    width: 135px
}

[lang=fr-FR] .cu-dt-controls_1520 .cu-dt-controls__right-slash-command-input {
    width: 176px
}

.cu-dt-controls_task-view.cu-dt-controls_1630 .cu-dt-controls__right-slash-command-input {
    padding: 10px;
    width: 135px
}

[lang=fr-FR] .cu-dt-controls_task-view.cu-dt-controls_1630 .cu-dt-controls__right-slash-command-input {
    width: 176px
}

.cu-dt-controls_1520 .cu-dt-controls__right-copy-icon,.cu-dt-controls_task-view.cu-dt-controls_1640 .cu-dt-controls__right-copy-icon {
    margin-right: 0
}

.cu-dt-controls_1520 .cu-dt-controls__right-copy-text,[lang=fr-FR] .cu-dt-controls_1720 .cu-dt-controls__right-copy-text,.cu-dt-controls_task-view.cu-dt-controls_1640 .cu-dt-controls__right-copy-text {
    display: none
}

.dts-no-select {
    -webkit-user-select: none;
    user-select: none
}

.dts-select-box {
    background: rgba(125,218,252,.3);
    border: 2px solid currentColor;
    contain: layout;
    transform: translateZ(0);
    box-sizing: border-box;
    color: #7ddafc;
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    pointer-events: none;
    opacity: 0;
    z-index: 1
}

.dts-select-box.dts-removing {
    background: rgba(125,218,252,.3);
    border: 2px solid #7ddafc
}

.dts-select-container:not(.dts-custom) .dts-select-item.selected {
    border: 1px solid #d2d2d2;
    box-shadow: 0 4px 8px #0003,0 6px 20px #0000001a
}

.dts-select-container:not(.dts-custom) .dts-select-item.dts-range-start {
    border: 1px solid #2196f3
}

.cu-dashboard-time {
    display: flex;
    flex-direction: column;
    padding: 30px 0 0;
    min-width: 0;
    overflow: hidden
}

.cu-dashboard-time__inner {
    display: flex;
    flex-direction: column;
    height: 100%;
    min-height: 100%;
    margin-left: 10px
}

.cu-dashboard-time__header {
    display: flex;
    align-items: flex-start;
    margin: 0 30px 0 15px;
    min-height: 34px;
    flex-shrink: 0
}

.cu-dashboard-time__filter {
    position: relative;
    z-index: 50;
    display: flex
}

.cu-dashboard-time__filter .cu-dt-filter__item {
    margin-bottom: 10px
}

.cu-dashboard-time__subtitle {
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    color: #222;
    letter-spacing: 1px;
    flex-grow: 1
}

.dark-theme .cu-dashboard-time__subtitle {
    color: #d5d6d7
}

.cu-dashboard-time__month-picker__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 36px;
    border-bottom: 1px solid #e4e4e4;
    width: 220px;
    padding: 0 10px
}

.dark-theme .cu-dashboard-time__month-picker__header {
    border-bottom: 1px solid #1e272e
}

.cu-dashboard-time__month-picker__header__year {
    font-size: 13px;
    font-weight: 400;
    line-height: 1;
    color: #343434;
    padding-top: 3px
}

.dark-theme .cu-dashboard-time__month-picker__header__year {
    color: #d5d6d7
}

.cu-dashboard-time__month-picker__header__button-prev,.cu-dashboard-time__month-picker__header__button-next {
    cursor: pointer;
    width: 20px;
    height: 20px
}

.cu-dashboard-time__month-picker__header__button-prev use,.cu-dashboard-time__month-picker__header__button-next use {
    fill: #343434
}

.dark-theme .cu-dashboard-time__month-picker__header__button-prev use,.dark-theme .cu-dashboard-time__month-picker__header__button-next use {
    fill: #d5d6d7
}

.cu-dashboard-time__month-picker__body {
    display: flex;
    flex-wrap: wrap;
    text-transform: uppercase;
    justify-content: space-around;
    padding: 5px 0
}

.cu-dashboard-time__month-picker__body__month {
    transition: all .2s cubic-bezier(.785,.135,.15,.86) 0s;
    font-size: 11px;
    font-weight: 400;
    line-height: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    width: 40px;
    height: 24px;
    border-radius: 12px;
    color: #9b9b9b;
    margin: 5px
}

.cu-dashboard-time__month-picker__body__month:hover {
    color: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .cu-dashboard-time__month-picker__body__month:hover {
        color:var(--theme-main-color)
    }
}

.cu-dashboard-time__month-picker__body__month.active {
    background-color: #A2C44A;
    color: #fff;
    cursor: default
}

@supports (--theme-main-color: $color-purple) {
    .cu-dashboard-time__month-picker__body__month.active {
        background-color:var(--theme-main-color)
    }
}

.cu-dashboard-time__month-picker__body__month.active:hover {
    color: #fff
}

.cu-dashboard-time__hide {
    transition: all .2s cubic-bezier(.785,.135,.15,.86) 0s;
    font-size: 12px;
    font-weight: 400;
    line-height: 1;
    color: #9a9a9a;
    cursor: pointer;
    margin-right: -6px;
    padding: 6px;
    border-radius: 3px;
    border: none
}

.cu-dashboard-time__hide:hover,.cu-dashboard-time__hide:focus {
    color: #A2C44A;
    background-color: #f2f2f2
}

@supports (--theme-main-color: $color-purple) {
    .cu-dashboard-time__hide:hover,.cu-dashboard-time__hide:focus {
        color:var(--theme-main-color)
    }
}

.dark-theme .cu-dashboard-time__hide:hover,.dark-theme .cu-dashboard-time__hide:focus {
    background-color: #1e272e
}

.cu-dashboard-time__collapsed-bar {
    width: 40px;
    min-width: 40px;
    flex-shrink: 0;
    cursor: pointer;
    overflow: hidden;
    background: #fff;
    border-top: 1px solid #e1e1e1;
    border-left: 1px solid #e1e1e1
}

.dark-theme .cu-dashboard-time__collapsed-bar {
    border-top: 1px solid #1e272e;
    border-left: 1px solid #1e272e;
    background: #2b343b
}

.cu-dashboard-time__collapsed-bar_timeline {
    border-top-color: #e0e0e0
}

.dark-theme .cu-dashboard-time__collapsed-bar_timeline {
    border-top-color: #384047
}

.cu-dashboard__body_v6 .cu-dashboard-time__collapsed-bar {
    border-top: 0
}

.cu-dashboard-time__collapsed-bar:hover {
    background: #fafbfc
}

.dark-theme .cu-dashboard-time__collapsed-bar:hover {
    background: #384047
}

.cu-dashboard-time__collapsed-bar-inner {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    transform: rotate(-90deg) translate(-50%)
}

.cu-dashboard-time__collapsed-bar-overdue,.cu-dashboard-time__collapsed-bar-unscheduled,.cu-dashboard-time__collapsed-bar-no-estimate {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 12px;
    font-weight: 500;
    line-height: 1;
    flex-shrink: 0;
    color: #7c828d
}

.dark-theme .cu-dashboard-time__collapsed-bar-overdue,.dark-theme .cu-dashboard-time__collapsed-bar-unscheduled,.dark-theme .cu-dashboard-time__collapsed-bar-no-estimate {
    color: #828588
}

.cu-dashboard-time__collapsed-bar-overdue span {
    font-weight: 600;
    color: #e25148
}

.cu-dashboard-time__collapsed-bar-unscheduled span {
    font-weight: 600;
    color: #292d34
}

.dark-theme .cu-dashboard-time__collapsed-bar-unscheduled span {
    color: #d5d6d7
}

.cu-dashboard-time__collapsed-bar-no-estimate span {
    font-weight: 600;
    color: #ffb843
}

.cu-dashboard-time__collapsed-bar-divider {
    flex-shrink: 0;
    width: 1px;
    height: 16px;
    margin: 0 15px;
    background: #b9bec7
}

.cu-dashboard-time__collapsed-bar-icon {
    width: 14px;
    height: 12px;
    margin: 0 8px 0 15px;
    transform: rotate(90deg);
    fill: #b9bec7
}

.cu-dashboard-time__sidebar {
    width: 400px;
    min-width: 250px;
    max-width: 450px;
    min-height: 100%;
    z-index: 30!important;
    position: relative;
    border-top: 1px solid #e1e1e1;
    border-left: 1px solid #e1e1e1;
    background: #fff
}

.dark-theme .cu-dashboard-time__sidebar {
    border-top-color: #1e272e;
    border-left-color: #1e272e;
    background: #2b343b
}

.cu-dashboard__router-outlet_v6 .cu-dashboard-time__sidebar {
    border-top: 0
}

.cu-dashboard-time__sidebar-inner {
    height: 100%;
    display: flex;
    flex-direction: column
}

.cu-dashboard-time__sidebar-inner .cu-calendar-sidebar {
    height: initial;
    min-height: initial;
    flex: 1
}

.cu-dashboard-time__sidebar-resize-handle {
    width: 5px;
    height: 100%;
    cursor: col-resize;
    position: absolute;
    left: 0;
    z-index: 40
}

.cu-dashboard-time__sidebar-title {
    padding: 0 20px;
    margin: 20px 0;
    display: flex;
    align-items: center
}

.cu-dashboard-time__sidebar-title-label {
    font-size: 18px;
    font-weight: 400;
    line-height: 1;
    flex-grow: 1;
    color: #292d34
}

.dark-theme .cu-dashboard-time__sidebar-title-label {
    color: #d5d6d7
}

.cu-dashboard-time__sidebar-title-search {
    transition: background-color .2s cubic-bezier(.785,.135,.15,.86) 0s,stroke .2s cubic-bezier(.785,.135,.15,.86) 0s;
    flex-shrink: 0;
    width: 24px;
    height: 24px;
    border-radius: 3px;
    border: none;
    stroke: #bcc0c7;
    cursor: pointer;
    padding: 5px;
    margin-right: 5px
}

.dark-theme .cu-dashboard-time__sidebar-title-search {
    stroke: #828588
}

.cu-dashboard-time__sidebar-title-search:hover,.cu-dashboard-time__sidebar-title-search:focus {
    background-color: #f2f2f2;
    stroke: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .cu-dashboard-time__sidebar-title-search:hover,.cu-dashboard-time__sidebar-title-search:focus {
        stroke:var(--theme-main-color)
    }
}

.dark-theme .cu-dashboard-time__sidebar-title-search:hover,.dark-theme .cu-dashboard-time__sidebar-title-search:focus {
    background-color: #1e272e
}

.cu-dashboard-time__sidebar-subtitle {
    padding: 0 20px;
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #e9ebf0
}

.dark-theme .cu-dashboard-time__sidebar-subtitle {
    border-bottom-color: #1e272e
}

.cu-dashboard-time__sidebar-subtitle-tabs {
    display: flex;
    align-items: center
}

.cu-dashboard-time__sidebar-subtitle-tabs-item {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 13px;
    font-weight: 400;
    line-height: 1;
    transition: color .2s cubic-bezier(.785,.135,.15,.86) 0s;
    cursor: pointer;
    position: relative;
    height: 24px;
    margin-right: 15px;
    flex-shrink: 0;
    color: #7c828d
}

.dark-theme .cu-dashboard-time__sidebar-subtitle-tabs-item {
    color: #828588
}

.cu-dashboard-time__sidebar-subtitle-tabs-item:hover {
    color: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .cu-dashboard-time__sidebar-subtitle-tabs-item:hover {
        color:var(--theme-main-color)
    }
}

.cu-dashboard-time__sidebar-subtitle-tabs-item:after {
    content: "";
    display: block;
    position: absolute;
    transition: background .2s cubic-bezier(.785,.135,.15,.86) 0s;
    width: 100%;
    height: 2px;
    bottom: -1px
}

.cu-dashboard-time__sidebar-subtitle-tabs-item_active {
    color: #A2C44A;
    cursor: default
}

@supports (--theme-main-color: $color-purple) {
    .cu-dashboard-time__sidebar-subtitle-tabs-item_active {
        color:var(--theme-main-color)
    }
}

.cu-dashboard-time__sidebar-subtitle-tabs-item_active:after {
    background: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .cu-dashboard-time__sidebar-subtitle-tabs-item_active:after {
        background:var(--theme-main-color)
    }
}

.dark-theme .cu-dashboard-time__sidebar-subtitle {
    color: #d5d6d7
}

.cu-dashboard-time__sidebar-search {
    transition: all .25s ease-in;
    overflow: hidden;
    display: flex;
    align-items: center;
    margin: 0 20px 20px;
    max-height: 52px;
    position: relative;
    opacity: 1
}

.cu-dashboard-time__sidebar-search_hidden {
    opacity: 0;
    max-height: 0;
    margin-top: 0;
    margin-bottom: 0
}

.cu-dashboard-time__sidebar-search-input {
    font-size: 14px;
    font-weight: 400;
    order: 2;
    flex-grow: 1;
    height: 30px;
    width: 77px;
    -webkit-font-smoothing: antialiased;
    color: #343434;
    background: transparent;
    padding: 0 30px;
    border-radius: 15px;
    border: 1px solid #e4e4e4
}

.dark-theme .cu-dashboard-time__sidebar-search-input {
    color: #d5d6d7;
    border: 1px solid #384047
}

.cu-dashboard-time__sidebar-search-input:hover+.cu-dashboard-time-search__icon {
    stroke: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .cu-dashboard-time__sidebar-search-input:hover+.cu-dashboard-time-search__icon {
        stroke:var(--theme-main-color)
    }
}

.cu-dashboard-time__sidebar-search-input:focus {
    box-shadow: none
}

.cu-dashboard-time__sidebar-search-input::placeholder {
    font-size: 14px;
    font-weight: 300;
    line-height: 1;
    opacity: .6
}

.cu-dashboard-time__sidebar-search-input::-moz-placeholder {
    line-height: 26px
}

.cu-dashboard-time__sidebar-search-input:focus+.cu-dashboard-time__sidebar-search-icon {
    stroke: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .cu-dashboard-time__sidebar-search-input:focus+.cu-dashboard-time__sidebar-search-icon {
        stroke:var(--theme-main-color)
    }
}

.cu-dashboard-time__sidebar-search-icon {
    transition: all .1s cubic-bezier(.785,.135,.15,.86) 0s;
    order: 1;
    flex-shrink: 0;
    width: 14px;
    height: 14px;
    stroke: #cccdde;
    position: absolute;
    left: 10px
}

.cu-dashboard-time__sidebar-search-icon:hover {
    transition: none
}

.cu-dashboard-time__sidebar-search-close {
    transition: all .1s cubic-bezier(.785,.135,.15,.86) 0s;
    order: 3;
    flex-shrink: 0;
    width: 20px;
    height: 20px;
    padding: 4px;
    stroke: #cccdde;
    cursor: pointer;
    position: absolute;
    right: 8px;
    border: none
}

.cu-dashboard-time__sidebar-search-close:hover {
    transition: none
}

.cu-dashboard-time__sidebar-search-close:hover,.cu-dashboard-time__sidebar-search-close:focus {
    stroke: #777
}

.cu-dashboard-time__sidebar-options {
    padding: 5px 20px 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 45px
}

.cu-dashboard-time__sidebar-task-count {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 12px;
    font-weight: 400;
    line-height: 1;
    color: #7c828d;
    display: flex;
    align-items: center
}

.dark-theme .cu-dashboard-time__sidebar-task-count {
    color: #abaeb0
}

.cu-dashboard-time__sidebar-task-count-user {
    margin-left: 3px
}

.cu-dashboard-time__sidebar-task-count span {
    color: inherit;
    font-weight: 500;
    display: inline-block;
    margin-right: 4px
}

.cu-dashboard-time__sidebar-sort,.cu-dashboard-time__sidebar-sort-value {
    display: flex
}

.cu-dashboard-time__sidebar-sort-dir .sortable__dir {
    width: 8px;
    height: 5px;
    margin: 4px 0 0 5px;
    cursor: pointer
}

.cu-dashboard-time__sidebar-sort-title {
    font-size: 12px;
    font-weight: 300;
    line-height: 1
}

.cu-dashboard-time__sidebar-sort-combo-text {
    font-size: 14px;
    font-weight: 300;
    border-bottom-color: var(--theme-main-color);
    color: var(--theme-main-color);
    display: block;
    margin: -1px 0 0 5px;
    cursor: pointer;
    border-bottom: 1px dotted
}

.cu-dashboard-time__sidebar-sort-item {
    transition: all .2s cubic-bezier(.785,.135,.15,.86) 0s;
    font-size: 14px;
    font-weight: 300;
    padding: 8px;
    min-width: 100px;
    cursor: pointer;
    text-align: center
}

.cu-dashboard-time__sidebar-sort-item:hover {
    background-color: #f9f9f9
}

.dark-theme .cu-dashboard-time__sidebar-sort-item:hover {
    background: #2b343b
}

.cu-dashboard-time__buttons {
    display: flex;
    align-items: center;
    margin-right: 30px
}

.cu-dashboard-time_active {
    color: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .cu-dashboard-time_active {
        color:var(--theme-main-color)
    }
}

.cu-dashboard-time__content {
    padding: 0 0 0 20px;
    display: flex;
    flex-direction: row;
    flex-grow: 1;
    position: relative;
    min-height: 0;
    height: 100%
}

.cu-dashboard-time__content-loader {
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 40
}

@-moz-document url-prefix() {
    .cu-dashboard-time__content {
        min-height: 0
    }
}

.cu-dashboard-time__content-calendar {
    border-top: 1px solid #e1e1e1;
    min-width: 0
}

.dark-theme .cu-dashboard-time__content-calendar {
    border-top: 1px solid #1e272e
}

.cu-dashboard__body_v6 .cu-dashboard-time__content-calendar {
    border-top: 0
}

.cu-dashboard-time__content-calendar *:not(input) {
    -webkit-user-select: none;
    user-select: none
}

.cu-dashboard-time__content-calendar_month-view {
    margin-left: -21px
}

.cu-dashboard-time__content-calendar_week-view {
    margin-left: -20px;
    background: #fff
}

.dark-theme .cu-dashboard-time__content-calendar_week-view {
    background: #1e272e
}

.cu-dashboard-time__content-calendar_day-view {
    margin-left: -20px;
    padding-right: 0
}

.cu-dashboard-time__content-calendar_day-view .cal-day-column {
    border-left: 0
}

.cu-dashboard-time__content-calendar_day-view .cu-dashboard-time__current-time-marker {
    width: calc(100% + 70px);
    left: -70px
}

.cu-dashboard-time__content-calendar_day-view .cal-all-day-events {
    border-left: 0!important
}

.cu-dashboard-time__content-calendar_day-view .cu-avatar {
    width: 25px!important;
    height: 25px!important
}

.cu-dashboard-time__content-calendar .cal-cell-row.cal-header {
    margin-bottom: -25px;
    height: 25px;
    position: sticky;
    top: 0;
    z-index: 30
}

.cu-dashboard-time__content-calendar .cal-cell-row.cal-header:hover {
    background: transparent
}

.cu-dashboard-time__content-events .cu-dashboard-time__subtitle {
    flex-grow: 0
}

.cu-dashboard-time__content__fill-height {
    display: flex!important;
    flex-direction: column;
    flex-grow: 1;
    position: relative;
    min-height: 0
}

@media print {
    .cu-dashboard-time__content__fill-height {
        height: 100%
    }
}

.cu-dashboard-time__content__fill-height dashboard-time-month-view {
    height: 0;
    min-height: 100%
}

.cu-dashboard-time__content__fill-height dashboard-time-month-view dts-select-container {
    height: 0;
    min-height: 100%
}

.cu-dashboard-time__content__scroll-container {
    flex-grow: 1;
    padding-bottom: 0;
    max-height: 100%;
    height: 100%
}

.cu-dashboard-time__content__scroll-container_padding-right {
    padding-right: 11px
}

@media print {
    .cu-dashboard-time__content__scroll-container {
        max-height: initial;
        overflow: visible
    }
}

@-moz-document url-prefix() {
    .cu-dashboard-time__content__scroll-container {
        height: 0
    }

    dashboard-time-day-view .cu-dashboard-time__content__scroll-container {
        height: 100%
    }
}

.cu-user-profile-calendar .cu-dashboard-time__content__scroll-container,.cu-home-page__section-column_calendar .cu-dashboard-time__content__scroll-container {
    overflow: auto
}

.cu-os-win .cu-user-profile-calendar .cu-dashboard-time__content__scroll-container,.cu-os-win .cu-home-page__section-column_calendar .cu-dashboard-time__content__scroll-container {
    scrollbar-width: thin
}

.cu-os-win .cu-user-profile-calendar .cu-dashboard-time__content__scroll-container::-webkit-scrollbar,.cu-os-win .cu-home-page__section-column_calendar .cu-dashboard-time__content__scroll-container::-webkit-scrollbar {
    background-color: #f8f8f8;
    width: 16px;
    height: 16px
}

.cu-os-win .cu-user-profile-calendar .cu-dashboard-time__content__scroll-container::-webkit-scrollbar-track,.cu-os-win .cu-home-page__section-column_calendar .cu-dashboard-time__content__scroll-container::-webkit-scrollbar-track {
    background-color: #f8f8f8
}

.cu-os-win .cu-user-profile-calendar .cu-dashboard-time__content__scroll-container::-webkit-scrollbar-track:hover,.cu-os-win .cu-home-page__section-column_calendar .cu-dashboard-time__content__scroll-container::-webkit-scrollbar-track:hover {
    background-color: #f8f8f8
}

.cu-os-win .cu-user-profile-calendar .cu-dashboard-time__content__scroll-container::-webkit-scrollbar-thumb,.cu-os-win .cu-home-page__section-column_calendar .cu-dashboard-time__content__scroll-container::-webkit-scrollbar-thumb {
    background-color: #babac080;
    border-radius: 16px;
    border: 5px solid #f8f8f8
}

.cu-os-win .cu-user-profile-calendar .cu-dashboard-time__content__scroll-container::-webkit-scrollbar-thumb:hover,.cu-os-win .cu-home-page__section-column_calendar .cu-dashboard-time__content__scroll-container::-webkit-scrollbar-thumb:hover {
    background-color: #a0a0a5;
    border: 3px solid #f8f8f8
}

.cu-os-win .cu-user-profile-calendar .cu-dashboard-time__content__scroll-container::-webkit-scrollbar-button,.cu-os-win .cu-home-page__section-column_calendar .cu-dashboard-time__content__scroll-container::-webkit-scrollbar-button {
    display: none
}

.cu-os-win.contrast_high .cu-user-profile-calendar .cu-dashboard-time__content__scroll-container::-webkit-scrollbar,.cu-os-win.contrast_high .cu-home-page__section-column_calendar .cu-dashboard-time__content__scroll-container::-webkit-scrollbar {
    background-color: #eee
}

.cu-os-win.contrast_high .cu-user-profile-calendar .cu-dashboard-time__content__scroll-container::-webkit-scrollbar-track,.cu-os-win.contrast_high .cu-home-page__section-column_calendar .cu-dashboard-time__content__scroll-container::-webkit-scrollbar-track {
    background-color: #eee
}

.cu-os-win.contrast_high .cu-user-profile-calendar .cu-dashboard-time__content__scroll-container::-webkit-scrollbar-track:hover,.cu-os-win.contrast_high .cu-home-page__section-column_calendar .cu-dashboard-time__content__scroll-container::-webkit-scrollbar-track:hover {
    background-color: #eee
}

.cu-os-win.contrast_high .cu-user-profile-calendar .cu-dashboard-time__content__scroll-container::-webkit-scrollbar-thumb,.cu-os-win.contrast_high .cu-home-page__section-column_calendar .cu-dashboard-time__content__scroll-container::-webkit-scrollbar-thumb {
    border-color: #eee
}

.cu-os-win.contrast_high .cu-user-profile-calendar .cu-dashboard-time__content__scroll-container::-webkit-scrollbar-thumb:hover,.cu-os-win.contrast_high .cu-home-page__section-column_calendar .cu-dashboard-time__content__scroll-container::-webkit-scrollbar-thumb:hover {
    border-color: #eee
}

.cu-os-win.dark-theme .cu-user-profile-calendar .cu-dashboard-time__content__scroll-container::-webkit-scrollbar,.cu-os-win .dark-theme .cu-user-profile-calendar .cu-dashboard-time__content__scroll-container::-webkit-scrollbar,.cu-os-win.dark-theme .cu-home-page__section-column_calendar .cu-dashboard-time__content__scroll-container::-webkit-scrollbar,.cu-os-win .dark-theme .cu-home-page__section-column_calendar .cu-dashboard-time__content__scroll-container::-webkit-scrollbar {
    background-color: #2a333a
}

.cu-os-win.dark-theme .cu-user-profile-calendar .cu-dashboard-time__content__scroll-container::-webkit-scrollbar-track,.cu-os-win .dark-theme .cu-user-profile-calendar .cu-dashboard-time__content__scroll-container::-webkit-scrollbar-track,.cu-os-win.dark-theme .cu-home-page__section-column_calendar .cu-dashboard-time__content__scroll-container::-webkit-scrollbar-track,.cu-os-win .dark-theme .cu-home-page__section-column_calendar .cu-dashboard-time__content__scroll-container::-webkit-scrollbar-track {
    background-color: #2a333a
}

.cu-os-win.dark-theme .cu-user-profile-calendar .cu-dashboard-time__content__scroll-container::-webkit-scrollbar-track:hover,.cu-os-win .dark-theme .cu-user-profile-calendar .cu-dashboard-time__content__scroll-container::-webkit-scrollbar-track:hover,.cu-os-win.dark-theme .cu-home-page__section-column_calendar .cu-dashboard-time__content__scroll-container::-webkit-scrollbar-track:hover,.cu-os-win .dark-theme .cu-home-page__section-column_calendar .cu-dashboard-time__content__scroll-container::-webkit-scrollbar-track:hover {
    background-color: #2a333a
}

.cu-os-win.dark-theme .cu-user-profile-calendar .cu-dashboard-time__content__scroll-container::-webkit-scrollbar-thumb,.cu-os-win .dark-theme .cu-user-profile-calendar .cu-dashboard-time__content__scroll-container::-webkit-scrollbar-thumb,.cu-os-win.dark-theme .cu-home-page__section-column_calendar .cu-dashboard-time__content__scroll-container::-webkit-scrollbar-thumb,.cu-os-win .dark-theme .cu-home-page__section-column_calendar .cu-dashboard-time__content__scroll-container::-webkit-scrollbar-thumb {
    border-color: #2a333a
}

.cu-os-win.dark-theme .cu-user-profile-calendar .cu-dashboard-time__content__scroll-container::-webkit-scrollbar-thumb:hover,.cu-os-win .dark-theme .cu-user-profile-calendar .cu-dashboard-time__content__scroll-container::-webkit-scrollbar-thumb:hover,.cu-os-win.dark-theme .cu-home-page__section-column_calendar .cu-dashboard-time__content__scroll-container::-webkit-scrollbar-thumb:hover,.cu-os-win .dark-theme .cu-home-page__section-column_calendar .cu-dashboard-time__content__scroll-container::-webkit-scrollbar-thumb:hover {
    border-color: #2a333a
}

.cu-os-win.dark-theme .cu-user-profile-calendar .cu-dashboard-time__content__scroll-container::-webkit-scrollbar-corner,.cu-os-win .dark-theme .cu-user-profile-calendar .cu-dashboard-time__content__scroll-container::-webkit-scrollbar-corner,.cu-os-win.dark-theme .cu-home-page__section-column_calendar .cu-dashboard-time__content__scroll-container::-webkit-scrollbar-corner,.cu-os-win .dark-theme .cu-home-page__section-column_calendar .cu-dashboard-time__content__scroll-container::-webkit-scrollbar-corner {
    background-color: #2a333a
}

.dark-theme .cu-user-profile-calendar .cu-dashboard-time__content__scroll-container,.dark-theme .cu-home-page__section-column_calendar .cu-dashboard-time__content__scroll-container {
    background: #2b343b
}

.cu-dashboard-time__events {
    flex-grow: 1;
    width: 100%;
    padding-bottom: 60px;
    height: 0
}

.cu-dashboard-time__events .ps__rail-y {
    z-index: 31
}

.cu-dashboard-time__events-no-results {
    font-size: 12px;
    font-weight: 400;
    line-height: 1;
    display: flex;
    justify-content: center;
    color: #3434344d;
    font-style: italic;
    margin-bottom: 10px
}

.cu-dashboard-time__events-no-results-link {
    color: #A2C44A;
    border-bottom-color: #A2C44A;
    font-size: 12px;
    font-weight: 400;
    line-height: 1;
    text-align: center;
    font-style: italic;
    border-bottom: 1px dotted;
    cursor: pointer;
    margin-left: 4px
}

@supports (--theme-main-color: $color-purple) {
    .cu-dashboard-time__events-no-results-link {
        color:var(--theme-main-color)
    }
}

@supports (--theme-main-color: $color-purple) {
    .cu-dashboard-time__events-no-results-link {
        border-bottom-color:var(--theme-main-color)
    }
}

.cu-dashboard-time__events-no-results-link:hover {
    color: #A2C44A;
    border-bottom-color: #A2C44A
}

@supports (--theme-main-color-dark: $color-purple-dark) {
    .cu-dashboard-time__events-no-results-link:hover {
        color:var(--theme-main-color-dark)
    }
}

@supports (--theme-main-color-dark: $color-purple-dark) {
    .cu-dashboard-time__events-no-results-link:hover {
        border-bottom-color:var(--theme-main-color-dark)
    }
}

.cu-dashboard-time__events .cdk-virtual-scroll-content-wrapper {
    max-width: 100%
}

.cu-dashboard-time .drag-border {
    border: none
}

.dark-theme .cu-dashboard-time .drag-border {
    background-color: #4e5a64e6
}

.cu-dashboard-time .drag-over-border .cal-day__inner {
    border-color: #A2C44A;
    border: 1px dashed;
    min-height: 140px
}

@supports (--theme-main-color: $color-purple) {
    .cu-dashboard-time .drag-over-border .cal-day__inner {
        border-color:var(--theme-main-color)
    }
}

.cu-dashboard-time .drag-over-border.drop-day-back {
    border-color: #A2C44A;
    border: 1px dashed
}

@supports (--theme-main-color: $color-purple) {
    .cu-dashboard-time .drag-over-border.drop-day-back {
        border-color:var(--theme-main-color)
    }
}

.cu-dashboard-time .drag-active .cal-events-row {
    pointer-events: none
}

.cu-dashboard-time__scroll-divider {
    height: 60px
}

.cu-dashboard-time .highlight-today .drop-day-back-today,.cu-dashboard-time .highlight-today .cal-day-cell.cal-today {
    background-color: #A2C44A;
    animation: highlightDay 1s ease-out forwards
}

@supports (--theme-main-color: $color-purple) {
    .cu-dashboard-time .highlight-today .drop-day-back-today,.cu-dashboard-time .highlight-today .cal-day-cell.cal-today {
        background-color:var(--theme-main-color)
    }
}

.cu-dashboard-time__quick-create-task-menu {
    background: none;
    box-shadow: none;
    min-width: 200px;
    overflow: visible
}

.dark-theme .cu-dashboard-time__quick-create-task-menu {
    background: none;
    box-shadow: none
}

.cu-dashboard-time__quick-create-task-menu .cu-panel-board_add {
    margin: 0 2px
}

.cu-dashboard-time__quick-create-task-menu .cu-panel-board_add--row {
    width: auto
}

.cu-dashboard-time__quick-create-task-menu .cu-panel-board__main {
    margin-right: 5px
}

.cu-dashboard-time__quick-create-task-menu .cu-panel-board__header {
    margin-right: 0
}

.cu-dashboard-time__quick-create-task-menu .cu-panel-board__footer {
    padding: 0 0 0 5px;
    flex-grow: 1;
    margin-right: 5px
}

.cu-dashboard-time__quick-create-task-menu .cu-panel-board__footer_left {
    margin-bottom: 0;
    flex-wrap: nowrap;
    align-items: center
}

.cu-dashboard-time__quick-create-task-menu .cu-panel-board__footer_left>* {
    margin: 0 5px
}

.cu-dashboard-time__quick-create-task-menu .cu-panel-board__footer_left .cu-task-custom-fields-dropdown__icon-wrap:before {
    display: block!important
}

.cu-dashboard-time__quick-create-task-menu .cu-panel-board .due-date_subtask-view {
    margin-left: 0
}

.cu-dashboard-time__quick-create-task-menu .cu-panel-board__title {
    min-width: 180px
}

.cu-dashboard-time__quick-create-task-menu .cu-user-group {
    padding-left: 0
}

.cu-dashboard-time .cal-draggable {
    cursor: pointer
}

.cu-dashboard-time .cal-undraggable,.cu-dashboard-time .cal-undraggable * {
    cursor: no-drop!important
}

.cu-dashboard-time .cal-multi-drag-active {
    display: none!important
}

.cu-dashboard-time__current-time-marker {
    width: 100%;
    background-color: #d63b30;
    height: 2px;
    position: absolute;
    z-index: 30
}

.cu-user-profile-calendar .cu-dashboard-time__current-time-marker {
    background-color: #A2C44A;
    width: calc(100% + 15px);
    left: -5px;
    border-radius: 3px
}

@supports (--theme-main-color: $color-purple) {
    .cu-user-profile-calendar .cu-dashboard-time__current-time-marker {
        background-color:var(--theme-main-color)
    }
}

.cu-dashboard-time__current-time-label {
    background: #A2C44A;
    font-size: 12px;
    font-weight: 400;
    line-height: 1;
    position: absolute;
    text-align: center;
    transform: translateY(-50%);
    color: #fff;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 60px;
    border-radius: 4px;
    left: -60px
}

@supports (--theme-main-color: $color-purple) {
    .cu-dashboard-time__current-time-label {
        background:var(--theme-main-color)
    }
}

.cu-dashboard-time__day-view__all-day-events {
    display: flex;
    border-bottom: 3px solid #e0e0e0
}

.dark-theme .cu-dashboard-time__day-view__all-day-events {
    border-bottom-color: #384047
}

.cu-dashboard-time__day-view__all-day-events__description {
    font-size: 11px;
    font-weight: 400;
    line-height: 1;
    width: 70px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #343434;
    margin-top: -28px
}

.dark-theme .cu-dashboard-time__day-view__all-day-events__description {
    color: #d5d6d7
}

@media print {
    .cu-dashboard-time__day-view__all-day-events__description {
        margin-top: 0
    }
}

.cu-dashboard-time__day-view__all-day-events__show-more {
    color: #A2C44A;
    font-size: 10px;
    font-weight: 500;
    line-height: 1;
    text-transform: uppercase;
    display: flex;
    justify-content: center;
    align-items: center;
    flex: 1;
    cursor: pointer;
    padding: 10px 0
}

@supports (--theme-main-color: $color-purple) {
    .cu-dashboard-time__day-view__all-day-events__show-more {
        color:var(--theme-main-color)
    }
}

.cu-dashboard-time__day-view__all-day-events__resize-handle {
    width: 100%;
    height: 5px;
    cursor: row-resize;
    position: absolute;
    bottom: 0
}

.cu-dashboard-time__day-view__all-day-events__list {
    flex: 1
}

.cu-dashboard-time__day-view__all-day-events__list--scroll {
    max-height: 300px;
    overflow-y: auto
}

@media print {
    .cu-dashboard-time__day-view__all-day-events__list--scroll {
        max-height: initial;
        overflow-y: visible
    }
}

.cu-dashboard-time__day-view__all-day-events__list__event {
    padding: 8px;
    border: solid 1px
}

.cu-dashboard-time__day-view__all-day-events__list__event+.cu-dashboard-time__day-view__all-day-events__list__event {
    border-top: 0
}

.cu-dashboard-time__day-view__all-day-events__list__event .cal-event-title,.dark-theme .cu-dashboard-time__day-view__all-day-events__list__event .cal-event-title {
    color: #343434
}

.cu-dashboard-time__day-view__all-day-events__list__event.cu-dashboard-time__milestone {
    padding: 15px 5px
}

.cu-dashboard-time__day-view__all-day-events__list__event.cal-drag-active {
    z-index: 20
}

.cu-dashboard-time__day-view__all-day-events__list__event--selected {
    border: dashed 1px;
    border-color: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .cu-dashboard-time__day-view__all-day-events__list__event--selected {
        border-color:var(--theme-main-color)
    }
}

.cu-dashboard-time__day-view__all-day-events__list__event--past {
    opacity: .3
}

.cu-dashboard-time__day-view__all-day-events-create-task {
    position: absolute;
    width: 100%;
    z-index: 20!important
}

.cu-dashboard-time__day-view__all-day-events-create-task_top.cu-dashboard-time__day-view__all-day-events-create-task_show-time {
    width: calc(100% - 70px);
    min-width: auto!important;
    margin-left: 70px
}

.cu-dashboard-time__day-view__all-day-events-create-task .cu-task-row-status,.cu-dashboard-time__day-view__all-day-events-create-task .cu-task-row-new__close {
    display: none
}

.cu-dashboard-time__day-view__all-day-events-create-task .cu-task-row-new__input {
    height: 28px
}

.cu-dashboard-time__day-view__all-day-events-create-task .cu-task-row-new__left,.cu-dashboard-time__day-view__all-day-events-create-task .cu-task-row-new__options {
    position: relative
}

.cu-dashboard-time__day-view__all-day-events-create-task .cu-task-row-new__left {
    flex-grow: 1
}

.cu-dashboard-time__day-view__all-day-events-create-task .cu-task-row-new__main {
    min-width: 0
}

.cu-dashboard-time__day-view__all-day-events-create-task .cu-task-row-new__container-body {
    min-height: 30px
}

.cu-dashboard-time__day-view__all-day-events-create-task .cu-task-row-assignee .cu-user-group__item {
    margin-left: -8px
}

.cu-dashboard-time__day-view__all-day-events-create-task .cu-task-row-assignee .cu-user-group__item .cu-user-group__more.cu-user-group__more_lg {
    min-width: 22px!important;
    height: 22px!important;
    font-size: 8px
}

.cu-dashboard-time__day-view__all-day-events-create-task .cu-task-row-assignee .cu-avatar.cu-avatar_lg,.cu-dashboard-time__day-view__all-day-events-create-task .cu-task-row-assignee .cu-user-group__icon-mono,.cu-dashboard-time__day-view__all-day-events-create-task .cu-task-row-assignee .cu-user-group__icon_no-active {
    width: 22px!important;
    height: 22px!important
}

.cu-dashboard-time__day-view__all-day-events-create-task .cu-task-row-assignee .cu-avatar.cu-avatar_lg svg {
    width: 22px!important;
    height: 22px!important
}

.cu-dashboard-time__day-view__all-day-events-create-task .cu-task-row-assignee .cu-user-group__item:hover img,.cu-dashboard-time__day-view__all-day-events-create-task .cu-task-row-assignee .cu-user-group__item:hover .cu-avatar_initials {
    margin: 0
}

.cu-dashboard-time__day-view__all-day-events-create-task .cu-task-row-assignee .cu-user-group__item .cu-avatar_initials {
    font-size: 8px;
    padding-top: 2px
}

.cu-dashboard-time__day-view__current-time-marker {
    margin-left: 70px
}

.cu-dashboard-time__day-view__time-events {
    flex-grow: 1;
    position: relative;
    display: flex;
    flex-direction: column
}

.cu-dashboard-time__day-view__time-events-inner {
    position: absolute;
    width: 100%;
    flex-grow: 1;
    height: 100%;
    min-height: 100%
}

@media print {
    .cu-dashboard-time__day-view__time-events-inner {
        position: initial
    }
}

.cu-dashboard-time__day-view--time-events-hidden {
    overflow-y: auto
}

.cu-dashboard-time__day-view--time-events-hidden .cu-dashboard-time__day-view__all-day-events__description {
    display: none
}

.cu-dashboard-time__day-view--time-events-hidden .cu-dashboard-time__day-view__all-day-events__list--scroll {
    max-height: initial
}

.cu-dashboard-time__day-view--time-events-hidden,.cu-dashboard-time__day-view--time-events-hidden .cu-dashboard-time__day-view__all-day-events--scroll {
    max-height: initial;
    display: flex;
    flex-direction: column;
    flex: 1;
    height: 100%
}

.cu-dashboard-time__day-view--time-events-hidden .cu-dashboard-time__day-view__all-day-events--scroll {
    padding-bottom: 28px
}

.cu-dashboard-time .dts-select-box {
    z-index: 40
}

.cu-dashboard-time__milestone {
    padding: 3px;
    font-size: 12px;
    display: flex;
    width: calc(100% - 1px);
    border-width: 0!important
}

.cu-dashboard-time__milestone__flag {
    display: inline-block;
    width: 9px;
    height: 11px
}

.cu-dashboard-time__milestone__flag use {
    fill: #fff
}

.cu-dashboard-time__milestone__arrows {
    display: inline-block;
    width: 13px;
    height: 8px;
    margin-top: 2px;
    margin-left: 1px
}

.cu-dashboard-time__milestone__arrows_left {
    transform: rotate(180deg)
}

.cu-dashboard-time__milestone__arrows use {
    fill: #fff
}

.cu-dashboard-time__milestone__title {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    flex-grow: 1;
    color: #fff;
    margin-left: 2px;
    font-size: 11px;
    line-height: 1.15;
    display: flex;
    align-items: center
}

.cu-dashboard-time__milestone__holiday {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #A2C44A;
    font-size: 14px;
    font-weight: 500;
    line-height: 1
}

@supports (--theme-main-color: $color-purple) {
    .cu-dashboard-time__milestone__holiday {
        color:var(--theme-main-color)
    }
}

.cu-dashboard-time__milestone--no-color {
    box-shadow: 0 0 10px #0000001a
}

.dark-theme .cu-dashboard-time__milestone--no-color {
    box-shadow: 0 0 10px #d5d6d71a
}

.cu-dashboard-time__milestone--no-color .cu-dashboard-time__milestone__flag use,.cu-dashboard-time__milestone--no-color .cu-dashboard-time__milestone__arrows use {
    fill: #343434
}

.dark-theme .cu-dashboard-time__milestone--no-color .cu-dashboard-time__milestone__flag use,.dark-theme .cu-dashboard-time__milestone--no-color .cu-dashboard-time__milestone__arrows use {
    fill: #abaeb0
}

.cu-dashboard-time__milestone--no-color .cu-dashboard-time__milestone__title {
    color: #343434
}

.dark-theme .cu-dashboard-time__milestone--no-color .cu-dashboard-time__milestone__title {
    color: #abaeb0
}

.cu-dashboard-time__milestone_holiday {
    box-shadow: none;
    padding: 5px 5px 0;
    background: transparent!important
}

.dark-theme .cu-dashboard-time__milestone_holiday {
    box-shadow: none
}

.cu-dashboard-time__calendar__event {
    display: block
}

.cu-dashboard-time__calendar__event .lv-task__dependency-icon {
    display: inline-block;
    margin-left: 2px;
    position: relative;
    top: 1px
}

.cu-dashboard-time__calendar__event .cu-dt-filter__subtask-icon {
    height: 14px;
    width: 14px;
    margin-right: 2px
}

.cu-dashboard-time__calendar__event .lv-task__private-icon {
    margin-right: 0;
    margin-left: 2px;
    padding-bottom: 1px
}

.cu-dashboard-time__calendar__event__title,.cu-dashboard-time__calendar__event__time {
    font-size: 12px
}

.cu-dashboard-time__calendar__event__time {
    font-size: 9px;
    font-weight: 400;
    line-height: 1.2
}

.cu-dashboard-time__calendar__event__time-icon {
    width: 9px;
    height: 9px;
    display: inline-block;
    margin-bottom: -1px
}

.cu-dashboard-time__calendar__event__parent {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 10px;
    opacity: .8;
    color: #343434
}

.dark-theme .cu-dashboard-time__calendar__event__parent {
    color: #343434
}

.cu-dashboard-time__calendar__event__location {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    font-size: 9px;
    line-height: 1;
    margin-bottom: 1px;
    opacity: .6
}

.dark-theme .cu-dashboard-time__calendar__event__location,.dark-theme .cu-dashboard-time__calendar__event__location span {
    color: #2b343b
}

.cu-dashboard-time__calendar__event__effort-assignees,.cu-dashboard-time__calendar__event__effort-info {
    width: 13px;
    height: 11px;
    margin-right: 4px;
    fill: #7c828d
}

.dark-theme .cu-dashboard-time__calendar__event__effort-assignees,.dark-theme .cu-dashboard-time__calendar__event__effort-info {
    fill: #7c828d
}

.cu-dashboard-time__calendar__event__effort-info {
    width: 14px;
    height: 14px;
    cursor: pointer;
    opacity: 0;
    margin-right: 6px
}

.cal-event-container:hover .cu-dashboard-time__calendar__event__effort-info {
    max-width: 16px;
    margin: 0 2px;
    padding-right: 2px;
    opacity: 1
}

.cu-dashboard-time__calendar__event__effort-no-estimate {
    border-radius: 50%;
    width: 11px;
    height: 11px;
    margin-right: 4px;
    fill: #7c828d
}

.dark-theme .cu-dashboard-time__calendar__event__effort-no-estimate {
    fill: #7c828d
}

.cu-dashboard-time__calendar__event__title {
    white-space: nowrap;
    overflow: hidden;
    display: flex;
    align-items: center;
    line-height: 1.15;
    margin-top: 2px;
    margin-bottom: 2px;
    position: relative;
    flex-grow: 1;
    min-width: 0
}

.cu-dashboard-time__calendar__event__title-text {
    flex-grow: 1;
    position: relative;
    min-width: 0;
    display: flex;
    align-items: center
}

.cu-dashboard-time__calendar__event__title-text.cu-dashboard-time__calendar-custom-type {
    font-weight: 500
}

.cu-dashboard-time__calendar__event__title-text span {
    overflow: hidden
}

.cu-dashboard-time__calendar__event__title-gradient {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    left: auto;
    width: 10px;
    height: 12px
}

.cu-dashboard-time__calendar__event__title-container {
    display: flex;
    align-items: center
}

.cu-dashboard-time__calendar__event__title-recurring {
    width: 11px;
    height: 11px;
    fill: #b9bec7;
    margin-left: 4px
}

.dark-theme .cu-dashboard-time__calendar__event__title,.dark-theme .cu-dashboard-time__calendar__event__title span,.dark-theme .cu-dashboard-time__calendar__event__priority,.dark-theme .cu-dashboard-time__calendar__event__time-estimate,.dark-theme .cu-dashboard-time__calendar__event__time-tracked,.dark-theme .cu-dashboard-time__calendar__event__time {
    color: #2b343b
}

.cu-dashboard-time__calendar__event__priority {
    margin-top: -2px
}

.cu-dashboard-time__calendar__event__time-estimate,.cu-dashboard-time__calendar__event__time-tracked {
    font-size: 10px;
    font-weight: 400;
    margin-right: 5px;
    display: flex;
    align-items: center
}

.cu-dashboard-time__calendar__event__time-estimate .icon,.cu-dashboard-time__calendar__event__time-tracked .icon {
    display: block;
    width: 12px;
    height: 16px;
    margin-top: -1px
}

.cu-dashboard-time__calendar__event__time-estimate .cu-stroke,.cu-dashboard-time__calendar__event__time-tracked .cu-stroke {
    stroke: #cbc9cf
}

.dark-theme .cu-dashboard-time__calendar__event__time-estimate .cu-stroke,.dark-theme .cu-dashboard-time__calendar__event__time-tracked .cu-stroke {
    stroke: #979797
}

.cu-dashboard-time__calendar__event__time-tracked .icon {
    margin-right: 3px
}

.cu-dashboard-time__calendar__event__footer {
    display: flex;
    align-items: center;
    flex-wrap: wrap
}

.dark-theme .cu-dashboard-time__calendar__event__footer .lv-task-subtasks__item-dot {
    border-color: #fff
}

.cu-dashboard-time__calendar__event__priority .icon {
    width: 12px;
    height: 12px
}

.cu-dashboard-time__calendar__event__priority .cu-priorities-view__icon-select {
    display: none
}

.cu-dashboard-time__calendar__event__assignees {
    flex: 1;
    display: flex;
    justify-content: flex-end
}

.cu-dashboard-time__calendar__event__assignees-inner {
    display: inline-block
}

.cu-dashboard-time__calendar__event__assignees .cu-avatar,.cu-dashboard-time__calendar__event__assignees .cu-user-group .cu-user-group__more.cu-user-group__more_lg {
    min-width: 20px;
    height: 20px;
    font-size: 8px
}

.cu-dashboard-time__calendar__event__assignees .cu-avatar_initials,.cu-dashboard-time__calendar__event__assignees .cu-user-group .cu-user-group__more.cu-user-group__more_lg_initials {
    padding-top: 1px
}

.cu-dashboard-time__calendar__event__assignees .cu-avatar.cu-avatar__assign-mono {
    padding: 0
}

.cu-dashboard-time__calendar__event__assignees .cu-avatar.cu-avatar__assign-mono .cu-user-group__icon-mono {
    width: 20px;
    height: 20px
}

.cu-dashboard-time__calendar__event__assignees .cu-user-group {
    flex-direction: row-reverse;
    justify-content: flex-start;
    padding-left: 8px
}

.cu-dashboard-time__calendar__event__assignees .cu-user-group .cu-user-group__item {
    margin-left: -8px
}

.cu-dashboard-time__calendar__event__assignees .cu-user-group__remove {
    width: 14px;
    height: 14px;
    border-width: 1px;
    top: -6px;
    right: -7px
}

.dark-theme .cu-dashboard-time__calendar__event .cu-custom-fields__header-items-value,.dark-theme .cu-dashboard-time__calendar__event .cu-custom-fields__header-items-value__labels_white .cu-custom-fields__header-items-value__labels-text,.dark-theme .cu-dashboard-time__calendar__event .cu-custom-fields__header-items-value__phone,.dark-theme .cu-dashboard-time__calendar__event .cu-custom-fields__header-items-value__url,.dark-theme .cu-dashboard-time__calendar__event .cu-custom-fields__header-items-value__dropdown-option_white .cu-custom-fields__header-items-value__dropdown-option-text,.dark-theme .cu-dashboard-time__calendar__event .cu-custom-fields__header-items-value .cu-custom-fields__multi-line-text,.dark-theme .cu-dashboard-time__calendar__event .cu-custom-fields__header-items-value .cu-custom-fields__manual-progress-value,.dark-theme .cu-dashboard-time__calendar__event .cu-custom-fields__header-items-value .cu-custom-fields__manual-progress-total {
    color: #343434
}

.cu-dashboard-time__calendar__event__ellipsis {
    width: 20px;
    height: 16px;
    padding: 0 2px;
    margin-left: 4px;
    cursor: pointer;
    display: none;
    fill: #858585
}

.contrast_high .cu-dashboard-time__calendar__event__ellipsis {
    fill: #979797
}

.dark-theme .cu-dashboard-time__calendar__event__ellipsis {
    fill: #abaeb0
}

.cu-dashboard-time__calendar__event__ellipsis:hover {
    fill: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .cu-dashboard-time__calendar__event__ellipsis:hover {
        fill:var(--theme-main-color)
    }
}

.cu-calendar-event:hover .cu-dashboard-time__calendar__event__ellipsis {
    display: block
}

.cu-dashboard-time .ps__rail-y {
    z-index: 30
}

.cu-dashboard-time .nav-editor {
    position: relative
}

.cu-dashboard-time .nav-editor .nav-editor__input {
    padding: 3px 2px 2px 3px;
    font-size: 11px
}

@keyframes highlightDay {
    to {
        background-color: transparent
    }
}

.cu-calendar-event__body .cu-custom-fields__header-items-name-text {
    color: #343434
}

.cal-month-view {
    height: 100%
}

.cal-month-view .cal-header {
    text-align: center;
    font-weight: bolder
}

.cal-month-view .cal-header .cal-cell {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 13px;
    font-weight: 500;
    line-height: 1;
    padding: 5px 0 5px 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    white-space: nowrap;
    text-align: left;
    border-left: 1px solid #e1e1e1;
    color: #292d34;
    background: #fff
}

.dark-theme .cal-month-view .cal-header .cal-cell {
    border-left-color: #1e272e;
    color: #d5d6d7;
    background: #384047
}

.cal-month-view .cal-header .cal-cell.cal-weekend {
    background: #fafbfc
}

.dark-theme .cal-month-view .cal-header .cal-cell.cal-weekend {
    background: #2b343b
}

.cal-month-view .cal-header_week-number {
    font-size: 8px;
    font-weight: 400;
    line-height: 1;
    width: 20px;
    padding-top: 7px;
    color: #343434;
    opacity: .3
}

.dark-theme .cal-month-view .cal-header_week-number {
    color: #d5d6d7
}

.cal-month-view .cal-cell.cal-has-events.cal-open {
    background-color: #ededed
}

.dark-theme .cal-month-view .cal-cell.cal-has-events.cal-open {
    background: #1e272e
}

.cal-month-view .cal-days {
    border-left: 1px solid #e1e1e1;
    border-top: 0;
    border-bottom: 0;
    height: 100%
}

.dark-theme .cal-month-view .cal-days {
    border-left-color: #1e272e
}

.cal-month-view .cal-days>div:first-child .cal-day-cell .cal-day__inner {
    margin-top: -20px
}

.cal-month-view .cal-days>div:first-child .cal-day-cell .cal-day {
    margin-top: 30px
}

.cal-month-view .cal-days>div {
    page-break-inside: avoid;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-self: stretch
}

.cal-month-view .cal-days>div:last-child mwl-calendar-open-day-events {
    margin-bottom: 42px
}

.cal-month-view .cal-day {
    position: relative;
    height: 100%;
    min-height: 140px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end
}

.cal-month-view .cal-day_holiday:before {
    content: "";
    display: block;
    position: absolute;
    background-color: #A2C44A;
    -webkit-mask-image: url(/assets/images/components/calendar/holiday.svg);
    mask-image: url(/assets/images/components/calendar/holiday.svg);
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    pointer-events: none
}

@supports (--theme-main-color: $color-purple) {
    .cal-month-view .cal-day_holiday:before {
        background-color:var(--theme-main-color)
    }
}

.cal-month-view .cal-day__inner {
    position: absolute;
    width: 100%;
    height: 100%;
    min-height: 140px;
    border: 1px solid transparent;
    pointer-events: none
}

.cal-month-view .cal-cell-bottom {
    height: 23px;
    display: flex;
    align-items: center;
    padding: 0 9px 0 4px;
    margin-top: 5px
}

.cal-month-view .cal-cell-bottom__right {
    margin-left: auto
}

.cal-month-view .cal-cell-row {
    display: flex;
    position: relative;
    height: 100%
}

.cal-month-view .cal-cell-more {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 11px;
    font-weight: 500;
    line-height: 1;
    text-transform: uppercase;
    padding: 0 0 0 2px;
    margin-right: 10px;
    cursor: pointer;
    z-index: 20;
    height: 11px;
    overflow: hidden;
    color: #7c828d
}

.dark-theme .cal-month-view .cal-cell-more {
    color: #abaeb0
}

.cal-month-view .cal-cell-more:hover {
    color: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .cal-month-view .cal-cell-more:hover {
        color:var(--theme-main-color)
    }
}

.cal-month-view .cal-cell {
    float: left;
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: stretch
}

.cal-month-view .cal-day-cell {
    min-height: 140px;
    min-width: 14%;
    flex-grow: 1;
    flex-basis: 0;
    margin-right: -1px;
    background: #fff
}

.dark-theme .cal-month-view .cal-day-cell {
    background: #384047
}

.cal-month-view .cal-day-cell.cal-weekend {
    background: #fafbfc
}

.dark-theme .cal-month-view .cal-day-cell.cal-weekend {
    background: #2b343b
}

.cal-month-view .cal-day-cell_week-numbers-visible {
    min-width: calc(14% - 2.8571428571px)
}

.cal-month-view .cal-cell-week-number {
    min-width: 20px;
    flex-grow: 0;
    display: flex;
    flex-direction: column;
    text-align: center;
    justify-content: flex-end;
    opacity: .3;
    padding-bottom: 4px
}

.dark-theme .cal-month-view .cal-cell-week-number {
    background: #384047
}

.cal-month-view .cal-cell-week-number div {
    font-size: 11px;
    font-weight: 400;
    line-height: 1;
    color: #343434
}

.dark-theme .cal-month-view .cal-cell-week-number div {
    color: #d5d6d7
}

.cal-month-view .cal-day-cell:not(:first-child) {
    border-left: 1px solid #e1e1e1
}

.dark-theme .cal-month-view .cal-day-cell:not(:first-child) {
    border-left: 1px solid #1e272e
}

.cal-month-view .cal-days .cal-cell-row {
    border-bottom: 1px solid #e1e1e1
}

.dark-theme .cal-month-view .cal-days .cal-cell-row {
    border-bottom: 1px solid #1e272e
}

.cal-month-view .cal-day-badge {
    margin-top: 18px;
    margin-left: 10px;
    background-color: #b94a48;
    display: inline-block;
    min-width: 10px;
    padding: 3px 7px;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    border-radius: 10px
}

.cal-month-view .cal-day-number {
    font-size: 12px;
    font-weight: 400;
    line-height: 1;
    color: #292d34
}

.dark-theme .cal-month-view .cal-day-number {
    color: #d5d6d7
}

.cal-month-view .cal-day_holiday .cal-day-number {
    color: #A2C44A;
    font-weight: 500
}

@supports (--theme-main-color: $color-purple) {
    .cal-month-view .cal-day_holiday .cal-day-number {
        color:var(--theme-main-color)
    }
}

.cal-month-view .cal-month-view__add {
    background: #A2C44A;
    width: 18px;
    height: 18px;
    border-radius: 2px;
    display: none;
    padding: 4px;
    -webkit-user-select: none;
    user-select: none;
    margin: 0 5px;
    cursor: pointer;
    fill: #fff
}

@supports (--theme-main-color: $color-purple) {
    .cal-month-view .cal-month-view__add {
        background:var(--theme-main-color)
    }
}

.cal-month-view .cal-month-view__add:hover {
    background: #A2C44A
}

@supports (--theme-main-color-dark: $color-purple-dark) {
    .cal-month-view .cal-month-view__add:hover {
        background:var(--theme-main-color-dark)
    }
}

.cal-month-view .cal-day:hover .cal-month-view__add {
    display: block
}

.cal-month-view .cal-events {
    flex: 1;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    padding-top: 4px
}

.cal-month-view .cal-slot {
    padding: 2px 5px;
    position: relative
}

.cal-month-view .cal-slot.drag-active,.cal-month-view .cal-slot.resize-ghost-element {
    z-index: 1000!important
}

.cal-month-view .cal-slot.resize-active {
    z-index: 30
}

.cal-month-view .cal-slot.resize-active .cal-event {
    border-width: 1px 1px 1px 2px;
    border-style: dotted dotted dotted solid
}

.cal-month-view .cal-slot .cal-resize-handle {
    position: absolute;
    height: 100%;
    width: 5px;
    right: 0;
    cursor: col-resize;
    top: 0
}

.cal-month-view .cal-event-container {
    display: flex;
    align-items: center;
    background: #fff
}

.dark-theme .cal-month-view .cal-event-container {
    background: #384047
}

.cal-month-view .cal-event {
    display: block;
    min-height: 20px;
    width: 100%;
    border: solid 1px;
    border-left: 0;
    padding-left: 4px
}

.cal-month-view .cal-event_hover:hover {
    box-shadow: 0 2px 5px #00000045;
    cursor: pointer
}

.cal-month-view .cal-event__body {
    padding: 4px;
    width: auto;
    min-width: 0;
    overflow: hidden;
    flex-grow: 1
}

.cal-month-view .cal-event-stub {
    cursor: default;
    border: solid 1px transparent
}

.cal-month-view .cal-event-stub:hover {
    box-shadow: none
}

.cal-month-view .cal-event-stub * {
    visibility: hidden
}

.cal-month-view .cal-event_start {
    border-top-left-radius: 2px;
    border-bottom-left-radius: 2px
}

.cal-month-view .cal-event_end {
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px
}

.cal-month-view .cal-event-selected,.cal-month-view .cal-event-me-view-scheduled {
    padding-left: 5px;
    border: dashed 1px;
    border-color: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .cal-month-view .cal-event-selected,.cal-month-view .cal-event-me-view-scheduled {
        border-color:var(--theme-main-color)
    }
}

.cal-month-view .cal-event-recurring {
    border: dashed 1px gray!important
}

.cal-month-view .cal-event-me-view-scheduled {
    border-style: double;
    border-width: 3px
}

.cal-month-view .cal-day-cell.cal-out-month .cal-day-number {
    opacity: .3;
    cursor: default
}

.cal-month-view .cal-day-cell.cal-weekend .cal-day-number {
    color: #7c828d
}

.dark-theme .cal-month-view .cal-day-cell.cal-weekend .cal-day-number {
    color: #828588
}

.cal-month-view .cal-day-cell.cal-today .cal-day__inner {
    border-color: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .cal-month-view .cal-day-cell.cal-today .cal-day__inner {
        border-color:var(--theme-main-color)
    }
}

.cal-month-view .cal-day-cell.cal-today .cal-day-number {
    color: #A2C44A;
    opacity: 1
}

@supports (--theme-main-color: $color-purple) {
    .cal-month-view .cal-day-cell.cal-today .cal-day-number {
        color:var(--theme-main-color)
    }
}

.cal-month-view .cal-day-cell.cal-past .cal-day .cal-day-number,.cal-month-view .cal-day-cell.cal-past .cal-day .cal-event-past {
    opacity: .7
}

.cal-month-view .cal-open-day-events {
    padding: 0;
    color: #555;
    background-color: #fff;
    border-bottom: 1px solid #e1e1e1;
    margin-right: -1px
}

.dark-theme .cal-month-view .cal-open-day-events {
    border-bottom: 1px solid #1e272e
}

.cal-month-view .cal-open-day-events .cal-event {
    position: relative;
    top: 2px
}

.cal-month-view .cal-event-title {
    color: #555
}

.cal-month-view .cal-milestones {
    margin-bottom: auto
}

.cal-tooltip {
    position: absolute;
    z-index: 1070;
    display: block;
    font-style: normal;
    font-weight: 400;
    letter-spacing: normal;
    line-break: auto;
    line-height: 1.5;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    white-space: normal;
    word-break: normal;
    word-spacing: normal;
    font-size: 11px;
    word-wrap: break-word;
    opacity: .9
}

.cal-tooltip.cal-tooltip-top {
    padding: 5px 0;
    margin-top: -3px
}

.cal-tooltip.cal-tooltip-top .cal-tooltip-arrow {
    bottom: 0;
    left: 50%;
    margin-left: -5px;
    border-width: 5px 5px 0;
    border-top-color: #000
}

.cal-tooltip.cal-tooltip-right {
    padding: 0 5px;
    margin-left: 3px
}

.cal-tooltip.cal-tooltip-right .cal-tooltip-arrow {
    top: 50%;
    left: 0;
    margin-top: -5px;
    border-width: 5px 5px 5px 0;
    border-right-color: #000
}

.cal-tooltip.cal-tooltip-bottom {
    padding: 5px 0;
    margin-top: 3px
}

.cal-tooltip.cal-tooltip-bottom .cal-tooltip-arrow {
    top: 0;
    left: 50%;
    margin-left: -5px;
    border-width: 0 5px 5px;
    border-bottom-color: #000
}

.cal-tooltip.cal-tooltip-left {
    padding: 0 5px;
    margin-left: -3px
}

.cal-tooltip.cal-tooltip-left .cal-tooltip-arrow {
    top: 50%;
    right: 0;
    margin-top: -5px;
    border-width: 5px 0 5px 5px;
    border-left-color: #000
}

.cal-tooltip-inner {
    max-width: 200px;
    padding: 3px 8px;
    color: #fff;
    text-align: center;
    background-color: #000;
    border-radius: .25rem
}

.cal-tooltip-arrow {
    position: absolute;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid
}

.cal-week-view * {
    box-sizing: border-box
}

.cal-week-view .cal-day-headers {
    display: flex;
    padding-left: 70px;
    border: 1px solid
}

[dir=rtl] .cal-week-view .cal-day-headers {
    padding-left: initial;
    padding-right: 70px
}

.cal-week-view .cal-day-headers .cal-header {
    flex: 1;
    text-align: center;
    padding: 5px
}

.cal-week-view .cal-day-headers .cal-header:not(:last-child) {
    border-right: 1px solid
}

[dir=rtl] .cal-week-view .cal-day-headers .cal-header:not(:last-child) {
    border-right: initial;
    border-left: 1px solid
}

.cal-week-view .cal-day-headers .cal-header:first-child {
    border-left: 1px solid
}

[dir=rtl] .cal-week-view .cal-day-headers .cal-header:first-child {
    border-left: initial;
    border-right: 1px solid
}

.cal-week-view .cal-day-headers span {
    font-weight: 400;
    opacity: .5
}

.cal-week-view .cal-day-column {
    flex-grow: 1;
    border-left: solid 1px
}

[dir=rtl] .cal-week-view .cal-day-column {
    border-left: initial;
    border-right: solid 1px
}

.cal-week-view .cal-event {
    font-size: 12px;
    border: 1px solid;
    direction: ltr
}

.cal-week-view .cal-time-label-column {
    width: 70px;
    height: 100%
}

.cal-week-view .cal-current-time-marker {
    position: absolute;
    width: 100%;
    height: 2px;
    z-index: 2
}

.cal-week-view .cal-all-day-events {
    border: solid 1px;
    border-top: 0;
    border-bottom-width: 3px;
    padding-top: 3px;
    position: relative
}

.cal-week-view .cal-all-day-events .cal-day-columns {
    height: 100%;
    width: 100%;
    display: flex;
    position: absolute;
    top: 0;
    z-index: 0
}

.cal-week-view .cal-all-day-events .cal-events-row {
    position: relative;
    height: 31px;
    margin-left: 70px
}

[dir=rtl] .cal-week-view .cal-all-day-events .cal-events-row {
    margin-left: initial;
    margin-right: 70px
}

.cal-week-view .cal-all-day-events .cal-event-container {
    display: inline-block;
    position: absolute
}

.cal-week-view .cal-all-day-events .cal-event-container.resize-active {
    z-index: 1;
    pointer-events: none
}

.cal-week-view .cal-all-day-events .cal-event {
    padding: 0 5px;
    margin-left: 2px;
    margin-right: 2px;
    height: 28px;
    line-height: 28px
}

.cal-week-view .cal-all-day-events .cal-starts-within-week .cal-event {
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px
}

[dir=rtl] .cal-week-view .cal-all-day-events .cal-starts-within-week .cal-event {
    border-top-left-radius: initial;
    border-bottom-left-radius: initial;
    border-top-right-radius: 5px!important;
    border-bottom-right-radius: 5px!important
}

.cal-week-view .cal-all-day-events .cal-ends-within-week .cal-event {
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px
}

[dir=rtl] .cal-week-view .cal-all-day-events .cal-ends-within-week .cal-event {
    border-top-right-radius: initial;
    border-bottom-right-radius: initial;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px
}

.cal-week-view .cal-all-day-events .cal-time-label-column {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px
}

.cal-week-view .cal-all-day-events .cal-resize-handle {
    width: 6px;
    height: 100%;
    cursor: col-resize;
    position: absolute;
    top: 0
}

.cal-week-view .cal-all-day-events .cal-resize-handle.cal-resize-handle-after-end {
    right: 0
}

[dir=rtl] .cal-week-view .cal-all-day-events .cal-resize-handle.cal-resize-handle-after-end {
    right: initial;
    left: 0
}

.cal-week-view .cal-event,.cal-week-view .cal-header {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.cal-week-view .cal-drag-active {
    pointer-events: none;
    z-index: 1
}

.cal-week-view .cal-drag-active * {
    pointer-events: none
}

.cal-week-view .cal-time-events {
    position: relative;
    border: solid 1px;
    border-top: 0;
    display: flex
}

.cal-week-view .cal-time-events .cal-day-columns {
    display: flex;
    flex-grow: 1
}

.cal-week-view .cal-time-events .cal-day-column,.cal-week-view .cal-time-events .cal-events-container {
    position: relative
}

.cal-week-view .cal-time-events .cal-event-container {
    position: absolute;
    z-index: 1
}

.cal-week-view .cal-time-events .cal-event {
    width: calc(100% - 2px);
    height: calc(100% - 2px);
    margin: 1px;
    padding: 0 5px;
    line-height: 25px
}

.cal-week-view .cal-time-events .cal-resize-handle {
    width: 100%;
    height: 4px;
    cursor: row-resize;
    position: absolute
}

.cal-week-view .cal-time-events .cal-resize-handle.cal-resize-handle-after-end {
    bottom: 0
}

.cal-week-view .cal-hour-segment {
    position: relative
}

.cal-week-view .cal-hour-segment:after {
    content: "\a0"
}

.cal-week-view .cal-event-container:not(.cal-draggable) {
    cursor: pointer
}

.cal-week-view .cal-draggable {
    cursor: move
}

.cal-week-view mwl-calendar-week-view-hour-segment,.cal-week-view .cal-hour-segment {
    display: block
}

.cal-week-view .cal-hour:not(:last-child) .cal-hour-segment,.cal-week-view .cal-hour:last-child :not(:last-child) .cal-hour-segment {
    border-bottom: thin dashed
}

.cal-week-view .cal-time {
    font-weight: 700;
    padding-top: 5px;
    width: 70px;
    text-align: center
}

.cal-week-view .cal-hour-segment.cal-after-hour-start .cal-time {
    display: none
}

.cal-week-view .cal-starts-within-day .cal-event {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px
}

.cal-week-view .cal-ends-within-day .cal-event {
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px
}

.cal-week-view {
    background-color: #fff;
    border-top: solid 1px #e1e1e1
}

.cal-week-view .cal-day-headers {
    border-color: #e1e1e1;
    border-top: 0
}

.cal-week-view .cal-day-headers .cal-header:not(:last-child) {
    border-right-color: #e1e1e1
}

[dir=rtl] .cal-week-view .cal-day-headers .cal-header:not(:last-child) {
    border-right-color: initial;
    border-left: solid 1px #e1e1e1!important
}

.cal-week-view .cal-day-headers .cal-header:first-child {
    border-left-color: #e1e1e1
}

[dir=rtl] .cal-week-view .cal-day-headers .cal-header:first-child {
    border-left-color: initial;
    border-right-color: #e1e1e1
}

.cal-week-view .cal-day-headers .cal-header:hover,.cal-week-view .cal-day-headers .cal-drag-over {
    background-color: #ededed
}

.cal-week-view .cal-day-column {
    border-left-color: #e1e1e1
}

[dir=rtl] .cal-week-view .cal-day-column {
    border-left-color: initial;
    border-right-color: #e1e1e1
}

.cal-week-view .cal-event {
    background-color: #d1e8ff;
    border-color: #1e90ff;
    color: #1e90ff
}

.cal-week-view .cal-all-day-events {
    border-color: #e1e1e1
}

.cal-week-view .cal-header.cal-today {
    background-color: #e8fde7
}

.cal-week-view .cal-header.cal-weekend span {
    color: #8b0000
}

.cal-week-view .cal-time-events {
    border-color: #e1e1e1
}

.cal-week-view .cal-time-events .cal-day-columns:not(.cal-resize-active) .cal-hour-segment:hover {
    background-color: #ededed
}

.cal-week-view .cal-hour-odd {
    background-color: #fafafa
}

.cal-week-view .cal-drag-over .cal-hour-segment {
    background-color: #ededed
}

.cal-week-view .cal-hour:not(:last-child) .cal-hour-segment,.cal-week-view .cal-hour:last-child :not(:last-child) .cal-hour-segment {
    border-bottom-color: #e1e1e1
}

.cal-week-view .cal-current-time-marker {
    background-color: #ea4334
}

.cal-week-view {
    background-color: initial;
    position: relative;
    height: 100%;
    border-top: 0
}

.cal-week-view .cu-dashboard-time__content__scroll-container,.cal-week-view .cal-day-headers,.cal-week-view .cal-all-day-events {
    padding-right: 10px
}

.cal-week-view .cal-day-headers {
    display: flex;
    border: 0 solid #e1e1e1;
    border-bottom-width: 1px;
    min-height: 52px;
    padding-left: 0
}

.dark-theme .cal-week-view .cal-day-headers {
    border-bottom: 1px solid #1e272e
}

.cal-week-view .cal-day-headers .cu-dropdown__menu {
    margin-top: 5px
}

.cal-week-view .cal-day-headers .cal-header {
    flex: 1;
    text-align: left;
    padding: 10px 12px;
    position: relative;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.dark-theme .cal-week-view .cal-day-headers .cal-header {
    background: #384047
}

.cal-week-view .cal-day-headers .cal-header-hover-show-new:hover .cal-day-add {
    display: flex
}

.dark-theme .cal-week-view .cal-day-headers .cal-header:first-child {
    border-left: 1px solid #1e272e
}

.cal-week-view .cal-day-headers .cal-header_week-number {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 71px;
    border-right: 1px solid #e1e1e1;
    padding-top: 8px
}

.dark-theme .cal-week-view .cal-day-headers .cal-header_week-number {
    border-right: 1px solid #1e272e;
    background: #384047
}

.cal-week-view .cal-day-headers .cal-header_week-number-title {
    font-size: 9px;
    font-weight: 400;
    line-height: 1;
    margin-right: 3px;
    margin-bottom: -3px
}

.cal-week-view .cal-day-headers .cal-header_week-number-value {
    font-size: 15px;
    font-weight: 400;
    line-height: 1;
    opacity: 1
}

.cal-week-view .cal-day-headers .cal-header .cal-day-add {
    font-size: 20px;
    font-weight: 500;
    line-height: 1;
    color: #A2C44A;
    display: none;
    padding: 4px 10px 4px 4px;
    -webkit-user-select: none;
    user-select: none;
    cursor: pointer;
    width: 100%;
    position: absolute;
    height: 100%;
    margin-left: -15px;
    align-items: center;
    justify-content: flex-end
}

@supports (--theme-main-color: $color-purple) {
    .cal-week-view .cal-day-headers .cal-header .cal-day-add {
        color:var(--theme-main-color)
    }
}

.cal-week-view .cal-day-add {
    font-size: 20px;
    font-weight: 500;
    line-height: 1;
    display: none;
    padding: 4px;
    -webkit-user-select: none;
    user-select: none;
    cursor: pointer
}

.cal-week-view .cal-day-add:hover {
    color: #A2C44A;
    opacity: 1
}

@supports (--theme-main-color-dark: $color-purple-dark) {
    .cal-week-view .cal-day-add:hover {
        color:var(--theme-main-color-dark)
    }
}

.cal-week-view .cal-header.cal-past,.cal-week-view .cal-event-past {
    opacity: .7
}

.cal-week-view .cal-day-headers .cal-header:not(:last-child) {
    border-right: 1px solid #e1e1e1
}

.dark-theme .cal-week-view .cal-day-headers .cal-header:not(:last-child) {
    border-right: 1px solid #1e272e
}

.cal-week-view .cal-day-headers .cal-header:hover {
    background-color: #fff
}

.dark-theme .cal-week-view .cal-day-headers .cal-header:hover {
    background-color: #384047
}

.cal-week-view .cal-day-headers .cal-drag-over {
    background-color: #ededed
}

.dark-theme .cal-week-view .cal-day-headers .cal-drag-over {
    background: #2b343b
}

.cal-week-view .cal-day-headers .cal-header__day-of-the-week {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 13px;
    font-weight: 500;
    line-height: 1;
    display: block;
    color: #292d34
}

.dark-theme .cal-week-view .cal-day-headers .cal-header__day-of-the-week {
    color: #d5d6d7
}

.cal-week-view .cal-day-headers .cal-header__date {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 11px;
    font-weight: 500;
    line-height: 1;
    margin-top: 3px;
    color: #7c828d
}

.dark-theme .cal-week-view .cal-day-headers .cal-header__date {
    color: #b9bec7
}

.cal-week-view .cal-day-column {
    position: relative;
    border-left: 1px solid #e0e0e0
}

.contrast_high .cal-week-view .cal-day-column {
    border-left-color: #c1c1c1
}

.dark-theme .cal-week-view .cal-day-column {
    border-left-color: #384047
}

.cal-week-view .cal-day-column_holiday:before {
    content: "";
    display: block;
    position: absolute;
    background-color: #A2C44A;
    -webkit-mask-image: url(/assets/images/components/calendar/holiday.svg);
    mask-image: url(/assets/images/components/calendar/holiday.svg);
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    pointer-events: none
}

@supports (--theme-main-color: $color-purple) {
    .cal-week-view .cal-day-column_holiday:before {
        background-color:var(--theme-main-color)
    }
}

.cal-week-view .cal-day-column-inner {
    width: calc(100% - 7px);
    position: relative
}

.cu-dashboard-time__content-calendar_day-view .cal-week-view .cal-day-column-inner {
    width: 90%
}

.cal-week-view .cal-day-column.cal-drag-over {
    border-color: #A2C44A;
    border: 1px dashed
}

@supports (--theme-main-color: $color-purple) {
    .cal-week-view .cal-day-column.cal-drag-over {
        border-color:var(--theme-main-color)
    }
}

.cal-week-view .cal-events-row {
    position: relative;
    min-height: 24px;
    margin-bottom: 4px
}

.cal-week-view .cal-event {
    padding-left: 4px;
    margin-left: 2px;
    margin-right: 2px;
    min-height: 20px;
    line-height: 19px;
    border: solid 1px;
    border-radius: 2px;
    cursor: initial
}

.cal-week-view .cal-event_hover:hover {
    box-shadow: 0 2px 5px #00000045;
    cursor: pointer
}

.cal-week-view .cal-event_small {
    min-height: initial;
    line-height: initial
}

.cal-week-view .cal-event_small .cu-calendar-event__body {
    padding: 0
}

.cal-week-view .cal-event_small .cu-dashboard-time__calendar__event__title {
    margin-top: -1px;
    margin-bottom: 0
}

.cal-week-view .cal-event-selected,.cal-week-view .cal-event-me-view-scheduled {
    border: dashed 1px;
    padding-left: 5px;
    border-color: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .cal-week-view .cal-event-selected,.cal-week-view .cal-event-me-view-scheduled {
        border-color:var(--theme-main-color)
    }
}

.cal-week-view .cal-event-me-view-scheduled {
    border-style: double;
    border-width: 3px
}

.cal-week-view .cal-event-recurring {
    border: dashed 1px gray!important
}

.cal-week-view .cal-all-day-events .cal-ends-within-week .cal-event,.cal-week-view .cal-ends-within-day .cal-event,.cal-week-view .cal-starts-within-day .cal-event {
    border-radius: 2px
}

.cal-week-view .cal-all-day-events {
    border-color: #e0e0e0;
    border-left: 0;
    padding-top: 0
}

.cal-week-view .cal-all-day-events-scroll {
    max-height: 300px;
    overflow-y: auto
}

.cal-week-view .cal-all-day-events-scroll-inner {
    position: relative;
    min-height: 31px
}

[lang=fr-FR] .cal-week-view .cal-all-day-events-scroll-inner {
    min-height: 36px
}

.contrast_high .cal-week-view .cal-all-day-events {
    border-color: #c1c1c1
}

.dark-theme .cal-week-view .cal-all-day-events {
    border-color: #384047
}

.cal-week-view .cal-all-day-events .cdk-drop-list-dragging {
    border: solid 1px;
    border-color: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .cal-week-view .cal-all-day-events .cdk-drop-list-dragging {
        border-color:var(--theme-main-color)
    }
}

.cal-week-view .cal-all-day-events .cdk-drag-placeholder {
    display: none
}

.cal-week-view .cal-all-day-events .cal-event-container {
    display: inline-block;
    position: absolute;
    cursor: pointer
}

.cal-week-view .cal-all-day-events .cal-event-container.resize-active {
    z-index: 20
}

.cal-week-view .cal-all-day-events .cal-event-container.resize-active .cal-event {
    border-width: 1px 1px 1px 2px;
    border-style: dotted dotted dotted solid
}

.cal-week-view .cal-all-day-events .cal-time-label-column {
    font-size: 11px;
    line-height: 12px;
    text-align: center
}

.cal-week-view .cal-all-day-events .cal-event {
    height: auto!important;
    padding-left: 4px
}

.cal-week-view .cal-event-time {
    display: inline-block;
    font-weight: 700;
    margin-top: 2px
}

.cal-week-view .cal-time-events {
    border-bottom: 0;
    border-right: 0;
    border-left: 0;
    padding-bottom: 42px
}

.cal-week-view .cal-time-events .cdk-drag-placeholder {
    display: none
}

.cal-week-view .cal-time-events .cdk-drop-list-dragging .cal-hour-segment-inner,.cal-week-view .cal-time-events .cal-drag-over .cal-hour-segment-inner {
    width: calc(100% - 2px);
    border: solid 1px;
    border-color: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .cal-week-view .cal-time-events .cdk-drop-list-dragging .cal-hour-segment-inner,.cal-week-view .cal-time-events .cal-drag-over .cal-hour-segment-inner {
        border-color:var(--theme-main-color)
    }
}

.cal-week-view .cal-time-events .cal-resize-handle {
    height: 7px
}

.cal-week-view .cal-time-events .cal-day-columns .cal-hour-segment {
    transition: all .2s cubic-bezier(.785,.135,.15,.86) 0s
}

.dark-theme .cal-week-view .cal-time-events .cal-day-columns .cal-hour-segment:hover {
    background: #384047
}

.cal-week-view .cal-time-events .cal-day-columns .cal-hour-segment-inner {
    width: 100%;
    height: 100%
}

.cal-week-view .cal-starts-within-week .cal-event:not(.cal-event-selected),.cal-week-view .cal-starts-within-week .cal-event:not(.cal-event-me-view-scheduled) {
    border-top-left-radius: 2px;
    border-bottom-left-radius: 2px;
    border-left: 0
}

.cal-week-view .cal-ends-within-week .cal-event {
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px
}

.cal-week-view .cal-header.cal-today * {
    color: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .cal-week-view .cal-header.cal-today * {
        color:var(--theme-main-color)
    }
}

.cal-week-view .cal-header.cal-weekend .cal-header__date {
    color: #cd5c5c
}

.cal-week-view .cal-event {
    overflow: visible
}

.cal-week-view .cal-header {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.cal-week-view .cal-hour:first-child .cal-time {
    margin-top: 0
}

.cal-week-view .cal-hour .cal-hour-segment {
    transition: all .2s cubic-bezier(.785,.135,.15,.86) 0s
}

.cal-week-view .cal-hour .cal-hour-segment:hover .cal-day-add {
    display: block;
    position: absolute;
    top: 2px;
    right: 5px
}

.cal-week-view .cal-hour .cal-hour-segment .cal-day-add {
    display: none
}

.cal-week-view .cal-hour .cal-hour-segment.cal-hour-start {
    border-bottom: 0
}

.cal-week-view .cal-hour .cal-hour-segment.cal-after-hour-start {
    border-bottom: 1px solid #e0e0e0
}

.contrast_high .cal-week-view .cal-hour .cal-hour-segment.cal-after-hour-start {
    border-bottom-color: #c1c1c1
}

.dark-theme .cal-week-view .cal-hour .cal-hour-segment.cal-after-hour-start {
    border-bottom-color: #384047
}

.cal-week-view .cal-hour .cal-hour-segment:after {
    content: ""
}

.cal-week-view .cal-time-label-column .cal-hour-segment.cal-after-hour-start,.cal-week-view .cal-time-label-column .cal-hour-segment.cal-hour-start {
    border-bottom: 0!important
}

.cal-week-view .cal-hour-odd {
    background-color: transparent
}

.cal-week-view .cal-time {
    font-size: 11px;
    font-weight: 400;
    line-height: 1;
    width: 70px;
    position: absolute;
    margin-top: -10px;
    color: #343434
}

.dark-theme .cal-week-view .cal-time {
    color: #d5d6d7
}

.cal-week-view .cal-event-title,.dark-theme .cal-week-view .cal-event-title,.cal-week-view .cal-event-time,.dark-theme .cal-week-view .cal-event-time {
    color: #343434
}

.cal-week-view .cal-events-show-more-container {
    display: flex;
    margin-left: 70px
}

.cal-week-view .cal-events-show-more {
    color: #A2C44A;
    font-size: 10px;
    font-weight: 500;
    line-height: 1;
    text-transform: uppercase;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex: 1;
    cursor: pointer;
    position: relative;
    z-index: 1
}

@supports (--theme-main-color: $color-purple) {
    .cal-week-view .cal-events-show-more {
        color:var(--theme-main-color)
    }
}

.cal-week-view .cal-events-show-more.cal-events-show-more-padding {
    padding: 10px 0
}

.cal-week-view .cu-dashboard-time__milestone {
    line-height: 20px!important
}

.cal-week-view .cu-dashboard-time__milestone__flag,.cal-week-view .cu-dashboard-time__milestone__arrows {
    height: 20px
}

.cal-week-view .cu-dashboard-time__milestone__arrows {
    margin-top: -2px
}

.cal-week-view.cal-time-events-hidden .cal-day-headers {
    padding-left: 0
}

.cal-week-view.cal-time-events-hidden .cal-time-label-column {
    display: none
}

.cal-week-view.cal-time-events-hidden .cal-events-row {
    margin-left: 0
}

.cal-week-view.cal-time-events-hidden .cal-day-column:not(.cal-drag-over) {
    border-left: 0
}

.cal-week-view.cal-time-events-hidden .cal-all-day-events {
    border-bottom: 0
}

.cal-week-view.cal-time-events-hidden .dts-select-container {
    height: 100%;
    display: flex;
    flex-direction: column;
    min-height: 0;
    flex: 1
}

.cal-week-view.cal-time-events-hidden .cal-all-day-events {
    display: flex;
    flex-direction: column;
    flex: 1;
    min-height: 0
}

.cal-week-view.cal-time-events-hidden .cal-all-day-events-scroll {
    max-height: 100%
}

.cal-week-view.cal-time-events-hidden .cal-all-day-events-scroll-inner {
    min-height: 100%
}

.cu-os-win .cu-dashboard-time__content__scroll-container {
    padding-right: 0
}

.cu-os-win .cal-day-headers {
    padding-right: 16px
}

.cu-os-win .cal-all-day-events {
    padding-right: 15px
}

.cu-dt-filter {
    display: flex;
    align-items: flex-start;
    margin-left: 10px;
    z-index: 1
}

.cu-dt-filter_user .user-list__unassign-icon {
    margin: 0
}

.cu-dt-filter_user .cu-avatar {
    width: 24px;
    height: 24px
}

.cu-dt-filter_priority .cu-priorities-view__icon {
    width: 20px;
    height: 20px
}

.cu-dt-filter_priority .cu-priorities-view__icon-select {
    width: 24px;
    height: 24px
}

.cu-dt-filter.cu-dt-filter_tag {
    margin-left: 0
}

.cu-dt-filter.cu-dt-filter_tag .cu-tags-view__icon {
    height: 14px;
    display: flex
}

.cu-dt-filter.cu-dt-filter_tag .cu-tags-view__icon svg {
    transform: translateY(1px)
}

.cu-dt-filter.cu-dt-filter_tag .cu-tags-select__badge {
    margin: 0 4px 0 0
}

.cu-dt-filter .cu-dt-filter_tag-type .cu-dropdown__toggle {
    padding: 8px 8px 8px 0
}

.cu-dt-filter_bool .cu-dt-filter__value {
    padding-right: 10px
}

.cu-dt-filter_settings {
    margin-left: 2px;
    margin-right: -8px
}

.cu-dt-filter__container {
    display: flex;
    justify-content: flex-end;
    flex-wrap: wrap;
    position: relative
}

.cu-dt-filter__title {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 11px;
    font-weight: 500;
    text-transform: uppercase;
    margin: 2px 5px 0 8px;
    color: #3434344d
}

.contrast_high .cu-dt-filter__title {
    color: #858585
}

.dark-theme .cu-dt-filter__title {
    color: #828588
}

.cu-dt-filter__clear {
    width: 22px;
    height: 34px;
    padding: 12px 0 12px 12px;
    stroke: #3434344d;
    cursor: pointer
}

.dark-theme .cu-dt-filter__clear {
    stroke: #828588
}

.cu-dt-filter__clear.archive-filter-clear {
    margin-right: 5px
}

.cu-dt-filter__clear:hover,.cu-dt-filter__clear:focus {
    stroke: #343434b3
}

.dark-theme .cu-dt-filter__clear:hover,.dark-theme .cu-dt-filter__clear:focus {
    stroke: #abaeb0
}

.cu-dt-filter__down {
    width: 16px;
    height: 16px;
    fill: #34343499;
    transform: rotate(90deg);
    margin-left: 4px;
    transition: all .1s cubic-bezier(.785,.135,.15,.86) 0s
}

.cu-dt-filter__down:hover {
    transition: none
}

.dark-theme .cu-dt-filter__down {
    fill: #abaeb0
}

.cu-dropdown_open>div>.cu-dt-filter__down {
    transform: rotate(-90deg)
}

.cu-dt-filter__cog {
    transition: all .2s cubic-bezier(.785,.135,.15,.86) 0s;
    width: 32px;
    height: 32px;
    padding: 8px;
    margin: -8px;
    fill: #34343499
}

.dark-theme .cu-dt-filter__cog {
    fill: #abaeb0
}

.cu-dt-filter__cog:hover {
    fill: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .cu-dt-filter__cog:hover {
        fill:var(--theme-main-color)
    }
}

.cu-dropdown_open>div>.cu-dt-filter__cog {
    fill: #A2C44A;
    transform: rotate(-90deg)
}

@supports (--theme-main-color: $color-purple) {
    .cu-dropdown_open>div>.cu-dt-filter__cog {
        fill:var(--theme-main-color)
    }
}

.cu-dt-filter__add {
    transition: all .2s cubic-bezier(.785,.135,.15,.86) 0s;
    width: 12px;
    height: 12px;
    fill: #343434b3
}

.dark-theme .cu-dt-filter__add {
    fill: #abaeb0
}

.cu-dt-filter__input {
    transition: all .1s cubic-bezier(.785,.135,.15,.86) 0s;
    font-size: 14px;
    font-weight: 400;
    order: 3;
    flex-grow: 1;
    height: 30px;
    padding: 0;
    border: none;
    -webkit-font-smoothing: antialiased;
    color: #343434;
    width: 95px
}

.cu-dt-filter__input:hover {
    transition: none
}

.dark-theme .cu-dt-filter__input {
    color: #d5d6d7;
    background: transparent
}

.cu-dt-filter__input:focus {
    width: 170px;
    box-shadow: none
}

.cu-dt-filter__input:hover+.cu-dt-filter__search {
    stroke: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .cu-dt-filter__input:hover+.cu-dt-filter__search {
        stroke:var(--theme-main-color)
    }
}

.cu-dt-filter__input::placeholder {
    font-size: 13px;
    font-weight: 300;
    line-height: 13px;
    opacity: .6
}

.contrast_high .cu-dt-filter__input::placeholder {
    color: #ababab;
    opacity: 1
}

.cu-dt-filter__input::-moz-placeholder {
    line-height: 28px
}

.cu-dt-filter__input:focus+.cu-dt-filter__search {
    stroke: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .cu-dt-filter__input:focus+.cu-dt-filter__search {
        stroke:var(--theme-main-color)
    }
}

.cu-dt-filter__clear-input {
    order: 4;
    padding: 12px 12px 12px 4px;
    width: 26px
}

.cu-dt-filter__extra {
    order: 5
}

.cu-dt-filter__subtask {
    height: 14px
}

.cu-dt-filter__subtask-icon {
    height: 16px;
    width: 16px;
    margin-right: 7px;
    display: inline-flex;
    fill: #aeacb0
}

.lv-task__title-link .cu-dt-filter__subtask-icon {
    margin-bottom: -2px;
    display: inline-block
}

.cu-dt-filter__search {
    transition: all .1s cubic-bezier(.785,.135,.15,.86) 0s;
    order: 2;
    flex-shrink: 0;
    width: 34px;
    height: 30px;
    margin: 0;
    padding: 0 10px;
    stroke: #cccdde;
    cursor: pointer
}

.cu-dt-filter__search:hover {
    transition: none
}

.contrast_high .cu-dt-filter__search {
    stroke: #979797
}

.cu-dt-filter__search:hover {
    stroke: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .cu-dt-filter__search:hover {
        stroke:var(--theme-main-color)
    }
}

.cu-dt-filter__dropdown {
    flex-grow: 1
}

.cu-dt-filter__dropdown .datepicker__calendar {
    top: -13px;
    right: -180px
}

.cu-dt-filter_search .cu-dt-filter__dropdown {
    order: 1
}

.cu-dt-filter__dropdown+.cu-dt-filter__dropdown {
    margin-left: -8px
}

.cu-dt-filter__item {
    font-size: 13px;
    font-weight: 300;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border: 1px solid #e4e4e4;
    border-radius: 3px;
    background: #fff;
    min-width: 100px;
    height: 40px;
    margin-bottom: 10px;
    color: #343434b3
}

.contrast_high .cu-dt-filter__item {
    border: 1px solid #dedede
}

.dark-theme .cu-dt-filter__item {
    border: 1px solid #2b343b;
    background: #384047
}

.cu-dt-filter_add .cu-dt-filter__item {
    min-width: 34px
}

.cu-dt-filter_add .cu-dt-filter__item:hover .cu-dt-filter__add,.cu-dt-filter_add .cu-dt-filter__item .cu-dropdown_open .cu-dt-filter__add {
    fill: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .cu-dt-filter_add .cu-dt-filter__item:hover .cu-dt-filter__add,.cu-dt-filter_add .cu-dt-filter__item .cu-dropdown_open .cu-dt-filter__add {
        fill:var(--theme-main-color)
    }
}

.cu-dt-filter_list .cu-dt-filter__item {
    min-width: 34px
}

.cu-dt-filter_list .cu-dt-filter__item:hover .cu-dt-filter__add,.cu-dt-filter_list .cu-dt-filter__item .cu-dropdown_open .cu-dt-filter__add {
    fill: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .cu-dt-filter_list .cu-dt-filter__item:hover .cu-dt-filter__add,.cu-dt-filter_list .cu-dt-filter__item .cu-dropdown_open .cu-dt-filter__add {
        fill:var(--theme-main-color)
    }
}

.cu-dt-filter__item_button {
    min-width: 34px
}

.cu-dt-filter__item_button:hover .cu-dt-filter__add,.cu-dt-filter__item_button .cu-dropdown_open .cu-dt-filter__add {
    fill: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .cu-dt-filter__item_button:hover .cu-dt-filter__add,.cu-dt-filter__item_button .cu-dropdown_open .cu-dt-filter__add {
        fill:var(--theme-main-color)
    }
}

.cu-dt-filter__item.subtask {
    align-items: center;
    min-width: auto;
    padding: 5px 10px
}

.cu-dt-filter__item.search {
    margin-right: 10px;
    z-index: auto
}

.cu-dt-filter__item .toggle-closed {
    margin: 10px auto 0
}

.cu-dt-filter__item .toggle-closed a {
    color: #A2C44A;
    border-bottom-color: #A2C44A;
    border-bottom: 1px dashed
}

@supports (--theme-main-color: $color-purple) {
    .cu-dt-filter__item .toggle-closed a {
        color:var(--theme-main-color)
    }
}

@supports (--theme-main-color: $color-purple) {
    .cu-dt-filter__item .toggle-closed a {
        border-bottom-color:var(--theme-main-color)
    }
}

.cu-dt-filter__item .cu-dropdown__toggle-text {
    font-size: 13px;
    font-weight: 300;
    color: #343434b3
}

.cu-dt-filter__item-settings {
    align-items: center;
    justify-content: center;
    display: flex;
    height: 34px;
    margin-bottom: 10px
}

.cu-dt-filter .cu-dropdown__toggle {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 12px 0 8px
}

.cu-dt-filter .cu-dropdown__toggle:hover .cu-dt-filter__value {
    color: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .cu-dt-filter .cu-dropdown__toggle:hover .cu-dt-filter__value {
        color:var(--theme-main-color)
    }
}

.cu-dt-filter__param {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 11px;
    font-weight: 500;
    text-transform: uppercase;
    margin-right: 8px;
    color: #3434344d
}

.contrast_high .cu-dt-filter__param {
    color: #858585
}

.dark-theme .cu-dt-filter__param {
    color: #828588
}

.cu-dt-filter__search-param {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 11px;
    font-weight: 500;
    text-transform: uppercase;
    margin-left: 8px;
    margin-top: 2px;
    color: #3434344d;
    order: 1
}

.contrast_high .cu-dt-filter__search-param {
    color: #858585
}

.dark-theme .cu-dt-filter__search-param {
    color: #828588
}

.cu-dt-filter__dots {
    font-size: 11px;
    font-weight: 500;
    color: #3434344d
}

.contrast_high .cu-dt-filter__dots {
    color: #858585
}

.dark-theme .cu-dt-filter__dots {
    color: #828588
}

.cu-dt-filter__value {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 13px;
    font-weight: 400;
    color: #343434
}

.dark-theme .cu-dt-filter__value {
    color: #d5d6d7
}

.cu-dt-filter__value.selected-status-list {
    max-width: 80px;
    padding-right: 0;
    margin-bottom: 1px;
    justify-content: flex-start;
    overflow: hidden
}

.cu-dt-filter__value_user {
    margin-top: 0
}

.cu-dt-filter__value_user .cu-avatar {
    padding-top: 2px
}

.cu-dt-filter__value_user .cu-avatar .icon {
    width: 10px;
    height: 10px
}

.dark-theme .cu-dt-filter__value_user .cu-avatar .icon {
    fill: #abaeb0
}

.cu-dt-filter__value_user .cu-avatar.cu-avatar_empty {
    padding-top: 0
}

.cu-dt-filter__value_tags,.cu-dt-filter__value_priorities {
    margin-top: 0
}

.cu-dt-filter__value .selected-status-list__item {
    width: 8px;
    height: 8px;
    margin: 0 4px;
    flex-shrink: 0
}

.cu-dt-filter__value_tags {
    min-width: 0
}

.cu-dt-filter__value_tags .cu-tags-badge {
    margin: 1px 0;
    max-width: 100%
}

.cu-dt-filter__value_tags .cu-dropdown__toggle {
    padding: 0
}

.cu-dt-filter .toggle-closed {
    margin: 10px auto 0
}

.cu-dt-filter .toggle-closed a {
    color: #A2C44A;
    border-bottom-color: #A2C44A;
    border-bottom: 1px dashed
}

@supports (--theme-main-color: $color-purple) {
    .cu-dt-filter .toggle-closed a {
        color:var(--theme-main-color)
    }
}

@supports (--theme-main-color: $color-purple) {
    .cu-dt-filter .toggle-closed a {
        border-bottom-color:var(--theme-main-color)
    }
}

.cu-dt-filter__simple {
    background: transparent;
    padding: 10px 15px;
    cursor: pointer;
    display: flex
}

.cu-dt-filter__simple:hover h3 {
    color: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .cu-dt-filter__simple:hover h3 {
        color:var(--theme-main-color)
    }
}

.cu-dt-filter__simple:hover use {
    fill: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .cu-dt-filter__simple:hover use {
        fill:var(--theme-main-color)
    }
}

.cu-dt-filter__simple-icon {
    height: 15px;
    width: 15px;
    margin: -2px 5px 0 0
}

.cu-dt-filter__simple-icon use {
    fill: #aeacb0
}

.cu-dt-filter__simple h3 {
    color: #aeacb0
}

.cu-dt-filter__wrapper {
    display: flex
}

.filter-list {
    display: flex;
    flex-direction: column;
    width: 220px
}

.dark-theme .filter-list {
    background-color: #384047
}

.filter-list_saved-filters {
    width: 300px
}

.filter-list__default-settings {
    color: #A2C44A;
    font-size: 10px;
    font-weight: 500;
    line-height: 1;
    cursor: pointer;
    display: flex;
    justify-content: flex-end;
    padding: 10px 15px 0
}

@supports (--theme-main-color: $color-purple) {
    .filter-list__default-settings {
        color:var(--theme-main-color)
    }
}

.cu-modal__body .filter-list {
    width: 100%
}

.filter-list_hidden {
    display: none
}

.filter-list__search .cu-search__input {
    padding-left: 0
}

.filter-list_settings {
    width: 260px
}

.filter-list__header {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 11px;
    font-weight: 500;
    display: flex;
    justify-content: space-between;
    flex-shrink: 0;
    padding: 12px 12px 10px;
    text-transform: uppercase;
    color: #2222224d;
    white-space: nowrap
}

.contrast_high .filter-list__header {
    color: #858585
}

.dark-theme .filter-list__header {
    color: #828588
}

.cu-modal__body .filter-list__header {
    padding-left: 0;
    padding-right: 0;
    border: 0;
    margin: 20px 0 0
}

.filter-list__header-link {
    color: #A2C44A;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 12px;
    font-weight: 500;
    line-height: 1;
    text-transform: none;
    white-space: nowrap;
    padding: 0 12px 5px;
    cursor: pointer;
    display: flex;
    align-items: center
}

@supports (--theme-main-color: $color-purple) {
    .filter-list__header-link {
        color:var(--theme-main-color)
    }
}

.filter-list__header-link_disabled {
    cursor: default
}

.filter-list__header-link .icon {
    width: 14px;
    height: 14px;
    fill: var(--theme-main-color);
    margin-right: 4px
}

.filter-list__body {
    overflow-y: auto;
    overflow-x: hidden;
    flex: 0 1 auto;
    max-height: 285px;
    position: relative;
    padding: 4px 0 8px;
    border-bottom: 1px solid #e9ebf0;
    background: #fff
}

.cu-os-win .filter-list__body {
    scrollbar-width: thin
}

.cu-os-win .filter-list__body::-webkit-scrollbar {
    background-color: #fff;
    width: 16px;
    height: 16px
}

.cu-os-win .filter-list__body::-webkit-scrollbar-track {
    background-color: #fff
}

.cu-os-win .filter-list__body::-webkit-scrollbar-track:hover {
    background-color: #fff
}

.cu-os-win .filter-list__body::-webkit-scrollbar-thumb {
    background-color: #babac080;
    border-radius: 16px;
    border: 5px solid #fff
}

.cu-os-win .filter-list__body::-webkit-scrollbar-thumb:hover {
    background-color: #a0a0a5;
    border: 3px solid #fff
}

.cu-os-win .filter-list__body::-webkit-scrollbar-button {
    display: none
}

.cu-os-win.dark-theme .filter-list__body::-webkit-scrollbar,.cu-os-win .dark-theme .filter-list__body::-webkit-scrollbar {
    background-color: #384047
}

.cu-os-win.dark-theme .filter-list__body::-webkit-scrollbar-track,.cu-os-win .dark-theme .filter-list__body::-webkit-scrollbar-track {
    background-color: #384047
}

.cu-os-win.dark-theme .filter-list__body::-webkit-scrollbar-track:hover,.cu-os-win .dark-theme .filter-list__body::-webkit-scrollbar-track:hover {
    background-color: #384047
}

.cu-os-win.dark-theme .filter-list__body::-webkit-scrollbar-thumb,.cu-os-win .dark-theme .filter-list__body::-webkit-scrollbar-thumb {
    border-color: #384047
}

.cu-os-win.dark-theme .filter-list__body::-webkit-scrollbar-thumb:hover,.cu-os-win .dark-theme .filter-list__body::-webkit-scrollbar-thumb:hover {
    border-color: #384047
}

.cu-os-win.dark-theme .filter-list__body::-webkit-scrollbar-corner,.cu-os-win .dark-theme .filter-list__body::-webkit-scrollbar-corner {
    background-color: #384047
}

.dark-theme .filter-list__body {
    background: #384047;
    border-color: #1e272e
}

.cu-modal__body .filter-list__body {
    margin-bottom: 30px
}

.filter-list__footer {
    flex-shrink: 0
}

.filter-list__icon {
    width: 13px;
    height: 13px;
    stroke: #cbc9d0;
    margin-right: 10px
}

.filter-list__icon_calend {
    width: 15px;
    height: 15px
}

.filter-list__item {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 14px;
    font-weight: 400;
    line-height: 16px;
    transition: background-color .2s cubic-bezier(.785,.135,.15,.86) 0s;
    position: relative;
    display: flex;
    align-items: center;
    padding: 8px 15px;
    cursor: pointer;
    color: #2a2e34
}

.dark-theme .filter-list__item {
    color: #f0f1f3
}

.filter-list__item-toggle {
    display: flex;
    align-items: center
}

.filter-list__item-count {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #A2C44A;
    font-size: 11px;
    font-weight: 500;
    line-height: 1;
    position: relative;
    min-width: 16px;
    height: 16px;
    margin: -1px 5px -1px 0;
    padding: 0 4px
}

@supports (--theme-main-color: $color-purple) {
    .filter-list__item-count {
        color:var(--theme-main-color)
    }
}

.filter-list__item-count:before {
    background: #A2C44A;
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 4px;
    opacity: .2
}

@supports (--theme-main-color: $color-purple) {
    .filter-list__item-count:before {
        background:var(--theme-main-color)
    }
}

.filter-list__item-submenu {
    width: 14px;
    height: 14px;
    flex-shrink: 0;
    margin-right: -5px;
    margin-left: 5px
}

.filter-list__item-submenu use {
    fill: #82868d
}

.filter-list__item.highlighted {
    background-color: var(--theme-main-color)
}

.filter-list__item.highlighted:hover {
    background-color: var(--theme-main-color-dark)!important
}

.dark-theme .filter-list__item {
    color: #d5d6d7
}

.filter-list_saved-filters .filter-list__item {
    font-size: 11px;
    font-weight: 400;
    line-height: 1;
    padding: 11px 15px
}

.filter-list__item:hover {
    background-color: #f0f1f3
}

.dark-theme .filter-list__item:hover {
    background-color: #2b343b
}

.filter-list__item_no-hover {
    cursor: default
}

.filter-list__item_no-hover:hover,.dark-theme .filter-list__item_no-hover:hover {
    background-color: transparent
}

.filter-list__item_switch {
    justify-content: space-between
}

.cu-modal__body .filter-list__item {
    padding-left: 0;
    padding-right: 0
}

.cu-modal__body .filter-list__item:hover {
    background: transparent
}

.filter-list__item-disabled {
    cursor: default;
    color: #34343466
}

.filter-list__item-disabled:hover {
    background-color: #fff
}

.filter-list__item-left {
    flex: 1
}

.filter-list__item.selected a {
    color: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .filter-list__item.selected a {
        color:var(--theme-main-color)
    }
}

.filter-list__item:hover .filter-list__copy,.filter-list__item:hover .filter-list__rename,.filter-list__item:hover .filter-list__remove {
    display: block
}

.filter-list__item-width-check {
    position: absolute;
    z-index: 0;
    opacity: 0;
    visibility: hidden
}

.filter-list__item .cu-checkbox__label {
    font-size: 13px;
    font-weight: 400;
    line-height: 1;
    text-transform: none
}

.filter-list__item_top-border {
    border-top: 1px solid #e4e4e4
}

.contrast_high .filter-list__item_top-border {
    border-top: 1px solid #dedede
}

.dark-theme .filter-list__item_top-border {
    border-top: 1px solid #1e272e
}

.filter-list__item-tabs {
    transition: all .2s cubic-bezier(.785,.135,.15,.86) 0s;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 13px;
    font-weight: 400;
    line-height: 1;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 15px;
    cursor: default;
    color: #343434;
    white-space: nowrap;
    border-bottom: 1px solid #f4f4f4
}

.dark-theme .filter-list__item-tabs {
    color: #d5d6d7;
    border-bottom-color: #1e272e
}

.filter-list__item-tabs_no-border-bottom {
    border-bottom: 0
}

.filter-list__item-tabs-container {
    border: 1px solid #e4e4e4;
    border-radius: 3px;
    display: flex;
    align-items: stretch;
    height: 29px;
    margin-left: 10px
}

.dark-theme .filter-list__item-tabs-container {
    color: #d5d6d7;
    border: 1px solid #1e272e
}

.filter-list__item-tabs-item {
    transition: all .2s cubic-bezier(.785,.135,.15,.86) 0s;
    font-size: 10px;
    font-weight: 500;
    line-height: 1;
    cursor: pointer;
    text-transform: uppercase;
    color: #2222224d;
    padding: 2px 13px 0;
    display: flex;
    align-items: center
}

.filter-list__item-tabs-item:hover {
    transition: none
}

.contrast_high .filter-list__item-tabs-item {
    color: #858585
}

.dark-theme .filter-list__item-tabs-item {
    color: #828588
}

.filter-list__item-tabs-item_active {
    background-color: #A2C44A;
    color: #fff;
    margin: -1px;
    border-radius: 3px;
    cursor: default
}

@supports (--theme-main-color: $color-purple) {
    .filter-list__item-tabs-item_active {
        background-color:var(--theme-main-color)
    }
}

.contrast_high .filter-list__item-tabs-item_active,.dark-theme .filter-list__item-tabs-item_active,.filter-list__item-tabs-item_active .cu-dropdown__toggle,.contrast_high .filter-list__item-tabs-item_active .cu-dropdown__toggle,.dark-theme .filter-list__item-tabs-item_active .cu-dropdown__toggle {
    color: #fff
}

.filter-list__item-tabs-item_active .cu-dropdown__toggle .filter-list__item-tabs-item-arrow,.cu-dropdown__toggle:hover .filter-list__item-tabs-item_active .cu-dropdown__toggle,.contrast_high .filter-list__item-tabs-item_active .cu-dropdown__toggle .filter-list__item-tabs-item-arrow,.dark-theme .filter-list__item-tabs-item_active .cu-dropdown__toggle .filter-list__item-tabs-item-arrow,.contrast_high .cu-dropdown__toggle:hover .filter-list__item-tabs-item_active .cu-dropdown__toggle,.dark-theme .cu-dropdown__toggle:hover .filter-list__item-tabs-item_active .cu-dropdown__toggle {
    fill: #fff
}

.filter-list__item-tabs-item:not(.filter-list__item-tabs-item_active):hover .filter-list__item-tabs-item-arrow {
    fill: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .filter-list__item-tabs-item:not(.filter-list__item-tabs-item_active):hover .filter-list__item-tabs-item-arrow {
        fill:var(--theme-main-color)
    }
}

.filter-list__item-tabs-item-arrow {
    margin-top: -2px;
    margin-left: 4px;
    width: 6px;
    height: 6px;
    fill: #2222224d
}

.contrast_high .filter-list__item-tabs-item-arrow {
    fill: #858585
}

.dark-theme .filter-list__item-tabs-item-arrow {
    fill: #828588
}

.filter-list__item_dropdown {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 2px 10px;
    height: 34px;
    padding: 2px 12px;
    border-radius: 3px
}

.filter-list__item_dropdown:hover {
    background: transparent;
    opacity: .8
}

.filter-list__item_dropdown:first-child {
    margin-top: 10px
}

.filter-list__item_dropdown_last {
    margin-bottom: 10px
}

.filter-list__item_dropdown .filter-list__item-text {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: center;
    width: 100%;
    color: #fff
}

.filter-list__item_dropdown_white {
    border: 1px solid #e4e4e4
}

.dark-theme .filter-list__item_dropdown_white {
    background: transparent!important;
    border: 1px solid #1e272e
}

.dark-theme .filter-list__item_dropdown_white .filter-list__item-text {
    color: #d5d6d7
}

.filter-list__item_dropdown_white .filter-list__item-text {
    color: #343434
}

.filter-list__item.filter-list__item-search {
    margin: -4px 0 9px;
    border-radius: 6px 6px 0 0;
    background-color: #fafbfc;
    border-bottom: 1px solid #e9ebf0
}

.dark-theme .filter-list__item.filter-list__item-search {
    background-color: #2b343b;
    border-color: #1e272e
}

.filter-list__item.filter-list__item-search:hover {
    background-color: #fafbfc
}

.dark-theme .filter-list__item.filter-list__item-search:hover {
    background-color: #2b343b
}

.filter-list__item.filter-list__item-search input {
    width: 100%;
    border: none;
    background-color: transparent;
    box-shadow: none
}

.filter-list__item-location {
    width: 205px
}

.filter-list__item-location .filter-list__item-title {
    min-width: 0;
    min-height: 14px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}

.filter-list__item-location .filter-list__item-title .fitlter-list__item-cf-location {
    color: #7c828d
}

.filter-list__link {
    transition: all .2s cubic-bezier(.785,.135,.15,.86) 0s;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    flex-grow: 1;
    display: block;
    color: #544d61;
    text-decoration: none;
    cursor: pointer;
    margin: -10px -15px;
    padding: 10px 15px
}

.filter-list__link:hover {
    transition: none
}

.dark-theme .filter-list__link {
    color: #d5d6d7
}

.filter-list__link:hover {
    color: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .filter-list__link:hover {
        color:var(--theme-main-color)
    }
}

.cu-modal__body .filter-list__link {
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0
}

.filter-list__copy,.filter-list__rename,.filter-list__remove {
    cursor: pointer;
    display: none;
    margin-top: -7px;
    margin-bottom: -6px
}

.filter-list__copy-icon,.filter-list__rename-icon,.filter-list__remove-icon {
    width: 17px;
    height: 17px
}

.filter-list__copy,.filter-list__rename {
    margin-right: 10px
}

.filter-list__copy use {
    fill: #979797
}

.filter-list__no-results {
    font-size: 13px;
    font-weight: 400;
    line-height: 1.5em;
    padding: 20px 10px;
    color: #34343440;
    font-style: italic
}

.columns-list {
    display: flex;
    flex-direction: column;
    width: 190px;
    border-left: 1px solid #f4f4f4
}

[lang=fr-FR] .columns-list {
    width: 200px
}

.contrast_high .columns-list {
    border-left: 1px solid #dedede
}

.dark-theme .columns-list {
    border-left: 1px solid #1e272e
}

.columns-list_hidden {
    display: none
}

.columns-list__header {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 11px;
    font-weight: 500;
    flex-shrink: 0;
    border-bottom: 1px solid #f4f4f4;
    padding: 9px 15px 10px;
    text-transform: uppercase;
    color: #2222224d;
    display: flex;
    align-items: center
}

.contrast_high .columns-list__header {
    color: #858585;
    border-bottom: 1px solid #dedede
}

.dark-theme .columns-list__header {
    color: #828588;
    border-bottom: 1px solid #1e272e
}

.columns-list__header_no-border {
    padding-bottom: 4px;
    border-bottom: 0
}

.dark-theme .columns-list__header_no-border {
    border-bottom: 0
}

.columns-list__header_top-border {
    margin-top: 5px;
    border-top: 1px solid #e9ebf0
}

.contrast_high .columns-list__header_top-border {
    border-top: 1px solid #dedede
}

.dark-theme .columns-list__header_top-border {
    border-top: 1px solid #1e272e
}

.columns-list__header_clickable {
    cursor: pointer
}

.columns-list__header-back {
    flex-shrink: 0;
    width: 12px;
    height: 12px;
    margin: -2px 6px 0 -7px
}

.columns-list__header-back use {
    stroke: #2222224d;
    stroke-width: 3px
}

.contrast_high .columns-list__header-back use {
    stroke: #858585
}

.dark-theme .columns-list__header-back use {
    stroke: #828588
}

.columns-list__search {
    width: 100%;
    background-color: #fafbfc;
    border-bottom: 1px solid #e9ebf0;
    display: flex;
    align-items: center;
    height: 35px;
    padding: 0 15px;
    margin-bottom: 5px
}

.dark-theme .columns-list__search {
    background-color: #2b343b;
    border-color: #1e272e
}

.columns-list__search input {
    width: 100%;
    border: none;
    background-color: transparent;
    box-shadow: none
}

.columns-list__body {
    flex: 0 1 auto;
    max-height: 442px;
    position: relative
}

.columns-list__body_small {
    max-height: 200px
}

.columns-list__body_scrollable {
    overflow: auto;
    background: #fff
}

.cu-os-win .columns-list__body_scrollable {
    scrollbar-width: thin
}

.cu-os-win .columns-list__body_scrollable::-webkit-scrollbar {
    background-color: #fff;
    width: 16px;
    height: 16px
}

.cu-os-win .columns-list__body_scrollable::-webkit-scrollbar-track {
    background-color: #fff
}

.cu-os-win .columns-list__body_scrollable::-webkit-scrollbar-track:hover {
    background-color: #fff
}

.cu-os-win .columns-list__body_scrollable::-webkit-scrollbar-thumb {
    background-color: #babac080;
    border-radius: 16px;
    border: 5px solid #fff
}

.cu-os-win .columns-list__body_scrollable::-webkit-scrollbar-thumb:hover {
    background-color: #a0a0a5;
    border: 3px solid #fff
}

.cu-os-win .columns-list__body_scrollable::-webkit-scrollbar-button {
    display: none
}

.cu-os-win.dark-theme .columns-list__body_scrollable::-webkit-scrollbar,.cu-os-win .dark-theme .columns-list__body_scrollable::-webkit-scrollbar {
    background-color: #384047
}

.cu-os-win.dark-theme .columns-list__body_scrollable::-webkit-scrollbar-track,.cu-os-win .dark-theme .columns-list__body_scrollable::-webkit-scrollbar-track {
    background-color: #384047
}

.cu-os-win.dark-theme .columns-list__body_scrollable::-webkit-scrollbar-track:hover,.cu-os-win .dark-theme .columns-list__body_scrollable::-webkit-scrollbar-track:hover {
    background-color: #384047
}

.cu-os-win.dark-theme .columns-list__body_scrollable::-webkit-scrollbar-thumb,.cu-os-win .dark-theme .columns-list__body_scrollable::-webkit-scrollbar-thumb {
    border-color: #384047
}

.cu-os-win.dark-theme .columns-list__body_scrollable::-webkit-scrollbar-thumb:hover,.cu-os-win .dark-theme .columns-list__body_scrollable::-webkit-scrollbar-thumb:hover {
    border-color: #384047
}

.cu-os-win.dark-theme .columns-list__body_scrollable::-webkit-scrollbar-corner,.cu-os-win .dark-theme .columns-list__body_scrollable::-webkit-scrollbar-corner {
    background-color: #384047
}

.dark-theme .columns-list__body_scrollable {
    background: #384047
}

.columns-list__body:after {
    content: "";
    display: block;
    position: sticky;
    width: 100%;
    height: 8px;
    bottom: 0;
    margin-top: -8px;
    pointer-events: none;
    background: linear-gradient(0deg,white 0%,rgba(255,255,255,0) 100%)
}

.dark-theme .columns-list__body:after {
    background: linear-gradient(0deg,#384047 0%,rgba(56,64,71,0) 100%)
}

.columns-list__body .ps__rail-y {
    z-index: 1
}

.columns-list__body .cu-dropdown-list-item {
    transition: all .2s cubic-bezier(.785,.135,.15,.86) 0s;
    max-height: 35px;
    margin: 0;
    padding: 11px 15px
}

.columns-list__body .cu-dropdown-list-item:hover {
    border-radius: 0
}

.columns-list__body .cu-dropdown-list-item__link-container {
    min-height: 0;
    padding: 0
}

.columns-list__body .cu-dropdown-list-item__link-container .cu-dropdown-list-item__link {
    padding: 0
}

.columns-list__body .cu-dropdown-list-item__link-container .cu-dropdown-list-item__link .cu-dropdown-list-item__title-text {
    font-size: 13px
}

.columns-list__body .cu-dropdown-list-item__switch {
    margin-right: 5px
}

.columns-list__item {
    transition: all .2s cubic-bezier(.785,.135,.15,.86) 0s;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 13px;
    font-weight: 400;
    line-height: 1.2;
    display: flex;
    align-items: center;
    padding: 11px 15px;
    cursor: pointer;
    color: #343434;
    height: 35px
}

.dark-theme .columns-list__item {
    color: #d5d6d7
}

.columns-list__item:hover {
    background-color: #f0f1f3
}

.dark-theme .columns-list__item:hover {
    background: #2b343b
}

.columns-list__item:hover .columns-list__item-edit {
    display: block
}

.columns-list__item_disabled .columns-list__item-name-text {
    color: #34343466
}

.dark-theme .columns-list__item_disabled .columns-list__item-name-text {
    color: #d5d6d766
}

.columns-list__item-name {
    display: flex;
    align-items: center;
    flex-grow: 1;
    min-width: 0
}

.dark-theme .columns-list__item-name {
    color: #d5d6d7
}

.columns-list__item-name-count {
    background: #A2C44A;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 9px;
    font-weight: 500;
    line-height: 1;
    width: 16px;
    height: 16px;
    padding-top: 1px;
    border-radius: 50%;
    color: #fff;
    flex-shrink: 0;
    margin-left: 5px
}

@supports (--theme-main-color: $color-purple) {
    .columns-list__item-name-count {
        background:var(--theme-main-color)
    }
}

.columns-list__item-name-text {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #111
}

.dark-theme .columns-list__item-name-text {
    color: #d5d6d7
}

.columns-list__item-link {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-grow: 1
}

.columns-list__item-link-text {
    font-size: 12px;
    font-weight: 400;
    line-height: 1;
    color: #858585;
    border-bottom: 1px dashed #858585;
    padding: 0
}

.dark-theme .columns-list__item-link-text {
    color: #828588;
    border-bottom-color: #828588
}

.columns-list__item-check {
    width: 12px;
    height: 12px;
    margin-left: 5px;
    flex-shrink: 0
}

.dark-theme .columns-list__item-check {
    fill: #abaeb0
}

.columns-list__item-exclamation {
    width: 14px;
    height: 14px;
    margin-left: 5px;
    margin-top: -2px;
    cursor: pointer
}

.columns-list__item-exclamation use {
    fill: #e1ae5d
}

.columns-list__item-arrow {
    transform: rotate(-90deg);
    width: 11px;
    height: 10px;
    fill: #343434;
    margin-left: 5px
}

.dark-theme .columns-list__item-arrow {
    fill: #d5d6d7
}

.columns-list__item-edit {
    transition: stroke .2s cubic-bezier(.785,.135,.15,.86) 0s;
    width: 16px;
    height: 16px;
    padding: 2px;
    display: none;
    margin: 0 5px;
    stroke: #979797
}

.columns-list__item-edit:hover {
    stroke: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .columns-list__item-edit:hover {
        stroke:var(--theme-main-color)
    }
}

.columns-list__item.columns-list__item_last {
    border-bottom: 1px solid #e9ebf0
}

.dark-theme .columns-list__item.columns-list__item_last {
    border-color: #1e272e
}

.columns-list__item_active {
    background: #e9ebf0!important
}

.dark-theme .columns-list__item_active {
    background: #2b343b!important
}

.columns-list__help-info {
    font-size: 10px;
    font-weight: 400;
    line-height: 1.2;
    color: #82868d;
    padding: 6px 10px;
    border-bottom: 1px solid #e9ebf0
}

.dark-theme .columns-list__help-info {
    color: #abaeb0;
    border-bottom-color: #1e272e
}

.filter-save__header {
    display: flex
}

.filter-save__switch {
    font-size: 16px;
    font-weight: 500;
    display: flex;
    white-space: nowrap
}

.filter-save__switch .switch {
    margin-right: 10px;
    width: 36px;
    height: 20px
}

.filter-save__switch .switch .switch__handle:after {
    transition: all .2s cubic-bezier(.785,.135,.15,.86) 0s;
    width: 14px;
    height: 14px;
    top: 3px;
    left: 3px;
    right: auto
}

.cu-nav-user {
    margin: 0 0 0 28px
}

.cu-nav-user__toggle {
    position: relative;
    display: block;
    padding: 0 20px 0 0
}

.cu-nav-user__toggle .cu-avatar-container {
    z-index: 1
}

.cu-nav-user__item-team {
    position: relative
}

.cu-nav-user__dot {
    background-color: #A2C44A;
    position: absolute;
    height: 13px;
    width: 13px;
    left: 32px;
    top: 0;
    border: 2px solid #fff;
    border-radius: 50%
}

@supports (--theme-main-color: $color-purple) {
    .cu-nav-user__dot {
        background-color:var(--theme-main-color)
    }
}

.dark-theme .cu-nav-user__dot {
    border-color: #384047
}

.cu-nav-user__incomplete {
    display: flex;
    justify-content: center;
    margin-top: 10px
}

.cu-nav-user__menu {
    width: 255px;
    margin: 18px 0 0;
    padding: 20px 20px 20px 30px;
    box-shadow: 0 1px 3px #00000014
}

.cu-nav-user__item {
    display: flex;
    align-items: center;
    padding: 10px 0
}

.cu-nav-user__title {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 12px;
    font-weight: 500;
    line-height: 12px;
    flex-grow: 1;
    height: 18px;
    color: #bcbcbc;
    letter-spacing: 2px;
    text-transform: uppercase;
    text-decoration: none;
    display: flex;
    align-items: center;
    padding-left: 25px;
    margin-bottom: 20px
}

.cu-nav-user__title_name {
    color: #bcbcbc
}

.cu-nav-user__plus {
    color: #A2C44A;
    font-size: 20px;
    font-weight: 500;
    line-height: 18px;
    display: inline-block;
    margin-left: 8px;
    padding-left: 2px;
    cursor: pointer;
    outline: none
}

@supports (--theme-main-color: $color-purple) {
    .cu-nav-user__plus {
        color:var(--theme-main-color)
    }
}

.cu-nav-user .cu-avatar {
    border: 0;
    width: 43px;
    height: 43px
}

.cu-nav-user .cu-avatar.cu-nav-user__user-label {
    transition: all .2s cubic-bezier(.785,.135,.15,.86) 0s;
    position: absolute;
    top: 7px;
    left: -10px;
    width: 28px;
    height: 28px;
    border: 2px solid #fff;
    border-radius: 50%
}

.dark-theme .cu-nav-user .cu-avatar.cu-nav-user__user-label {
    border-color: #384047
}

.cu-nav-user__icon {
    width: 19px;
    height: 19px;
    flex-shrink: 0;
    margin: 0 15px 0 0
}

.cu-nav-user__link {
    transition: all .2s cubic-bezier(.785,.135,.15,.86) 0s;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    flex-grow: 0;
    display: inline-block;
    text-decoration: none;
    color: #544d61
}

.cu-nav-user__link:hover {
    transition: none
}

.dark-theme .cu-nav-user__link {
    color: #d5d6d7
}

.cu-nav-user__group-icon {
    flex-shrink: 0;
    width: 26px;
    height: 26px
}

.cu-nav-user__team-avatar {
    width: 100%
}

.cu-nav-user__item.cu-nav-user__item_active .cu-nav-user__link {
    color: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .cu-nav-user__item.cu-nav-user__item_active .cu-nav-user__link {
        color:var(--theme-main-color)
    }
}

.cu-nav-user__item.cu-nav-user__item_team {
    padding: 2px 0 2px 35px
}

.cu-nav-sts__header {
    font-size: 22px;
    font-weight: 500;
    color: #505050;
    margin: 0 0 30px
}

.dark-theme .cu-nav-sts__header {
    color: #d5d6d7
}

.cu-nav-sts__team {
    word-break: break-word;
    overflow-wrap: break-word;
    word-wrap: break-word;
    -webkit-hyphens: auto;
    hyphens: auto;
    color: #A2C44A;
    font-size: 15px;
    font-weight: 500;
    line-height: 1.3;
    margin: 0 0 20px;
    text-transform: uppercase
}

@supports (--theme-main-color: $color-purple) {
    .cu-nav-sts__team {
        color:var(--theme-main-color)
    }
}

.cu-nav-sts__link {
    font-size: 14px;
    font-weight: 400;
    display: block;
    margin: 5px 0;
    padding: 10px 0;
    text-decoration: none;
    color: #a19da8
}

.dark-theme .cu-nav-sts__link {
    color: #828588
}

.cu-nav-sts__link_active,.cu-nav-sts__link:hover {
    color: #554f5f
}

.dark-theme .cu-nav-sts__link_active,.dark-theme .cu-nav-sts__link:hover {
    color: #d5d6d7
}

.cu-nav-sts__link_active {
    font-weight: 700
}

.cu-nav-sts__link::-moz-focus-inner {
    border: 0
}

.cu-nav-sts__separator {
    color: #A2C44A;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.3;
    margin: 20px 0 15px;
    text-transform: uppercase
}

@supports (--theme-main-color: $color-purple) {
    .cu-nav-sts__separator {
        color:var(--theme-main-color)
    }
}

.cu-nav-sts__line-separator {
    height: 1px;
    margin: 20px 0 30px;
    border-bottom: 1px solid #e9e9e9
}

.dark-theme .cu-nav-sts__line-separator {
    border-bottom: 1px solid #384047
}

.cu-nav-sts__back {
    background: #A2C44A;
    transition: background .2s cubic-bezier(.785,.135,.15,.86) 0s;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 14px;
    font-weight: 500;
    line-height: 1;
    position: relative;
    border-radius: 30px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    padding: 6px 15px;
    text-transform: uppercase;
    cursor: pointer;
    color: #fff;
    margin: 0 40px 30px
}

@supports (--theme-main-color: $color-purple) {
    .cu-nav-sts__back {
        background:var(--theme-main-color)
    }
}

.dark-theme .cu-nav-sts__back {
    color: #fff
}

html.todesktop-platform-darwin .cu-nav-sts__back {
    margin-top: 15px
}

html.todesktop-platform-darwin .cu-nav-sts__back:not(.cu-nav-sts__back_favorites-pinned) {
    margin: 15px 15px 40px auto
}

html.todesktop-platform-darwin .cu-nav-sts__back:not(.cu-nav-sts__back_v6) {
    margin-left: auto
}

.cu-nav-sts__back:hover {
    background: #A2C44A
}

@supports (--theme-main-color-dark: $color-purple-dark) {
    .cu-nav-sts__back:hover {
        background:var(--theme-main-color-dark)
    }
}

.cu-nav-sts__back-icon {
    width: 6px;
    height: 10px;
    margin-right: 5px;
    transform: rotate(180deg)
}

.cu-nav-sts__back-icon use {
    fill: #fff
}

.dark-theme .cu-nav-sts__back-icon use {
    fill: #fff
}

.cu-checkout__wrapper {
    max-width: 825px;
    padding: 0 25px 40px 0
}

@media screen and (max-width: 768px) and (max-width: 768px) {
    .cu-checkout__wrapper {
        display:flex;
        flex-direction: column
    }
}

.cu-checkout__wrapper:after {
    content: ".";
    visibility: hidden;
    display: block;
    height: 0;
    clear: both
}

.cu-checkout__main-form {
    margin-right: 290px;
    padding-top: 50px
}

@media screen and (max-width: 768px) and (max-width: 768px) {
    .cu-checkout__main-form {
        margin:50px auto 0;
        padding: 0
    }
}

.cu-checkout__form-container {
    margin: 0 0 24px;
    border: 1px solid #d8d8d8;
    border-right: 0;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    padding: 44px 40px 15px;
    background: #fff
}

.dark-theme .cu-checkout__form-container {
    background: #2b343b;
    border: 1px solid #384047
}

@media screen and (max-width: 768px) and (max-width: 768px) {
    .cu-checkout__form-container {
        height:auto;
        border: 1px solid #d8d8d8;
        border-radius: 4px
    }

    .dark-theme .cu-checkout__form-container {
        border: 1px solid #384047
    }
}

.cu-checkout__form-container-old {
    height: 465px;
    margin: 0 0 24px;
    border: 1px solid #d8d8d8;
    border-right: 0;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    padding: 44px 40px 15px;
    background: #fff
}

.dark-theme .cu-checkout__form-container-old {
    background: #2b343b;
    border: 1px solid #384047
}

@media screen and (max-width: 768px) and (max-width: 768px) {
    .cu-checkout__form-container-old {
        height:auto;
        border: 1px solid #d8d8d8;
        border-radius: 4px
    }

    .dark-theme .cu-checkout__form-container-old {
        border: 1px solid #384047
    }
}

.cu-checkout__form-container-modal {
    padding: 14px 10px 15px;
    border: 0;
    height: auto
}

.cu-checkout__form-title {
    font-size: 25px;
    font-weight: 400;
    line-height: 1;
    margin-bottom: 30px
}

.cu-checkout__form-row-1,.cu-checkout__form-row-2 {
    display: grid;
    grid-template-columns: repeat(1,1fr);
    grid-gap: 8px;
    gap: 8px;
    margin-bottom: 8px
}

@media screen and (max-width: 544px) and (max-width: 544px) {
    .cu-checkout__form-row-1,.cu-checkout__form-row-2 {
        height:auto
    }
}

.cu-checkout__form-row-2 {
    grid-template-columns: repeat(2,1fr)
}

@media screen and (max-width: 544px) and (max-width: 544px) {
    .cu-checkout__form-row-2 {
        grid-template-columns:repeat(1,1fr);
        height: auto
    }
}

.cu-checkout__form-input {
    font-size: 15px;
    font-weight: 400;
    line-height: 15px;
    height: 44px;
    width: 100%;
    border: 1px solid #d8d8d8;
    border-radius: 4px;
    box-sizing: border-box;
    box-shadow: none;
    padding: 6px 18px 5px 15px;
    background: transparent;
    color: #343434
}

.dark-theme .cu-checkout__form-input {
    color: #343434;
    border: 1px solid #828588
}

.cu-checkout__form-input:focus {
    background: transparent
}

.cu-checkout__form-input__invalid {
    border-color: #e04f44!important
}

.cu-checkout__form-input::placeholder {
    font-size: 15px;
    font-weight: 400;
    line-height: 15px;
    font-family: -apple-system,BlinkMacSystemFont,Segoe UI,roboto,Helvetica Neue,helvetica,arial,sans-serif
}

.cu-checkout__form-input-container {
    width: 100%;
    position: relative
}

.cu-checkout__form-input-2 {
    width: 50%;
    float: left;
    position: relative
}

@media screen and (max-width: 544px) and (max-width: 544px) {
    .cu-checkout__form-input-2 {
        width:100%;
        float: none
    }
}

.cu-checkout__form-row-old {
    height: 44px;
    margin-bottom: 8px
}

@media screen and (max-width: 544px) and (max-width: 544px) {
    .cu-checkout__form-row-old {
        height:auto
    }
}

.cu-checkout__form-row-old .cu-checkout__form-input-2:first-child {
    padding-right: 4px
}

@media screen and (max-width: 544px) and (max-width: 544px) {
    .cu-checkout__form-row-old .cu-checkout__form-input-2:first-child {
        padding:0;
        margin-bottom: 8px
    }
}

.cu-checkout__form-row-old .cu-checkout__form-input-2:last-child {
    padding-left: 4px
}

@media screen and (max-width: 544px) and (max-width: 544px) {
    .cu-checkout__form-row-old .cu-checkout__form-input-2:last-child {
        padding:0
    }
}

.cu-checkout__error {
    margin: 4px 0;
    display: flex;
    align-items: center
}

.cu-checkout__error-icon {
    width: 12px;
    height: 12px;
    flex-shrink: 0;
    margin: 0 5px 0 0
}

.cu-checkout__error-text {
    font-size: 12px;
    font-weight: 500;
    color: #e04f44;
    margin: -1px 0 0
}

.cu-checkout__form-input-card {
    padding-right: 50px
}

.cu-checkout__card {
    position: absolute;
    width: 40px;
    height: 40px;
    top: 2px;
    right: 7px
}

.cu-checkout__card-aexp {
    background: url(aexp.0b207657f465ecc9.jpg) no-repeat center;
    background-size: 30px 30px
}

.cu-checkout__card-visa {
    background: url(visa.69d1113565f80757.png) no-repeat center;
    background-size: 30px 10px
}

.cu-checkout__card-mc {
    background: url(mc.b0253925806dda2f.png) no-repeat center;
    background-size: 30px 23px
}

.cu-checkout__card-discover {
    background: url(discover.24db92e8f23de1c5.jpg) no-repeat center;
    background-size: 30px 5px
}

.cu-checkout__card-dc {
    background: url(dc.f12054a9cdb3f942.png) no-repeat center;
    background-size: 30px 22px
}

.cu-checkout__card-jcb {
    background: url(jcb.d138300d50f06354.png) no-repeat center;
    background-size: 30px 23px
}

.cu-checkout__form-input-expiring {
    padding-left: 40px;
    padding-right: 5px
}

.cu-checkout__icon {
    fill: #87909e
}

.cu-checkout__icon__invalid {
    fill: #e04f44
}

.cu-checkout__expiring {
    position: absolute;
    width: 20px;
    height: 20px;
    top: 12px;
    left: 15px
}

.cu-checkout__form-input-expiring:focus+.cu-checkout__expiring path {
    fill: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .cu-checkout__form-input-expiring:focus+.cu-checkout__expiring path {
        fill:var(--theme-main-color)
    }
}

.cu-checkout__form-input-cvv {
    padding-left: 40px;
    padding-right: 5px
}

.cu-checkout__cvv {
    position: absolute;
    width: 20px;
    height: 20px;
    top: 12px;
    left: 15px
}

.cu-checkout__cvv__icon {
    fill: #87909e
}

.cu-checkout__form-input-cvv:focus+.cu-checkout__cvv path {
    fill: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .cu-checkout__form-input-cvv:focus+.cu-checkout__cvv path {
        fill:var(--theme-main-color)
    }
}

.cu-checkout__button {
    padding: 40px 0 20px;
    text-align: center
}

@media screen and (max-width: 544px) and (max-width: 544px) {
    .cu-checkout__button {
        padding:20px 0 0
    }
}

.cu-checkout__button button {
    width: 100%;
    text-align: center;
    display: block
}

.cu-checkout__badges {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap
}

@media screen and (max-width: 544px) and (max-width: 544px) {
    .cu-checkout__badges {
        flex-wrap:wrap
    }
}

.cu-checkout__badges img {
    display: inline-block;
    display: inline;
    zoom:1;opacity: .4
}

.dark-theme .cu-checkout__badges img {
    opacity: .8
}

@media screen and (max-width: 544px) and (max-width: 544px) {
    .cu-checkout__badges img {
        width:30%;
        margin-bottom: 10px
    }
}

.cu-checkout__side-pack-info {
    background-color: #fff;
    border-radius: 10px 10px 0 0;
    padding: 40px 0 0;
    box-shadow: 0 1px 51px #a179cd26;
    text-align: center;
    box-sizing: border-box;
    width: 290px;
    min-width: 290px;
    float: right
}

.dark-theme .cu-checkout__side-pack-info {
    background-color: #384047;
    box-shadow: none
}

@media screen and (max-width: 768px) and (max-width: 768px) {
    .cu-checkout__side-pack-info {
        float:none;
        margin: 30px auto;
        order: 2
    }
}

.cu-checkout__side-content {
    border-bottom-color: #A2C44A;
    border-bottom: 1px solid;
    min-height: 475px
}

@supports (--theme-main-color: $color-purple) {
    .cu-checkout__side-content {
        border-bottom-color:var(--theme-main-color)
    }
}

.cu-checkout__title {
    font-size: 11px;
    font-weight: 600;
    line-height: 11px;
    color: #aeacb0;
    text-transform: uppercase;
    margin-bottom: 8px;
    text-align: center
}

.cu-checkout__plan-value {
    font-size: 24px;
    font-weight: 400;
    line-height: 24px;
    margin-bottom: 24px
}

.cu-checkout__cost-value {
    font-size: 34px;
    font-weight: 400;
    line-height: 34px;
    margin-bottom: 24px
}

.cu-checkout__cost-value span {
    font-size: 15px
}

.cu-checkout__value {
    font-size: 25px;
    font-weight: 400;
    line-height: 1;
    color: #363636;
    margin-bottom: 24px
}

.dark-theme .cu-checkout__value {
    color: #d5d6d7
}

.cu-checkout__row-pack {
    display: block;
    margin: 0 0 24px;
    text-align: center;
    padding: 0 20px;
    box-sizing: border-box;
    position: relative
}

.cu-checkout__row-pack:after {
    content: ".";
    visibility: hidden;
    display: block;
    height: 0;
    clear: both
}

.cu-checkout__row-pack-item {
    box-sizing: border-box;
    text-align: center;
    width: 50%;
    float: left
}

.cu-checkout__row-pack-item:first-child {
    border-right: 1px dashed #d8d8d8
}

.dark-theme .cu-checkout__row-pack-item:first-child {
    border-right: 1px dashed #1e272e
}

.cu-checkout__check-mark {
    width: 20px;
    height: 15px;
    background: url(check-mark-green.925adf813866f745.png);
    background-size: cover;
    display: inline-block;
    margin-top: 5px
}

.cu-checkout__row-pay {
    border: 1px solid #d8d8d8;
    border-radius: 4px;
    display: block;
    padding: 10px 0;
    position: relative
}

.dark-theme .cu-checkout__row-pay {
    border: 1px solid #1e272e
}

.cu-checkout__row-pay:after {
    content: ".";
    visibility: hidden;
    display: block;
    height: 0;
    clear: both
}

.cu-checkout__row-pay-item {
    box-sizing: border-box;
    text-align: center;
    width: 50%;
    float: left;
    cursor: pointer
}

.cu-checkout__row-pay-item:last-child {
    border-left: 1px dashed #d8d8d8
}

.cu-checkout__pay-title {
    color: #A2C44A;
    font-size: 12px;
    font-weight: 500;
    line-height: 12px
}

@supports (--theme-main-color: $color-purple) {
    .cu-checkout__pay-title {
        color:var(--theme-main-color)
    }
}

.cu-checkout__pay-radio {
    width: 15px;
    height: 15px;
    background: url(radio-purple.5e1272b40022a868.png);
    background-size: cover;
    display: inline-block;
    margin-bottom: 5px
}

.cu-checkout__pay-radio.checked {
    background: url(radio-checked-purple.21ee2db5db7191d3.png);
    background-size: cover
}

.cu-checkout__pay-subtitle {
    font-size: 11px;
    font-weight: 500;
    line-height: 1;
    color: #67cb48;
    display: inline
}

.cu-checkout__total {
    transition: all .2s cubic-bezier(.785,.135,.15,.86) 0s;
    background-color: #A2C44A;
    border-color: #A2C44A;
    font-size: 14px;
    font-weight: 400;
    line-height: 60px;
    height: 60px;
    color: #fff;
    cursor: pointer;
    text-align: center;
    border: 1px solid;
    width: 100%;
    border-radius: 0 0 3px 3px
}

@supports (--theme-main-color: $color-purple) {
    .cu-checkout__total {
        background-color:var(--theme-main-color)
    }
}

@supports (--theme-main-color: $color-purple) {
    .cu-checkout__total {
        border-color:var(--theme-main-color)
    }
}

.cu-checkout__total:hover {
    background-color: #A2C44A;
    border-color: #A2C44A
}

@supports (--theme-main-color-dark: $color-purple-dark) {
    .cu-checkout__total:hover {
        background-color:var(--theme-main-color-dark)
    }
}

@supports (--theme-main-color-dark: $color-purple-dark) {
    .cu-checkout__total:hover {
        border-color:var(--theme-main-color-dark)
    }
}

.cu-checkout-body {
    background-color: #fff
}

.dark-theme .cu-checkout-body {
    background: #1e272e
}

.cu-checkout-border-top {
    background-color: #A2C44A;
    height: 7px
}

@supports (--theme-main-color: $color-purple) {
    .cu-checkout-border-top {
        background-color:var(--theme-main-color)
    }
}

.cu-checkout-header__wrapper {
    width: 100%;
    max-width: 850px;
    padding: 60px 25px 5px;
    margin: 0 auto
}

.cu-checkout-header__logo {
    width: 146px;
    height: 44px
}

.sign-up-flow-2 {
    background: url(sign-up-flow-2__bg.dd88094a1d88e9f1.svg) no-repeat center #fff;
    background-size: cover;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    min-height: 100%
}

.sign-up-flow-2-header__wrapper {
    width: 100%;
    max-width: 790px;
    padding: 100px 0 0;
    margin: 0 auto 50px;
    text-align: center
}

@media screen and (max-width: 544px) and (max-width: 544px) {
    .sign-up-flow-2-header__wrapper {
        padding-top:50px
    }
}

.sign-up-flow-2-header__logo {
    width: 186px;
    height: 56px
}

.sign-up-flow-2__body {
    max-width: 850px;
    width: 90%;
    margin: 0 auto 100px;
    padding: 50px 65px 65px;
    box-shadow: 0 2px 26px #6a539159;
    border-radius: 8px;
    background: #fff
}

@media screen and (max-width: 544px) and (max-width: 544px) {
    .sign-up-flow-2__body {
        padding:40px
    }
}

.sign-up-flow-2__title {
    font-size: 25px;
    font-weight: 400;
    line-height: 31px;
    color: #544d61;
    margin-bottom: 20px
}

.sign-up-flow-2__subtitle {
    font-size: 20px;
    font-weight: 400;
    line-height: 19px;
    color: #544d61;
    opacity: .9;
    margin-bottom: 20px
}

.sign-up-flow-2__wish {
    display: flex;
    min-height: 180px;
    margin-bottom: 38px
}

@media screen and (max-width: 544px) and (max-width: 544px) {
    .sign-up-flow-2__wish {
        height:auto;
        flex-direction: column
    }
}

.sign-up-flow-2__wish-item {
    transition: all .2s cubic-bezier(.785,.135,.15,.86) 0s;
    border: 1px solid #d8d8d8;
    flex: 1;
    cursor: pointer;
    background-color: #fff;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-bottom: 30px
}

.sign-up-flow-2__wish-item:hover {
    transition: none
}

.sign-up-flow-2__wish-item:first-child {
    border-radius: 4px 0 0 4px;
    margin-right: -1px
}

@media screen and (max-width: 544px) and (max-width: 544px) {
    .sign-up-flow-2__wish-item:first-child {
        border-radius:4px 4px 0 0;
        margin: 0 0 -1px
    }
}

.sign-up-flow-2__wish-item:last-child {
    border-radius: 0 4px 4px 0;
    margin-left: -1px
}

@media screen and (max-width: 544px) and (max-width: 544px) {
    .sign-up-flow-2__wish-item:last-child {
        border-radius:0 0 4px 4px;
        margin: -1px 0 0
    }
}

.sign-up-flow-2__wish-item:hover,.sign-up-flow-2__wish-item.sign-up-flow-2__wish-item-active {
    border-color: #A2C44A;
    background-color: #A2C44A1a;
    border: 1px solid;
    z-index: 1
}

@supports (--theme-main-color: $color-purple) {
    .sign-up-flow-2__wish-item:hover,.sign-up-flow-2__wish-item.sign-up-flow-2__wish-item-active {
        border-color:var(--theme-main-color)
    }
}

.sign-up-flow-2__wish-item:hover .sign-up-flow-2__wish-check,.sign-up-flow-2__wish-item.sign-up-flow-2__wish-item-active .sign-up-flow-2__wish-check {
    opacity: 1;
    filter: grayscale(0)
}

.sign-up-flow-2__wish-check {
    width: 48px;
    height: 47px;
    background: url(check-o.a061b514a675a661.svg) no-repeat;
    background-size: 47px;
    margin: 30px 0 19px;
    opacity: .4;
    filter: grayscale(1)
}

.sign-up-flow-2__wish-title {
    color: #A2C44A;
    font-size: 16px;
    font-weight: 600;
    line-height: 19px;
    margin-bottom: 6px
}

@supports (--theme-main-color: $color-purple) {
    .sign-up-flow-2__wish-title {
        color:var(--theme-main-color)
    }
}

.sign-up-flow-2__wish-text {
    font-size: 14px;
    font-weight: 400;
    line-height: 15px;
    color: #8c8894;
    margin: 0 20px;
    text-align: center
}

.awafm {
    background: url(background.8c759f78d2e55dfa.png) no-repeat;
    background-size: 100% 100%;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    min-height: 100%;
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto
}

.awafm.show {
    z-index: 10
}

.awafm:before {
    position: fixed;
    top: 0;
    width: 100%;
    content: "";
    display: block;
    height: calc(100vh - 120px);
    -webkit-mask: linear-gradient(to bottom,transparent 30%,#fff 100%);
    mask: linear-gradient(to bottom,transparent 30%,#fff 100%)
}

.awafm__logo {
    width: 90px;
    height: 88px;
    background: url(clickup-vertical_white.1bbdd840be0a8db0.svg) center center/contain no-repeat;
    margin: 65px auto 20px;
    position: relative
}

.awafm__title {
    font-size: 24px;
    font-weight: 800;
    line-height: 34px;
    color: #fff;
    margin-right: 20px;
    margin-left: 20px;
    text-align: center;
    position: relative
}

.awafm__subtitle {
    font-size: 14px;
    font-weight: 300;
    line-height: 23px;
    margin: 10px 25px 30px;
    color: #fff;
    text-align: center;
    position: relative
}

.awafm__badge {
    width: 160px;
    margin: 0 auto 27px;
    position: relative;
    z-index: 999
}

.awafm__badge img {
    width: 100%
}

.awafm__phone {
    margin: 0 auto 160px;
    position: relative
}

.awafm__phone.awafm__phone_ios {
    width: 350px;
    height: 541px;
    background: url(full-phone.dd36cf9e4657a32c.png) no-repeat top center;
    background-size: 100%
}

.awafm__phone.awafm__phone_android {
    width: 350px;
    height: 541px;
    background: url(full-phone.dd36cf9e4657a32c.png) no-repeat top center;
    background-size: 100%
}

.awafm__bottom {
    position: fixed;
    width: 100%;
    height: 185px;
    bottom: 0;
    left: 0;
    right: 0
}

.awafm__round-bg {
    height: 50px
}

.awafm__round-bg img {
    width: 100%;
    height: 50px
}

.awafm__bottom-bg {
    height: 156px;
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column
}

.awafm__show-app {
    color: #A2C44A;
    font-size: 14px;
    font-weight: 500;
    line-height: 48px;
    margin-top: 5px;
    cursor: pointer
}

@supports (--theme-main-color: $color-purple) {
    .awafm__show-app {
        color:var(--theme-main-color)
    }
}

.awafm__show-app-hide {
    display: none
}

.awafm__button {
    transition: all .2s cubic-bezier(.785,.135,.15,.86) 0s;
    background: #A2C44A;
    font-size: 14px;
    font-weight: 500;
    line-height: 48px;
    width: 265px;
    height: 48px;
    text-align: center;
    color: #fff;
    border-radius: 3px
}

.awafm__button:hover {
    transition: none
}

@supports (--theme-main-color: $color-purple) {
    .awafm__button {
        background:var(--theme-main-color)
    }
}

.awafm__button:hover {
    background: #8842ff
}

.old-browser {
    background: #fafbfc;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    min-height: 100%;
    height: 100%;
    overflow: auto
}

.old-browser__header {
    height: 80px;
    background-color: #fff;
    box-shadow: 0 0 11px #00000014;
    padding-top: 25px
}

.old-browser__logo {
    width: 100px;
    height: 27px;
    margin: 0 auto
}

.old-browser__content {
    margin: 30px auto 0;
    padding: 40px
}

.old-browser__computer {
    width: 140px;
    height: 150px;
    margin: 0 auto 40px
}

.old-browser__title {
    font-size: 30px;
    font-weight: 500;
    line-height: 40px;
    color: #343434;
    margin-bottom: 20px;
    text-align: center
}

.old-browser__description {
    font-size: 18px;
    font-weight: 400;
    line-height: 30px;
    color: #343434;
    text-align: center;
    margin-bottom: 40px
}

.old-browser__continue {
    text-align: center
}

.old-browser__continue-link {
    color: #A2C44A;
    font-size: 14px;
    font-weight: 400;
    line-height: 30px
}

@supports (--theme-main-color: $color-purple) {
    .old-browser__continue-link {
        color:var(--theme-main-color)
    }
}

.old-browser__update {
    width: 247px;
    height: 74px;
    margin: 0 auto 20px
}

.nav-editor {
    position: absolute;
    display: flex;
    align-items: center;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: #fff;
    box-shadow: 0 1px 10px #00000040;
    animation: dropdownMenuAnimation .05s ease-in forwards
}

.dark-theme .nav-editor {
    box-shadow: 0 2px 16px #0006;
    background: #384047
}

.dark-theme .cu-panel-board .nav-editor {
    background: #2b343b
}

.dark-theme .cu-panel-board:hover .nav-editor {
    background: #384047
}

.nav-editor__input {
    border-color: #A2C44A;
    font-size: 13px;
    font-weight: 300;
    line-height: 16px;
    display: flex;
    align-items: center;
    width: 100%;
    border: 1px solid;
    border-radius: 3px;
    padding: 5px 10px 5px 14px
}

@supports (--theme-main-color: $color-purple) {
    .nav-editor__input {
        border-color:var(--theme-main-color)
    }
}

.dark-theme .nav-editor__input {
    color: #d5d6d7;
    background: transparent
}

.nav-editor__input:focus {
    box-shadow: none
}

.nav-editor__with-buttons {
    border-color: #A2C44A;
    border: 1px solid;
    border-radius: 3px;
    z-index: 9999;
    pointer-events: all!important
}

@supports (--theme-main-color: $color-purple) {
    .nav-editor__with-buttons {
        border-color:var(--theme-main-color)
    }
}

.nav-editor__with-buttons .nav-editor__input {
    border: none;
    padding: 0 5px 0 10px
}

.nav-editor__with-buttons-button-container {
    display: flex;
    align-items: center
}

.nav-editor__with-buttons .icon {
    fill: #7c828d;
    height: 18px;
    width: 18px;
    cursor: pointer;
    padding: 2px
}

.nav-editor__with-buttons .icon:hover {
    padding: 1px
}

.nav-editor__with-buttons-cancel.icon {
    margin-right: 2px;
    height: 16px;
    width: 16px
}

.nav-editor.nav-editor_category .nav-editor__input {
    height: 100%;
    padding: 5px 10px 5px 14px;
    font-weight: 400;
    font-size: 13px;
    line-height: 25px;
    color: #333;
    z-index: 9;
    position: relative
}

.dark-theme .nav-editor.nav-editor_category .nav-editor__input {
    color: #d5d6d7;
    background: #384047
}

.nav-category.nav-category_error .nav-editor__input,.cu-nav-section.cu-nav-section_error .nav-editor__input {
    border: 1px solid #d16464;
    color: #d16464;
    caret-color: #d16464
}

.nav-editor.nav-editor_subtask {
    align-items: flex-start
}

.dark-theme .task-todo .nav-editor.nav-editor_subtask {
    margin-top: -4px;
    z-index: 20;
    background: #384047
}

.dark-theme .lv-subtask .nav-editor.nav-editor_subtask {
    background: #1e272e
}

.dark-theme .lv-task .nav-editor.nav-editor_task {
    background: #2b343b
}

.nav-editor.nav-editor_tags {
    width: calc(100% - 5px)
}

.nav-editor.nav-editor_tags .nav-editor__input {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 10px;
    font-weight: 500;
    line-height: 18px;
    height: 18px;
    padding: 5px 5px 5px 7px;
    color: #717171
}

.cu-tags-select__existing .nav-editor.nav-editor_tags .nav-editor__input {
    font-size: 12px;
    font-weight: 500;
    line-height: 26px;
    height: 26px;
    margin-bottom: 7px
}

.cu-tags-select .user-list__body .nav-editor.nav-editor_tags .nav-editor__input {
    height: 100%
}

.nav-dropzone {
    border-color: #A2C44A;
    display: none;
    align-items: center;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 100;
    border: 1px solid;
    border-radius: 4px;
    padding: 0 10px
}

@supports (--theme-main-color: $color-purple) {
    .nav-dropzone {
        border-color:var(--theme-main-color)
    }
}

.cu-state-drag-over .nav-dropzone {
    display: flex
}

.cu-nav-section-maker {
    position: relative;
    margin: 0 5px 0 19px
}

.cu-nav-section-maker__input {
    border-color: #A2C44A;
    font-size: 13px;
    font-weight: 400;
    line-height: 16px;
    display: flex;
    align-items: center;
    width: 100%;
    border: 1px solid;
    border-radius: 3px;
    padding: 6px 10px 5px 14px;
    color: #544d61;
    -webkit-font-smoothing: antialiased
}

@supports (--theme-main-color: $color-purple) {
    .cu-nav-section-maker__input {
        border-color:var(--theme-main-color)
    }
}

.dark-theme .cu-nav-section-maker__input {
    background: #384047;
    color: #d5d6d7
}

.dark-theme .cu-nav-section-maker__input:focus {
    box-shadow: none
}

.cu-nav-section-maker .lv-category-edit__popover {
    position: absolute;
    right: 0;
    top: 50%
}

.cu-nav-section-maker.cu-nav-section-maker_error .cu-nav-section-maker__input {
    border: 1px solid #d16464;
    color: #d16464;
    caret-color: #d16464
}

.nav-menu__group {
    --border-color: #e8eaed;
    --base-spacing: 8px;
    min-width: 224px;
    padding: var(--base-spacing);
    margin-bottom: var(--base-spacing);
    border-bottom: 1px solid var(--border-color)
}

.dark-theme .nav-menu__group {
    --border-color: #1e272e
}

.nav-menu__group:empty {
    visibility: hidden
}

.nav-menu__group:empty.nav-menu__group_remove-empty {
    display: none
}

:where(.nav-menu__group,.nav-menu__title-container)+.nav-menu__group {
    padding-top: 0
}

.nav-menu__group:only-child,.nav-menu__group:last-child,.nav-menu__group_last,.nav-menu__group_no-border,.nav-menu__group_btn-only {
    margin-bottom: 0;
    border: none
}

.nav-menu__group_no-border {
    padding-bottom: 0
}

.nav-menu__group_width-sm {
    min-width: 160px
}

.nav-menu__group_share-btn {
    padding: 4px 12px 12px
}

.nav-menu__group_btn-only {
    display: flex;
    min-width: 256px
}

.nav-menu__divider {
    height: 1px;
    min-width: 224px;
    margin-top: 8px;
    background-color: #e8eaed
}

.dark-theme .nav-menu__divider {
    background-color: #1e272e
}

.nav-menu__divider_shorter {
    margin-right: 16px;
    margin-left: 16px
}

.nav-menu__limited {
    font-size: 13px;
    padding: 10px;
    margin-top: -9px;
    background-color: #f7f8f9;
    color: #656f7d;
    text-align: center;
    font-style: italic;
    border-top: 1px solid #e8eaed
}

.dark-theme .nav-menu__limited {
    background-color: inherit;
    border-color: #1e272e;
    color: inherit
}

.cu-sidebar .sidebar-section__header .nav-menu {
    visibility: hidden
}

.sidebar-section__header:hover .nav-menu,.cu-sidebar .sidebar-section__header .nav-menu.cu-dropdown_open {
    visibility: visible
}

.nav-menu.cu-dropdown_open .nav-menu__toggle {
    fill: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .nav-menu.cu-dropdown_open .nav-menu__toggle {
        fill:var(--theme-main-color)
    }
}

.nav-menu__toggle {
    width: 24px;
    height: 22px;
    padding: 3px 4px;
    fill: #343434
}

.dark-theme .nav-menu__toggle {
    fill: #abaeb0
}

.cu2-sidebar__body_v5 .nav-menu__toggle {
    height: 24px;
    fill: #7c828d
}

.dark-theme .cu2-sidebar__body_v5 .nav-menu__toggle {
    fill: #828588
}

.cu2-sidebar__body_v5 .cu-nav-section_active .nav-menu__toggle_section,.dark-theme .cu2-sidebar__body_v5 .cu-nav-section_active .nav-menu__toggle_section {
    fill: #fff
}

.cu-simple-bar .nav-menu__toggle_section {
    width: 24px;
    height: 24px;
    padding: 6px;
    fill: #7c828d
}

.dark-theme .cu-simple-bar .nav-menu__toggle_section {
    fill: #abaeb0
}

.cu2-sidebar__body_v5 .nav-category_active .nav-menu__toggle_category,.dark-theme .cu2-sidebar__body_v5 .nav-category_active .nav-menu__toggle_category {
    fill: #fff
}

.cu-simple-bar .nav-menu__toggle_category {
    width: 24px;
    height: 24px;
    padding: 6px;
    fill: #7c828d
}

.dark-theme .cu-simple-bar .nav-menu__toggle_category {
    fill: #abaeb0
}

.nav-menu__toggle:hover {
    fill: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .nav-menu__toggle:hover {
        fill:var(--theme-main-color)
    }
}

.nav-menu__toggle_cog {
    transform: rotate(90deg);
    padding: 4px;
    fill: #bcc0c7
}

.dark-theme .nav-menu__toggle_cog {
    fill: #828588
}

.nav-menu__avatar-picker {
    display: block;
    width: 260px
}

[lang=fr-FR] .nav-menu__avatar-picker {
    width: auto
}

.nav-menu__controls-project {
    min-width: 200px
}

.nav-menu__controls-project .nav-menu-item_share .nav-menu-item__name {
    font-size: 12px;
    flex-grow: 0
}

.nav-menu__title-container {
    --text-color: #656f7d;
    --hover-bg-color: #f0f1f3;
    display: flex;
    align-items: center;
    min-height: 32px;
    padding: 0 12px 0 16px;
    margin-top: 8px
}

.dark-theme .nav-menu__title-container {
    --text-color: #979797;
    --hover-bg-color: #2b343b
}

.nav-menu__title-name {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 11px;
    font-weight: 600;
    flex-grow: 1;
    margin-left: 2px;
    color: var(--text-color);
    text-transform: uppercase;
    letter-spacing: .05em
}

.nav-menu__title-item {
    --square-size: 24px;
    width: var(--square-size);
    height: var(--square-size);
    padding: 4px;
    border: none;
    border-radius: 4px
}

.nav-menu__title-item:hover,.nav-menu__title-item:focus-visible {
    background-color: var(--hover-bg-color)
}

.nav-menu__title-item+.nav-menu__title-item {
    margin-left: 4px
}

.nav-menu__title-item-icon {
    fill: var(--text-color)
}

.nav-menu-item {
    transition: all .2s cubic-bezier(.785,.135,.15,.86) 0s;
    --icon-fill: #656f7d;
    display: flex;
    align-items: center;
    padding: 8px;
    border-radius: 6px;
    white-space: nowrap;
    cursor: pointer
}

.nav-menu-item:where(button) {
    width: 100%;
    border: none;
    text-align: left
}

.dark-theme .nav-menu-item {
    --icon-fill: #979797
}

.nav-menu-item__milestone,.nav-menu-item__add-to-favorites {
    padding: 8px
}

.nav-menu-item__milestone_tasks,.nav-menu-item__add-to-favorites_tasks {
    padding: 8px 15px 8px 13px
}

.nav-menu-item__switch {
    margin-left: 10px
}

.nav-menu-item:hover,.nav-menu-item:focus-visible,.nav-menu__group .cu-dropdown_open .nav-menu-item {
    background: #f0f1f3
}

.dark-theme .nav-menu-item:hover,.dark-theme .nav-menu-item:focus-visible,.dark-theme .nav-menu__group .cu-dropdown_open .nav-menu-item {
    background: #2b343b
}

.nav-menu-item_disabled {
    cursor: not-allowed!important;
    opacity: .5
}

.nav-menu-item_parent {
    overflow: hidden
}

.nav-menu-item_parent:hover {
    background: none
}

.nav-menu-item_parent .nav-menu-item:first-child,.nav-menu-item_parent .nav-menu-item:last-child {
    border-radius: 0
}

.nav-menu-item__sub-menu {
    display: none;
    position: absolute;
    left: 250px;
    box-shadow: 0 2px 16px #0000001a;
    background: #fff;
    border-radius: 6px
}

.nav-menu-item.clickapps {
    position: relative
}

.nav-menu-item.clickapps:hover .nav-menu-item__sub-menu {
    display: block
}

.nav-menu-item:active {
    background: #f5f5f5
}

.nav-menu-item__icon {
    flex-shrink: 0;
    margin: 0 10px 0 0;
    width: 16px;
    height: 16px;
    fill: var(--icon-fill)
}

.nav-menu-item__icon_theme-main-color {
    fill: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .nav-menu-item__icon_theme-main-color {
        fill:var(--theme-main-color)
    }
}

.nav-menu-item__icon_unfavorite {
    --icon-fill: #f9be33
}

.nav-menu-item__icon_new-checklist {
    stroke: #9a9a9a;
    stroke-width: 2px
}

.nav-menu-item__icon_move,.nav-menu-item__icon_template,.nav-menu-item__icon_save-template,.nav-menu-item__icon_create,.nav-menu-item__icon_list-info,.nav-menu-item__icon_settings,.nav-menu-item__icon_edit,.nav-menu-item__icon_custom-fields,.nav-menu-item__icon_copy,.nav-menu-item__icon_plus,.nav-menu-item__icon_reorder,.nav-menu-item__icon_favorites,.nav-menu-item__icon_milestone,.nav-menu-item__icon_lineup {
    fill: #979797
}

.nav-menu-item__icon_new {
    stroke: #979797
}

.nav-menu-item__icon_paintbrush {
    width: 14px;
    margin-right: 12px
}

.nav-menu-item__icon_cup,.nav-menu-item__icon_list-view {
    fill: #979797;
    width: 14px;
    margin-right: 12px
}

.nav-menu-item__icon_board-view {
    stroke: #979797;
    width: 15px;
    margin-right: 11px
}

.nav-menu-item__icon_expand-all {
    fill: #979797
}

.nav-menu-item__icon_flip {
    transform: rotate(180deg)
}

.nav-menu-item__icon_dashboard {
    fill: #979797
}

.nav-menu-item__icon_estimate use {
    stroke: #979797
}

.nav-menu-item__icon_board-view,.nav-menu-item__icon_list-view {
    stroke: #979797
}

.nav-menu-item__icon_list-view {
    stroke-width: 0
}

.nav-menu-item__icon_minimize {
    width: 16px;
    position: relative
}

.nav-menu-item__icon_minimize-icon {
    transition: all .2s cubic-bezier(.785,.135,.15,.86) 0s;
    left: -7px;
    bottom: -7px;
    position: absolute
}

.nav-menu-item__icon_minimize-icon_close,.nav-menu-item__icon_minimize-icon_open,.nav-menu-item__icon_minimize_active .nav-menu-item__icon_minimize-icon_close {
    display: none
}

.nav-menu-item__icon_minimize_active .nav-menu-item__icon_minimize-icon_open,.nav-menu-item__icon_minimize_active:hover .nav-menu-item__icon_minimize-icon_close {
    display: block
}

.nav-menu-item__icon_minimize_active:hover .nav-menu-item__icon_minimize-icon_open {
    display: none
}

.nav-menu-item__icon_new-tab {
    stroke: #979797;
    width: 16px;
    margin-right: 12px
}

.nav-menu-item__icon_copy-link {
    fill: #979797
}

.nav-menu-item__icon_copy-link:not(.nav-menu-item__icon_copy-link-portfolios) {
    margin-right: 0
}

.nav-menu-item__icon_create-task,.nav-menu-item__icon_recurring {
    stroke: #979797
}

.nav-menu-item__icon_tags {
    width: 17px;
    margin-right: 9px
}

.nav-menu-item__icon_assign,.nav-menu-item__icon_email,.nav-menu-item__icon_eye,.nav-menu-item__icon_dependency {
    fill: #979797
}

.nav-menu-item__icon_share {
    transition: all .2s cubic-bezier(.785,.135,.15,.86) 0s;
    margin-right: 0;
    fill: #979797
}

.nav-menu-item__icon_remove {
    fill: #ff80b9;
    stroke: #ff80b9
}

.nav-menu-item__icon_use-subtask-dates {
    width: 12px;
    height: 12px;
    fill: #979797;
    margin-right: 12px
}

.nav-menu-item__name {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 13px;
    font-weight: 400;
    padding: 0;
    flex-grow: 1;
    color: inherit
}

.nav-menu-item__name_capitalized {
    text-transform: capitalize
}

.nav-menu-item__name-with-icon {
    display: flex;
    align-items: center
}

.nav-menu-item__name-with-icon .icon {
    width: 12px;
    height: 12px;
    fill: #b9bec7;
    cursor: pointer;
    margin-left: 7px
}

.nav-menu-item.active-board-sort .nav-menu-item__name,.nav-menu-item.active-board-sort .cu-panel-board__sort-item {
    display: flex;
    align-items: center;
    color: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .nav-menu-item.active-board-sort .nav-menu-item__name,.nav-menu-item.active-board-sort .cu-panel-board__sort-item {
        color:var(--theme-main-color)
    }
}

.nav-menu-item.active-board-sort .nav-menu-item__name .sortable__dir,.nav-menu-item.active-board-sort .cu-panel-board__sort-item .sortable__dir {
    margin-left: 4px
}

.nav-menu-item_share {
    transition: all .2s cubic-bezier(.785,.135,.15,.86) 0s;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 36px;
    border-radius: 4px!important;
    background-color: var(--theme-main-color);
    cursor: pointer;
    margin: 6px 12px 10px
}

.nav-menu-item_share .nav-menu-item__name {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 13px;
    font-weight: 500;
    line-height: 1;
    color: #fff!important;
    padding-left: 5px;
    flex-grow: 0!important
}

.nav-menu-item_share .nav-menu-item__icon {
    fill: #fff
}

.nav-menu-item_share:hover {
    background-color: var(--theme-main-color-dark)!important
}

.nav-menu-item_share .nav-menu-item__name {
    transition: all .2s cubic-bezier(.785,.135,.15,.86) 0s;
    flex-grow: 1;
    text-align: center;
    font-weight: 500;
    color: #979797
}

.nav-menu-item_share-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    font-weight: 500;
    width: 100%;
    min-height: 32px;
    border-radius: 6px;
    border: 1px solid var(--border-color);
    color: var(--icon-fill)
}

.nav-menu-item_grouped-btn {
    padding: 8px 12px;
    border-radius: 0;
    border: 1px solid var(--border-color);
    justify-content: center;
    font-size: inherit
}

.nav-menu-item_grouped-btn+.nav-menu-item_grouped-btn {
    margin-left: -1px
}

.nav-menu-item_grouped-btn:first-child {
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px
}

.nav-menu-item_grouped-btn:last-child {
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px
}

.nav-menu__group_btn-only .nav-menu-item_grouped-btn {
    flex: 1
}

.nav-menu-item__arrow {
    width: 14px;
    height: 14px;
    flex-shrink: 0;
    margin-right: -5px;
    margin-left: 5px;
    fill: #82868d
}

.nav-menu-item__title {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 11px;
    font-weight: 500;
    line-height: 1;
    padding: 11px 15px 7px;
    text-transform: uppercase;
    color: #2222224d;
    white-space: nowrap
}

.contrast_high .nav-menu-item__title {
    color: #858585
}

.dark-theme .nav-menu-item__title {
    color: #828588
}

.nav-menu-item__separator {
    border-bottom: 1px solid #e4e4e4
}

.dark-theme .nav-menu-item__separator {
    border-bottom: 1px solid #1e272e
}

.nav-menu-item__separator.nav-menu-item__separator-margins {
    margin: 4px 0
}

.nav-menu-item__toggle-switch {
    display: flex
}

.nav-menu-item__toggle-switch_not-clickable {
    pointer-events: none
}

.nav-menu-item .cu-dropdown-list-item__submenu {
    width: 19px;
    height: 14px;
    flex-shrink: 0;
    margin-left: auto;
    padding-left: 5px;
    fill: #292d34
}

.dark-theme .nav-menu-item .cu-dropdown-list-item__submenu {
    fill: #979797
}

.nav-menu-item[class*=_delete].disabled-action {
    opacity: .4;
    cursor: not-allowed
}

.nav-menu-item[class*=_delete].disabled-action:hover {
    background: none
}

.nav-menu-item[class*=_delete]:not(.disabled-action) {
    --icon-fill: #bc4841;
    color: #bc4841
}

.dark-theme .nav-menu-item[class*=_delete]:not(.disabled-action) {
    --icon-fill: #f0aba5;
    color: #f0aba5
}

.nav-menu-item.nav-menu-item_bordered {
    border-bottom: 1px solid #e4e4e4
}

.dark-theme .nav-menu-item.nav-menu-item_bordered {
    border-bottom: 1px solid #1e272e
}

.data-list {
    width: 100%;
    margin: 15px 0;
    border-bottom: 1px solid #d8d8d8
}

.data-list .cu-nav-project__toggle {
    max-width: none
}

.data-list .cu-nav-project__toggle-text {
    font-size: 16px;
    font-weight: 400;
    width: 100%;
    padding: 10px 20px 10px 0;
    color: #717171
}

.data-list__label {
    font-size: 13px;
    font-weight: 500;
    color: #343434;
    margin: 0 0 5px
}

.dark-theme .data-list__label {
    color: #828588
}

.data-list+.data-list {
    margin-top: 50px
}

.data-list-toggle {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%
}

.data-list-toggle__text {
    font-size: 16px;
    font-weight: 400;
    width: 100%;
    padding: 10px 20px 10px 0;
    color: #717171
}

.data-list-toggle__icon {
    position: absolute;
    top: 50%;
    right: 5px;
    width: 16px;
    height: 16px;
    transform: translateY(-50%)
}

.cu-dropdown_open .data-list-toggle__icon {
    transform: translateY(-50%) rotate(180deg)
}

.data-list-menu {
    width: 100%;
    padding: 10px 0
}

.data-list-menu__header {
    padding: 10px
}

.data-list-menu__body {
    max-height: 300px;
    overflow: auto
}

.data-list-item {
    font-size: 14px;
    font-weight: 400;
    cursor: pointer;
    padding: 12px 15px 8px;
    color: #343434
}

.data-list-item:hover {
    background: #f9f9f9;
    color: #000
}

.data-list-item:active {
    background: #f5f5f5
}

.data-list-item_active,.data-list-item_active:hover {
    color: #A2C44A;
    background: #f9f9f9
}

@supports (--theme-main-color: $color-purple) {
    .data-list-item_active,.data-list-item_active:hover {
        color:var(--theme-main-color)
    }
}

.move-category {
    display: flex;
    flex-direction: column;
    min-height: 300px
}

.move-category__header {
    font-size: 16px;
    line-height: 1.3em;
    color: #343434;
    margin-bottom: 15px
}

.dark-theme .move-category__header {
    color: #d5d6d7
}

.move-category__header>span {
    color: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .move-category__header>span {
        color:var(--theme-main-color)
    }
}

.move-category__body {
    border: 1px solid #e3e3e3;
    padding: 20px
}

.dark-theme .move-category__body {
    border: 1px solid #1e272e
}

.move-category__footer {
    display: flex;
    justify-content: space-between;
    margin: 50px 0 0
}

.move-category__footer>* {
    width: calc(50% - 5px)
}

.move-category__footer-less-margin {
    margin-top: 25px
}

.move-category__error {
    margin: 15px 5px
}

.move-category__input-block {
    margin: 5px
}

.move-category .category-list__space {
    margin-bottom: 10px
}

.move-category .cu-search__icon {
    left: 0
}

.move-category .cu-search__input {
    padding-left: 28px
}

.move-category .category-list__search {
    margin-bottom: 15px
}

.move-category .category-list__cat-list {
    margin: 0 -20px
}

.move-category .category-list__cat-header {
    padding: 0 20px
}

.confirm-remove-category {
    display: flex;
    flex-direction: column;
    min-height: 300px
}

.confirm-remove-category__header {
    font-size: 16px;
    font-weight: 400;
    line-height: 1.3;
    flex-shrink: 0;
    color: #343434;
    margin-bottom: 15px
}

.dark-theme .confirm-remove-category__header {
    color: #d5d6d7
}

.confirm-remove-category__header:first-letter {
    text-transform: uppercase
}

.confirm-remove-category__header>span {
    color: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .confirm-remove-category__header>span {
        color:var(--theme-main-color)
    }
}

.confirm-remove-category__instance {
    text-transform: capitalize
}

.confirm-remove-category__counter {
    font-size: 14px;
    font-weight: 400;
    flex-shrink: 0;
    align-self: flex-start;
    padding: 12px 15px 8px;
    background: #e4e4e4;
    color: #343434;
    border-radius: 3px
}

.confirm-remove-category__description {
    font-size: 14px;
    font-weight: 400;
    line-height: 1.5;
    flex-grow: 1;
    margin: 15px 0;
    color: #343434
}

.dark-theme .confirm-remove-category__description {
    color: #d5d6d7
}

.confirm-remove-category__controls {
    display: flex;
    justify-content: space-between;
    width: 100%
}

.confirm-remove-category__controls>* {
    width: calc(50% - 5px)
}

.confirm-remove-category__icon {
    width: 70px;
    height: 70px;
    margin: 0 0 15px
}

.confirm-remove-category__last-warning {
    font-size: 21px;
    font-weight: 400;
    line-height: 1.4;
    flex-grow: 1;
    margin: 15px 0
}

.confirm-remove-category__templates {
    width: 100%;
    padding-top: 10px
}

.confirm-remove-category__templates-title {
    font-size: 12px;
    font-weight: 400;
    line-height: 1;
    text-transform: uppercase;
    letter-spacing: 2px;
    color: #bcbcbc;
    margin-bottom: 10px
}

.dark-theme .confirm-remove-category__templates-title {
    color: #abaeb0
}

.confirm-remove-category__templates-item {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 13px;
    font-weight: 400;
    line-height: 1.2;
    margin-bottom: 10px;
    color: #343434
}

.dark-theme .confirm-remove-category__templates-item {
    color: #d5d6d7
}

.confirm-remove-category.confirm-remove-category_last {
    align-items: center
}

.confirm-remove-category.confirm-remove-category_last .confirm-remove-category__description {
    text-align: justify;
    margin: 15px 0 50px
}

.nav-tabs {
    display: flex
}

.nav-tabs__item {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transition: all .2s cubic-bezier(.785,.135,.15,.86) 0s;
    font-size: 13px;
    font-weight: 500;
    position: relative;
    padding: 7px 8px;
    outline: none;
    border-radius: 13px;
    color: #717171;
    margin-left: 10px
}

.dark-theme .nav-tabs__item {
    font-weight: 500
}

.nav-tabs__item:hover {
    background: #A2C44A;
    color: #fff
}

@supports (--theme-main-color-dark: $color-purple-dark) {
    .nav-tabs__item:hover {
        background:var(--theme-main-color-dark)
    }
}

.nav-tabs__item:after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    bottom: -18px;
    width: 100%
}

.nav-tabs__item_active {
    background: #A2C44A;
    font-size: 13px;
    font-weight: 500;
    color: #fff
}

@supports (--theme-main-color: $color-purple) {
    .nav-tabs__item_active {
        background:var(--theme-main-color)
    }
}

.nav-tabs__item_active:hover {
    background: #A2C44A;
    color: #fff;
    cursor: default
}

@supports (--theme-main-color: $color-purple) {
    .nav-tabs__item_active:hover {
        background:var(--theme-main-color)
    }
}

.nav-tabs__item_grey {
    color: #d8d8d8
}

.dark-theme .nav-tabs__item_grey {
    font-weight: 500;
    color: #717171
}

.nav-user-filters__title {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 12px;
    font-weight: 400;
    margin-bottom: 10px;
    color: #858585
}

.nav-user-filter {
    display: flex;
    align-items: center;
    padding: 5px 0;
    cursor: pointer
}

.nav-user-filter+.nav-user-filter {
    margin-top: 10px
}

.nav-user-filter__icon {
    fill: #A2C44A;
    flex-shrink: 0;
    width: 16px;
    height: 16px;
    margin: 0 10px 0 0
}

@supports (--theme-main-color: $color-purple) {
    .nav-user-filter__icon {
        fill:var(--theme-main-color)
    }
}

.nav-user-filter__text {
    font-size: 13px;
    font-weight: 400;
    flex-grow: 1;
    color: #4a4f55;
    display: flex;
    flex-wrap: wrap
}

.dark-theme .nav-user-filter__text {
    color: #abaeb0
}

.nav-user-filter__controls {
    flex-shrink: 0
}

.switch {
    display: block;
    position: relative;
    height: 14px;
    width: 24px;
    border-radius: 14px
}

.switch__checkbox {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0
}

.switch__checkbox:checked+.switch__handle {
    background: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .switch__checkbox:checked+.switch__handle {
        background:var(--theme-main-color)
    }
}

.dark-theme .switch__checkbox:checked+.switch__handle {
    background: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .dark-theme .switch__checkbox:checked+.switch__handle {
        background:var(--theme-main-color)
    }
}

.switch__checkbox:checked+.switch__handle:after {
    left: auto;
    right: 1px
}

.switch__handle {
    transition: background .2s cubic-bezier(.785,.135,.15,.86);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 14px;
    background: #ccc;
    cursor: pointer
}

.dark-theme .switch__handle {
    background: #384047
}

.dark-theme .cu-modal__create-new-space .switch__handle {
    background: #2b343b
}

.switch__handle:after {
    content: "";
    display: block;
    position: absolute;
    transition: left .2s cubic-bezier(.785,.135,.15,.86),right .2s cubic-bezier(.785,.135,.15,.86);
    height: 10px;
    width: 10px;
    top: 2px;
    left: 2px;
    border-radius: 50%;
    background: #fff
}

.dark-theme .switch__handle:after {
    background: #d5d6d7
}

.category-copy__title {
    font-size: 12px;
    font-weight: 500;
    line-height: 1;
    color: #222;
    margin: 15px 0 0
}

.category-copy__overlimit .cu-paywall-popover {
    max-width: none
}

.category-copy__options-block {
    border: 1px solid #e3e3e3;
    background-color: #fbfbfb;
    padding: 20px 20px 15px;
    margin-bottom: 25px
}

.dark-theme .category-copy__options-block {
    border-color: #1e272e;
    background: #2b343b
}

.category-copy__options-block .cu-form__label-radio {
    width: auto;
    cursor: pointer
}

.category-copy__options-block_has-bottom-section {
    margin-bottom: 0
}

.category-copy__options-block_no-border-top {
    border-top: 0
}

.category-copy__options-title {
    font-size: 12px;
    font-weight: 500;
    line-height: 20px;
    color: #222;
    margin-bottom: 20px
}

.dark-theme .category-copy__options-title {
    color: #abaeb0
}

.category-copy__options-header {
    display: flex;
    justify-content: space-between;
    padding-bottom: 20px;
    border-bottom: 1px solid #e4e4e4;
    margin-bottom: 20px
}

.dark-theme .category-copy__options-header {
    border-bottom-color: #384047
}

.category-copy__options-header_no-bottom-section {
    margin-bottom: 0;
    border-bottom: 0
}

.category-copy__options-body {
    display: flex;
    flex-wrap: wrap
}

.category-copy__options-body .cu-checkbox {
    width: 33%;
    margin: 0 0 14px
}

.category-copy_radio-label {
    font-size: 12px;
    font-weight: 400;
    line-height: 20px;
    color: #222;
    padding-left: 30px
}

.category-copy_radio-label:before {
    top: 0;
    width: 20px;
    height: 20px
}

.category-copy_radio-label:after {
    top: 4px;
    left: 4px;
    width: 12px;
    height: 12px
}

.category-copy__button-block {
    margin-top: 20px;
    text-align: right
}

.category-copy__button-block-tooltip {
    display: inline-block
}

.category-copy__input-block {
    margin-bottom: 30px
}

.category-copy_checkbox-label {
    font-size: 12px;
    font-weight: 400;
    line-height: 20px;
    color: #222;
    text-transform: capitalize;
    padding: 0 0 0 30px;
    align-items: flex-start
}

.category-copy_checkbox-label:before {
    width: 20px;
    height: 20px;
    top: -1px
}

.category-copy_checkbox-label:after {
    width: 12px;
    height: 12px;
    left: 4px;
    opacity: 0!important
}

.category-copy_checkbox-label.cu-checkbox_checked:after {
    opacity: 1!important
}

.category-copy_checkbox-label.cu-checkbox_muted:after {
    opacity: .5!important
}

.category-copy_checkbox-label.cu-checkbox_disabled {
    opacity: .5!important
}

.category-copy__category-list .category-list__search {
    margin-bottom: 15px
}

.category-copy__category-list .category-list__space {
    margin-bottom: 10px
}

.category-copy__category-list .cu-search__icon {
    left: 0;
    top: 25px
}

.category-copy__category-list .cu-search__input {
    padding-left: 28px
}

.category-copy__category-list .category-list__cat-list {
    margin: 0 -20px
}

.category-copy__category-list .category-list__cat-header {
    padding: 0 20px
}

.category-copy__location-body {
    border: 1px solid #e3e3e3;
    padding: 20px
}

.dark-theme .category-copy__location-body {
    border: 1px solid #1e272e
}

.category-copy__space {
    font-size: 11px;
    font-weight: 500;
    line-height: 14px;
    text-transform: uppercase;
    letter-spacing: 2px;
    color: #222;
    opacity: .3;
    margin-bottom: 10px
}

.dark-theme .category-copy__space {
    color: #abaeb0
}

.category-copy__project .cu-dropdown__toggle {
    position: relative;
    display: flex;
    align-items: center
}

.category-copy__project .cu-dropdown__toggle:hover .category-list__toggle-text {
    color: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .category-copy__project .cu-dropdown__toggle:hover .category-list__toggle-text {
        color:var(--theme-main-color)
    }
}

.category-copy__project .cu-dropdown__toggle .category-list__toggle-text {
    transition: all .2s cubic-bezier(.785,.135,.15,.86) 0s;
    font-size: 18px;
    font-weight: 500;
    line-height: 1;
    padding: 10px 5px 10px 0;
    color: #4a4a4a
}

.category-copy__project .cu-dropdown__toggle .category-list__dropdown-settings_down {
    display: block;
    width: 6px;
    height: 4px;
    cursor: pointer;
    opacity: .6
}

.category-copy__project .cu-dropdown__menu {
    margin-left: 0;
    margin-top: 0
}

.category-copy__project .cu-user-list {
    margin: 5px 0
}

.category-copy__project-item {
    transition: all .2s cubic-bezier(.785,.135,.15,.86) 0s;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.3;
    flex-grow: 1;
    display: block;
    color: #544d61;
    text-decoration: none;
    padding: 8px 20px;
    cursor: pointer
}

.category-copy__project-item:hover {
    transition: none
}

.category-copy__project-item:hover {
    color: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .category-copy__project-item:hover {
        color:var(--theme-main-color)
    }
}

.category-copy__project-item_selected {
    color: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .category-copy__project-item_selected {
        color:var(--theme-main-color)
    }
}

cu-due-date-picker.loading,cu-priorities-list.loading,cu-user-list.loading {
    position: relative
}

cu-due-date-picker.loading svg,cu-priorities-list.loading svg,cu-user-list.loading svg {
    opacity: 0
}

cu-due-date-picker.loading .cu-task-info__key,cu-priorities-list.loading .cu-task-info__key,cu-user-list.loading .cu-task-info__key {
    display: none
}

cu-due-date-picker.loading:before,cu-priorities-list.loading:before,cu-user-list.loading:before {
    content: "";
    display: block;
    position: absolute;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    z-index: 1;
    background: #f5f6f7
}

.dark-theme cu-due-date-picker.loading:before,.dark-theme cu-priorities-list.loading:before,.dark-theme cu-user-list.loading:before {
    background: #2b343b
}

.editor-loader {
    width: 100%;
    padding: 30px
}

.editor-loader__row {
    background: #f5f6f7;
    border-radius: 4px;
    width: 100%;
    height: 14px;
    margin: 0 0 12px
}

.dark-theme .editor-loader__row {
    background: #2b343b
}

.editor-loader__row_lead {
    height: 28px;
    width: 55%;
    margin: 0 0 20px
}

.editor-loader__row_last {
    width: 70%
}

.subtask-loader {
    width: 100%;
    padding: 10px 0
}

.subtask-loader__row {
    display: flex;
    align-items: center
}

.subtask-loader__row>* {
    background: #f5f6f7
}

.dark-theme .subtask-loader__row>* {
    background: #2b343b
}

.subtask-loader__row+.subtask-loader__row {
    margin-top: 20px
}

.subtask-loader__status {
    width: 12px;
    height: 12px;
    border-radius: 2px;
    margin: 0 15px 0 0
}

.subtask-loader__user {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    margin: 0 15px 0 0
}

.subtask-loader__name {
    width: 270px;
    height: 14px;
    border-radius: 4px
}

.attachments-loader__row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 50px;
    border-top: 1px solid #f5f6f7;
    padding: 0 30px
}

.dark-theme .attachments-loader__row {
    background: #384047;
    border-top: 1px solid #2b343b
}

.attachments-loader__row:last-child {
    border-bottom: 1px solid #f5f6f7
}

.dark-theme .attachments-loader__row:last-child {
    border-bottom: 1px solid #2b343b
}

.attachments-loader__preview {
    width: 30px;
    height: 36px;
    background: #f5f6f7
}

.dark-theme .attachments-loader__preview {
    background: #2b343b
}

.attachments-loader__name {
    width: 60%;
    height: 14px;
    border-radius: 4px;
    background: #f5f6f7
}

.dark-theme .attachments-loader__name {
    background: #2b343b
}

.attachments-loader__date {
    width: 20%;
    height: 14px;
    border-radius: 4px;
    background: #f5f6f7
}

.dark-theme .attachments-loader__date {
    background: #2b343b
}

.attachments-loader__delim {
    flex-grow: 1
}

.attachments-loader__user {
    width: 30px;
    height: 30px;
    border-radius: 30px;
    background: #f5f6f7
}

.dark-theme .attachments-loader__user {
    background: #2b343b
}

.skeleton-doc-header {
    display: flex;
    align-items: center;
    opacity: 0;
    animation-name: fadeIn;
    animation-duration: .1s;
    animation-iteration-count: 1;
    animation-delay: .25s;
    animation-fill-mode: forwards
}

.skeleton-doc-header div {
    background: #e8eaed
}

.dark-theme .skeleton-doc-header div {
    background: #384047
}

.skeleton-doc-header__breadcrumb {
    height: 24px;
    width: 176px;
    border-radius: 4px
}

.skeleton-doc-header__breadcrumb:first-child {
    margin-left: 16px
}

.skeleton-doc-header__breadcrumb_sm {
    width: 60px;
    margin-right: 13px
}

.skeleton-doc-header__share {
    width: 63px;
    height: 32px;
    margin-left: 10px;
    border-radius: 4px
}

.skeleton-doc-header__private {
    width: 110px;
    height: 32px;
    margin-left: 5px;
    border-radius: 4px
}

.skeleton-doc-header__tag-button {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    margin-right: 4px
}

.skeleton-doc-header__tags {
    max-width: 176px;
    overflow: hidden;
    display: flex
}

.skeleton-doc-header__tags-counter {
    width: 30px;
    border-radius: 4px
}

.skeleton-doc-header__tag {
    height: 20px;
    margin-right: 4px;
    border-radius: 4px;
    color: transparent
}

.skeleton-doc-header__button {
    width: 32px;
    height: 32px;
    margin-right: 2px;
    border-radius: 4px
}

.skeleton-doc-page-controls {
    height: 32px;
    width: 127px;
    border-radius: 4px;
    margin-left: 8px;
    background: #e8eaed;
    opacity: 0;
    animation-name: fadeIn;
    animation-duration: .1s;
    animation-iteration-count: 1;
    animation-delay: .25s;
    animation-fill-mode: forwards
}

.dark-theme .skeleton-doc-page-controls {
    background: #384047
}

.skeleton-doc-title {
    height: 200px;
    width: 100%;
    background: #e8eaed;
    opacity: 0;
    animation-name: fadeIn;
    animation-duration: .1s;
    animation-iteration-count: 1;
    animation-delay: .25s;
    animation-fill-mode: forwards
}

.dark-theme .skeleton-doc-title {
    background: #384047
}

.skeleton-doc-sidebar-header {
    padding: 5px 12px 0 14px;
    display: flex;
    margin-bottom: 16px;
    opacity: 0;
    animation-name: fadeIn;
    animation-duration: .1s;
    animation-iteration-count: 1;
    animation-delay: .25s;
    animation-fill-mode: forwards
}

.skeleton-doc-sidebar-header div {
    background: #d6d9de
}

.dark-theme .skeleton-doc-sidebar-header div {
    background: #384047
}

.skeleton-doc-sidebar-header__title {
    width: 174px;
    height: 24px;
    margin-right: auto
}

.skeleton-doc-sidebar-header__button {
    height: 24px;
    width: 24px;
    border-radius: 4px;
    margin-left: 2px
}

.skeleton-doc-sidebar-list {
    padding: 0 12px 0 26px;
    opacity: 0;
    animation-name: fadeIn;
    animation-duration: .1s;
    animation-iteration-count: 1;
    animation-delay: .25s;
    animation-fill-mode: forwards
}

.skeleton-doc-sidebar-list div {
    background: #d6d9de;
    height: 16px;
    margin-bottom: 16px
}

.dark-theme .skeleton-doc-sidebar-list div {
    background: #384047
}

.skeleton-doc-sidebar-list__leading-item {
    width: 174px
}

.skeleton-doc-sidebar-list__item {
    width: 105px
}

.skeleton-doc-sidebar-list__sub-item {
    width: 60px
}

.emoticons__toggle {
    transition: all .2s cubic-bezier(.785,.135,.15,.86) 0s;
    width: 28px;
    height: 28px;
    padding: 2px;
    cursor: pointer;
    transition: .1s;
    fill: #c8cbdb
}

.emoticons__toggle:hover {
    transition: none
}

.dark-theme .emoticons__toggle {
    fill: #828588
}

.emoticons__toggle:hover {
    fill: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .emoticons__toggle:hover {
        fill:var(--theme-main-color)
    }
}

.emoticons.cu-dropdown_open .emoticons__toggle {
    fill: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .emoticons.cu-dropdown_open .emoticons__toggle {
        fill:var(--theme-main-color)
    }
}

.emoticons__menu {
    width: 330px
}

.emoticons__menu-comment-bar {
    margin-left: 10px;
    margin-top: -4px!important
}

.emoticons__content {
    width: 100%;
    max-height: 250px;
    overflow: auto;
    padding: 15px 10px 10px
}

.emoticons-section__title {
    font-size: 14px;
    font-weight: 500;
    margin: 5px
}

.dark-theme .emoticons-section__title {
    color: #d5d6d7
}

.emoticons-section+.emoticons-section .emoticons-section__title {
    margin-top: 20px
}

.emoticons-section__content {
    display: flex;
    flex-wrap: wrap
}

.emoticons-section__content {
    display: flex
}

.emoticon {
    transition: all .2s cubic-bezier(.785,.135,.15,.86) 0s;
    width: 32px;
    height: 32px;
    margin: 3px;
    border-radius: 4px;
    background-size: 24px;
    background-repeat: no-repeat;
    background-position: center;
    cursor: pointer
}

.emoticon:hover {
    transition: none
}

.emoticon:hover {
    background-color: #f1f1f1
}

.dark-theme .emoticon:hover {
    background-color: #2b343b
}

.emoticon+.emoticons-no-result {
    display: none
}

.emoticon.emoticon_selected {
    background-color: #f1f1f1
}

.dark-theme .emoticon.emoticon_selected {
    background-color: #2b343b
}

.emoticons-no-result {
    font-size: 13px;
    font-weight: 400;
    display: block;
    padding: 10px 5px;
    color: #34343466
}

.dark-theme .emoticons-no-result {
    color: #828588
}

.emoticons-search {
    display: flex;
    align-items: center;
    border-bottom: 1px solid #e4e4e4
}

.dark-theme .emoticons-search {
    border-bottom: 1px solid #1e272e
}

.emoticons-search__icon {
    transition: all .2s cubic-bezier(.785,.135,.15,.86) 0s;
    order: 1;
    width: 16px;
    height: 16px;
    margin: 0 0 0 10px;
    flex-shrink: 0;
    stroke: #cccdde
}

.emoticons-search__icon:hover {
    transition: none
}

.emoticons-search__input {
    font-size: 14px;
    font-weight: 400;
    flex-grow: 1;
    order: 2;
    border: none;
    height: 40px;
    padding: 12px 10px 8px;
    color: #343434cc;
    background: transparent
}

.emoticons-search__input::placeholder {
    color: #34343466;
    opacity: 1;
    font-size: 14px
}

.dark-theme .emoticons-search__input {
    color: #d5d6d7
}

.dark-theme .emoticons-search__input::placeholder {
    color: #d5d6d766;
    opacity: 1;
    font-size: 14px
}

.emoticons-search__input:focus {
    box-shadow: none
}

.emoticons-search__input:focus+.emoticons-search__icon {
    stroke: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .emoticons-search__input:focus+.emoticons-search__icon {
        stroke:var(--theme-main-color)
    }
}

.cu-emoticon {
    display: inline-block;
    overflow: hidden;
    width: 20px;
    margin: 0 2px;
    vertical-align: middle;
    background-size: 18px;
    background-repeat: no-repeat;
    background-position: center top;
    -webkit-user-select: none;
    user-select: none;
    padding: 1px 0 0 1px;
    font-family: initial
}

.cu-emoticon>span {
    width: 20px;
    height: 20px;
    display: inline-block
}

.cu-section-overview {
    width: 100%;
    height: 100%
}

.cu-section-overview .lv-category__toggle-marker {
    top: 25px
}

.cu-section-overview .attachment-tile__inner:hover .cu-attachment-preview_large .cu-attachment-preview__cover {
    display: none
}

.cu-section-overview__title {
    display: flex;
    align-items: center;
    margin-top: -5px
}

.cu-section-overview__icons {
    flex-shrink: 0;
    cursor: pointer;
    display: flex;
    align-items: center;
    height: 50px;
    padding: 0 15px;
    margin: 0 -15px
}

.cu-section-overview__attachment-icon {
    width: 12px;
    height: 12px;
    margin: 2px 5px 0;
    fill: #cfd0df
}

.contrast_high .cu-section-overview__attachment-icon {
    fill: #979797
}

.cu-section-overview__content-icon {
    width: 14px;
    height: 14px;
    margin: 0 5px;
    stroke: #cfd0df
}

.contrast_high .cu-section-overview__content-icon {
    stroke: #979797
}

.cu-section-overview__body {
    padding: 10px 10px 0;
    height: 100%
}

.cu-section-overview__body .ql-editor p {
    word-break: break-word;
    overflow-wrap: break-word;
    word-wrap: break-word;
    -webkit-hyphens: auto;
    hyphens: auto
}

.cu-section-overview__column {
    flex-basis: 0;
    flex-grow: 1
}

.cu-section-overview__column_main {
    border-right: 1px solid #e4e4e4;
    background: #fff
}

.cu-section-overview__breadcrumbs {
    font-size: 11px;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.cu-section-overview__breadcrumbs span {
    color: #82868d
}

.cu-section-overview__breadcrumbs span:last-child {
    font-weight: 500
}

.cu-section-overview__breadcrumbs use {
    fill: #82868d
}

.cu-section-overview__breadcrumbs_dark span {
    color: #111
}

.cu-section-overview__breadcrumbs_dark use {
    fill: #111
}

.cu-section-overview__header-title {
    font-size: 24px;
    font-weight: 400;
    line-height: 1
}

.cu-section-overview__header-row {
    margin: 0 30px;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.cu-section-overview__header-row .lv-location__info {
    justify-content: flex-start;
    padding-left: 0;
    margin-top: 20px
}

.cu-section-overview__header-row .lv-location__info-item {
    color: #82868d
}

.cu-section-overview__header-row_colored {
    margin: -10px -10px 0;
    padding: 25px 25px 0 40px
}

.cu-section-overview__header-row_colored-not-white {
    padding-bottom: 25px
}

.cu-section-overview__header-row_colored-not-white .cu-section-overview__breadcrumbs * span {
    color: #fff
}

.cu-section-overview__header-row_colored-not-white .cu-section-overview__breadcrumbs * use {
    fill: #fff
}

.cu-section-overview__header-row_title-block {
    margin-top: 30px;
    justify-content: flex-start
}

.cu-section-overview__menu {
    fill: #bcc0c7;
    width: 30px;
    height: 17px;
    margin-left: 15px;
    cursor: pointer;
    transition: all .2s cubic-bezier(.785,.135,.15,.86) 0s
}

.cu-section-overview__menu:hover {
    transition: none
}

.cu-section-overview__menu:hover {
    fill: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .cu-section-overview__menu:hover {
        fill:var(--theme-main-color)
    }
}

.cu-section-overview-column {
    display: flex;
    flex-direction: column;
    flex-grow: 1
}

.cu-section-overview-column_main {
    background: #fff
}

.dark-theme .cu-section-overview-column_main {
    border-right: 1px solid #1e272e;
    background: #384047
}

.cu-section-overview-column__body {
    flex-grow: 1
}

.cu-section-overview-column_comments .cu-section-overview-column__body {
    padding: 15px 10px 5px
}

.cu-section-overview-column__footer {
    position: relative;
    flex-shrink: 0
}

.cu-section-overview-column__footer:before {
    content: "";
    display: block;
    position: absolute;
    z-index: 1;
    top: -15px;
    left: 0;
    width: 100%;
    height: 15px;
    background-image: linear-gradient(-180deg,transparent 0%,rgba(0,0,0,.05) 100%)
}

.cu-section-overview-column_comments .cu-section-overview-column__footer {
    bottom: 0;
    position: sticky;
    z-index: 1;
    margin: 0 -10px
}

.cu-section-overview-toggle {
    display: inline-flex;
    align-items: center;
    margin: 0 0 0 -16px;
    cursor: pointer;
    -webkit-user-select: none;
    user-select: none;
    position: relative;
    z-index: 1
}

.cu-section-overview-toggle__icon {
    width: 16px;
    height: 16px;
    fill: #34343466
}

.cu-section-overview-toggle_open .cu-section-overview-toggle__icon {
    transform: rotate(90deg)
}

.cu-section-overview-toggle__text {
    font-size: 10px;
    font-weight: 500;
    padding: 3px 0 0;
    color: #34343466;
    text-transform: uppercase
}

.section-datepicker {
    transition: all .2s cubic-bezier(.785,.135,.15,.86) 0s;
    display: inline-flex;
    align-items: center;
    border-radius: 12px;
    margin-right: 5px;
    padding: 1px 11px;
    background: transparent;
    border: 1px solid #e9ebf0
}

.dark-theme .section-datepicker {
    border-color: #82868d
}

.section-datepicker:hover {
    background: #fafbfc
}

.dark-theme .section-datepicker:hover {
    background: #2b343b;
    border-color: #2b343b
}

.section-datepicker:hover .section-datepicker__icon {
    fill: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .section-datepicker:hover .section-datepicker__icon {
        fill:var(--theme-main-color)
    }
}

.section-datepicker:hover .section-datepicker__text {
    color: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .section-datepicker:hover .section-datepicker__text {
        color:var(--theme-main-color)
    }
}

.section-datepicker_empty {
    background: none
}

.section-datepicker__icon {
    width: 12px;
    height: 12px;
    margin: 0 5px 0 0;
    fill: #34343466
}

.dark-theme .section-datepicker__icon {
    fill: #828588
}

.section-datepicker__icon use {
    transition: all .2s cubic-bezier(.785,.135,.15,.86) 0s
}

.section-datepicker__text {
    transition: all .2s cubic-bezier(.785,.135,.15,.86) 0s;
    font-size: 11px;
    font-weight: 400;
    padding: 6px 0;
    color: #34343466
}

.dark-theme .section-datepicker__text {
    color: #828588
}

.section-datepicker__delim {
    position: relative;
    overflow: hidden;
    width: 15px;
    height: 22px;
    margin: 0 0 0 5px
}

.section-datepicker__delim:before,.section-datepicker__delim:after {
    content: "";
    display: block;
    position: absolute;
    left: 50%;
    width: 1px;
    height: 30px;
    background-color: #c2c2c2
}

.section-datepicker__delim:before {
    bottom: 50%;
    transform-origin: center bottom;
    transform: rotate(-30deg)
}

.section-datepicker__delim:after {
    top: 50%;
    transform-origin: center top;
    transform: rotate(30deg)
}

.section-color-picker {
    margin: 0 15px 0 5px;
    position: relative;
    display: flex;
    align-items: center
}

.section-color-picker__color-picker-panel {
    width: 195px;
    -webkit-user-select: none;
    user-select: none;
    display: block;
    margin-top: 10px
}

.section-color-picker__toggle {
    width: 22px;
    height: 22px;
    border-radius: 50%;
    border: 3px solid #fafbfc;
    cursor: pointer
}

.section-color-picker__toggle_empty {
    background: none;
    border: none
}

.section-color-picker__toggle_full {
    margin: 3px;
    width: 16px;
    height: 16px;
    border-color: transparent
}

.section-color-picker__icon {
    transition: all .2s cubic-bezier(.785,.135,.15,.86) 0s;
    width: 22px;
    height: 22px;
    padding: 5px;
    border: 1px dashed rgba(52,52,52,.4);
    border-radius: 50%;
    cursor: pointer
}

.dark-theme .section-color-picker__icon {
    border: 1px dashed #c2c2c2
}

.section-color-picker__icon:hover {
    border-color: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .section-color-picker__icon:hover {
        border-color:var(--theme-main-color)
    }
}

.section-color-picker__icon:hover use {
    fill: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .section-color-picker__icon:hover use {
        fill:var(--theme-main-color)
    }
}

.section-color-picker__icon use {
    transition: all .2s cubic-bezier(.785,.135,.15,.86) 0s;
    fill: #adabaf
}

.section-color-picker__menu {
    width: 180px;
    padding: 10px
}

.section-color-picker__body {
    display: flex;
    flex-wrap: wrap
}

.section-color-picker__label {
    font-size: 11px;
    font-weight: 500;
    line-height: 1;
    cursor: pointer;
    margin-right: 3px
}

.cu-google-chrome-ext__timer {
    font-size: 17px;
    font-weight: 400;
    line-height: 1;
    margin: 10px 0 20px;
    display: none;
    flex-direction: column;
    align-items: center
}

.cu-google-chrome-ext__timer.cu-google-chrome-ext_installed {
    display: flex
}

.cu-google-chrome-ext__timer-button {
    width: 34px;
    height: 34px;
    margin-top: 7px
}

.cu-google-chrome-ext__timer-button_show {
    display: block
}

.cu-google-chrome-ext__timer-button-target {
    width: 36px;
    height: 36px;
    position: absolute
}

.cu-google-chrome-ext__timer-button-target.active+svg .cu-fill_timer {
    fill: #f81c07
}

.cu-google-chrome-ext__timer-button-target.active+svg .cu-stroke {
    stroke: #f81c07
}

.cu-google-chrome-ext__timer-button svg {
    pointer-events: none!important
}

.cu-google-chrome-ext__timer-button .cu-stroke {
    stroke: #cbc9cf
}

.cu-google-chrome-ext__timer-button .cu-fill_timer {
    fill: #cbc9cf
}

.cu-google-chrome-ext__timer-button:hover .cu-fill_timer {
    fill: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .cu-google-chrome-ext__timer-button:hover .cu-fill_timer {
        fill:var(--theme-main-color)
    }
}

.cu-google-chrome-ext__timer-button:hover .cu-stroke {
    stroke: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .cu-google-chrome-ext__timer-button:hover .cu-stroke {
        stroke:var(--theme-main-color)
    }
}

.cu-google-chrome-ext__timer-title_start {
    display: inline-block
}

.cu-google-chrome-ext__timer-button.active .cu-google-chrome-ext__timer-title_start,.cu-google-chrome-ext__timer-title_stop {
    display: none
}

.cu-google-chrome-ext__timer-button.active .cu-google-chrome-ext__timer-title_stop {
    display: inline-block
}

.git-commits-selector .cu-category__controls {
    top: 2px
}

.git-commits-selector__attach-all {
    border: 1px solid var(--theme-main-color);
    border-radius: 4px;
    text-align: center;
    padding: 0;
    cursor: pointer;
    margin-bottom: 7px
}

.git-commits-selector__controls {
    border-color: #343434;
    border-width: 1px;
    width: 15px;
    height: 15px
}

.cu-category_open .git-commits-selector__controls {
    width: 15px;
    height: 15px;
    border-width: 1px;
    border-color: #343434
}

.dark-theme .git-commits-selector__controls {
    border-color: #abaeb0
}

.git-commits-selector__controls-header {
    border-color: #A2C44A
}

@supports (--theme-main-color-dark: $color-purple-dark) {
    .git-commits-selector__controls-header {
        border-color:var(--theme-main-color-dark)
    }
}

.dark-theme .git-commits-selector__controls-header {
    border-color: #A2C44A
}

@supports (--theme-main-color-dark: $color-purple-dark) {
    .dark-theme .git-commits-selector__controls-header {
        border-color:var(--theme-main-color-dark)
    }
}

.git-commits-selector__controls:after,.git-commits-selector__controls:before {
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    background-color: #343434
}

.dark-theme .git-commits-selector__controls:after,.dark-theme .git-commits-selector__controls:before {
    background-color: #abaeb0!important
}

.git-commits-selector__controls-header:after,.git-commits-selector__controls-header:before {
    background-color: #A2C44A
}

@supports (--theme-main-color-dark: $color-purple-dark) {
    .git-commits-selector__controls-header:after,.git-commits-selector__controls-header:before {
        background-color:var(--theme-main-color-dark)
    }
}

.dark-theme .git-commits-selector__controls-header:after,.dark-theme .git-commits-selector__controls-header:before {
    background-color: #A2C44A
}

@supports (--theme-main-color-dark: $color-purple-dark) {
    .dark-theme .git-commits-selector__controls-header:after,.dark-theme .git-commits-selector__controls-header:before {
        background-color:var(--theme-main-color-dark)
    }
}

.git-commits-selector__controls:after {
    width: 1px;
    height: 9px
}

.git-commits-selector__controls:before {
    width: 9px;
    height: 1px
}

.cu-category_open .git-commits-selector__controls:before {
    width: 9px;
    height: 1px;
    top: 0;
    left: 0;
    border-width: 1px;
    background-color: #343434
}

.dark-theme .cu-category_open .git-commits-selector__controls:before {
    color: #A2C44A
}

@supports (--theme-main-color-dark: $color-purple-dark) {
    .dark-theme .cu-category_open .git-commits-selector__controls:before {
        color:var(--theme-main-color-dark)
    }
}

.git-commits-selector__item.cu-category_open:before {
    background-color: #343434;
    width: 1px
}

.dark-theme .git-commits-selector__item.cu-category_open:before {
    background-color: #abaeb0
}

.git-commits-selector__name {
    font-size: 17px;
    font-weight: 300;
    line-height: 21px;
    color: #343434;
    word-break: break-word
}

.dark-theme .git-commits-selector__name {
    color: #abaeb0
}

.git-commits-selector__name-header {
    color: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .git-commits-selector__name-header {
        color:var(--theme-main-color)
    }
}

.dark-theme .git-commits-selector__name-header {
    color: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .dark-theme .git-commits-selector__name-header {
        color:var(--theme-main-color)
    }
}

.notifications-settings__slide-container {
    border-top: 1px solid #e9e9e9;
    border-bottom: 1px solid #e9e9e9;
    padding-top: 20px;
    padding-bottom: 20px;
    display: flex;
    flex-direction: column
}

.dark-theme .notifications-settings__slide-container {
    border-color: #384047
}

.notifications-settings__slide-container+.notifications-settings__slide-container {
    margin-top: -1px
}

.notifications-settings__slide-container.in-table {
    border: 0
}

.notifications-settings__slide-head {
    height: 25px;
    box-sizing: border-box;
    display: flex;
    cursor: pointer
}

.notifications-settings__slide-head:hover .notifications-settings__slide-head__arrow svg {
    fill: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .notifications-settings__slide-head:hover .notifications-settings__slide-head__arrow svg {
        fill:var(--theme-main-color)
    }
}

.notifications-settings__slide-head__arrow {
    width: 23px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    overflow: hidden
}

.notifications-settings__slide-head__arrow svg {
    fill: #bbb;
    height: 22px;
    width: 25px;
    transform: rotate(90deg);
    position: relative;
    left: -4px;
    transition: all .2s cubic-bezier(.785,.135,.15,.86) 0s
}

.notifications-settings__slide-head__arrow svg:hover {
    transition: none
}

.notifications-settings__slide-container-active .notifications-settings__slide-head__arrow svg {
    transform: rotate(-90deg)
}

.notifications-settings__slide-head__text {
    font-size: 18px;
    font-weight: 500;
    line-height: 24px;
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center
}

.notifications-settings__slide-body {
    max-height: 0;
    transition: max-height .2s ease-in-out;
    overflow: hidden
}

.notifications-settings__slide-container-active .notifications-settings__slide-body {
    max-height: 1000px;
    overflow: visible
}

.notifications-settings__slide-row {
    margin-top: 10px
}

.notifications-settings__slide-row-left-space {
    padding-left: 24px
}

.notifications-settings__slide-row-left-space.in-table {
    padding-left: 5px
}

.notifications-settings__slide-row+.notifications-settings__slide-row {
    margin-top: 15px
}

.notifications-settings__slide-row .radio-item {
    cursor: pointer;
    line-height: 20px;
    position: relative
}

.notifications-settings__slide-row .radio-item-input {
    display: none
}

.notifications-settings__slide-row .radio-item-input:checked+.radio-item-text:after {
    background-color: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .notifications-settings__slide-row .radio-item-input:checked+.radio-item-text:after {
        background-color:var(--theme-main-color)
    }
}

.notifications-settings__slide-row .radio-item-input-square+.radio-item-text:before {
    border-radius: 3px
}

.notifications-settings__slide-row .radio-item-input-square+.radio-item-text:after {
    border-radius: 3px
}

.notifications-settings__slide-row .radio-item:hover .radio-item-text:before {
    border-color: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .notifications-settings__slide-row .radio-item:hover .radio-item-text:before {
        border-color:var(--theme-main-color)
    }
}

.notifications-settings__slide-row .radio-item-text {
    position: relative;
    padding-left: 30px
}

.notifications-settings__slide-row .radio-item-text:before {
    transition: all .2s cubic-bezier(.785,.135,.15,.86) 0s;
    content: "";
    width: 20px;
    height: 20px;
    border-radius: 50%;
    border: 1px solid #d8d8d8;
    position: absolute;
    display: block;
    left: 0
}

.notifications-settings__slide-row .radio-item-text:before:hover {
    transition: none
}

.notifications-settings__slide-row .radio-item-text:after {
    transition: all .2s cubic-bezier(.785,.135,.15,.86) 0s;
    content: "";
    width: 12px;
    height: 12px;
    border-radius: 50%;
    position: absolute;
    display: block;
    left: 4px;
    top: 4px;
    bottom: 0
}

.notifications-settings__slide-row .radio-item-text:after:hover {
    transition: none
}

.notifications-settings__slide-row .checkbox-item {
    cursor: pointer;
    display: inline-block;
    line-height: 20px;
    position: relative
}

.notifications-settings__slide-row .checkbox-item-input {
    display: none
}

.notifications-settings__slide-row .checkbox-item-input:checked+.checkbox-item-text:after {
    background-color: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .notifications-settings__slide-row .checkbox-item-input:checked+.checkbox-item-text:after {
        background-color:var(--theme-main-color)
    }
}

.notifications-settings__slide-row .checkbox-item:hover .checkbox-item-text:before {
    border-color: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .notifications-settings__slide-row .checkbox-item:hover .checkbox-item-text:before {
        border-color:var(--theme-main-color)
    }
}

.notifications-settings__slide-row .checkbox-item-text {
    padding-left: 30px
}

.notifications-settings__slide-row .checkbox-item-text-empty {
    padding-left: 24px
}

.notifications-settings__slide-row .checkbox-item-text:before {
    content: "";
    width: 20px;
    height: 20px;
    border-radius: 3px;
    border: 1px solid #d8d8d8;
    position: absolute;
    display: block;
    left: 0;
    top: 0;
    transition: all .2s cubic-bezier(.785,.135,.15,.86) 0s
}

.notifications-settings__slide-row .checkbox-item-text:before:hover {
    transition: none
}

.notifications-settings__slide-row .checkbox-item-text:after {
    content: "";
    width: 12px;
    height: 12px;
    border-radius: 3px;
    position: absolute;
    display: block;
    left: 4px;
    top: 0;
    bottom: 0;
    margin: auto 0;
    transition: all .2s cubic-bezier(.785,.135,.15,.86) 0s
}

.notifications-settings__slide-row .checkbox-item-text:after:hover {
    transition: none
}

.notifications-table__head {
    display: flex;
    flex-direction: row;
    border-bottom: 1px solid #e9e9e9;
    position: sticky;
    top: -40px;
    background: #fff;
    opacity: .95;
    z-index: 1
}

.dark-theme .notifications-table__head {
    border-color: #384047;
    background: #1e272e
}

.notifications-table__head__item {
    font-size: 14px;
    font-weight: 500;
    line-height: 24px;
    position: relative;
    display: flex;
    justify-content: center;
    flex-direction: column;
    height: 65px;
    text-align: center
}

.notifications-table__head__item-content {
    position: relative
}

@media (max-width: 1425px) {
    [lang=es-ES] .notifications-table__head__item-content,[lang=pt-BR] .notifications-table__head__item-content {
        align-items:center;
        display: flex;
        word-break: normal;
        white-space: break-spaces
    }
}

.notifications-table__head__item-enable {
    position: absolute;
    bottom: -10px;
    left: 0;
    text-decoration: underline;
    cursor: pointer;
    width: 100%;
    text-align: center
}

.notifications-table__head__item:hover .notifications-settings__sound-all,.notifications-table__head__item:hover .notifications-settings__check-all {
    opacity: 1
}

.notifications-table__head__item:first-child {
    font-size: 18px;
    font-weight: 500;
    line-height: 24px;
    flex-grow: 1;
    text-align: left
}

.notifications-table__head__item+.notifications-table__head__item {
    white-space: nowrap;
    width: 16%
}

[lang=es-ES] .notifications-table__head__item+.notifications-table__head__item {
    width: 14%
}

@media (min-width: 1380px) and (max-width: 1425px) {
    [lang=es-ES] .notifications-table__head__item+.notifications-table__head__item {
        width:13%
    }
}

[lang=pt-BR] .notifications-table__head__item+.notifications-table__head__item {
    width: 14%
}

@media (min-width: 1386px) and (max-width: 1425px) {
    [lang=pt-BR] .notifications-table__head__item+.notifications-table__head__item {
        width:13%
    }
}

.notifications-table__row {
    display: flex;
    flex-direction: row;
    border-top: 1px solid #e9e9e9;
    border-bottom: 1px solid #e9e9e9;
    position: relative;
    padding: 10px 0
}

.dark-theme .notifications-table__row {
    border-color: #384047
}

.notifications-table__row:hover .notifications-table__body__item-select-all {
    opacity: 1;
    visibility: visible
}

.notifications-table__row+.notifications-table__row {
    margin-top: -1px
}

.notifications-table__angle {
    width: 30px;
    height: 30px;
    display: inline-block;
    cursor: pointer
}

.notifications-table__angle-disabled {
    cursor: default!important
}

.notifications-table__angle-disabled svg {
    stroke: #384047!important
}

.notifications-table__angle svg {
    transition: all .2s cubic-bezier(.785,.135,.15,.86) 0s;
    vertical-align: middle;
    transition-property: opacity,visibility,stroke;
    transition-timing-function: ease-in-out
}

.notifications-table__angle svg:hover {
    transition: none
}

.notifications-table__sound {
    position: absolute;
    right: -40px;
    top: 0;
    width: 18px;
    height: 20px;
    cursor: pointer
}

.notifications-table__sound-icon {
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    visibility: hidden;
    stroke: #A2C44A;
    transition-property: opacity,visibility,fill;
    transition-duration: .2s;
    transition-timing-function: ease-in-out
}

@supports (--theme-main-color: $color-purple) {
    .notifications-table__sound-icon {
        stroke:var(--theme-main-color)
    }
}

.notifications-table__body__option {
    text-align: center;
    width: 30px;
    position: relative;
    display: inline-block
}

.notifications-table__body__item {
    display: flex;
    justify-content: center;
    flex-direction: column;
    min-height: 72px;
    text-align: center
}

.notifications-table__body__item .notifications-table__sound-active .notifications-table__sound-icon-on {
    opacity: 1;
    visibility: visible
}

.notifications-table__body__item .notifications-table__sound-active .notifications-table__sound-icon-off {
    opacity: 0;
    visibility: hidden
}

.notifications-table__body__item:hover .notifications-table__sound-default .notifications-table__sound-icon-on {
    opacity: 1;
    visibility: visible
}

.notifications-table__body__item:hover .notifications-table__sound-default .notifications-table__sound-icon-off,.notifications-table__body__item-sound-off .notifications-table__sound-icon-on {
    opacity: 0;
    visibility: hidden
}

.notifications-table__body__item-sound-off .notifications-table__sound-icon-off {
    opacity: 1;
    visibility: visible
}

.notifications-table__body__item-select-all {
    display: inline-block;
    width: 30px;
    height: 30px;
    margin-left: 10px;
    margin-right: 8px;
    line-height: 30px
}

.notifications-table__body__item-content_first-column {
    display: flex;
    flex-wrap: wrap;
    align-items: center
}

.notifications-table__body__item-label {
    display: inline-flex;
    align-items: center;
    position: relative
}

.notifications-table__body__item-label_compressed {
    width: 200px
}

@media (min-width: 1380px) and (max-width: 1425px) {
    [lang=es-ES] .notifications-table__body__item-label_compressed,[lang=pt-BR] .notifications-table__body__item-label_compressed {
        width:175px
    }
}

.notifications-table__body__item-label-text {
    font-size: 14px;
    font-weight: 400;
    line-height: 1.3
}

[lang=es-ES] .notifications-table__body__item-label-text,[lang=pt-BR] .notifications-table__body__item-label-text {
    width: 150px
}

.notifications-table__body__item-label-question {
    display: inline-block;
    width: 14px;
    height: 14px;
    margin-bottom: -3px
}

.notifications-table__body__item-label-question use {
    fill: #818193
}

.notifications-table__body__item-select-all {
    transition: all .2s cubic-bezier(.785,.135,.15,.86) 0s;
    stroke: #A2C44A;
    width: 30px;
    height: 30px;
    line-height: 30px;
    cursor: pointer;
    opacity: 0;
    visibility: hidden
}

@supports (--theme-main-color: $color-purple) {
    .notifications-table__body__item-select-all {
        stroke:var(--theme-main-color)
    }
}

.notifications-table__body__item-select-all svg {
    vertical-align: middle
}

.notifications-table__body__item:first-child {
    text-align: left;
    flex: 1
}

.notifications-table__body__item+.notifications-table__body__item {
    width: 16%
}

[lang=es-ES] .notifications-table__body__item+.notifications-table__body__item {
    width: 14%
}

@media (min-width: 1380px) and (max-width: 1425px) {
    [lang=es-ES] .notifications-table__body__item+.notifications-table__body__item {
        width:13%
    }
}

[lang=pt-BR] .notifications-table__body__item+.notifications-table__body__item {
    width: 14%
}

@media (min-width: 1386px) and (max-width: 1425px) {
    [lang=pt-BR] .notifications-table__body__item+.notifications-table__body__item {
        width:13%
    }
}

.notifications-table__body__item+.notifications-table__body__item.notifications-table__body__item-time-select .notifications-table__body__option {
    width: auto
}

.notifications-table__body__item-disable .notifications-table__angle svg {
    stroke: #e3e3e3
}

.dark-theme .notifications-table__body__item-disable .notifications-table__angle svg {
    stroke: #384047
}

.notifications-table__body__item-active .notifications-table__angle svg {
    stroke: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .notifications-table__body__item-active .notifications-table__angle svg {
        stroke:var(--theme-main-color)
    }
}

.notifications-table__body__item-freeze,.notifications-table__body__item-freeze .notifications-table__angle {
    cursor: default
}

.notifications-table__body__item-freeze .notifications-table__angle svg {
    stroke: #A2C44A;
    opacity: .5;
    cursor: default
}

@supports (--theme-main-color: $color-purple) {
    .notifications-table__body__item-freeze .notifications-table__angle svg {
        stroke:var(--theme-main-color)
    }
}

.notifications-table__body__item-freeze .notifications-table__angle .notifications-table__angle-mandatory {
    position: absolute;
    right: -11px;
    opacity: 1;
    fill: #dc6e7b;
    stroke: none
}

.notifications-settings {
    padding-bottom: 30px
}

.notifications-settings__check-all {
    margin-right: 5px;
    height: 30px;
    width: 30px;
    text-align: center;
    line-height: 30px;
    cursor: pointer;
    opacity: 0;
    transition: all .2s cubic-bezier(.785,.135,.15,.86) 0s;
    display: inline-block
}

.notifications-settings__check-all:hover {
    transition: none
}

.notifications-settings__check-all svg {
    vertical-align: middle;
    stroke: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .notifications-settings__check-all svg {
        stroke:var(--theme-main-color)
    }
}

.notifications-settings__sound-all {
    margin-right: 15px;
    height: 30px;
    width: 20px;
    text-align: center;
    line-height: 30px;
    cursor: pointer;
    opacity: 0;
    transition: all .2s cubic-bezier(.785,.135,.15,.86) 0s;
    display: inline-block;
    vertical-align: middle;
    position: relative
}

.notifications-settings__sound-all:hover {
    transition: none
}

.notifications-settings__sound-all svg {
    transition: all .2s cubic-bezier(.785,.135,.15,.86) 0s;
    vertical-align: middle;
    transition-property: opacity,visibility;
    transition-timing-function: ease-in-out
}

.notifications-settings__sound-all svg:hover {
    transition: none
}

.notifications-settings__sound-all.notifications-settings__unsound-all .notifications-settings__sound-all-icon {
    opacity: 0;
    visibility: hidden
}

.notifications-settings__sound-all.notifications-settings__unsound-all .notifications-settings__sound-all-icon-off {
    opacity: 1;
    visibility: visible
}

.notifications-settings__sound-all-icon {
    transition: all .2s cubic-bezier(.785,.135,.15,.86) 0s;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto 0
}

.notifications-settings__sound-all-icon:hover {
    transition: none
}

.notifications-settings__sound-all-icon-off {
    opacity: 0;
    visibility: hidden
}

.notifications-settings__sound-all-icon svg {
    transition: all .2s cubic-bezier(.785,.135,.15,.86) 0s;
    vertical-align: middle;
    transition-property: opacity,visibility;
    transition-timing-function: ease-in-out
}

.notifications-settings__sound-all-icon svg:hover {
    transition: none
}

.notifications-settings__sound-all-hide {
    cursor: default
}

.notifications-settings__sound-all-hide svg {
    display: none
}

.notifications-settings__sound-all svg {
    vertical-align: middle;
    stroke: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .notifications-settings__sound-all svg {
        stroke:var(--theme-main-color)
    }
}

.notifications-dropdown {
    display: inline-block;
    vertical-align: middle
}

.notifications-dropdown-my-tasks .notifications-dropdown__body {
    white-space: nowrap
}

@media (max-width: 1350px) {
    .notifications-dropdown-my-tasks {
        margin-bottom:10px
    }
}

.notifications-dropdown-between-text {
    margin: 0 10px
}

.notifications-dropdown-time-periods {
    width: 58px;
    height: 30px;
    margin-left: 8px;
    display: inline-block
}

.notifications-dropdown-duedates {
    margin-bottom: 5px
}

.notifications-dropdown-duedates .notifications-dropdown__body {
    display: inline-flex;
    align-items: center;
    width: auto;
    border-width: 0;
    padding: 0;
    height: auto
}

.notifications-dropdown-duedates .notifications-dropdown__list {
    width: auto
}

.notifications-dropdown-duedates .notifications-dropdown__item {
    white-space: nowrap
}

.notifications-dropdown-duedates .notifications-dropdown__name {
    color: #A2C44A;
    padding: 0;
    display: inline-block;
    border-bottom: 1px dashed;
    border-color: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .notifications-dropdown-duedates .notifications-dropdown__name {
        color:var(--theme-main-color)
    }
}

@supports (--theme-main-color: $color-purple) {
    .notifications-dropdown-duedates .notifications-dropdown__name {
        border-color:var(--theme-main-color)
    }
}

.notifications-dropdown__body {
    transition: all .2s cubic-bezier(.785,.135,.15,.86) 0s;
    width: 120px;
    height: 36px;
    padding: 0 15px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: relative;
    border: 1px solid #e4e4e4;
    border-radius: 3px;
    cursor: pointer
}

.notifications-dropdown__body:hover {
    transition: none
}

.dark-theme .notifications-dropdown__body {
    border: 1px solid #828588
}

.notifications-dropdown__body:hover {
    border-color: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .notifications-dropdown__body:hover {
        border-color:var(--theme-main-color)
    }
}

.notifications-dropdown__body-time {
    width: 162px;
    text-align: left
}

[lang=es-ES] .notifications-dropdown__body-time {
    width: 150px
}

@media (min-width: 1380px) and (max-width: 1530px) {
    [lang=es-ES] .notifications-dropdown__body-time {
        width:112px
    }
}

[lang=pt-BR] .notifications-dropdown__body-time {
    width: 150px
}

@media (min-width: 1380px) and (max-width: 1530px) {
    [lang=pt-BR] .notifications-dropdown__body-time {
        width:112px
    }
}

.notifications-dropdown__body-time-settings {
    display: inline-block
}

.notifications-dropdown__body-time-periods {
    width: 62px;
    height: 30px;
    padding-left: 10px;
    vertical-align: middle;
    text-align: left
}

.notifications-dropdown__name {
    white-space: break-spaces;
    word-break: break-word
}

.notifications-dropdown__list {
    position: absolute;
    padding-left: 15px;
    padding-right: 15px
}

.notifications-dropdown__item {
    transition: color .2s cubic-bezier(.785,.135,.15,.86) 0s;
    height: 36px;
    line-height: 36px;
    width: 100%;
    cursor: pointer;
    text-align: left;
    white-space: nowrap
}

.notifications-dropdown__item:hover {
    color: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .notifications-dropdown__item:hover {
        color:var(--theme-main-color)
    }
}

.notifications-dropdown__arrow {
    height: 25px;
    width: 8px;
    transform: rotate(90deg);
    position: absolute;
    right: 15px;
    top: 0;
    bottom: 0;
    margin: auto 0
}

.notifications-dropdown__arrow svg {
    fill: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .notifications-dropdown__arrow svg {
        fill:var(--theme-main-color)
    }
}

.notifications-my-tasks {
    line-height: 30px;
    width: 82px;
    display: inline-block;
    cursor: pointer
}

@media (min-width: 1350px) {
    .notifications-my-tasks {
        float:right
    }
}

@media (max-width: 1350px) {
    .notifications-my-tasks {
        display:table;
        line-height: 18px
    }
}

.notifications-my-tasks__input {
    display: none
}

.notifications-my-tasks__input:checked+.notifications-my-tasks__text:before {
    background-color: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .notifications-my-tasks__input:checked+.notifications-my-tasks__text:before {
        background-color:var(--theme-main-color)
    }
}

.notifications-my-tasks__input:checked+.notifications-my-tasks__text:after {
    margin-left: 10px
}

.notifications-my-tasks-action .notifications-my-tasks__text:after {
    margin-left: 10px
}

.notifications-my-tasks__text {
    padding-left: 29px;
    position: relative;
    font-size: 12px
}

.notifications-my-tasks__text:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto 0;
    width: 24px;
    height: 14px;
    background-color: #ccc;
    cursor: pointer;
    border-radius: 10px;
    transition: all .2s cubic-bezier(.785,.135,.15,.86) 0s
}

.notifications-my-tasks__text:before:hover {
    transition: none
}

.notifications-my-tasks__text:after {
    content: "";
    display: block;
    position: absolute;
    width: 10px;
    height: 10px;
    background-color: #fff;
    left: 2px;
    top: 0;
    bottom: 0;
    margin: auto 0;
    cursor: pointer;
    border-radius: 50%;
    transition: all .2s cubic-bezier(.785,.135,.15,.86) 0s
}

.notifications-my-tasks__text:after:hover {
    transition: none
}

.notifications-time__container {
    display: inline-block
}

.notifications-time__input {
    border: 1px solid #e4e4e4;
    width: 38px;
    height: 30px;
    border-radius: 3px;
    padding-left: 10px;
    padding-right: 0;
    text-align: left;
    vertical-align: middle
}

.dark-theme .notifications-time__input {
    border: 1px solid #828588
}

.notifications-time__dots {
    font-size: 14px;
    display: inline-block
}

.dark-theme .notifications-time__input {
    background: #1e272e;
    color: #d5d6d7;
    -webkit-box-shadow: none!important
}

.print-area {
    display: none!important
}

@media print {
    body.printing {
        height: auto
    }

    body.printing #app-root {
        display: none
    }

    .print-area {
        font-size: 14px;
        font-weight: 300;
        line-height: 24px;
        display: block!important;
        visibility: visible!important;
        position: relative;
        width: 100%;
        max-height: initial;
        overflow: visible;
        border: none;
        height: auto;
        padding: 10px;
        color: #343434
    }

    .dark-theme .print-area {
        color: #343434
    }

    .dark-theme .print-area *[style*="background-color: rgb(255, 250, 120);"],.dark-theme .print-area *[style*="background-color: rgb(230, 255, 207);"],.dark-theme .print-area *[style*="background-color: rgb(255, 224, 224);"],.dark-theme .print-area *[style*="background-color: rgb(255, 250, 120);"] *,.dark-theme .print-area *[style*="background-color: rgb(230, 255, 207);"] *,.dark-theme .print-area *[style*="background-color: rgb(255, 224, 224);"] * {
        color: #2b343b;
        font-weight: 400;
        padding: 2px 0
    }

    .print-area * {
        visibility: visible!important
    }

    .print-area.ql-editor {
        transition: none
    }

    .cu-hidden-print {
        display: none!important
    }

    * {
        -webkit-print-color-adjust: exact!important;
        color-adjust: exact!important
    }
}

.cu-custom-fields__form-input-container {
    position: relative
}

.cu-custom-field_list-view .cu-custom-fields__form-input-container {
    position: absolute;
    top: 0;
    z-index: 100
}

.cu-custom-field_list-view .cu-custom-fields__form-input-container .cu-custom-fields__form-input_textarea {
    overflow-y: auto
}

.cu-custom-fields__form-input-arrow {
    fill: #A2C44A;
    transition: all .2s cubic-bezier(.785,.135,.15,.86) 0s;
    width: 6px;
    height: 9px;
    transform: rotate(-90deg);
    position: absolute;
    right: 10px
}

@supports (--theme-main-color: $color-purple) {
    .cu-custom-fields__form-input-arrow {
        fill:var(--theme-main-color)
    }
}

.cu-custom-fields__form-input-arrow_active {
    transform: rotate(90deg)
}

.cu-custom-fields__form-input-save {
    transition: background .2s cubic-bezier(.785,.135,.15,.86) 0s;
    position: absolute;
    bottom: 4px;
    right: 4px;
    width: 20px;
    height: 20px;
    z-index: 1;
    cursor: pointer;
    background: #67cb48;
    fill: #fff;
    border-radius: 3px;
    padding: 2px;
    top: 50%;
    transform: translateY(-50%)
}

.cu-custom-fields__form-input-save:hover {
    background: #4ea242
}

.cu-custom-fields__form-input-copy {
    transition: all .2s cubic-bezier(.785,.135,.15,.86) 0s;
    opacity: 0;
    position: absolute;
    bottom: 4px;
    right: 4px;
    width: 20px;
    height: 20px;
    z-index: 1;
    cursor: pointer;
    background: #67cb48;
    fill: #fff;
    border-radius: 3px;
    padding: 2px;
    top: 50%;
    transform: translateY(-50%)
}

.cu-custom-fields__form-input-copy:hover {
    background: #4ea242
}

.cu-custom-fields__form-input-copy:active {
    transform: scale(.9)
}

.cu-custom-fields__header {
    display: flex;
    cursor: pointer
}

.cu-custom-fields__header.no-permission {
    cursor: default
}

.cu-custom-fields__header-title {
    font-size: 20px;
    font-weight: 300;
    line-height: 1;
    flex-shrink: 0
}

.cu-custom-fields__header-items {
    word-break: break-word;
    overflow-wrap: break-word;
    word-wrap: break-word;
    -webkit-hyphens: auto;
    hyphens: auto;
    flex-grow: 1;
    text-align: right;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    max-width: 100%
}

.cu-custom-fields__header-items-name,.cu-custom-fields__header-items-name-text,.cu-custom-fields__header-items-value {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    color: #9b9b9b
}

.cu-dashboard-board-card__clickable .cu-custom-fields__header-items-name,.cal-event-container .cu-custom-fields__header-items-name,.cu-dashboard-board-card__clickable .cu-custom-fields__header-items-name-text,.cal-event-container .cu-custom-fields__header-items-name-text,.cu-dashboard-board-card__clickable .cu-custom-fields__header-items-value,.cal-event-container .cu-custom-fields__header-items-value {
    font-weight: 400;
    font-size: 12px;
    line-height: 20px
}

.cu-custom-fields__header-items-name {
    display: inline-flex;
    align-items: center;
    max-width: 100%
}

.cu-custom-fields__header-items-name-text {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    flex-shrink: 0;
    max-width: 80%
}

.cu-custom-fields__header-items-name:not(:last-child):after {
    content: "|";
    padding: 0 10px
}

.cu-custom-fields__header-items-name_labels {
    align-items: flex-start
}

.cu-custom-fields__header-items-name_labels .cu-custom-fields__header-items-value {
    display: flex;
    flex-wrap: wrap
}

.public-sharing .task .cu-custom-fields__header-items-name_text .cu-custom-fields__header-items-value,.public-sharing .task .cu-custom-fields__header-items-name_users .cu-custom-fields__header-items-value {
    text-align: left;
    white-space: normal
}

.cu-custom-fields__header-items-value {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 13px;
    font-weight: 400;
    line-height: 1.15;
    color: #343434;
    margin-left: 7px
}

.dark-theme .cu-custom-fields__header-items-value {
    color: #d5d6d7
}

.cu-custom-fields__header-items-value__url {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 13px;
    font-weight: 400;
    line-height: 1;
    display: flex;
    align-items: center;
    height: 100%;
    color: #343434
}

.dark-theme .cu-custom-fields__header-items-value__url {
    color: #d5d6d7
}

.cu-custom-fields__header-items-value__url:hover {
    color: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .cu-custom-fields__header-items-value__url:hover {
        color:var(--theme-main-color)
    }
}

.cu-custom-fields__header-items-value__url-favicon {
    margin-right: 4px;
    flex-shrink: 0;
    width: 14px
}

.cu-custom-fields__header-items-value__email,.cu-custom-fields__header-items-value__phone {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 13px;
    font-weight: 400;
    line-height: 1;
    display: flex;
    align-items: center;
    height: 100%;
    color: #343434
}

.dark-theme .cu-custom-fields__header-items-value__email,.dark-theme .cu-custom-fields__header-items-value__phone {
    color: #d5d6d7
}

.cu-custom-fields__header-items-value__email:hover,.cu-custom-fields__header-items-value__phone:hover {
    color: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .cu-custom-fields__header-items-value__email:hover,.cu-custom-fields__header-items-value__phone:hover {
        color:var(--theme-main-color)
    }
}

.cu-custom-fields__header-items-value__labels {
    display: inline-flex;
    align-items: center;
    height: 20px;
    padding: 4px 5px;
    border-radius: 3px;
    max-width: 300px;
    min-width: 40px;
    margin: 2px 0
}

.cu-custom-fields__header-items-value__labels:not(:last-child) {
    margin-right: 4px
}

.cu-custom-fields__header-items-value__labels_white {
    border: 1px solid #e4e4e4
}

.dark-theme .cu-custom-fields__header-items-value__labels_white {
    border: 1px solid #1e272e;
    background-color: transparent!important;
    color: #d5d6d7
}

.dark-theme .cu-custom-fields__header-items-value__labels_white .cu-custom-fields__header-items-value__labels-text {
    color: #d5d6d7
}

.cu-custom-fields__header-items-value__labels_white .cu-custom-fields__header-items-value__labels-text,.cu-custom-fields__header-items-value__labels_light .cu-custom-fields__header-items-value__labels-text {
    color: #343434
}

.cu-custom-fields__header-items-value__labels-text {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 13px;
    font-weight: 400;
    line-height: 1.2;
    color: #fff
}

.cu-custom-fields__header-items-value__dropdown-option {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 20px;
    padding: 0 7px;
    border-radius: 6px;
    max-width: 304px;
    min-width: 0
}

.lv .cu-custom-fields__header-items-value__dropdown-option {
    width: 149px;
    justify-content: center;
    border-radius: 0;
    cursor: pointer
}

.lv .cu-custom-fields__header-items-value__dropdown-option-text {
    font-weight: 400;
    font-size: 12px;
    line-height: 1.15
}

.dark-theme .cu-custom-fields__header-items-value__dropdown-option_white {
    background-color: transparent!important
}

.dark-theme .cu-custom-fields__header-items-value__dropdown-option_white .cu-custom-fields__header-items-value__dropdown-option-text {
    color: #d5d6d7
}

.lv .cu-custom-fields__header-items-value__dropdown-option_white {
    border: 1px solid transparent
}

.cu-custom-fields__header-items-value__dropdown-option_white .cu-custom-fields__header-items-value__dropdown-option-text,.cu-custom-fields__header-items-value__dropdown-option_light .cu-custom-fields__header-items-value__dropdown-option-text {
    color: #343434
}

.cu-custom-fields__header-items-value__dropdown-option-text {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 11px;
    font-weight: 600;
    line-height: 1.2;
    color: #fff
}

.cu-custom-fields__header-items-value__dropdown-option-text-dark {
    color: #000
}

.cu-custom-fields__header-arrow {
    transition: all .2s cubic-bezier(.785,.135,.15,.86) 0s;
    width: 10px;
    height: 10px;
    transform: rotate(90deg);
    flex-shrink: 0;
    fill: #bfbfbf;
    margin-top: 7px;
    margin-left: 7px
}

.cu-custom-fields__header-arrow_opened {
    transform: rotate(-90deg)
}

.cu-custom-fields__header-edit {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    transition: all .2s cubic-bezier(.785,.135,.15,.86) 0s;
    display: flex;
    align-self: center;
    cursor: pointer;
    margin-right: 25px;
    color: #979797;
    padding: 4px
}

.cu-custom-fields__header-edit:hover {
    color: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .cu-custom-fields__header-edit:hover {
        color:var(--theme-main-color)
    }
}

.cu-custom-fields__header-edit:hover .cu-custom-fields__header-edit-icon {
    stroke: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .cu-custom-fields__header-edit:hover .cu-custom-fields__header-edit-icon {
        stroke:var(--theme-main-color)
    }
}

.cu-custom-fields__header-edit-icon {
    transition: all .2s cubic-bezier(.785,.135,.15,.86) 0s;
    width: 13px;
    height: 13px;
    margin-right: 5px;
    stroke: #979797
}

.cu-custom-fields__task-field {
    display: flex;
    align-items: center;
    width: 100%
}

.cu-custom-fields__task-field .cu-custom-field__content {
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    display: flex;
    align-items: center;
    width: 100%;
    height: 36px;
    text-align: left;
    color: #4a4a4a
}

.dark-theme .cu-custom-fields__task-field .cu-custom-field__content {
    color: #d5d6d7
}

.cu-custom-fields__task-field .cu-custom-field__content-placeholder {
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    color: #757575;
    opacity: .4;
    text-transform: capitalize
}

.dark-theme .cu-custom-fields__task-field .cu-custom-field__content-placeholder {
    color: #757575
}

.cu-custom-fields__task-field .cu-custom-field__content-value {
    font-size: 14px;
    font-weight: 400;
    line-height: 1.15;
    text-align: left;
    color: #4a4a4a
}

.dark-theme .cu-custom-fields__task-field .cu-custom-field__content-value {
    color: #d5d6d7
}

.cu-custom-fields__task-field .cu-custom-field__content-value a {
    color: #4a4a4a
}

.dark-theme .cu-custom-fields__task-field .cu-custom-field__content-value a {
    color: #d5d6d7
}

.cu-custom-fields__task-field .cu-custom-field__content-value_url a {
    transition: all .2s cubic-bezier(.785,.135,.15,.86) 0s;
    text-decoration: underline
}

.cu-custom-fields__task-field .cu-custom-field__content-value_url a:hover {
    color: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .cu-custom-fields__task-field .cu-custom-field__content-value_url a:hover {
        color:var(--theme-main-color)
    }
}

.cu-custom-fields__task-field .datepicker__dates-input-container-val::placeholder {
    color: #75757566;
    opacity: 1;
    font-size: "initial"
}

.cu-custom-fields__body {
    padding: 0 20px 30px 30px;
    display: flex;
    flex-wrap: wrap
}

.cu-draft-view .cu-custom-fields__body {
    padding: 0 0 30px
}

.cu-custom-fields__body-item {
    display: flex;
    width: 100%;
    max-width: 100%;
    margin-bottom: 2px;
    min-height: 36px
}

.cu-custom-fields__body-item:hover .cu-custom-fields__form-input {
    border-color: #e4e4e4
}

.cu-custom-fields__body-item:hover .cu-custom-fields__form-input:disabled {
    border-color: transparent
}

.dark-theme .cu-custom-fields__body-item:hover .cu-custom-fields__form-input {
    border: solid 1px #1e272e
}

.cu-custom-fields__body-item:hover .cu-custom-fields__body-item-label-icon {
    display: inline-block
}

.cu-custom-fields__body-item:hover .cu-custom-fields__form-input-copy {
    opacity: 1
}

.cu-custom-fields__body-item:focus {
    box-shadow: none
}

.cu-custom-fields__body-item .cu-edit-task-custom-field-value {
    width: 330px
}

.cu-custom-fields__body-item-label {
    display: flex;
    justify-content: flex-end;
    width: 175px;
    flex-shrink: 0;
    margin-top: 12px;
    margin-right: 20px
}

.cu-draft-view .cu-custom-fields__body-item-label {
    width: 125px
}

@media screen and (max-width: 992px) {
    .cu-custom-fields__body-item-label {
        width:auto
    }
}

.cu-custom-fields__body-item-label-icon {
    width: 15px;
    height: 15px;
    display: none;
    margin-right: 7px;
    flex-shrink: 0;
    fill: #cbc9d0
}

.dark-theme .cu-custom-fields__body-item-label-icon {
    fill: #cbc9d0
}

.cu-custom-fields__body-item-label-name {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #9b9b9b
}

.cu-custom-fields__body-item .cu-custom-fields__form-input {
    border-color: transparent
}

.dark-theme .cu-custom-fields__body-item .cu-custom-fields__form-input {
    border-color: transparent;
    background: transparent
}

.cu-custom-fields__body-item .cu-custom-fields__form-input:focus {
    border-color: #e4e4e4
}

.dark-theme .cu-custom-fields__body-item .cu-custom-fields__form-input:focus {
    border: solid 1px #1e272e
}

.cu-custom-fields__body-item .cu-custom-fields__form-input_placeholder {
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    color: #757575;
    opacity: .4
}

.dark-theme .cu-custom-fields__body-item .cu-custom-fields__form-input_placeholder {
    color: #757575
}

.cu-custom-fields__body-item .cu-custom-fields__form-input_pointer {
    cursor: pointer
}

.cu-custom-fields__body-item .cu-custom-fields__header-items-value__dropdown-option {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 12px;
    font-weight: 400;
    line-height: 1;
    height: 31px;
    margin-top: 2px;
    padding: 0 10px;
    display: inline-flex;
    color: #fff;
    cursor: pointer
}

.cu-custom-fields__body-item .cu-custom-fields__header-items-value__dropdown-option_white {
    color: #343434;
    border: 1px solid #e4e4e4
}

.dark-theme .cu-custom-fields__body-item .cu-custom-fields__header-items-value__dropdown-option_white {
    color: #d5d6d7;
    border: 1px solid #1e272e;
    background-color: transparent!important
}

.cu-custom-fields__body-item .cu-custom-fields__header-items-value__dropdown-option-text {
    font-weight: 400;
    font-size: 12px;
    line-height: 1
}

.cu-custom-fields__body-item .datepicker__dates-input-container-inner {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    transition: all .2s cubic-bezier(.785,.135,.15,.86) 0s;
    padding: 0 10px;
    display: flex;
    align-items: center;
    color: #4a4a4a;
    border: solid 1px transparent;
    border-radius: 3px;
    height: 36px;
    width: 100%;
    max-width: 100%;
    background: transparent
}

.dark-theme .cu-custom-fields__body-item .datepicker__dates-input-container-inner {
    color: #d5d6d7;
    border: solid 1px #1e272e
}

.cu-custom-fields__body-item .datepicker__dates-input-container-inner:hover {
    background: transparent;
    border: solid 1px #e4e4e4
}

.cu-custom-fields__body-item .datepicker__dates-input-container-inner.natural-language.focused-date {
    background: transparent;
    border: solid 1px transparent
}

.cu-custom-fields__body-item .datepicker__dates-input-container-inner.natural-language.focused-date:hover {
    background: transparent;
    border: solid 1px #e4e4e4
}

.dark-theme .cu-custom-fields__body-item .datepicker__dates-input-container-inner.natural-language.focused-date:hover {
    border: solid 1px #1e272e
}

.cu-custom-fields__body-item .datepicker__dates-input-container-inner:focus {
    box-shadow: none;
    color: #343434
}

.dark-theme .cu-custom-fields__body-item .datepicker__dates-input-container-inner:focus {
    color: #d5d6d7
}

.cu-custom-fields__body-item .datepicker__dates-input-container-inner:focus::placeholder {
    opacity: 0
}

.cu-custom-fields__body-item .datepicker__dates-input-container-val.natural-language {
    text-decoration: none
}

.cu-custom-fields__list {
    margin: 0 -10px 30px -50px;
    padding-left: 50px
}

.cu-custom-fields__list-item-header {
    display: flex;
    justify-content: flex-end;
    height: 15px;
    margin-bottom: 2px
}

.cu-custom-fields__list-item-header .icon {
    width: 15px;
    height: 100%;
    margin-left: 3px;
    cursor: pointer
}

.cu-custom-fields__list-item-body {
    display: flex;
    align-items: center;
    height: 40px
}

.cu-custom-fields__list-item-body_hover .cu-custom-fields__list-item__handler-icon,.cu-custom-fields__list-item-body:hover .cu-custom-fields__list-item__handler-icon {
    visibility: visible
}

.cu-custom-fields__list-item-body_hover .cu-custom-fields__list-item-btns-edit,.cu-custom-fields__list-item-body_hover .cu-custom-fields__list-item-btns-remove,.cu-custom-fields__list-item-body_hover .cu-custom-fields__list-item-btns-hide,.cu-custom-fields__list-item-body:hover .cu-custom-fields__list-item-btns-edit,.cu-custom-fields__list-item-body:hover .cu-custom-fields__list-item-btns-remove,.cu-custom-fields__list-item-body:hover .cu-custom-fields__list-item-btns-hide {
    display: inline-block
}

.cu-custom-fields__list-item-body_hover .cu-custom-fields__list-item-btns-required,.cu-custom-fields__list-item-body_hover .cu-custom-fields__list-item-btns-guests_active,.cu-custom-fields__list-item-body_hover .cu-custom-fields__list-item-pin,.cu-custom-fields__list-item-body:hover .cu-custom-fields__list-item-btns-required,.cu-custom-fields__list-item-body:hover .cu-custom-fields__list-item-btns-guests_active,.cu-custom-fields__list-item-body:hover .cu-custom-fields__list-item-pin {
    display: flex
}

.cu-custom-fields__list-item-body_hover .cu-custom-fields__list-item-name-text,.cu-custom-fields__list-item-body:hover .cu-custom-fields__list-item-name-text {
    color: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .cu-custom-fields__list-item-body_hover .cu-custom-fields__list-item-name-text,.cu-custom-fields__list-item-body:hover .cu-custom-fields__list-item-name-text {
        color:var(--theme-main-color)
    }
}

.cu-custom-fields__list-item__handler {
    margin: 0 0 0 -15px;
    padding-right: 5px
}

.cu-custom-fields__list-item__handler-icon {
    visibility: hidden;
    width: 10px;
    height: 20px
}

.cu-custom-fields__list-item-btns {
    align-items: center;
    display: flex
}

.cu-custom-fields__list-item-btns-edit,.cu-custom-fields__list-item-btns-remove,.cu-custom-fields__list-item-btns-hide {
    display: none
}

.cu-custom-fields__list-item-btns-edit,.cu-custom-fields__list-item-btns-remove,.cu-custom-fields__list-item-btns-hide,.cu-custom-fields__list-item-btns-guests-icon {
    width: 27px;
    height: 27px;
    padding: 5px;
    margin-left: 5px;
    cursor: pointer
}

.cu-custom-fields__list-item-btns-edit.disabled-action,.cu-custom-fields__list-item-btns-remove.disabled-action,.cu-custom-fields__list-item-btns-hide.disabled-action,.cu-custom-fields__list-item-btns-guests-icon.disabled-action {
    opacity: .4;
    cursor: not-allowed
}

.cu-custom-fields__list-item-btns-hide {
    padding: 4px;
    fill: #979797
}

.cu-custom-fields__list-item-btns-guests {
    display: flex;
    align-items: center;
    background: #f8f8f8;
    border-radius: 13px;
    height: 26px;
    padding: 0 10px;
    margin-left: 8px;
    cursor: pointer
}

.dark-theme .cu-custom-fields__list-item-btns-guests {
    background: #2b343b
}

.cu-custom-fields__list-item-btns-guests_disabled {
    cursor: default
}

.cu-custom-fields__list-item-btns-guests_active {
    display: none
}

.cu-custom-fields__list-item-btns-guests_active .cu-custom-fields__list-item-btns-guests-icon {
    stroke: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .cu-custom-fields__list-item-btns-guests_active .cu-custom-fields__list-item-btns-guests-icon {
        stroke:var(--theme-main-color)
    }
}

.cu-custom-fields__list-item-btns-guests-icon {
    width: 26px;
    height: 26px;
    padding: 4px;
    stroke: #979797;
    margin-left: -5px
}

.cu-custom-fields__list-item-btns-guests-label {
    font-size: 12px;
    font-weight: 400;
    line-height: 1;
    color: #7c828d
}

.dark-theme .cu-custom-fields__list-item-btns-guests-label {
    color: #abaeb0
}

.cu-custom-fields__list-item-btns-required {
    transition: background .2s cubic-bezier(.785,.135,.15,.86) 0s;
    display: none
}

.cu-custom-fields__list-item-btns-required-active {
    background: #A2C44A;
    display: flex
}

@supports (--theme-main-color: $color-purple) {
    .cu-custom-fields__list-item-btns-required-active {
        background:var(--theme-main-color)
    }
}

.cu-custom-fields__list-item-btns-required-active .cu-custom-fields__list-item-btns-guests-label {
    color: #fff
}

.cu-custom-fields__list-item-name {
    padding: 0;
    display: flex;
    align-items: center;
    height: 34px;
    width: 100%;
    position: relative;
    max-width: 580px
}

.cu-custom-fields__list-item-name-text {
    transition: all .2s cubic-bezier(.785,.135,.15,.86) 0s;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 15px;
    font-weight: 400;
    line-height: 1.2;
    color: #686868;
    cursor: pointer
}

.dark-theme .cu-custom-fields__list-item-name-text {
    color: #d5d6d7
}

.cu-custom-fields__list-item-icon {
    width: 15px;
    height: 15px;
    display: inline-block;
    margin-right: 7px;
    fill: #111;
    color: #111;
    text-align: center
}

.cu-custom-fields__list-item-icon_right {
    margin-right: 0;
    margin-left: 7px
}

.dark-theme .cu-custom-fields__list-item-icon {
    fill: #d5d6d7;
    color: #d5d6d7
}

.cu-custom-fields__list-item-pin {
    display: none;
    width: 14px;
    height: 14px;
    padding: 2px;
    margin: 1px 8px 0;
    cursor: pointer;
    fill: #b9bec7
}

.dark-theme .cu-custom-fields__list-item-pin,.cu-custom-fields__list-item-pin:hover {
    fill: #7c828d
}

.dark-theme .cu-custom-fields__list-item-pin:hover {
    fill: #b9bec7
}

.cu-custom-fields__list-item-pin:active {
    transform: scale(.9)
}

.cu-custom-fields__list-item-pin_pinned {
    fill: #A2C44A;
    display: flex
}

@supports (--theme-main-color: $color-purple) {
    .cu-custom-fields__list-item-pin_pinned {
        fill:var(--theme-main-color)
    }
}

.dark-theme .cu-custom-fields__list-item-pin_pinned {
    fill: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .dark-theme .cu-custom-fields__list-item-pin_pinned {
        fill:var(--theme-main-color)
    }
}

.cu-custom-fields__list-item-pin_pinned:hover {
    fill: #A2C44A
}

@supports (--theme-main-color-dark: $color-purple-dark) {
    .cu-custom-fields__list-item-pin_pinned:hover {
        fill:var(--theme-main-color-dark)
    }
}

.dark-theme .cu-custom-fields__list-item-pin_pinned:hover {
    fill: #A2C44A
}

@supports (--theme-main-color-dark: $color-purple-dark) {
    .dark-theme .cu-custom-fields__list-item-pin_pinned:hover {
        fill:var(--theme-main-color-dark)
    }
}

.cu-custom-fields__list-item-divider {
    flex-grow: 1
}

.cu-custom-fields__list-item-btn {
    background-color: #A2C44A;
    transition: all .2s cubic-bezier(.785,.135,.15,.86) 0s;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    height: 35px;
    border-radius: 3px;
    padding: 0 15px;
    color: #fff;
    cursor: pointer;
    display: inline-flex;
    align-items: center
}

@supports (--theme-main-color: $color-purple) {
    .cu-custom-fields__list-item-btn {
        background-color:var(--theme-main-color)
    }
}

.cu-custom-fields__list-item-btn:hover {
    background-color: #A2C44A
}

@supports (--theme-main-color-dark: $color-purple-dark) {
    .cu-custom-fields__list-item-btn:hover {
        background-color:var(--theme-main-color-dark)
    }
}

.cu-custom-fields__list-item-guests-popover-title {
    font-size: 12px;
    font-weight: 500;
    line-height: 1;
    color: #4a4a4a;
    text-align: center;
    padding: 5px 5px 8px
}

.dark-theme .cu-custom-fields__list-item-guests-popover-title {
    color: #d5d6d7
}

.cu-custom-fields__list-item-guests-popover-toggle {
    font-size: 11px;
    font-weight: 400;
    line-height: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #4a4a4a
}

.dark-theme .cu-custom-fields__list-item-guests-popover-toggle {
    color: #d5d6d7
}

.cu-custom-fields__list-item-guests-popover-toggle cu-toggle-switch {
    font-size: 11px;
    margin: 0 5px
}

.cu-custom-fields__popover {
    background-color: #fff;
    border: 0
}

.cu-custom-fields__popover:after {
    border-bottom-color: #fff!important
}

.cu-custom-fields__popover-header {
    font-size: 10px;
    font-weight: 500;
    line-height: 1;
    text-align: center;
    text-transform: uppercase;
    padding: 10px 0 5px;
    margin-bottom: 20px;
    color: #c9c9c9;
    border-bottom: 1px solid #e4e4e4
}

.cu-custom-fields__popover-footer {
    display: flex;
    justify-content: flex-end;
    position: sticky;
    bottom: -15px;
    margin: 0 -20px -15px;
    padding: 15px 20px;
    background: #fff
}

.cu-custom-fields__popover-footer-relative {
    position: relative
}

.dark-theme .cu-custom-fields__popover-footer {
    background: #384047
}

.cu-modal .cu-custom-fields__popover-footer {
    bottom: 0;
    align-items: center
}

.cu-custom-fields__popover-footer .cu-btn {
    flex-shrink: 0;
    min-width: 100px
}

.cu-custom-fields__popover-footer .cu-btn+.cu-btn {
    margin-left: 10px
}

.cu-custom-fields__popover-footer-divider {
    flex-grow: 1
}

.cu-custom-fields__popover-footer-hint {
    font-size: 11px;
    font-weight: 400;
    line-height: 17px;
    align-self: center;
    margin-right: 10px;
    color: #343434
}

.dark-theme .cu-custom-fields__popover-footer-hint {
    color: #d5d6d7
}

.cu-custom-fields__popover-footer-hint-link {
    color: #A2C44A;
    text-decoration: underline
}

@supports (--theme-main-color: $color-purple) {
    .cu-custom-fields__popover-footer-hint-link {
        color:var(--theme-main-color)
    }
}

.cu-custom-fields__popover-footer-hint-link:hover {
    color: #A2C44A
}

@supports (--theme-main-color-dark: $color-purple-dark) {
    .cu-custom-fields__popover-footer-hint-link:hover {
        color:var(--theme-main-color-dark)
    }
}

.cu-custom-fields__popover-footer-delete-button {
    padding: 0!important;
    min-width: 0!important;
    height: auto!important;
    border: none!important
}

.cu-custom-fields__popover-footer-delete-button:hover {
    color: #fd71af!important;
    background-color: transparent!important
}

.cu-custom-fields__form-title .cu-custom-fields__form-input-label {
    margin-top: 7px
}

.cu-custom-fields__form-row {
    display: flex;
    align-items: center
}

.cu-custom-fields__form-row:hover .cu-custom-fields__list-item__handler-icon {
    visibility: visible
}

.cu-custom-fields__form-row-item {
    flex-grow: 1;
    margin-bottom: 18px
}

.cu-custom-fields__form-row-item+.cu-custom-fields__form-row-item {
    margin-left: 15px
}

.cu-custom-fields__form-row-item_type {
    flex-grow: .5;
    min-width: 170px
}

.cu-custom-fields__form-row-item_type .cu-custom-fields__form-input {
    padding: 0
}

.cu-custom-fields__form-row-item-pin {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    right: 0;
    width: 34px;
    height: 100%;
    cursor: pointer;
    fill: #b9bec7
}

.dark-theme .cu-custom-fields__form-row-item-pin,.cu-custom-fields__form-row-item-pin:hover {
    fill: #7c828d
}

.dark-theme .cu-custom-fields__form-row-item-pin:hover {
    fill: #b9bec7
}

.cu-custom-fields__form-row-item-pin:active {
    transform: scale(.9)
}

.cu-custom-fields__form-row-item-pin_pinned {
    fill: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .cu-custom-fields__form-row-item-pin_pinned {
        fill:var(--theme-main-color)
    }
}

.dark-theme .cu-custom-fields__form-row-item-pin_pinned {
    fill: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .dark-theme .cu-custom-fields__form-row-item-pin_pinned {
        fill:var(--theme-main-color)
    }
}

.cu-custom-fields__form-row-item-pin_pinned:hover {
    fill: #A2C44A
}

@supports (--theme-main-color-dark: $color-purple-dark) {
    .cu-custom-fields__form-row-item-pin_pinned:hover {
        fill:var(--theme-main-color-dark)
    }
}

.dark-theme .cu-custom-fields__form-row-item-pin_pinned:hover {
    fill: #A2C44A
}

@supports (--theme-main-color-dark: $color-purple-dark) {
    .dark-theme .cu-custom-fields__form-row-item-pin_pinned:hover {
        fill:var(--theme-main-color-dark)
    }
}

.cu-custom-fields__form-row-item-pin:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    width: 1px;
    height: 16px;
    background: #e4e4e4
}

.dark-theme .cu-custom-fields__form-row-item-pin:before {
    background: #1e272e
}

.cu-custom-fields__form-row-item-pin-icon {
    position: absolute;
    width: 8px;
    height: 10px;
    pointer-events: none
}

.cu-custom-fields__form-row-item-pin .cu-checkbox,.cu-custom-fields__form-row-item-pin .cu-checkbox__input {
    width: 100%;
    height: 100%
}

.cu-custom-fields__form-row-item-pin .cu-checkbox__label {
    opacity: 0
}

.cu-custom-fields__form-row .noUi-horizontal {
    height: 10px
}

.cu-custom-fields__form-row .noUi-horizontal .noUi-handle {
    background: #A2C44A;
    width: 16px;
    height: 16px;
    left: auto!important;
    right: -8px!important;
    top: -3px;
    border-radius: 50%;
    border: 0;
    box-shadow: 0 1px 3px #00000080;
    cursor: pointer
}

@supports (--theme-main-color: $color-purple) {
    .cu-custom-fields__form-row .noUi-horizontal .noUi-handle {
        background:var(--theme-main-color)
    }
}

.cu-custom-fields__form-row .noUi-horizontal .noUi-handle:before,.cu-custom-fields__form-row .noUi-horizontal .noUi-handle:after {
    display: none
}

.cu-custom-fields__form-row .noUi-connects {
    border-radius: 5px;
    cursor: pointer
}

.cu-custom-fields__form-row .noUi-target {
    background: #fff;
    border-radius: 5px;
    box-shadow: none;
    border: 1px solid #e4e4e4
}

.dark-theme .cu-custom-fields__form-row .noUi-target {
    border-color: #1e272e
}

.cu-custom-fields__form-row .noUi-marker {
    display: none
}

.cu-custom-fields__form-row .noUi-value-horizontal {
    font-size: 11px;
    font-weight: 500;
    line-height: 1;
    transform: translate(-50%,-2px);
    color: #c9c9c9
}

.dark-theme .cu-custom-fields__form-row .noUi-value-horizontal {
    color: #828588
}

.cu-custom-fields__form-row .noUi-pips-horizontal {
    height: revert
}

.cu-custom-fields__form-input {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 13px;
    font-weight: 400;
    line-height: 1;
    padding: 0 10px;
    display: flex;
    align-items: center;
    border-radius: 3px;
    height: 33px;
    width: 100%;
    max-width: 100%;
    background: transparent;
    color: #4a4a4a;
    border: solid 1px #e4e4e4
}

.cu-custom-fields__form-input .cu-select__dropdown,.cu-custom-fields__form-input .cu-select-selection__toggle {
    height: 100%
}

.cu-custom-fields__form-input-select-error {
    border-color: #d16464
}

.dark-theme .cu-custom-fields__form-input {
    color: #d5d6d7;
    border-color: #1e272e
}

.cu-custom-fields__form-input::placeholder {
    opacity: .4
}

.cu-custom-fields__form-input:focus {
    box-shadow: none;
    color: #343434
}

.dark-theme .cu-custom-fields__form-input:focus {
    color: #d5d6d7
}

.cu-custom-fields__form-input:focus::placeholder {
    opacity: 0
}

.cu-custom-fields__form-input-container {
    display: flex;
    align-items: center
}

.edit_longtext .cu-custom-fields__form-input-container_textarea {
    margin: -6px -14px
}

.cu-custom-fields__form-input_pin {
    padding-right: 40px
}

.cu-custom-fields__form-input_textarea {
    word-break: break-word;
    overflow-wrap: break-word;
    word-wrap: break-word;
    -webkit-hyphens: auto;
    hyphens: auto;
    display: block;
    height: auto;
    max-height: 300px;
    min-height: 36px;
    padding-top: 9px;
    padding-bottom: 9px;
    box-sizing: border-box;
    overflow-y: auto
}

.cu-os-win .cu-custom-fields__form-input_textarea {
    scrollbar-width: thin
}

.cu-os-win .cu-custom-fields__form-input_textarea::-webkit-scrollbar {
    background-color: #fff;
    width: 16px;
    height: 16px
}

.cu-os-win .cu-custom-fields__form-input_textarea::-webkit-scrollbar-track {
    background-color: #fff
}

.cu-os-win .cu-custom-fields__form-input_textarea::-webkit-scrollbar-track:hover {
    background-color: #fff
}

.cu-os-win .cu-custom-fields__form-input_textarea::-webkit-scrollbar-thumb {
    background-color: #babac080;
    border-radius: 16px;
    border: 5px solid #fff
}

.cu-os-win .cu-custom-fields__form-input_textarea::-webkit-scrollbar-thumb:hover {
    background-color: #a0a0a5;
    border: 3px solid #fff
}

.cu-os-win .cu-custom-fields__form-input_textarea::-webkit-scrollbar-button {
    display: none
}

.cu-os-win.dark-theme .cu-custom-fields__form-input_textarea::-webkit-scrollbar,.cu-os-win .dark-theme .cu-custom-fields__form-input_textarea::-webkit-scrollbar {
    background-color: #384047
}

.cu-os-win.dark-theme .cu-custom-fields__form-input_textarea::-webkit-scrollbar-track,.cu-os-win .dark-theme .cu-custom-fields__form-input_textarea::-webkit-scrollbar-track {
    background-color: #384047
}

.cu-os-win.dark-theme .cu-custom-fields__form-input_textarea::-webkit-scrollbar-track:hover,.cu-os-win .dark-theme .cu-custom-fields__form-input_textarea::-webkit-scrollbar-track:hover {
    background-color: #384047
}

.cu-os-win.dark-theme .cu-custom-fields__form-input_textarea::-webkit-scrollbar-thumb,.cu-os-win .dark-theme .cu-custom-fields__form-input_textarea::-webkit-scrollbar-thumb {
    border-color: #384047
}

.cu-os-win.dark-theme .cu-custom-fields__form-input_textarea::-webkit-scrollbar-thumb:hover,.cu-os-win .dark-theme .cu-custom-fields__form-input_textarea::-webkit-scrollbar-thumb:hover {
    border-color: #384047
}

.cu-os-win.dark-theme .cu-custom-fields__form-input_textarea::-webkit-scrollbar-corner,.cu-os-win .dark-theme .cu-custom-fields__form-input_textarea::-webkit-scrollbar-corner {
    background-color: #384047
}

.edit_longtext .cu-custom-fields__form-input_textarea {
    width: 350px;
    min-width: 150px;
    max-width: 800px;
    height: 350px;
    max-height: 800px;
    border: none;
    box-sizing: content-box;
    cursor: auto
}

.edit_longtext .cu-custom-fields__form-input_textarea::-webkit-scrollbar {
    background-color: transparent;
    width: 12px;
    height: 12px
}

.edit_longtext .cu-custom-fields__form-input_textarea::-webkit-scrollbar-track {
    background-color: transparent
}

.edit_longtext .cu-custom-fields__form-input_textarea::-webkit-scrollbar-thumb {
    background-color: #a0a0a5;
    border-radius: 10px;
    border: 2px solid transparent;
    background-clip: content-box
}

.dark-theme .edit_longtext .cu-custom-fields__form-input_textarea::-webkit-scrollbar-thumb {
    background-color: #1e272e
}

.edit_longtext .cu-custom-fields__form-input_textarea::-webkit-scrollbar-button {
    display: none
}

.cu-custom-fields__form-input_dropdown {
    padding: 0;
    border: 0!important;
    height: auto
}

.cu-custom-fields__form-input_dropdown-item-link {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 34px;
    padding: 0;
    cursor: pointer
}

.cu-custom-fields__form-input_dropdown-item-link:hover .cu-custom-fields__form-input_dropdown-item-link-text {
    color: #A2C44A;
    border-bottom-color: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .cu-custom-fields__form-input_dropdown-item-link:hover .cu-custom-fields__form-input_dropdown-item-link-text {
        color:var(--theme-main-color)
    }
}

@supports (--theme-main-color: $color-purple) {
    .cu-custom-fields__form-input_dropdown-item-link:hover .cu-custom-fields__form-input_dropdown-item-link-text {
        border-bottom-color:var(--theme-main-color)
    }
}

.cu-custom-fields__form-input_dropdown-item-link-text {
    font-size: 12px;
    font-weight: 400;
    line-height: 1;
    color: #858585;
    border-bottom: 1px dashed #858585;
    padding: 0
}

.dark-theme .cu-custom-fields__form-input_dropdown-item-link-text {
    color: #828588;
    border-bottom-color: #828588
}

.cu-custom-fields__body .cu-custom-fields__form-input_dropdown {
    margin-left: -13px
}

.cu-custom-fields__form-input_dropdown cu-select-option:first-child .cu-select-option {
    margin-top: 10px
}

.cu-custom-fields__form-input_dropdown cu-select-option:last-child .cu-select-option {
    margin-bottom: 10px
}

.cu-custom-fields__form-input_dropdown .cu-select-option {
    padding: 0;
    cursor: pointer
}

.cu-custom-fields__form-input_dropdown .cu-select-option:hover,.dark-theme .cu-custom-fields__form-input_dropdown .cu-select-option:hover {
    background: transparent
}

.cu-custom-fields__form-input_dropdown .cu-select-option .cu-custom-fields__form-input_dropdown-item {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: all .2s cubic-bezier(.785,.135,.15,.86) 0s;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    padding: 0 7px;
    text-align: center
}

.cu-custom-fields__form-input_dropdown .cu-select-option .cu-custom-fields__form-input_dropdown-item:hover {
    filter: brightness(90%)
}

.cu-custom-fields__form-input_dropdown .cu-select-option .cu-custom-fields__form-input_dropdown-item_white {
    border: 1px solid #e4e4e4;
    background: #fff
}

.dark-theme .cu-custom-fields__form-input_dropdown .cu-select-option .cu-custom-fields__form-input_dropdown-item_white {
    border: 1px solid #1e272e;
    background-color: #384047
}

.dark-theme .cu-custom-fields__form-input_dropdown .cu-select-option .cu-custom-fields__form-input_dropdown-item_white .cu-custom-fields__form-input_dropdown-item-text {
    color: #d5d6d7
}

.cu-custom-fields__form-input_dropdown .cu-select-option .cu-custom-fields__form-input_dropdown-item_white .cu-custom-fields__form-input_dropdown-item-text {
    color: #343434
}

.cu-custom-fields__form-input_dropdown .cu-select-option .cu-custom-fields__form-input_dropdown-item-text {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #fff;
    line-height: 1.2;
    font-size: 13px;
    font-weight: 500
}

.cu-custom-fields__form-input_dropdown .cu-select-option .cu-custom-fields__form-input_dropdown-item_light .cu-custom-fields__form-input_dropdown-item-text {
    color: #343434
}

.cu-custom-fields__form-input_dropdown .cu-select-option .cu-custom-fields__form-input_dropdown-item-text-dark {
    color: #000
}

.cu-custom-fields__form-input_dropdown .cu-select-selection__text {
    width: 100%;
    height: 100%
}

.cu-custom-fields__form-input_dropdown .cu-select-selection__text-inner {
    display: block;
    height: 100%
}

.cu-custom-fields__form-input_dropdown .cu-select-selection__text-inner .cu-select-option {
    height: 100%
}

.cu-custom-fields__form-input_dropdown .cu-select-selection__text .cu-custom-fields__form-input {
    height: 100%;
    border: 1px solid #e4e4e4;
    border-radius: 0
}

.dark-theme .cu-custom-fields__form-input_dropdown .cu-select-selection__text .cu-custom-fields__form-input {
    border-color: #1e272e;
    background-color: #384047
}

.cu-custom-fields__form-input_dropdown .cu-select-selection__arrow {
    display: none
}

.cu-custom-fields__form-input_url,.cu-custom-fields__form-input_number,.cu-custom-fields__form-input_email,.cu-custom-fields__form-input_currency {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.cu-custom-fields__form-input-group {
    display: flex
}

.cu-custom-fields__form-input-group-select {
    width: 60px;
    padding-right: 0;
    margin-right: 5px;
    flex-shrink: 0
}

.cu-custom-fields__form-input-group-select .cu-select-selection__toggle .cu-select-option {
    padding: 10px 0
}

.cu-custom-fields__form-input-group-select .cu-select__dropdown-menu {
    max-height: 350px;
    overflow: auto;
    width: 200px!important;
    top: 20px;
    left: -10px
}

.cu-custom-fields__form-input-group_phone .cu-custom-fields__form-input:focus::placeholder {
    opacity: .6
}

.cu-custom-fields__form-input-group_phone .cu-custom-fields__form-input::placeholder {
    opacity: .6
}

.cu-custom-fields__form-input-group_phone .flag-icon {
    flex-shrink: 0;
    margin-right: 5px
}

.cu-custom-fields__form-input_checkbox {
    margin-top: 1px;
    min-width: 0;
    display: block;
    position: relative;
    cursor: pointer;
    -webkit-user-select: none;
    user-select: none;
    padding: 0
}

.cu-custom-fields__form-input_checkbox input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    width: 100%;
    height: 100%;
    border: 0;
    margin: 0;
    z-index: 1
}

.cu-custom-fields__form-input_checkbox .cu-custom-fields__form-input_checkbox-checkmark {
    transition: all .2s cubic-bezier(.785,.135,.15,.86) 0s;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 7px;
    height: 14px;
    width: 14px;
    background-color: #e4e4e4;
    border-radius: 2px
}

.dark-theme .cu-custom-fields__form-input_checkbox .cu-custom-fields__form-input_checkbox-checkmark {
    background-color: #1e272e
}

.cu-custom-fields__form-input_checkbox input:checked~.cu-custom-fields__form-input_checkbox-checkmark {
    background-color: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .cu-custom-fields__form-input_checkbox input:checked~.cu-custom-fields__form-input_checkbox-checkmark {
        background-color:var(--theme-main-color)
    }
}

.dark-theme .cu-custom-fields__form-input_checkbox input:checked~.cu-custom-fields__form-input_checkbox-checkmark {
    background-color: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .dark-theme .cu-custom-fields__form-input_checkbox input:checked~.cu-custom-fields__form-input_checkbox-checkmark {
        background-color:var(--theme-main-color)
    }
}

.cu-custom-fields__form-input_checkbox .cu-custom-fields__form-input_checkbox-checkmark:after {
    content: "";
    position: absolute;
    display: none
}

.cu-custom-fields__form-input_checkbox input:checked~.cu-custom-fields__form-input_checkbox-checkmark:after {
    display: block
}

.cu-custom-fields__form-input_checkbox .cu-custom-fields__form-input_checkbox-checkmark:after {
    left: 5px;
    top: 2px;
    width: 4px;
    height: 8px;
    border: solid white;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg)
}

.cu-custom-fields__form-input-label {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 10px;
    font-weight: 600;
    line-height: 1;
    text-transform: uppercase;
    margin-bottom: 6px;
    display: block;
    color: #c9c9c9
}

.dark-theme .cu-custom-fields__form-input-label {
    color: #828588
}

.cu-custom-fields__form-input-icon {
    width: 15px;
    height: 15px;
    display: inline-block;
    margin-top: -1px;
    margin-right: 7px;
    fill: #cbc9d0
}

.dark-theme .cu-custom-fields__form-input-icon {
    fill: #cbc9d0
}

.cu-custom-fields__form-input_invalid,.cu-custom-fields__form-input_invalid:focus {
    border-color: #d63e53!important
}

.dark-theme .cu-custom-fields__form-input_invalid,.dark-theme .cu-custom-fields__form-input_invalid:focus {
    border-color: #d63e53
}

.cu-custom-fields__form-input .cu-select-option {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    color: #686868;
    display: flex;
    align-items: center
}

.dark-theme .cu-custom-fields__form-input .cu-select-option span[style*="background-color: rgb(255, 255, 255);"] {
    color: #343434
}

.cu-custom-fields__form-input_emoji>span {
    width: 24px;
    height: 24px;
    font-size: 24px
}

.cu-custom-fields__form-dropdown-option {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    background-color: transparent;
    padding: 0;
    display: flex;
    align-items: center;
    border: solid 1px #e4e4e4;
    border-radius: 2px;
    height: 34px;
    width: 100%;
    min-width: 185px;
    max-width: 100%
}

.dark-theme .cu-custom-fields__form-dropdown-option {
    border: solid 1px #1e272e
}

.cu-custom-fields__form-dropdown-option-container {
    margin: 0 -20px;
    padding: 0 20px
}

.cu-custom-fields__form-dropdown-option-color {
    width: 8px;
    height: 34px;
    margin: 0 15px 0 -1px;
    border-radius: 3px 0 0 3px
}

.cu-custom-fields__form-dropdown-option .preset-color__item {
    border-radius: 50%!important
}

.cu-custom-fields__form-dropdown-option-input {
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    background-color: transparent;
    padding: 0;
    margin-right: 10px;
    color: #686868;
    border: none;
    height: 32px;
    flex-grow: 1
}

.dark-theme .cu-custom-fields__form-dropdown-option-input {
    color: #d5d6d7
}

.cu-custom-fields__form-dropdown-option-input:focus {
    box-shadow: none
}

.cu-custom-fields__form-dropdown-option-add-color {
    color: #A2C44A;
    border-bottom-color: #A2C44A;
    font-size: 10px;
    font-weight: 400;
    line-height: .8;
    border-bottom: 1px dashed;
    cursor: pointer;
    margin-top: 2px
}

@supports (--theme-main-color: $color-purple) {
    .cu-custom-fields__form-dropdown-option-add-color {
        color:var(--theme-main-color)
    }
}

@supports (--theme-main-color: $color-purple) {
    .cu-custom-fields__form-dropdown-option-add-color {
        border-bottom-color:var(--theme-main-color)
    }
}

.cu-custom-fields__form-dropdown-option-add-color:hover {
    color: #A2C44A;
    border-bottom-color: #A2C44A
}

@supports (--theme-main-color-dark: $color-purple-dark) {
    .cu-custom-fields__form-dropdown-option-add-color:hover {
        color:var(--theme-main-color-dark)
    }
}

@supports (--theme-main-color-dark: $color-purple-dark) {
    .cu-custom-fields__form-dropdown-option-add-color:hover {
        border-bottom-color:var(--theme-main-color-dark)
    }
}

.cu-custom-fields__form-dropdown-option-remove {
    transition: all .2s cubic-bezier(.785,.135,.15,.86) 0s;
    width: 22px;
    padding: 5px;
    cursor: pointer;
    margin: 0 5px 0 10px;
    fill: #cacaca
}

.cu-custom-fields__form-dropdown-option-remove:hover {
    fill: #d16464
}

.cu-custom-fields__form-dropdown-option-add {
    transition: all .2s cubic-bezier(.785,.135,.15,.86) 0s;
    color: #A2C44A;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 13px;
    font-weight: 500;
    line-height: 1;
    display: flex;
    align-items: center;
    cursor: pointer;
    margin: 10px 0
}

@supports (--theme-main-color: $color-purple) {
    .cu-custom-fields__form-dropdown-option-add {
        color:var(--theme-main-color)
    }
}

.cu-custom-fields__form-dropdown-option-add:hover {
    color: #A2C44A
}

@supports (--theme-main-color-dark: $color-purple-dark) {
    .cu-custom-fields__form-dropdown-option-add:hover {
        color:var(--theme-main-color-dark)
    }
}

.cu-custom-fields__form-dropdown-option-add:hover .cu-custom-fields__manage-add-plus {
    background: #A2C44A
}

@supports (--theme-main-color-dark: $color-purple-dark) {
    .cu-custom-fields__form-dropdown-option-add:hover .cu-custom-fields__manage-add-plus {
        background:var(--theme-main-color-dark)
    }
}

.cu-custom-fields__form-dropdown-option-add-plus {
    transition: all .2s cubic-bezier(.785,.135,.15,.86) 0s;
    background: #A2C44A;
    width: 22px;
    height: 22px;
    border-radius: 22px;
    fill: #fff;
    margin-right: 8px;
    padding: 6px
}

@supports (--theme-main-color: $color-purple) {
    .cu-custom-fields__form-dropdown-option-add-plus {
        background:var(--theme-main-color)
    }
}

.cu-custom-fields__form-error {
    color: #d16464;
    margin: -10px 0 10px;
    display: flex;
    align-items: center
}

.cu-custom-fields__form-error-icon {
    width: 14px;
    height: 14px;
    fill: #d16464;
    margin: -1px 5px 0 0
}

.cu-custom-fields__paywall-popover {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 15px 0 15px 10px;
    min-width: 290px
}

.cu-custom-fields__paywall-popover-close {
    width: 20px;
    height: 20px;
    padding: 2px;
    position: absolute;
    top: 10px;
    right: 10px;
    cursor: pointer
}

.cu-custom-fields__paywall-popover-close:hover .cu-custom-fields__paywall-popover-close-icon {
    transform: rotate(180deg)
}

.cu-custom-fields__paywall-popover-close-icon {
    transition: all .2s cubic-bezier(.785,.135,.15,.86) 0s
}

.cu-custom-fields__paywall-popover-icon {
    margin-bottom: 15px
}

.cu-custom-fields__paywall-popover-title {
    font-size: 23px;
    font-weight: 400;
    line-height: 1;
    color: #4a4a4a;
    margin-bottom: 5px
}

.dark-theme .cu-custom-fields__paywall-popover-title {
    color: #abaeb0
}

.cu-custom-fields__paywall-popover-description {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 14px;
    font-weight: 400;
    line-height: 23px;
    color: #4a4a4a;
    text-align: center
}

.dark-theme .cu-custom-fields__paywall-popover-description {
    color: #d5d6d7
}

.cu-custom-fields__paywall-popover-link {
    transition: all .2s cubic-bezier(.785,.135,.15,.86) 0s;
    color: #A2C44A;
    border-bottom-color: #A2C44A;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    border-bottom: 1px dashed;
    margin-top: 5px
}

@supports (--theme-main-color: $color-purple) {
    .cu-custom-fields__paywall-popover-link {
        color:var(--theme-main-color)
    }
}

@supports (--theme-main-color: $color-purple) {
    .cu-custom-fields__paywall-popover-link {
        border-bottom-color:var(--theme-main-color)
    }
}

.cu-custom-fields__paywall-popover-link:hover {
    color: #A2C44A;
    border-bottom-color: #A2C44A
}

@supports (--theme-main-color-dark: $color-purple-dark) {
    .cu-custom-fields__paywall-popover-link:hover {
        color:var(--theme-main-color-dark)
    }
}

@supports (--theme-main-color-dark: $color-purple-dark) {
    .cu-custom-fields__paywall-popover-link:hover {
        border-bottom-color:var(--theme-main-color-dark)
    }
}

.cu-custom-fields__manage {
    display: flex;
    align-items: center;
    border-top: 1px solid #e4e4e4;
    padding: 0 50px;
    margin: 0 -50px -50px
}

.dark-theme .cu-custom-fields__manage {
    border-top-color: #1e272e
}

.cu-custom-fields__manage_dropdown {
    margin: 0;
    padding: 0 20px
}

.cu-custom-fields__manage-or {
    font-size: 15px;
    font-weight: 400;
    line-height: 1;
    margin-right: 10px;
    color: #4a4a4a
}

.dark-theme .cu-custom-fields__manage-or {
    color: #828588
}

.cu-custom-fields__manage-use-existing {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 15px;
    font-weight: 500;
    line-height: 1;
    transition: all .2s cubic-bezier(.785,.135,.15,.86) 0s;
    color: #A2C44A;
    border-bottom-color: #A2C44A;
    border-bottom: 1px dashed;
    cursor: pointer;
    margin: 23px 0
}

@supports (--theme-main-color: $color-purple) {
    .cu-custom-fields__manage-use-existing {
        color:var(--theme-main-color)
    }
}

@supports (--theme-main-color: $color-purple) {
    .cu-custom-fields__manage-use-existing {
        border-bottom-color:var(--theme-main-color)
    }
}

.dark-theme .cu-custom-fields__manage-use-existing {
    color: #828588;
    border-bottom-color: #828588
}

.cu-custom-fields__manage-use-existing:hover {
    color: #A2C44A;
    border-bottom-color: #A2C44A
}

@supports (--theme-main-color-dark: $color-purple-dark) {
    .cu-custom-fields__manage-use-existing:hover {
        color:var(--theme-main-color-dark)
    }
}

@supports (--theme-main-color-dark: $color-purple-dark) {
    .cu-custom-fields__manage-use-existing:hover {
        border-bottom-color:var(--theme-main-color-dark)
    }
}

.cu-custom-fields__existing {
    border-top: 1px solid #e4e4e4;
    margin: 0 -50px
}

.dark-theme .cu-custom-fields__existing {
    border-top-color: #1e272e
}

.cu-custom-fields__existing_hide {
    display: none
}

.cu-custom-fields__existing-search {
    height: 60px;
    width: 100%;
    position: relative
}

.cu-custom-fields__existing-search-input {
    font-size: 15px;
    font-weight: 400;
    line-height: 1;
    padding: 0 50px;
    border: 0;
    background: transparent;
    color: #343434;
    width: 100%;
    height: 100%
}

.dark-theme .cu-custom-fields__existing-search-input {
    color: #d5d6d7
}

.cu-custom-fields__existing-search-input::placeholder {
    opacity: .4
}

.dark-theme .cu-custom-fields__existing-search-input::placeholder {
    opacity: .7
}

.cu-custom-fields__existing-search-input:focus {
    background: transparent;
    box-shadow: none
}

.cu-custom-fields__existing-search-input:focus+.cu-custom-fields__existing-search-input-icon {
    stroke: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .cu-custom-fields__existing-search-input:focus+.cu-custom-fields__existing-search-input-icon {
        stroke:var(--theme-main-color)
    }
}

.cu-custom-fields__existing-search-input-icon {
    transition: all .2s cubic-bezier(.785,.135,.15,.86) 0s;
    width: 19px;
    height: 19px;
    position: absolute;
    left: 20px;
    top: 20px;
    stroke: #cccdde
}

.cu-custom-fields__existing-search-no-found {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    padding: 20px 50px;
    color: #aeacb0
}

.cu-custom-fields__existing-search-title {
    font-size: 12px;
    font-weight: 500;
    line-height: 1;
    margin: 0;
    color: #cacaca;
    text-transform: uppercase;
    padding: 10px 20px 8px;
    background-color: #f5f5f5
}

.dark-theme .cu-custom-fields__existing-search-title {
    color: #abaeb0;
    background-color: #2b343b
}

.cu-custom-fields__existing-search-body {
    max-height: 400px;
    overflow: auto;
    padding: 0
}

.cu-custom-fields__existing-search-body .cu-custom-fields__list-item {
    transition: all .2s cubic-bezier(.785,.135,.15,.86) 0s;
    cursor: pointer;
    padding: 0 20px
}

.cu-custom-fields__existing-search-body .cu-custom-fields__list-item:hover {
    background: #fafbfc
}

.dark-theme .cu-custom-fields__existing-search-body .cu-custom-fields__list-item:hover {
    background: #2b343b
}

.cu-custom-fields__existing .cu-dropdown__menu {
    width: calc(100% - 40px);
    margin: 0 20px
}

.cu-custom-fields__select-menu {
    min-width: 135px;
    max-width: 324px
}

.cu-custom-fields__select-menu .cu-select-option {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    color: #686868;
    display: flex;
    align-items: center
}

.cu-custom-fields__select-menu .flag-icon {
    flex-shrink: 0;
    margin-right: 5px
}

.cu-custom-fields__select-menu_phone {
    width: 200px
}

.cu-custom-fields__select-menu_phone .cu-select-option {
    text-align: left
}

.cu-custom-fields__select-menu_dropdown .cu-select-option {
    padding: 2px 10px;
    cursor: pointer
}

.cu-custom-fields__select-menu_dropdown .cu-custom-fields__form-input_dropdown-item {
    transition: all .2s cubic-bezier(.785,.135,.15,.86) 0s;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 34px;
    padding: 0 10px;
    text-align: center;
    border-radius: 3px
}

.cu-custom-fields__select-menu_dropdown .cu-custom-fields__form-input_dropdown-item:hover {
    filter: brightness(90%)
}

.cu-custom-fields__select-menu_dropdown .cu-custom-fields__form-input_dropdown-item_white {
    border: 1px solid #e4e4e4;
    background: #fff
}

.dark-theme .cu-custom-fields__select-menu_dropdown .cu-custom-fields__form-input_dropdown-item_white {
    border: 1px solid #1e272e;
    background-color: #384047!important
}

.dark-theme .cu-custom-fields__select-menu_dropdown .cu-custom-fields__form-input_dropdown-item_white .cu-custom-fields__form-input_dropdown-item-text {
    color: #d5d6d7
}

.dark-theme .cu-custom-fields__select-menu_dropdown .cu-custom-fields__form-input_dropdown-item_white .cu-custom-fields__form-input_dropdown-item-checkmark {
    border-color: #d5d6d7;
    stroke: #d5d6d7
}

.cu-custom-fields__select-menu_dropdown .cu-custom-fields__form-input_dropdown-item_white .cu-custom-fields__form-input_dropdown-item-text {
    color: #343434
}

.cu-custom-fields__select-menu_dropdown .cu-custom-fields__form-input_dropdown-item_white .cu-custom-fields__form-input_dropdown-item-checkmark,.cu-custom-fields__select-menu_dropdown .cu-custom-fields__form-input_dropdown-item .cu-custom-fields__form-input_dropdown-item-checkmark_dark {
    border-color: #343434;
    stroke: #343434
}

.cu-custom-fields__select-menu_dropdown .cu-custom-fields__form-input_dropdown-item-text {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #fff;
    line-height: 1.15;
    flex-grow: 1
}

.cu-custom-fields__select-menu_dropdown .cu-custom-fields__form-input_dropdown-item-text-dark {
    color: #343434
}

.cu-custom-fields__select-menu_dropdown .cu-custom-fields__form-input_dropdown-item-checkmark {
    width: 18px;
    height: 18px;
    padding: 3px;
    border-radius: 50%;
    margin-right: 5px;
    border: 1px solid #fff;
    stroke: #fff;
    flex-shrink: 0
}

.cu-custom-fields__checkbox-placeholder {
    background-color: #A2C44A;
    height: 14px;
    width: 14px;
    border-radius: 2px;
    position: relative;
    display: block
}

@supports (--theme-main-color: $color-purple) {
    .cu-custom-fields__checkbox-placeholder {
        background-color:var(--theme-main-color)
    }
}

.cu-custom-fields__checkbox-placeholder:after {
    content: "";
    position: absolute;
    display: block;
    left: 5px;
    top: 2px;
    width: 4px;
    height: 8px;
    border: solid white;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg)
}

.cu-custom-fields__checkbox-placeholder_unchecked {
    background: #e4e4e4
}

.dark-theme .cu-custom-fields__checkbox-placeholder_unchecked {
    background: #1e272e
}

.cu-custom-fields__checkbox-placeholder_unchecked:after {
    display: none
}

.cu-custom-fields__select-menu_dropdown-item.first .cu-select-option {
    background-color: #f9f9f9!important
}

.dark-theme .cu-custom-fields__select-menu_dropdown-item.first .cu-select-option {
    background: #2b343b!important
}

.cu-custom-fields__select-menu_dropdown-item.first .cu-custom-fields__form-input_dropdown-item {
    filter: brightness(90%)
}

.cu-custom-fields__single-line-text {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
    display: block;
    text-align: left
}

.cu-task-row_auto-wrap .cu-custom-fields__single-line-text {
    word-break: break-word;
    overflow-wrap: break-word;
    word-wrap: break-word;
    -webkit-hyphens: auto;
    hyphens: auto;
    white-space: normal;
    overflow: visible;
    text-overflow: clip;
    padding-top: 5px;
    padding-bottom: 5px
}

.dark-theme .cu-calendar-event__body .cu-custom-fields__single-line-text {
    color: #292d34
}

.cu-task-row .cu-custom-fields__single-line-text {
    text-align: center
}

.popover-content .cu-custom-fields__single-line-text {
    overflow: initial;
    white-space: initial
}

.cu-custom-fields__multi-line-text {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    white-space: pre-wrap;
    background: transparent;
    text-align: left
}

.cu-task-row_auto-wrap .cu-custom-fields__multi-line-text {
    word-break: break-word;
    overflow-wrap: break-word;
    word-wrap: break-word;
    -webkit-hyphens: auto;
    hyphens: auto;
    white-space: normal;
    overflow: visible;
    text-overflow: clip;
    display: block
}

.popover-content .cu-custom-fields__multi-line-text {
    display: block;
    white-space: pre-wrap
}

.cu-task-custom-fields__row .cu-custom-fields__multi-line-text {
    white-space: pre-wrap
}

.cu-custom-fields__text-expansion-popover .popover-content {
    max-height: 200px;
    overflow-y: auto
}

.remap-subtask-due-dates-popover {
    background: #fff;
    border-color: #fff;
    padding: 20px 15px;
    max-width: 500px;
    justify-content: center;
    border-radius: 5px;
    display: block
}

.dark-theme .remap-subtask-due-dates-popover {
    background: #1e272e;
    border-color: #1e272e
}

.remap-subtask-due-dates-popover .popover-content {
    text-align: center
}

.remap-subtask-due-dates-popover .popover__title {
    font-size: 16px;
    font-weight: 400;
    line-height: 21px;
    color: #4a4a4a;
    margin-bottom: 15px
}

.dark-theme .remap-subtask-due-dates-popover .popover__title {
    color: #d5d6d7
}

.remap-subtask-due-dates-popover .popover__row {
    display: flex;
    justify-content: center;
    margin-bottom: 10px
}

.remap-subtask-due-dates-popover .popover__row .cu-btn {
    white-space: nowrap
}

.remap-subtask-due-dates-popover .popover__row .cu-btn+.cu-btn {
    margin-left: 10px
}

.remap-subtask-due-dates-popover .popover__link {
    transition: all .2s cubic-bezier(.785,.135,.15,.86) 0s;
    color: #A2C44A;
    border-bottom-color: #A2C44A;
    font-size: 11px;
    font-weight: 400;
    line-height: 1;
    border-bottom: 1px dashed
}

@supports (--theme-main-color: $color-purple) {
    .remap-subtask-due-dates-popover .popover__link {
        color:var(--theme-main-color)
    }
}

@supports (--theme-main-color: $color-purple) {
    .remap-subtask-due-dates-popover .popover__link {
        border-bottom-color:var(--theme-main-color)
    }
}

.remap-subtask-due-dates-popover .popover__link:hover {
    color: #A2C44A;
    border-bottom-color: #A2C44A
}

@supports (--theme-main-color-dark: $color-purple-dark) {
    .remap-subtask-due-dates-popover .popover__link:hover {
        color:var(--theme-main-color-dark)
    }
}

@supports (--theme-main-color-dark: $color-purple-dark) {
    .remap-subtask-due-dates-popover .popover__link:hover {
        border-bottom-color:var(--theme-main-color-dark)
    }
}

.remap-subtask-due-dates-popover.popover.popover-top:after,.remap-subtask-due-dates-popover .popover.bs-tether-element-attached-bottom:after,.remap-subtask-due-dates-popover.top:after {
    border-top-color: #fff
}

.dark-theme .remap-subtask-due-dates-popover.popover.popover-top:after,.dark-theme .remap-subtask-due-dates-popover .popover.bs-tether-element-attached-bottom:after,.dark-theme .remap-subtask-due-dates-popover.top:after {
    border-top-color: #1e272e
}

.remap-subtask-due-dates-popover.popover.popover-top:before,.remap-subtask-due-dates-popover .popover.bs-tether-element-attached-bottom:before {
    display: none
}

.remap-subtask-due-dates-popover.popover.popover-bottom:after,.remap-subtask-due-dates-popover.bottom:after {
    border-bottom-color: #fff
}

.dark-theme .remap-subtask-due-dates-popover.popover.popover-bottom:after,.dark-theme .remap-subtask-due-dates-popover.bottom:after {
    border-bottom-color: #1e272e
}

.cu-pinned {
    display: inline-block;
    position: relative
}

.cu-pinned__icon {
    width: 14px;
    height: 14px;
    fill: #cccdde
}

.lv-task .cu-pinned__icon {
    display: inline-block;
    margin: 0 7px -2px 0
}

.cu-pinned__icon.pinned-coverimage {
    fill: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .cu-pinned__icon.pinned-coverimage {
        fill:var(--theme-main-color)
    }
}

.cu-pinned__container {
    width: 600px;
    height: 300px;
    position: relative
}

.cu-pinned__dropdown {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 300px;
    padding: 30px;
    width: 600px;
    position: absolute;
    z-index: 10;
    box-shadow: 0 1px 16px #0000001a;
    background: #fff;
    border-radius: 6px
}

.cu-pinned__dropdown-container {
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    height: 100%
}

.cu-pinned__dropdown:hover .cu-pinned__cover-container-arrows {
    display: flex
}

.cu-pinned__cover-container {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    overflow: hidden
}

.cu-pinned__cover-container-arrows {
    display: flex;
    align-items: center;
    justify-content: center;
    display: none;
    position: absolute;
    height: 30px;
    width: 30px;
    border-radius: 30px;
    background: #fff;
    top: 135px;
    right: 10px;
    cursor: pointer
}

.cu-pinned__cover-container-arrows.cover-arrow-left {
    left: 10px
}

.cu-pinned__cover-container img {
    max-width: 100%;
    max-height: 100%;
    margin: 0 auto
}

.cu-pinned__arrow-icon {
    width: 22px;
    height: 22px
}

.cu-scrollable-wizard {
    height: 100%;
    position: relative
}

.cu-scrollable-wizard__container {
    height: 100%;
    overflow: auto;
    display: block
}

.cu-os-win .cu-scrollable-wizard__container {
    scrollbar-width: thin
}

.cu-os-win .cu-scrollable-wizard__container::-webkit-scrollbar {
    background-color: #fff;
    width: 16px;
    height: 16px
}

.cu-os-win .cu-scrollable-wizard__container::-webkit-scrollbar-track {
    background-color: #fff
}

.cu-os-win .cu-scrollable-wizard__container::-webkit-scrollbar-track:hover {
    background-color: #fff
}

.cu-os-win .cu-scrollable-wizard__container::-webkit-scrollbar-thumb {
    background-color: #babac080;
    border-radius: 16px;
    border: 5px solid #fff
}

.cu-os-win .cu-scrollable-wizard__container::-webkit-scrollbar-thumb:hover {
    background-color: #a0a0a5;
    border: 3px solid #fff
}

.cu-os-win .cu-scrollable-wizard__container::-webkit-scrollbar-button {
    display: none
}

.cu-os-win.dark-theme .cu-scrollable-wizard__container::-webkit-scrollbar,.cu-os-win .dark-theme .cu-scrollable-wizard__container::-webkit-scrollbar {
    background-color: #384047
}

.cu-os-win.dark-theme .cu-scrollable-wizard__container::-webkit-scrollbar-track,.cu-os-win .dark-theme .cu-scrollable-wizard__container::-webkit-scrollbar-track {
    background-color: #384047
}

.cu-os-win.dark-theme .cu-scrollable-wizard__container::-webkit-scrollbar-track:hover,.cu-os-win .dark-theme .cu-scrollable-wizard__container::-webkit-scrollbar-track:hover {
    background-color: #384047
}

.cu-os-win.dark-theme .cu-scrollable-wizard__container::-webkit-scrollbar-thumb,.cu-os-win .dark-theme .cu-scrollable-wizard__container::-webkit-scrollbar-thumb {
    border-color: #384047
}

.cu-os-win.dark-theme .cu-scrollable-wizard__container::-webkit-scrollbar-thumb:hover,.cu-os-win .dark-theme .cu-scrollable-wizard__container::-webkit-scrollbar-thumb:hover {
    border-color: #384047
}

.cu-os-win.dark-theme .cu-scrollable-wizard__container::-webkit-scrollbar-corner,.cu-os-win .dark-theme .cu-scrollable-wizard__container::-webkit-scrollbar-corner {
    background-color: #384047
}

.dark-theme .cu-scrollable-wizard__container {
    background: #384047
}

.cu-scrollable-wizard__overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    background: #fff;
    opacity: .7;
    top: 0;
    left: 0
}

.dark-theme .cu-scrollable-wizard__overlay {
    background: #384047
}

.cu-scrollable-wizard__press {
    color: #A2C44A;
    font-size: 13px;
    font-weight: 200;
    line-height: 30px;
    margin-left: 8px
}

@supports (--theme-main-color: $color-purple) {
    .cu-scrollable-wizard__press {
        color:var(--theme-main-color)
    }
}

.cu-scrollable-wizard__press-enter {
    color: #A2C44A;
    font-weight: 600;
    text-transform: uppercase
}

@supports (--theme-main-color: $color-purple) {
    .cu-scrollable-wizard__press-enter {
        color:var(--theme-main-color)
    }
}

.cu-scrollable-wizard__btn-container {
    display: flex;
    justify-content: flex-end;
    margin-top: 15px
}

.cu-scrollable-wizard__btn-container .cu-btn {
    font-size: 13px;
    font-weight: 600;
    line-height: 30px;
    text-transform: uppercase;
    height: 30px;
    padding: 0 10px
}

.cu-scrollable-wizard__check {
    width: 17px;
    height: 17px;
    margin-left: 5px
}

.cu-scrollable-wizard__check use {
    stroke: #fff
}

.cu-scrollable-wizard__step {
    display: flex;
    position: relative;
    padding: 5px 10% 130px
}

.cu-scrollable-wizard__step:first-child {
    margin-top: 70px
}

.cu-scrollable-wizard__step-text {
    flex: 1 0 0;
    min-width: 0
}

.cu-scrollable-wizard__step-title {
    font-size: 20px;
    font-weight: 400;
    line-height: 40px;
    color: #343434;
    flex: 1 0 0
}

.dark-theme .cu-scrollable-wizard__step-title {
    color: #d5d6d7
}

.cu-scrollable-wizard__step-subtitle {
    font-size: 14px;
    font-weight: 400;
    line-height: 1.3;
    color: #343434;
    margin: 30px 0 15px
}

.dark-theme .cu-scrollable-wizard__step-subtitle {
    color: #d5d6d7
}

.cu-scrollable-wizard__step-description {
    font-size: 14px;
    font-weight: 400;
    line-height: 1.4;
    color: #343434;
    opacity: .4;
    margin: 0 0 30px
}

.dark-theme .cu-scrollable-wizard__step-description {
    color: #d5d6d7;
    opacity: .6
}

.cu-scrollable-wizard__step-description-link {
    color: #A2C44A;
    transition: all .2s cubic-bezier(.785,.135,.15,.86) 0s;
    padding-bottom: 2px;
    position: relative
}

@supports (--theme-main-color: $color-purple) {
    .cu-scrollable-wizard__step-description-link {
        color:var(--theme-main-color)
    }
}

.cu-scrollable-wizard__step-description-link:after {
    content: "";
    display: block;
    position: absolute;
    transition: all .2s cubic-bezier(.785,.135,.15,.86) 0s;
    background-color: #A2C44A;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px
}

.cu-scrollable-wizard__step-description-link:after:hover {
    transition: none
}

@supports (--theme-main-color: $color-purple) {
    .cu-scrollable-wizard__step-description-link:after {
        background-color:var(--theme-main-color)
    }
}

.cu-scrollable-wizard__step-description-link:hover:after {
    opacity: 0
}

.cu-scrollable-wizard__step-icon {
    fill: #A2C44A;
    stroke: #A2C44A;
    width: 45px;
    height: 45px;
    margin: -4px 20px 0 0;
    box-shadow: 0 1px 6px #00000021;
    border-radius: 50%;
    background: #fff;
    padding: 11px
}

@supports (--theme-main-color: $color-purple) {
    .cu-scrollable-wizard__step-icon {
        fill:var(--theme-main-color)
    }
}

@supports (--theme-main-color: $color-purple) {
    .cu-scrollable-wizard__step-icon {
        stroke:var(--theme-main-color)
    }
}

.dark-theme .cu-scrollable-wizard__step-icon {
    background: #1e272e
}

.cu-scrollable-wizard__step-icon svg {
    margin-top: 2px
}

.cu-scrollable-wizard__step-input {
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    width: 100%;
    height: 40px;
    background: transparent;
    padding: 0 10px;
    margin-bottom: 10px;
    border-radius: 3px;
    border: 1px solid #b9bec7;
    color: #292d34
}

.dark-theme .cu-scrollable-wizard__step-input {
    color: #d5d6d7;
    border-color: #979797
}

.cu-scrollable-wizard__step-input:focus {
    box-shadow: none
}

.cu-scrollable-wizard__step-textarea {
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    width: 100%;
    height: 90px;
    resize: none;
    background: transparent;
    padding: 10px;
    margin-bottom: 10px;
    border-radius: 3px;
    border: 1px solid #b9bec7;
    color: #292d34
}

.dark-theme .cu-scrollable-wizard__step-textarea {
    color: #d5d6d7;
    border-color: #979797
}

.cu-scrollable-wizard__arrow {
    stroke: #A2C44A;
    margin: 0 15px;
    width: 14px;
    height: 12px;
    flex-shrink: 0
}

@supports (--theme-main-color: $color-purple) {
    .cu-scrollable-wizard__arrow {
        stroke:var(--theme-main-color)
    }
}

.cu-scrollable-wizard__arrows {
    position: fixed;
    right: 20px;
    bottom: 20px
}

.cu-scrollable-wizard__arrows-container {
    background-color: #A2C44A;
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 5px;
    cursor: pointer;
    margin-top: 10px
}

@supports (--theme-main-color: $color-purple) {
    .cu-scrollable-wizard__arrows-container {
        background-color:var(--theme-main-color)
    }
}

.cu-scrollable-wizard__arrows-icon {
    width: 25px;
    height: 25px
}

.cu-scrollable-wizard__arrows-icon.up {
    transform: rotate(180deg)
}

.cu-scrollable-wizard__arrows-icon use {
    fill: #fff
}

.cu-portfolios {
    min-width: 0;
    min-height: 0;
    background: #f2f4f7
}

.contrast_high .cu-portfolios {
    background: #eee
}

.dark-theme .cu-portfolios {
    background: #1e272e
}

.cu-manager2__router-outlet .cu-portfolios {
    flex: 1 0 0
}

html.todesktop-platform-darwin .cu-portfolios__inner_v4:not(.cu-portfolios__inner_spaces-bar-expanded):after,html.todesktop-platform-darwin .cu-portfolios__inner_v5:after {
    content: "";
    display: block;
    position: fixed;
    -webkit-app-region: drag;
    width: 51px;
    height: 50px;
    top: 0;
    left: 0;
    z-index: 10;
    background: #f2f4f7
}

html.todesktop-platform-darwin .contrast_high .cu-portfolios__inner_v4:not(.cu-portfolios__inner_spaces-bar-expanded):after,html.todesktop-platform-darwin .contrast_high .cu-portfolios__inner_v5:after {
    background: #eee
}

html.todesktop-platform-darwin .dark-theme .cu-portfolios__inner_v4:not(.cu-portfolios__inner_spaces-bar-expanded):after,html.todesktop-platform-darwin .dark-theme .cu-portfolios__inner_v5:after {
    background: #1e272e
}

html.todesktop-platform-darwin .cu-portfolios__inner_v4:not(.cu-portfolios__inner_spaces-bar-expanded):after {
    width: 62px
}

html.todesktop-platform-darwin .cu-portfolios__inner_v4:before,html.todesktop-platform-darwin .cu-portfolios__inner_v5:before {
    content: "";
    display: block;
    position: fixed;
    -webkit-app-region: drag;
    top: 0;
    left: 0;
    width: 100%;
    height: 50px
}

.cu-portfolios__milestones {
    display: flex;
    align-items: center
}

.cu-portfolios__milestones-dropdown {
    max-height: 250px;
    overflow: auto
}

.cu-portfolios__milestones-toggle {
    display: flex;
    align-items: center
}

.cu-portfolios__milestones-item {
    display: flex;
    padding: 5px 15px
}

.cu-portfolios__milestones-icon {
    transform: rotate(45deg);
    width: 11px;
    height: 11px;
    border-radius: 2px;
    margin-right: 6px;
    flex-shrink: 0
}

.cu-portfolios__milestones-name {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 12px;
    font-weight: 400;
    line-height: 1.4;
    margin-top: -3px;
    padding-left: 3px;
    color: #292d34
}

.dark-theme .cu-portfolios__milestones-name {
    color: #d5d6d7
}

.cu-portfolios__milestones-counter {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 9px;
    font-weight: 600;
    line-height: 1;
    margin-top: 2px;
    color: #b9bec7
}

.dark-theme .cu-portfolios__milestones-counter {
    color: #7c828d
}

.cu-portfolios__main-heading {
    font-size: 24px;
    font-weight: 400;
    line-height: 1;
    margin-right: 24px;
    color: #4a4a4a
}

.dark-theme .cu-portfolios__main-heading {
    color: #d5d6d7
}

.cu-portfolios__header-nav {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    padding: 15px 10px 0;
    position: sticky;
    left: 0
}

.cu-portfolios__header-nav-left,.cu-portfolios__header-nav-right {
    display: flex;
    align-items: center
}

.cu-portfolios__header-nav-right {
    flex-shrink: 0;
    margin-top: 7px
}

.cu-portfolios__header-nav-left {
    flex-wrap: wrap
}

.cu-portfolios__header-nav-add-btn {
    padding: 5px 10px 3px;
    color: #cacaca;
    font-size: 19px;
    cursor: pointer;
    border: none;
    outline: none;
    transition: all .2s cubic-bezier(.785,.135,.15,.86) 0s
}

.cu-portfolios__header-nav-add-btn:hover {
    transition: none
}

.cu-portfolios__header-nav-add-btn:hover {
    color: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .cu-portfolios__header-nav-add-btn:hover {
        color:var(--theme-main-color)
    }
}

.cu-portfolios__header-nav-btn {
    margin: 0 4px;
    display: block;
    border: none;
    height: 35px;
    min-width: 35px;
    padding: 10px;
    border-radius: 3px;
    box-shadow: 0 1px 3px #00000026;
    background: #fff;
    color: #c2c2c2;
    font-size: 11px;
    letter-spacing: .4px;
    font-weight: 500;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-transform: uppercase;
    cursor: pointer
}

.dark-theme .cu-portfolios__header-nav-btn {
    background: #384047
}

.cu-portfolios__header-nav-btn:hover {
    color: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .cu-portfolios__header-nav-btn:hover {
        color:var(--theme-main-color)
    }
}

.cu-portfolios__header-nav-btn_share {
    padding: 5px 16px 9px 11px;
    background-repeat: no-repeat;
    background-position: left 11px center
}

.cu-portfolios__header-nav-btn_share span {
    margin-right: 4px;
    position: relative;
    top: 2px
}

.cu-portfolios__header-nav-btn_filter {
    display: flex;
    cursor: default;
    border: none!important
}

.cu-portfolios__header-nav-btn_cog {
    width: 35px;
    height: 35px;
    padding: 8px 10px
}

.cu-portfolios__portfolio {
    transition: all .2s cubic-bezier(.785,.135,.15,.86) 0s;
    border-radius: 3px;
    border: 1px solid #e4e4e4;
    margin: 5px 4px;
    background: #fff
}

.cu-portfolios__portfolio:hover {
    transition: none
}

.dark-theme .cu-portfolios__portfolio {
    background: #384047;
    border-color: #384047
}

.cu-portfolios__portfolio:hover>div .cu-portfolios__portfolio-name {
    color: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .cu-portfolios__portfolio:hover>div .cu-portfolios__portfolio-name {
        color:var(--theme-main-color)
    }
}

.cu-portfolios__portfolio-private {
    fill: #797979;
    width: 10px;
    display: inline-block;
    height: 13px;
    margin: -2px 0 -2px 8px
}

.cu-portfolios__portfolio.active .cu-portfolios__portfolio-private {
    fill: #fff
}

.cu-portfolios__portfolio>div {
    transition: all .2s cubic-bezier(.785,.135,.15,.86) 0s;
    padding: 12px 42px 11px 20px;
    text-align: center;
    position: relative
}

.cu-portfolios__portfolio>div:hover {
    transition: none
}

.cu-portfolios__portfolio>div .cu-dropdown__toggle.icon {
    width: 16px;
    position: absolute;
    top: 0;
    right: 14px;
    fill: #9b9b9b;
    transition: all .2s cubic-bezier(.785,.135,.15,.86) 0s
}

.cu-portfolios__portfolio>div .cu-dropdown__toggle.icon:hover {
    transition: none
}

.cu-portfolios__portfolio>div .cu-dropdown__toggle.icon:hover {
    transform: scale(1.1)
}

.cu-portfolios__portfolio-name {
    transition: all .2s cubic-bezier(.785,.135,.15,.86) 0s;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 12px;
    font-weight: 500;
    line-height: 1;
    color: #858585;
    max-width: 300px;
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.cu-portfolios__portfolio-name:hover {
    transition: none
}

.dark-theme .cu-portfolios__portfolio-name {
    color: #abaeb0
}

.cu-portfolios__portfolio.active {
    box-shadow: 0 1px 4px #0000001c;
    background: #A2C44A;
    border-color: transparent
}

@supports (--theme-main-color: $color-purple) {
    .cu-portfolios__portfolio.active {
        background:var(--theme-main-color)
    }
}

.cu-portfolios__portfolio.active>div .cu-portfolios__portfolio-name {
    color: #fff
}

.cu-portfolios__portfolio.active>div .cu-dropdown__toggle.icon {
    fill: #fff
}

.cu-portfolios__list-table {
    padding: 30px 10px 15px;
    width: -moz-fit-content;
    width: fit-content;
    min-width: 100%
}

.cu-portfolios__list-table-header-column {
    flex-shrink: 0
}

.cu-portfolios__list-table-header-column>div {
    justify-content: center
}

.cu-portfolios__list-table-header-column .sortable {
    margin-right: 0
}

.cu-portfolios__list-table-header-column_name .sortable {
    justify-content: left
}

.cu-portfolios__list-table-header-column_name,.cu-portfolios__list-table-row-column_name {
    flex-grow: 1;
    min-width: 275px
}

.cu-portfolios__list-table-header-column_task-statuses,.cu-portfolios__list-table-row-column_task-statuses {
    width: 250px
}

.cu-portfolios__list-table-header-column_progress,.cu-portfolios__list-table-row-column_progress {
    width: 130px
}

.cu-portfolios__list-table-header-column_completed,.cu-portfolios__list-table-row-column_completed {
    width: 85px
}

.cu-portfolios__list-table-header-column_overdue,.cu-portfolios__list-table-row-column_overdue {
    width: 110px
}

.cu-portfolios__list-table-header-column_start-date,.cu-portfolios__list-table-row-column_start-date {
    width: 130px
}

.cu-portfolios__list-table-header-column_end-date,.cu-portfolios__list-table-row-column_end-date {
    width: 90px
}

.cu-portfolios__list-table-header-column_priority,.cu-portfolios__list-table-row-column_priority {
    width: 95px
}

.cu-portfolios__list-table-header-column_assignee,.cu-portfolios__list-table-row-column_assignee {
    width: 90px
}

.cu-portfolios__list-table-header-column_time-estimated,.cu-portfolios__list-table-row-column_time-estimated {
    width: 130px
}

.cu-portfolios__list-table-header-column_time-logged,.cu-portfolios__list-table-row-column_time-logged {
    width: 115px
}

.cu-portfolios__list-table-header-column_time-remaining,.cu-portfolios__list-table-row-column_time-remaining {
    width: 130px
}

.cu-portfolios__list-table-header-column_menu,.cu-portfolios__list-table-row-column_menu {
    width: 50px
}

.cu-portfolios__list-table-header-column_list-status,.cu-portfolios__list-table-row-column_list-status {
    width: 130px
}

.cu-portfolios__list-table-header-column_calculation,.cu-portfolios__list-table-row-column_calculation {
    width: 140px
}

.cu-portfolios__list-table-header-column_task-statuses,.cu-portfolios__list-table-header-column_progress,.cu-portfolios__list-table-header-column_completed,.cu-portfolios__list-table-header-column_overdue,.cu-portfolios__list-table-header-column_start-date,.cu-portfolios__list-table-header-column_end-date,.cu-portfolios__list-table-header-column_priority,.cu-portfolios__list-table-header-column_assignee,.cu-portfolios__list-table-header-column_time-estimated,.cu-portfolios__list-table-header-column_time-logged,.cu-portfolios__list-table-header-column_time-remaining,.cu-portfolios__list-table-header-column_list-status,.cu-portfolios__list-table-header-column_calculation,.cu-portfolios__list-table-row-column_task-statuses,.cu-portfolios__list-table-row-column_progress,.cu-portfolios__list-table-row-column_completed,.cu-portfolios__list-table-row-column_overdue,.cu-portfolios__list-table-row-column_start-date,.cu-portfolios__list-table-row-column_end-date,.cu-portfolios__list-table-row-column_priority,.cu-portfolios__list-table-row-column_assignee,.cu-portfolios__list-table-row-column_time-estimated,.cu-portfolios__list-table-row-column_time-logged,.cu-portfolios__list-table-row-column_time-remaining,.cu-portfolios__list-table-row-column_list-status,.cu-portfolios__list-table-row-column_calculation {
    text-align: center;
    justify-content: center
}

.cu-portfolios__list-table-header {
    display: flex;
    margin-bottom: 2px
}

.cu-portfolios__list-table-header-leftside-background {
    position: sticky;
    min-width: 30px;
    left: -20px;
    margin-left: -30px;
    z-index: 2;
    opacity: .95;
    background: #f2f4f7
}

.contrast_high .cu-portfolios__list-table-header-leftside-background {
    background: #eee
}

.dark-theme .cu-portfolios__list-table-header-leftside-background {
    background: #1e272e
}

.cu-portfolios__list-table-header-column_name {
    min-width: 280px;
    position: sticky;
    left: 10px;
    opacity: .95;
    z-index: 1;
    background: #f2f4f7
}

.contrast_high .cu-portfolios__list-table-header-column_name {
    background: #eee
}

.dark-theme .cu-portfolios__list-table-header-column_name {
    background: #1e272e
}

.cu-portfolios__list-table-header-column .sortable__title {
    font-weight: 400
}

.cu-portfolios__list-table-header-column_menu {
    display: flex;
    align-items: flex-end;
    justify-content: center;
    font-size: 21px;
    font-weight: 500
}

.cu-portfolios__list-table-header-column_menu .cu-dropdown__toggle {
    transition: all .2s cubic-bezier(.785,.135,.15,.86) 0s
}

.cu-portfolios__list-table-header-column_menu .cu-dropdown__toggle:hover {
    transition: none
}

.cu-portfolios__list-table-header-column_menu:hover .cu-dropdown__toggle {
    color: #858585
}

.cu-portfolios__list-table-placeholder-row {
    height: var(--cu-lazy-body-height, 50px)
}

.cu-portfolios__list-table-row {
    position: relative;
    height: 50px;
    border-radius: 3px;
    display: inline-flex;
    margin-right: 30px;
    min-width: 100%;
    cursor: move;
    box-shadow: 0 1px 2px #0000000d;
    margin-bottom: 1px
}

.cu-portfolios__list-table-row>* {
    cursor: default
}

.cu-portfolios__list-table-row-background {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgba(255,255,255,.94)
}

.dark-theme .cu-portfolios__list-table-row-background {
    background: rgba(43,52,59,.94)
}

.cu-portfolios__list-table-row-leftside-background {
    position: sticky;
    width: 35px;
    left: -20px;
    margin-left: -35px;
    z-index: 2;
    background: #f2f4f7
}

.contrast_high .cu-portfolios__list-table-row-leftside-background {
    background: #eee
}

.dark-theme .cu-portfolios__list-table-row-leftside-background {
    background: #1e272e
}

.cu-portfolios__list-table-row-column {
    position: relative;
    font-size: 12px;
    font-weight: 400;
    line-height: 1;
    color: #4a4a4a;
    flex-shrink: 0
}

.cu-portfolios__list-table-row-column_name {
    border-left: solid 5px;
    border-bottom-left-radius: 3px;
    border-top-left-radius: 3px;
    font-size: 15px;
    min-width: 280px;
    flex-grow: 1;
    color: #4a4a4a;
    cursor: pointer;
    position: sticky;
    left: 10px;
    z-index: 2
}

.cu-portfolios__list-table-row-column_name .cu-dropdown__menu {
    margin-top: -5px
}

.cu-portfolios__list-table-row-column_name-handle {
    transition: opacity .2s cubic-bezier(.785,.135,.15,.86) 0s;
    opacity: 0;
    cursor: move;
    position: absolute;
    width: 22px;
    top: 0;
    left: -5px;
    bottom: 0;
    padding-left: 11px;
    padding-right: 5px;
    z-index: 2;
    fill: #bcc0c7
}

.dark-theme .cu-portfolios__list-table-row-column_name-handle {
    fill: #828588
}

.cu-portfolios__list-table-row-column_name-archived {
    width: 18px;
    height: 18px;
    stroke: #9b9b9b;
    fill: #9b9b9b;
    margin-left: 18px;
    margin-right: -10px;
    z-index: 2
}

.cu-portfolios__list-table-row-column_name-background {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 0;
    opacity: .95
}

.cu-portfolios__list-table-row-column_name-background:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgba(255,255,255,.94)
}

.dark-theme .cu-portfolios__list-table-row-column_name-background:before {
    background: rgba(43,52,59,.94)
}

.cu-portfolios__list-table-row-column_name-body {
    display: flex;
    align-items: center
}

.cu-portfolios__list-table-row-column_name-inner {
    transition: all .2s cubic-bezier(.785,.135,.15,.86) 0s;
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    padding: 8px 0 8px 18px;
    height: 50px
}

.cu-portfolios__list-table-row-column_name-inner:hover {
    transition: none
}

.cu-portfolios__list-table-row-column_name-inner>a {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-bottom: 1px
}

.cu-portfolios__list-table-row-column_name-inner_archived {
    font-style: italic
}

.cu-portfolios__list-table-row-column_name-path {
    font-weight: 400;
    line-height: 1;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #9b9b9b;
    font-size: 11px;
    margin-top: 3px;
    margin-right: 18px;
    max-width: 300px
}

.cu-portfolios__list-table-row-column_name-list-name {
    display: inline-block;
    max-width: 300px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.cu-portfolios__list-table-row-column_name-list-view,.cu-portfolios__list-table-row-column_name-board-view {
    opacity: 0;
    display: inline-block;
    width: 18px;
    height: 16px;
    padding: 3px 2px;
    transform: translateY(3px);
    stroke: #4a4a4a;
    transition: all .2s cubic-bezier(.785,.135,.15,.86) 0s
}

.cu-portfolios__list-table-row-column_name-list-view:hover,.cu-portfolios__list-table-row-column_name-board-view:hover {
    transition: none
}

.dark-theme .cu-portfolios__list-table-row-column_name-list-view,.dark-theme .cu-portfolios__list-table-row-column_name-board-view {
    stroke: #d5d6d7
}

.cu-portfolios__list-table-row-column_name-list-view:hover,.cu-portfolios__list-table-row-column_name-board-view:hover {
    transform: translateY(3px) scale(1.1)
}

.cu-portfolios__list-table-row-column_name-list-view {
    margin-left: 6px;
    stroke-width: 1px
}

.cu-portfolios__list-table-row-column_name-list-info {
    transition: all .2s cubic-bezier(.785,.135,.15,.86) 0s;
    opacity: 0;
    display: inline-block;
    width: 18px;
    height: 16px;
    padding: 3px 2px;
    transform: translateY(3px);
    fill: #bcc0c7
}

.cu-portfolios__list-table-row-column_name-list-info:hover {
    transition: none
}

.cu-portfolios__list-table-row-column_name-list-info:hover {
    fill: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .cu-portfolios__list-table-row-column_name-list-info:hover {
        fill:var(--theme-main-color)
    }
}

.cu-portfolios__list-table-row-column_name-board-view {
    margin-right: 10px
}

.cu-portfolios__list-table-row-column_name:hover .cu-dropdown__menu {
    opacity: 1;
    display: block
}

.cu-portfolios__list-table-row-column_task-statuses,.cu-portfolios__list-table-row-column_progress,.cu-portfolios__list-table-row-column_completed,.cu-portfolios__list-table-row-column_overdue,.cu-portfolios__list-table-row-column_start-date,.cu-portfolios__list-table-row-column_end-date,.cu-portfolios__list-table-row-column_priority,.cu-portfolios__list-table-row-column_assignee,.cu-portfolios__list-table-row-column_menu,.cu-portfolios__list-table-row-column_time-estimated,.cu-portfolios__list-table-row-column_time-logged,.cu-portfolios__list-table-row-column_time-remaining,.cu-portfolios__list-table-row-column_calculation {
    padding: 15px 0;
    display: flex;
    align-items: center;
    flex-direction: column
}

.cu-portfolios__list-table-row-column_time-estimated,.cu-portfolios__list-table-row-column_time-logged,.cu-portfolios__list-table-row-column_time-remaining {
    color: #4a4a4a
}

.dark-theme .cu-portfolios__list-table-row-column_time-estimated,.dark-theme .cu-portfolios__list-table-row-column_time-logged,.dark-theme .cu-portfolios__list-table-row-column_time-remaining {
    color: #d5d6d7
}

.cu-portfolios__list-table-row-column_task-statuses {
    padding: 0 20px
}

.cu-portfolios__list-table-row-column_completed,.cu-portfolios__list-table-row-column_overdue {
    cursor: pointer;
    transition: all .2s cubic-bezier(.785,.135,.15,.86) 0s
}

.cu-portfolios__list-table-row-column_completed:hover,.cu-portfolios__list-table-row-column_overdue:hover {
    transition: none
}

.cu-portfolios__list-table-row-column_completed:hover,.cu-portfolios__list-table-row-column_overdue:hover {
    opacity: .85
}

.cu-portfolios__list-table-row-column_completed {
    color: #67cb48
}

.cu-portfolios__list-table-row-column_overdue {
    color: #d16464
}

.cu-portfolios__list-table-row-column_grey {
    color: #7c828d
}

.dark-theme .cu-portfolios__list-table-row-column_grey {
    color: #abaeb0
}

.cu-portfolios__list-table-row-column_time-estimated .lv-location__info-item,.cu-portfolios__list-table-row-column_time-logged .lv-location__info-item,.cu-portfolios__list-table-row-column_time-remaining .lv-location__info-item {
    margin-right: 0;
    color: #7c828d
}

.dark-theme .cu-portfolios__list-table-row-column_time-estimated .lv-location__info-item,.dark-theme .cu-portfolios__list-table-row-column_time-logged .lv-location__info-item,.dark-theme .cu-portfolios__list-table-row-column_time-remaining .lv-location__info-item {
    color: #abaeb0
}

.cu-portfolios__list-table-row-column_progress {
    padding: 15px 20px
}

.cu-portfolios__list-table-row-column_list-status {
    font-size: 11px;
    font-weight: 400;
    line-height: 1.2;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: flex;
    align-items: center;
    flex-direction: column;
    color: #fff;
    text-transform: capitalize;
    cursor: pointer;
    transition: all .2s cubic-bezier(.785,.135,.15,.86) 0s
}

.cu-portfolios__list-table-row-column_list-status:hover {
    transition: none
}

.cu-portfolios__list-table-row-column_list-status:hover {
    opacity: .85
}

.cu-portfolios__list-table-row-column_list-status_light {
    color: #343434
}

.cu-portfolios__list-table-row-column_list-status .cu-custom-fields__form-input_dropdown,.cu-portfolios__list-table-row-column_list-status .cu-dropdown,.cu-portfolios__list-table-row-column_list-status .cu-dropdown__toggle {
    height: 100%
}

.cu-portfolios__list-table-row-column_start-date .cu-user-group__item_due-date .icon,.cu-portfolios__list-table-row-column_end-date .cu-user-group__item_due-date .icon,.cu-portfolios__list-table-row-column_priority .cu-priorities-view__icon-select,.cu-portfolios__list-table-row-column_assignee .cu-avatar.cu-avatar_lg {
    width: 30px!important;
    height: 30px!important
}

.cu-portfolios__list-table-row-column_menu svg {
    transition: fill .2s cubic-bezier(.785,.135,.15,.86) 0s;
    width: 15px;
    fill: #7c828d
}

.dark-theme .cu-portfolios__list-table-row-column_menu svg {
    fill: #abaeb0
}

.cu-portfolios__list-table-row-column_menu .icon:hover svg {
    fill: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .cu-portfolios__list-table-row-column_menu .icon:hover svg {
        fill:var(--theme-main-color)
    }
}

.cu-portfolios__list-table-row-column_progress {
    font-size: 10px;
    color: #7c828d;
    text-align: center;
    padding-top: 6px
}

.dark-theme .cu-portfolios__list-table-row-column_progress {
    color: #abaeb0
}

.cu-portfolios__list-table-row-column_calculation {
    position: relative
}

.cu-portfolios__list-table-row-column_calculation-add-btn {
    transition: border-color .2s cubic-bezier(.785,.135,.15,.86),color .2s cubic-bezier(.785,.135,.15,.86);
    color: #7c828d;
    border: 1px dotted #7c828d;
    border-radius: 4px;
    cursor: pointer;
    padding: 10px 38px 7px
}

.dark-theme .cu-portfolios__list-table-row-column_calculation-add-btn {
    border-color: #abaeb0;
    color: #abaeb0
}

.cu-portfolios__list-table-row-column_calculation-add-btn:hover {
    border-color: #A2C44A;
    color: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .cu-portfolios__list-table-row-column_calculation-add-btn:hover {
        border-color:var(--theme-main-color)
    }
}

@supports (--theme-main-color: $color-purple) {
    .cu-portfolios__list-table-row-column_calculation-add-btn:hover {
        color:var(--theme-main-color)
    }
}

.cu-portfolios__list-table-row-column_calculation-label {
    font-size: 10px;
    color: #cacaca;
    text-align: center;
    padding-bottom: 2px
}

.cu-portfolios__list-table-row-column_calculation-label span {
    opacity: 0;
    visibility: hidden;
    position: absolute;
    transition: all .2s cubic-bezier(.785,.135,.15,.86) 0s;
    cursor: pointer;
    right: 1px;
    top: 3px
}

.cu-portfolios__list-table-row-column_calculation-label span:hover {
    transition: none
}

.cu-portfolios__list-table-row-column_calculation:hover .cu-portfolios__list-table-row-column_calculation-label span {
    opacity: 1;
    visibility: visible
}

.cu-portfolios__list-table-row-column_calculation-value {
    font-size: 12px;
    color: #4a4a4a
}

.cu-portfolios__list-table-row-column-add-btn {
    transition: opacity .2s cubic-bezier(.785,.135,.15,.86) 0s;
    font-size: 12px;
    font-weight: 500;
    line-height: 1;
    border-radius: 4px;
    cursor: pointer;
    padding: 10px 38px 7px;
    opacity: 0;
    color: #7c828d;
    border: 1px dotted #7c828d
}

.dark-theme .cu-portfolios__list-table-row-column-add-btn {
    border-color: #abaeb0;
    color: #abaeb0
}

.cu-portfolios__list-table-row-column:hover .cu-portfolios__list-table-row-column-add-btn {
    opacity: 1
}

.cu-portfolios__list-table-row-column_disabled {
    cursor: default
}

.cu-portfolios__list-table-row-column_start-date .due-date__info-value,.cu-portfolios__list-table-row-column_start-date .cu-user-group_due-date,.cu-portfolios__list-table-row-column_end-date .due-date__info-value,.cu-portfolios__list-table-row-column_end-date .cu-user-group_due-date {
    justify-content: center
}

.cu-portfolios__list-table-row:hover .cu-portfolios__list-table-row-column_name-handle,.cu-portfolios__list-table-row:hover .cu-portfolios__list-table-row-column_name-list-view,.cu-portfolios__list-table-row:hover .cu-portfolios__list-table-row-column_name-board-view,.cu-portfolios__list-table-row:hover .cu-portfolios__list-table-row-column_name-list-info {
    opacity: 1
}

.cu-portfolios__progress {
    width: 100%;
    height: 5px;
    display: flex;
    background-color: #fff;
    border-radius: 2px;
    box-shadow: 0 1px .5px #0003;
    overflow: hidden
}

.cu-portfolios__progress-bar {
    background-color: #73e321;
    height: 100%
}

.cu-portfolios__task-statuses {
    width: 100%;
    display: flex;
    border-radius: 2px;
    overflow: hidden
}

.cu-portfolios__task-status {
    transition: min-height .2s cubic-bezier(.785,.135,.15,.86) 0s;
    height: 2px;
    min-height: 2px;
    flex: 1;
    margin-right: 1px;
    border-radius: 1px
}

.cu-portfolios__task-status-wrapper {
    height: 50px;
    display: flex;
    align-items: center
}

.cu-portfolios__task-status-wrapper:hover .cu-portfolios__task-status {
    min-height: 4px;
    border-radius: 2px
}

.cu-portfolios__task-status-wrapper:last-child .cu-portfolios__task-status {
    margin-right: 0
}

.cu-portfolios__empty-list {
    text-align: center
}

.cu-portfolios__empty-list h3 {
    font-size: 18px;
    letter-spacing: .6px;
    margin-top: 29px
}

.cu-portfolios__empty-list a {
    font-size: 12px;
    border-bottom: 1px dotted;
    border-color: #A2C44A;
    margin-top: 15px;
    display: inline-block;
    line-height: 13px;
    color: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .cu-portfolios__empty-list a {
        border-color:var(--theme-main-color)
    }
}

@supports (--theme-main-color: $color-purple) {
    .cu-portfolios__empty-list a {
        color:var(--theme-main-color)
    }
}

.cu-portfolios__list-preview {
    width: 100%;
    max-width: 590px;
    margin-top: 92px
}

.cu-portfolios__add-portfolio-btn {
    background-color: #A2C44A;
    transition: all .2s cubic-bezier(.785,.135,.15,.86) 0s;
    display: block;
    margin: 34px auto 0;
    padding: 0 30px;
    height: 46px;
    font-size: 17px;
    letter-spacing: 1.2px;
    font-weight: 500;
    color: #fff;
    border: none;
    border-radius: 4px
}

@supports (--theme-main-color: $color-purple) {
    .cu-portfolios__add-portfolio-btn {
        background-color:var(--theme-main-color)
    }
}

.cu-portfolios__add-portfolio-btn:hover {
    transition: none
}

.cu-portfolios__add-portfolio-btn:hover {
    background: #A2C44A
}

@supports (--theme-main-color-dark: $color-purple-dark) {
    .cu-portfolios__add-portfolio-btn:hover {
        background:var(--theme-main-color-dark)
    }
}

.cu-portfolios__add-list-btn {
    font-size: 13px;
    font-weight: 400;
    line-height: 1;
    transition: all .2s cubic-bezier(.785,.135,.15,.86) 0s;
    border: none;
    padding: 9px 19px;
    color: #858585
}

.cu-portfolios__add-list-btn:hover {
    transition: none
}

.cu-portfolios__add-list-btn:hover {
    color: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .cu-portfolios__add-list-btn:hover {
        color:var(--theme-main-color)
    }
}

.cu-portfolios__add-list-btn-wrapper {
    text-align: left;
    position: sticky;
    left: 0;
    margin-bottom: 50px
}

.cu-portfolios__group {
    font-size: 14px;
    font-weight: 500;
    margin-top: 20px;
    margin-bottom: 10px;
    cursor: pointer;
    text-transform: uppercase;
    position: sticky;
    z-index: 2;
    left: 20px;
    width: -moz-fit-content;
    width: fit-content
}

.cu-portfolios__group-icon {
    transition: all .2s cubic-bezier(.785,.135,.15,.86) 0s;
    width: 7px;
    height: 7px;
    display: inline-block;
    margin-right: 5px
}

.cu-portfolios__group-icon:hover {
    transition: none
}

.dark-theme .cu-portfolios__group-icon {
    fill: #d5d6d7
}

.cu-portfolios__group-icon-up {
    transform: rotate(180deg)
}

.cu-portfolios__paywall-popover-actions {
    margin-top: 15px
}

.cu-portfolios__empty-message-container {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    padding: 10px
}

.cu-portfolios__empty-message-text {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 18px;
    font-weight: 400;
    line-height: 1;
    text-align: center;
    color: #4a4a4a
}

.cu-portfolios__empty-button {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 18px;
    font-weight: 400;
    line-height: 1;
    color: #A2C44A;
    border-bottom-color: #A2C44A;
    border: none;
    border-bottom: 1px solid
}

@supports (--theme-main-color: $color-purple) {
    .cu-portfolios__empty-button {
        color:var(--theme-main-color)
    }
}

@supports (--theme-main-color: $color-purple) {
    .cu-portfolios__empty-button {
        border-bottom-color:var(--theme-main-color)
    }
}

@media screen and (max-width: 768px) {
    .no-mobile {
        display:none
    }
}

.wistia-overlay_opened ._pendo-step-container,.modal-window_open-welcome-video ._pendo-step-container,.cu-onboarding-video-opt-out_active ._pendo-step-container,.cu-resource-center-open ._pendo-step-container {
    display: none!important
}

._pendo-backdrop {
    background-color: #242424bf!important
}

.dark-theme ._pendo-backdrop {
    background-color: #24242459!important
}

._pendo-step-container-size {
    opacity: 1
}

._pendo-step-container-size[data-vertical-alignment=Centered]:before {
    content: "";
    left: 0;
    top: 0;
    height: 8px;
    width: 100%;
    background: linear-gradient(242.72deg,#49ccf9 0%,#8930fd 101.2%);
    position: absolute;
    border-radius: 6px 6px 0 0;
    z-index: 99999
}

.pendo-tooltip-caret-border {
    border: none!important
}

.cu-404-page #pendo-base,.cu-404-page #pendo-guide-container,.cu-404-page ._pendo-guide-backdrop_,.cu-404-page ._pendo-step-container-size {
    display: none!important
}

#pendo-guide-container {
    font-family: -apple-system,BlinkMacSystemFont,Segoe UI,roboto,Helvetica Neue,helvetica,arial,sans-serif!important;
    padding: 30px!important;
    box-shadow: 0 0 30px #00000026!important;
    border-radius: 6px!important;
    border: none!important;
    position: relative
}

#pendo-guide-container ._pendo-text-plain,#pendo-guide-container .pendo-radio {
    font-family: -apple-system,BlinkMacSystemFont,Segoe UI,roboto,Helvetica Neue,helvetica,arial,sans-serif!important
}

#pendo-guide-container ._pendo-open-text-poll-input {
    border: none!important;
    margin-top: 10px!important;
    font-family: -apple-system,BlinkMacSystemFont,Segoe UI,roboto,Helvetica Neue,helvetica,arial,sans-serif!important
}

#pendo-guide-container ._pendo-button {
    font-family: -apple-system,BlinkMacSystemFont,Segoe UI,roboto,Helvetica Neue,helvetica,arial,sans-serif!important;
    padding: 0 16px!important;
    line-height: 34px!important;
    font-weight: 500!important;
    font-size: 13px!important
}

#pendo-guide-container ._pendo-button:hover {
    font-weight: 500!important
}

#pendo-guide-container ._pendo-text-list-item {
    font-family: -apple-system,BlinkMacSystemFont,Segoe UI,roboto,Helvetica Neue,helvetica,arial,sans-serif!important;
    color: #343434!important
}

#pendo-guide-container ._pendo-image {
    max-width: 100%!important
}

#pendo-guide-container ._pendo-close-guide {
    right: 22px!important;
    top: 17px!important;
    z-index: 99999!important
}

#pendo-guide-container .pendo-g-LZaQf8UIony8TPxJ04_9Kaa0Ajc ._pendo-close-guide {
    top: 6px!important
}

#pendo-guide-container a {
    color: var(--theme-main-color)!important;
    border-bottom: 1px dotted var(--theme-main-color)!important
}

#pendo-guide-container .pendo-radio._pendo-nps-poll-1,#pendo-guide-container .pendo-radio._pendo-nps-poll-2,#pendo-guide-container .pendo-radio._pendo-nps-poll-3,#pendo-guide-container .pendo-radio._pendo-nps-poll-4,#pendo-guide-container .pendo-radio._pendo-nps-poll-5,#pendo-guide-container .pendo-radio._pendo-nps-poll-6,#pendo-guide-container .pendo-radio._pendo-nps-poll-7,#pendo-guide-container .pendo-radio._pendo-nps-poll-8,#pendo-guide-container .pendo-radio._pendo-nps-poll-9,#pendo-guide-container .pendo-radio._pendo-nps-poll-10 {
    background: #fff!important;
    box-shadow: 0 0 10px #00000017!important;
    border-radius: 6px!important;
    height: 39px!important;
    width: 39px!important;
    font-size: 14px!important
}

#pendo-guide-container .pendo-radio._pendo-nps-poll-1:hover,#pendo-guide-container .pendo-radio._pendo-nps-poll-2:hover,#pendo-guide-container .pendo-radio._pendo-nps-poll-3:hover,#pendo-guide-container .pendo-radio._pendo-nps-poll-4:hover,#pendo-guide-container .pendo-radio._pendo-nps-poll-5:hover,#pendo-guide-container .pendo-radio._pendo-nps-poll-6:hover,#pendo-guide-container .pendo-radio._pendo-nps-poll-7:hover,#pendo-guide-container .pendo-radio._pendo-nps-poll-8:hover,#pendo-guide-container .pendo-radio._pendo-nps-poll-9:hover,#pendo-guide-container .pendo-radio._pendo-nps-poll-10:hover {
    background-color: var(--theme-main-color)!important
}

#pendo-guide-container input[type=radio].pendo-radio:checked+label {
    background-color: var(--theme-main-color)!important
}

._pendo-badge-text {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 12px;
    font-weight: 500;
    line-height: 1
}

#login-page-new,#signup-page-new {
    display: none;
    position: relative;
    width: 100vw;
    height: 100vh;
    flex-direction: column
}

#login-page-new.show,#signup-page-new.show {
    display: flex;
    overflow-y: auto;
    background-color: #FAFDF2;
}

#login-page-new .cu-onboarding__promo-code,#signup-page-new .cu-onboarding__promo-code {
    top: 15px
}

#login-page-new,#signup-page-new,.login-page-new {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: -apple-system,BlinkMacSystemFont,Segoe UI,roboto,Helvetica Neue,helvetica,arial,sans-serif
}

.login-page-new {
    display: flex;
    position: relative;
    width: 100vw;
    height: 100vh;
    flex-direction: column;
    overflow-y: auto;
    background-color: #fafbfc
}

.login-page-new__bg {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100vw;
    height: auto;
    z-index: -1
}

.login-page-new__logo {
    position: fixed;
    top: 34px;
    left: 34px;
    z-index: 10
}

html.todesktop-platform-darwin .login-page-new__logo {
    -webkit-app-region: drag;
    top: 64px
}

@media screen and (max-width: 1200px) {
    .login-page-new__logo {
        position:absolute
    }
}

.login-page-new__logo-img {
    width: 124px;
    height: auto
}

.login-page-new__top-right {
    position: fixed;
    top: 30px;
    right: 30px;
    z-index: 10;
    display: flex;
    align-items: center;
    margin-left: auto
}

html.todesktop-platform-darwin .login-page-new__top-right {
    -webkit-app-region: drag;
    top: 60px
}

@media screen and (max-width: 1200px) {
    .login-page-new__top-right {
        position:absolute
    }
}

.login-page-new__top-right-text {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 14px;
    font-weight: 500;
    line-height: 16px;
    color: #292d34;
    margin-right: 20px
}

@media only screen and (max-width: 768px) {
    .login-page-new__top-right-text {
        display:none
    }
}

.login-page-new__top-right-button {
    display: flex;
    align-items: center;
    background-color: #A2C44A;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 14px;
    font-weight: 700;
    line-height: 1;
    transition: transform .2s cubic-bezier(.785,.135,.15,.86),background-color .2s cubic-bezier(.785,.135,.15,.86);
    letter-spacing: .4px;
    padding: 0 20px;
    height: 40px;
    color: #fff;
    border-radius: 9px;
    cursor: pointer;
    box-shadow: 0 10px 25px #A2C44A5e;
}

@supports (--theme-main-color: $color-purple) {
    .login-page-new__top-right-button {
        background-color:var(--theme-main-color)
    }
}

.login-page-new__top-right-button:hover {
    background-color: #A2C44A
}

@supports (--theme-main-color-dark: $color-purple-dark) {
    .login-page-new__top-right-button:hover {
        background-color:var(--theme-main-color-dark)
    }
}

.login-page-new__main {
    position: relative;
    flex-grow: 1;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-bottom: 70px;
    margin-top: 100px
}

.login-page-new__main-bg {
    position: absolute;
    height: calc(100% - 17vh);
    width: 100%;
    top: 17vh;
    left: 0;
    overflow: hidden;
    pointer-events: none;
    background-size: cover
}

.login-page-new__main-bg:before {
    content: "";
    display: block;
    position: absolute;
    width: 200%;
    height: 300%;
    top: -100%;
    left: -50%;
    transform: rotate(-28deg)
}

.login-page-new__main-bg:after {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-size: 100%
}

@media screen and (min-width: 2000px) {
    .login-page-new__main-bg:after {
        background-size:100% 50vh
    }
}

@media screen and (max-height: 700px) {
    .login-page-new__main-bg:after {
        background-size:100% 50vh
    }
}

.login-page-new__main-container {
    overflow: visible;
    position: relative
}

.login-page-new__main-container__flutter {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    padding: 0 20px
}

.login-page-new__main-form {
    width: 480px;
    background: #fff;
    box-shadow: 0 24px 64px #26214a1a;
    border-radius: 12px;
    padding: 30px 60px;
    position: relative
}

@media only screen and (max-width: 768px) {
    .login-page-new__main-form {
        width:345px;
        margin: 20px 20px 50px;
        padding: 20px
    }
}

[lang=fr-FR] .login-page-new__main-form {
    width: 500px
}

.login-page-new__main-form_flutter {
    overflow: hidden;
    width: 100%;
    padding: 0 14px
}

.login-page-new__main-form-title {
    font-size: 32px;
    font-weight: 700;
    line-height: 46px;
    color: #292d34;
    text-align: center;
    margin-bottom: 20px
}

.login-page-new__main-form-title-brand-index,.login-page-new__main-form-title-brand {
    width: 100%
}

.login-page-new__main-form-title-brand-index img,.login-page-new__main-form-title-brand img {
    display: block;
    margin: 10px auto 30px;
    height: 50px;
    width: auto
}

.login-page-new__main-form-title-brand-index.round,.login-page-new__main-form-title-brand.round {
    max-width: 60px
}

.login-page-new__main-form-help {
    transition: background .2s cubic-bezier(.785,.135,.15,.86) 0s;
    background: rgba(255,255,255,.16);
    box-shadow: 0 5px 15px #101e3626;
    border-radius: 6px;
    width: 50px;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    position: absolute;
    bottom: 0;
    right: -60px;
    flex-direction: column
}

@media only screen and (max-width: 768px) {
    .login-page-new__main-form-help {
        display:none
    }
}

.login-page-new__main-form-help:hover {
    background: rgba(255,255,255,.3)
}

.login-page-new__main-form-help svg {
    width: 16px;
    height: 16px
}

.login-page-new__main-form-help-text {
    font-size: 11px;
    font-weight: 700;
    line-height: 11px;
    color: #343434;
    padding-top: 4px
}

.login-page-new__main-form-row {
    --color-error: #e04f44;
    width: 100%;
    position: relative;
    margin-bottom: 26px
}

.login-page-new__main-form-row-label {
    font-size: 11px;
    font-weight: 500;
    line-height: 11px;
    display: block;
    color: #292d34;
    padding: 0 0 8px 2px
}

.login-page-new__main-form-row-icon {
    position: absolute;
    left: 10px;
    top: 29px;
    width: 20px;
    height: 20px;
    fill: #b9bec7
}

.login-page-new__main-form-row input {
    transition: border-color .2s cubic-bezier(.785,.135,.15,.86) 0s;
    font-family: -apple-system,BlinkMacSystemFont,Segoe UI,roboto,Helvetica Neue,helvetica,arial,sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    width: 100%;
    border: 1px solid #d6d9de;
    box-sizing: border-box;
    border-radius: 9px;
    padding: 0 20px 0 36px;
    height: 40px;
    color: #2a2e34
}

.login-page-new__main-form-row input:hover {
    border-color: #adb3bd
}

@media screen and (max-width: 375px) {
    .login-page-new__main-form-row input {
        font-size:16px
    }
}

.login-page-new__main-form-row input::placeholder {
    font-family: -apple-system,BlinkMacSystemFont,Segoe UI,roboto,Helvetica Neue,helvetica,arial,sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    color: #87909e
}

.dark-theme .login-page-new__main-form-row input::placeholder {
    color: #292d344d
}

.login-page-new__main-form-row input~.cu-form__error:not(.cu-form__error_always-display) {
    display: none
}

.login-page-new__main-form-row input.ng-touched.ng-dirty.ng-invalid:where(*,:hover,:focus) {
    border-color: var(--color-error)
}

.login-page-new__main-form-row input.ng-touched.ng-dirty.ng-invalid+.icon {
    fill: var(--color-error)
}

.login-page-new__main-form-row input.ng-touched.ng-dirty.ng-invalid~.cu-form__error {
    display: flex
}

.login-page-new__main-form-row #password-input,.login-page-new__main-form-row .cu-form__input-pwd {
    padding: 0 130px 1px 40px
}

[lang=fr-FR] .login-page-new__main-form-row #password-input,[lang=fr-FR] .login-page-new__main-form-row .cu-form__input-pwd {
    padding: 0 144px 1px 40px
}

.login-page-new__main-form-row .cu-form__error {
    display: none
}

.login-page-new__main-form-row .cu-form__error.show {
    display: flex
}

.login-page-new__main-form-options {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 0
}

.login-page-new__main-form-options .cu-show-pwd {
    margin-right: 12px;
    margin-left: auto;
    cursor: pointer;
    position: relative;
    top: -20px
}

.login-page-new__main-form-button {
    transition: background-color .2s cubic-bezier(.785,.135,.15,.86) 0s;
    background-color: #A2C44A;
    height: 50px;
    font-family: -apple-system,BlinkMacSystemFont,Segoe UI,roboto,Helvetica Neue,helvetica,arial,sans-serif;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 0;
    border-radius: 9px;
    width: 100%;
    margin-bottom: 22px;
    box-shadow: 0 10px 25px #A2C44A80
}

@supports (--theme-main-color: $color-purple) {
    .login-page-new__main-form-button {
        background-color:var(--theme-main-color)
    }
}

.login-page-new__main-form-button:hover {
    background-color: #A2C44A
}

@supports (--theme-main-color-dark: $color-purple-dark) {
    .login-page-new__main-form-button:hover {
        background-color:var(--theme-main-color-dark)
    }
}

.login-page-new__main-form-button.login-page-new__main-form-button-sso .login-page-new__main-form-button-text {
    display: flex;
    align-items: center;
    font-size: 13px;
    margin: 0 8px
}

.login-page-new__main-form-button.login-page-new__main-form-button-sso .login-page-new__main-form-button-text .cu-btn__text-check {
    margin-left: 5px;
    stroke: #fff
}

.login-page-new__main-form-button.login-page-new__main-form-button-sso .login-page-new__main-form-button-text .icon {
    height: 20px;
    width: 20px;
    margin-right: 8px
}

.login-page-new__main-form-button-text {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 14px;
    font-weight: 800;
    line-height: 1;
    color: #fff
}

.login-page-new__main-form-button .cu-btn__spinner {
    height: 50px;
    max-width: 50px;
    align-items: center;
    justify-content: center
}

.login-page-new__main-form-button.cu-btn.cu-btn_spinner[disabled] .cu-btn__spinner,.login-page-new__main-form-button:disabled .cu-btn__spinner {
    display: flex
}

.login-page-new__main-form-sso {
    transition: color .2s cubic-bezier(.785,.135,.15,.86) 0s;
    font-size: 12px;
    font-weight: 400;
    line-height: 1;
    color: #A2C44A;
    text-align: center
}

@supports (--theme-main-color: $color-purple) {
    .login-page-new__main-form-sso {
        color:var(--theme-main-color)
    }
}

.login-page-new__main-form-sso a {
    color: #A2C44A;
    border-bottom: 1px dashed transparent
}

@supports (--theme-main-color: $color-purple) {
    .login-page-new__main-form-sso a {
        color:var(--theme-main-color)
    }
}

.login-page-new__main-form-sso a:hover {
    border-bottom-color: #A2C44A;
    color: #A2C44A
}

@supports (--theme-main-color-dark: $color-purple-dark) {
    .login-page-new__main-form-sso a:hover {
        border-bottom-color:var(--theme-main-color-dark)
    }
}

@supports (--theme-main-color-dark: $color-purple-dark) {
    .login-page-new__main-form-sso a:hover {
        color:var(--theme-main-color-dark)
    }
}

[lang=fr-FR] .login-page-new__main-form-sso span {
    margin: 0 4px
}

.login-page-new__main-form-router-outlet {
    width: 100%
}

.login-page-new__main-form-two-fa img {
    height: 100px;
    width: auto;
    display: block;
    margin: 0 auto 20px
}

.login-page-new__main-form-two-fa-title {
    font-size: 14px;
    font-weight: 400;
    line-height: 14px;
    text-align: center;
    padding-bottom: 15px
}

.login-page-new__main-form-two-fa-subtitle {
    font-size: 11px;
    font-weight: 400;
    line-height: 11px;
    text-align: center;
    padding-bottom: 15px
}

.login-page-new__main-form-two-fa .login-page-new__main-form-button {
    margin-top: 30px
}

.login-page-new__main-form-two-fa .cu-onboarding__footer-link {
    transition: color .2s cubic-bezier(.785,.135,.15,.86) 0s;
    color: #A2C44A;
    font-size: 11px;
    font-weight: 400;
    line-height: 11px;
    margin: 0
}

@supports (--theme-main-color: $color-purple) {
    .login-page-new__main-form-two-fa .cu-onboarding__footer-link {
        color:var(--theme-main-color)
    }
}

[lang=fr-FR] .login-page-new__main-form-two-fa .cu-onboarding__footer-link span {
    margin: 0 4px
}

.login-page-new__main-form-two-fa .cu-onboarding__footer-link strong {
    color: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .login-page-new__main-form-two-fa .cu-onboarding__footer-link strong {
        color:var(--theme-main-color)
    }
}

.dark-theme .login-page-new__main-form-two-fa .cu-onboarding__footer-link strong {
    color: #A2C44A
}

@supports (--theme-main-color: $color-purple) {
    .dark-theme .login-page-new__main-form-two-fa .cu-onboarding__footer-link strong {
        color:var(--theme-main-color)
    }
}

.login-page-new__main-form-reset .cu-form__error,.login-page-new__main-form-two-fa .cu-form__error,.login-page-new__main-form-forgot .cu-form__error,.login-page-new__main-form-login .cu-form__error,.login-page-new__main-form-sso-login .cu-form__error {
    display: flex
}

.login-page-new__main-form-reset .cu-form__error_absolute,.login-page-new__main-form-two-fa .cu-form__error_absolute,.login-page-new__main-form-forgot .cu-form__error_absolute,.login-page-new__main-form-login .cu-form__error_absolute,.login-page-new__main-form-sso-login .cu-form__error_absolute {
    position: absolute;
    margin-top: 2px
}

.login-page-new__main-form-login .login-page-new__main-form-button:disabled .login-page-new__main-form-button-text {
    display: none
}

.login-page-new__main-form-login .login-page-new__main-form-button:disabled .cu-btn__spinner {
    display: flex
}

.login-page-new__main-bot {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 35px
}

.login-page-new__main-bot-productive {
    font-size: 12px;
    font-weight: 700;
    line-height: 11px;
    color: #fff;
    margin-top: 10px;
    text-transform: uppercase;
    letter-spacing: 2px;
    text-shadow: 0 3px 3px rgba(0,0,0,.1)
}

.login-page-new__main-bot-text {
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    color: #fff
}

.login-page-new__main-bot-text-link {
    transition: border-bottom-color .2s cubic-bezier(.785,.135,.15,.86) 0s;
    color: #fff;
    border-bottom: solid 1px rgba(255,255,255,.4);
    padding-bottom: 1px
}

.login-page-new__main-bot-text-link:hover {
    border-bottom-color: #fff
}

.login-page-new__main-bot-logos {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 20px auto 0
}

.login-page-new__main-bot-logos__flutter {
    flex-wrap: wrap
}

.login-page-new__main-bot-logo {
    margin: 10px 15px
}

.login-page-new__main-bot-logo_webflow {
    width: 52px;
    height: 13px;

}

.login-page-new__main-bot-logo_booking-com {
    width: 72px;
    height: 12px;
    background: url(booking-com.5fad4063445b4672.svg) center center/contain no-repeat
}

.login-page-new__main-bot-logo_squarespace {
    width: 99px;
    height: 15px;

}

.login-page-new__main-bot-logo_padres {
    width: 39px;
    height: 12px;

}

.login-page-new__main-bot-teams {
    font-size: 12px;
    font-weight: 700;
    line-height: 17px;
    text-align: center;
    opacity: .6;
    margin-top: 15px;
    color: #343434;
}

.login-page-new__main .eu-signup {
    margin: 20px 0
}

.login-page-new__main .eu-signup .cu-checkbox__label {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 12px;
    font-weight: 400;
    line-height: 1.4;
    height: auto;
    margin: 8px 0;
    text-transform: none
}

.login-page-new__main .eu-signup .cu-checkbox__label a {
    text-decoration: underline
}

.login-page-new__main .cu-form__error-sso {
    width: 100%;
    display: flex;
    justify-content: center;
    margin-top: 5px
}

.login-page-new__main-footer {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 10px;
    font-weight: 400;
    line-height: 1.4;
    position: absolute;
    bottom: 20px;
    width: 100%;
    padding: 0 80px;
    text-align: center;
    color: #fffc
}

.login-page-new__main-footer-link {
    transition: border-bottom-color .2s cubic-bezier(.785,.135,.15,.86) 0s;
    font-weight: 500;
    color: #fff;
    border-bottom: solid 1px rgba(255,255,255,.4);
    padding-bottom: 1px
}

.login-page-new__main-footer-link:hover {
    border-bottom-color: #fff
}

.login-page-new__branding .cu-show-pwd,.login-page-new__branding #login-forgot,.login-page-new__branding .login-page-new__main-form-sso,.login-page-new__branding .login-page-new__main-form-sso span {
    color: var(--branding-main-color)!important
}

.login-page-new__branding .login-page-new__header-right-button,.login-page-new__branding .cu-btn_block,.login-page-new__branding .login-page-new__main-form-button,.login-page-new__branding .login-page-new__main-form-help {
    background: var(--branding-main-color)!important
}

.login-page-new__branding .login-page-new__header-right-button {
    box-shadow: 0 5px 15px #00000026
}

#signup-page-new .login-page-new__main-form {
    padding-bottom: 55px
}

.signup-page-new {
    position: relative
}

.signup-page-new .cu-form__label {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 11px;
    font-weight: 500;
    line-height: 1;
    color: #2a2e34;
    padding: 0 0 9px 2px
}

.signup-page-new .cu-form__row {
    --color-error: #e04f44;
    position: relative;
    margin: 0 0 25px
}

.signup-page-new .cu-form__row-icon {
    position: absolute;
    left: 10px;
    top: 30px;
    width: 20px;
    height: 20px;
    fill: #b9bec7
}

.signup-page-new .cu-form__row .cu-show-pwd {
    position: absolute;
    right: 20px;
    bottom: 14px;
    margin-right: 0
}

.signup-page-new input.cu-form__input {
    border: 1px solid #d6d9de;
    border-radius: 9px;
    padding: 0 20px 0 36px;
    font-family: -apple-system,BlinkMacSystemFont,Segoe UI,roboto,Helvetica Neue,helvetica,arial,sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    height: 40px;
    color: #2a2e34
}

.signup-page-new input.cu-form__input:hover,.signup-page-new input.cu-form__input:focus {
    border-color: #adb3bd
}

.signup-page-new input.cu-form__input::placeholder {
    font-family: -apple-system,BlinkMacSystemFont,Segoe UI,roboto,Helvetica Neue,helvetica,arial,sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    color: #87909e
}

.signup-page-new input.cu-form__input~.cu-form__error {
    display: none
}

.signup-page-new input.cu-form__input.ng-touched.ng-dirty.ng-invalid {
    border-color: var(--color-error)
}

.signup-page-new input.cu-form__input.ng-touched.ng-dirty.ng-invalid+.icon,.signup-page-new input.cu-form__input.ng-touched.ng-dirty.ng-invalid~.cu-form__row-icon {
    fill: var(--color-error)
}

.signup-page-new input.cu-form__input.ng-touched.ng-dirty.ng-invalid~.cu-form__error {
    display: flex
}

.signup-page-new .cu-btn.cu-btn_block.cu-btn_spinner {
    transition: background-color .2s cubic-bezier(.785,.135,.15,.86) 0s;
    background-color: #A2C44A;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 9px;
    width: 100%;
    margin-bottom: 0;
    color:#262626;
}

@supports (--theme-main-color: $color-purple) {
    .signup-page-new .cu-btn.cu-btn_block.cu-btn_spinner {
        background-color:var(--theme-main-color)
    }
}

.signup-page-new .cu-btn.cu-btn_block.cu-btn_spinner:before {
    display: none
}

.signup-page-new .cu-btn.cu-btn_block.cu-btn_spinner:hover {
    background-color: #A2C44A
}

@supports (--theme-main-color-dark: $color-purple-dark) {
    .signup-page-new .cu-btn.cu-btn_block.cu-btn_spinner:hover {
        background-color:var(--theme-main-color-dark)
    }
}

.signup-page-new .cu-btn.cu-btn_block.cu-btn_spinner .cu-btn__text {
    font-size: 14px;
    font-weight: 800;
    line-height: 1;
    font-family: -apple-system,BlinkMacSystemFont,Segoe UI,roboto,Helvetica Neue,helvetica,arial,sans-serif;
    color: #262626
}

.signup-page-new .cu-btn.cu-btn_block.cu-btn_spinner .cu-btn__spinner {
    height: 50px;
    max-width: 50px;
    align-items: center;
    justify-content: center
}

.signup-page-new .cu-btn.cu-btn_block.cu-btn_spinner:disabled .cu-btn__spinner {
    display: flex
}

.signup-page-new .cu-onboarding__footer-link {
    margin: 0
}

.signup-page-new .cu-onboarding__footer-link a {
    transition: color .2s cubic-bezier(.785,.135,.15,.86) 0s;
    font-size: 12px;
    font-weight: 600;
    line-height: 1;
    color: #A2C44A;
    text-align: center;
    cursor: pointer;
    border-bottom: 1px dashed transparent
}

@supports (--theme-main-color: $color-purple) {
    .signup-page-new .cu-onboarding__footer-link a {
        color:var(--theme-main-color)
    }
}

.signup-page-new .cu-onboarding__footer-link a:hover {
    border-bottom-color: #A2C44A;
    color: #A2C44A
}

@supports (--theme-main-color-dark: $color-purple-dark) {
    .signup-page-new .cu-onboarding__footer-link a:hover {
        border-bottom-color:var(--theme-main-color-dark)
    }
}

@supports (--theme-main-color-dark: $color-purple-dark) {
    .signup-page-new .cu-onboarding__footer-link a:hover {
        color:var(--theme-main-color-dark)
    }
}

[lang=fr-FR] .signup-page-new .cu-onboarding__footer-link span {
    margin: 0 4px
}

.signup-page-new .cu-onboarding__footer-link span:hover {
    color: #A2C44A
}

@supports (--theme-main-color-dark: $color-purple-dark) {
    .signup-page-new .cu-onboarding__footer-link span:hover {
        color:var(--theme-main-color-dark)
    }
}

.dark-theme .signup-page-new .cu-onboarding__footer-link span:hover {
    color: #A2C44A
}

@supports (--theme-main-color-dark: $color-purple-dark) {
    .dark-theme .signup-page-new .cu-onboarding__footer-link span:hover {
        color:var(--theme-main-color-dark)
    }
}

.signup-page-new .cu-onboarding__footnote {
    font-size: 10px;
    font-weight: 400;
    line-height: 15px;
    color: #7c828d;
    background-color: #fafbfc;
    position: absolute;
    left: -60px;
    bottom: -55px;
    width: calc(100% + 120px);
    border-radius: 0 0 12px 12px;
    border-top: 1px solid #e9ebf0;
    margin: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    min-height: 31px;
    padding: 4px 16px
}

@media only screen and (max-width: 768px) {
    .signup-page-new .cu-onboarding__footnote {
        left:-20px;
        bottom: -53px;
        width: calc(100% + 40px)
    }
}

[lang=fr-FR] .signup-page-new .cu-onboarding__footnote {
    white-space: nowrap;
    display: flex;
    flex-wrap: wrap;
    padding: 4px 0;
    height: auto
}

.signup-page-new .cu-onboarding__footnote__flutter {
    flex-wrap: wrap;
    padding: 5px;
    height: 40px;
    left: -14px;
    width: calc(100% + 28px)
}

.signup-page-new .cu-onboarding__footnote-link {
    font-size: 10px;
    font-weight: 500;
    line-height: 15px;
    color: #7c828d;
    text-decoration: underline;
    padding: 0 3px
}

.signup-page-new .cu-onboarding__footnote-link_last {
    padding-right: 0
}

.signup-page-new__validate {
    margin-bottom: -20px
}

.signup-page-new__validate .cu-onboarding__header-image_email-code {
    display: block;
    margin: 0 auto 40px;
    width: 170px;
    height: auto
}

.signup-page-new__validate .cu-btn.cu-btn_block.cu-btn_spinner {
    transition: background-color .2s cubic-bezier(.785,.135,.15,.86) 0s;
    background-color: #A2C44A;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 9px;
    width: 100%;
    margin-bottom: 0
}

@supports (--theme-main-color: $color-purple) {
    .signup-page-new__validate .cu-btn.cu-btn_block.cu-btn_spinner {
        background-color:var(--theme-main-color)
    }
}

.signup-page-new__validate .cu-btn.cu-btn_block.cu-btn_spinner:before {
    display: none
}

.signup-page-new__validate .cu-btn.cu-btn_block.cu-btn_spinner:hover {
    background-color: #A2C44A
}

@supports (--theme-main-color-dark: $color-purple-dark) {
    .signup-page-new__validate .cu-btn.cu-btn_block.cu-btn_spinner:hover {
        background-color:var(--theme-main-color-dark)
    }
}

.signup-page-new__validate .cu-btn.cu-btn_block.cu-btn_spinner .cu-btn__text {
    font-size: 14px;
    font-weight: 800;
    line-height: 1;
    font-family: -apple-system,BlinkMacSystemFont,Segoe UI,roboto,Helvetica Neue,helvetica,arial,sans-serif;
    color: #fff
}

.signup-page-new__validate .cu-btn.cu-btn_block.cu-btn_spinner .cu-btn__spinner {
    height: 50px;
    max-width: 50px;
    align-items: center;
    justify-content: center
}

.signup-page-new__validate .cu-btn.cu-btn_block.cu-btn_spinner:disabled .cu-btn__spinner {
    display: flex
}

.signup-page-new__validate .cu-onboarding__footer-link a {
    text-decoration: underline
}

[lang=fr-FR] .signup-page-new__validate .cu-onboarding__footer-link span {
    margin: 0 4px
}

.signup-page-new__validate .cu-onboarding__footer-link a,.signup-page-new__validate .cu-onboarding__footer-link span {
    transition: color .2s cubic-bezier(.785,.135,.15,.86) 0s;
    font-size: 11px;
    font-weight: 400;
    line-height: 11px;
    color: #A2C44A;
    text-align: center;
    cursor: pointer
}

@supports (--theme-main-color: $color-purple) {
    .signup-page-new__validate .cu-onboarding__footer-link a,.signup-page-new__validate .cu-onboarding__footer-link span {
        color:var(--theme-main-color)
    }
}

.signup-page-new__validate .cu-onboarding__footer-link a:hover,.signup-page-new__validate .cu-onboarding__footer-link span:hover {
    color: #A2C44A
}

@supports (--theme-main-color-dark: $color-purple-dark) {
    .signup-page-new__validate .cu-onboarding__footer-link a:hover,.signup-page-new__validate .cu-onboarding__footer-link span:hover {
        color:var(--theme-main-color-dark)
    }
}

.noUi-target,.noUi-target * {
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: transparent;
    -webkit-user-select: none;
    touch-action: none;
    user-select: none;
    box-sizing: border-box
}

.noUi-target {
    position: relative
}

.noUi-base,.noUi-connects {
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 1
}

.noUi-connects {
    overflow: hidden;
    z-index: 0
}

.noUi-connect,.noUi-origin {
    will-change: transform;
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    -ms-transform-origin: 0 0;
    -webkit-transform-origin: 0 0;
    -webkit-transform-style: preserve-3d;
    transform-origin: 0 0;
    transform-style: flat
}

.noUi-connect {
    height: 100%;
    width: 100%
}

.noUi-origin {
    height: 10%;
    width: 10%
}

.noUi-txt-dir-rtl.noUi-horizontal .noUi-origin {
    left: 0;
    right: auto
}

.noUi-vertical .noUi-origin {
    width: 0
}

.noUi-horizontal .noUi-origin {
    height: 0
}

.noUi-handle {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    position: absolute
}

.noUi-touch-area {
    height: 100%;
    width: 100%
}

.noUi-state-tap .noUi-connect,.noUi-state-tap .noUi-origin {
    transition: transform .3s
}

.noUi-state-drag * {
    cursor: inherit!important
}

.noUi-horizontal {
    height: 18px
}

.noUi-horizontal .noUi-handle {
    width: 34px;
    height: 28px;
    right: -17px;
    top: -6px
}

.noUi-vertical {
    width: 18px
}

.noUi-vertical .noUi-handle {
    width: 28px;
    height: 34px;
    right: -6px;
    top: -17px
}

.noUi-txt-dir-rtl.noUi-horizontal .noUi-handle {
    left: -17px;
    right: auto
}

.noUi-target {
    background: #FAFAFA;
    border-radius: 4px;
    border: 1px solid #D3D3D3;
    box-shadow: inset 0 1px 1px #f0f0f0,0 3px 6px -5px #bbb
}

.noUi-connects {
    border-radius: 3px
}

.noUi-connect {
    background: #3FB8AF
}

.noUi-draggable {
    cursor: ew-resize
}

.noUi-vertical .noUi-draggable {
    cursor: ns-resize
}

.noUi-handle {
    border: 1px solid #D9D9D9;
    border-radius: 3px;
    background: #FFF;
    cursor: default;
    box-shadow: inset 0 0 1px #fff,inset 0 1px 7px #ebebeb,0 3px 6px -3px #bbb
}

.noUi-active {
    box-shadow: inset 0 0 1px #fff,inset 0 1px 7px #ddd,0 3px 6px -3px #bbb
}

.noUi-handle:after,.noUi-handle:before {
    content: "";
    display: block;
    position: absolute;
    height: 14px;
    width: 1px;
    background: #E8E7E6;
    left: 14px;
    top: 6px
}

.noUi-handle:after {
    left: 17px
}

.noUi-vertical .noUi-handle:after,.noUi-vertical .noUi-handle:before {
    width: 14px;
    height: 1px;
    left: 6px;
    top: 14px
}

.noUi-vertical .noUi-handle:after {
    top: 17px
}

[disabled] .noUi-connect {
    background: #B8B8B8
}

[disabled] .noUi-handle,[disabled].noUi-handle,[disabled].noUi-target {
    cursor: not-allowed
}

.noUi-pips,.noUi-pips * {
    box-sizing: border-box
}

.noUi-pips {
    position: absolute;
    color: #999
}

.noUi-value {
    position: absolute;
    white-space: nowrap;
    text-align: center
}

.noUi-value-sub {
    color: #ccc;
    font-size: 10px
}

.noUi-marker {
    position: absolute;
    background: #CCC
}

.noUi-marker-sub,.noUi-marker-large {
    background: #AAA
}

.noUi-pips-horizontal {
    padding: 10px 0;
    height: 80px;
    top: 100%;
    left: 0;
    width: 100%
}

.noUi-value-horizontal {
    transform: translate(-50%,50%)
}

.noUi-rtl .noUi-value-horizontal {
    transform: translate(50%,50%)
}

.noUi-marker-horizontal.noUi-marker {
    margin-left: -1px;
    width: 2px;
    height: 5px
}

.noUi-marker-horizontal.noUi-marker-sub {
    height: 10px
}

.noUi-marker-horizontal.noUi-marker-large {
    height: 15px
}

.noUi-pips-vertical {
    padding: 0 10px;
    height: 100%;
    top: 0;
    left: 100%
}

.noUi-value-vertical {
    transform: translateY(-50%);
    padding-left: 25px
}

.noUi-rtl .noUi-value-vertical {
    transform: translateY(50%)
}

.noUi-marker-vertical.noUi-marker {
    width: 5px;
    height: 2px;
    margin-top: -1px
}

.noUi-marker-vertical.noUi-marker-sub {
    width: 10px
}

.noUi-marker-vertical.noUi-marker-large {
    width: 15px
}

.noUi-tooltip {
    display: block;
    position: absolute;
    border: 1px solid #D9D9D9;
    border-radius: 3px;
    background: #fff;
    color: #000;
    padding: 5px;
    text-align: center;
    white-space: nowrap
}

.noUi-horizontal .noUi-tooltip {
    transform: translate(-50%);
    left: 50%;
    bottom: 120%
}

.noUi-vertical .noUi-tooltip {
    transform: translateY(-50%);
    top: 50%;
    right: 120%
}

.noUi-horizontal .noUi-origin>.noUi-tooltip {
    transform: translate(50%);
    left: auto;
    bottom: 10px
}

.noUi-vertical .noUi-origin>.noUi-tooltip {
    transform: translateY(-18px);
    top: auto;
    right: 28px
}

.dark-theme .cu-dropdown__menu .cu-task-view-menu-add-to__item:hover,.dark-theme .cu-dropdown__menu .cu-task-view-menu-convert-to__item:hover,.dark-theme .cu-dropdown__menu .cu-task-view-menu-relationships__item:hover,.dark-theme .cu-dropdown__menu .cu-task-view-menu-template__item:hover {
    background: #2b343b
}

.dark-theme .cu-dropdown__menu .cu-task-view-menu-add-to__item-arrow,.dark-theme .cu-dropdown__menu .cu-task-view-menu-add-to__item-icon,.dark-theme .cu-dropdown__menu .cu-task-view-menu-convert-to__item-arrow,.dark-theme .cu-dropdown__menu .cu-task-view-menu-convert-to__item-icon,.dark-theme .cu-dropdown__menu .cu-task-view-menu-relationships__item-arrow,.dark-theme .cu-dropdown__menu .cu-task-view-menu-relationships__item-icon,.dark-theme .cu-dropdown__menu .cu-task-view-menu-template__item-arrow,.dark-theme .cu-dropdown__menu .cu-task-view-menu-template__item-icon {
    fill: #979797
}

.dark-theme .cu-dropdown__menu .cu-task-view-menu-add-to__divider,.dark-theme .cu-dropdown__menu .cu-task-view-menu-convert-to__divider,.dark-theme .cu-dropdown__menu .cu-task-view-menu-relationships__divider,.dark-theme .cu-dropdown__menu .cu-task-view-menu-template__divider {
    background: #1e272e
}

.dark-theme .cu-dropdown__menu .cu-task-view-breadcrumbs__dropdown-header {
    color: #87909e
}

.dark-theme .cu-dropdown__menu .cu-task-view-breadcrumbs__dropdown-add-to-list-text,.dark-theme .cu-dropdown__menu .cu-task-view-breadcrumbs__text {
    color: #d6d9de
}

.dark-theme .cu-dropdown__menu .cu-task-view-breadcrumbs__dropdown-add-to-list-icon {
    fill: #d6d9de
}

.dark-theme .cu-dropdown__menu .cu-task-view-breadcrumbs__dropdown-add-to-list {
    border-color: #1e272e
}

.dark-theme .cu-dropdown__menu .cu-task-view-breadcrumbs__dropdown-add-to-list-item:hover,.dark-theme .cu-dropdown__menu .cu-task-view-breadcrumbs__dropdown-item:hover {
    background: #2b343b
}

.dark-theme .cu-dropdown__menu .cu-task-view-breadcrumbs__private {
    fill: #d6d9de
}