:root {
    --border: #E2E2E2;
    --back: #e9f3fc;
    --blue: #3084F0;
    --gray: #F7F5F2;
    --grayText: #85858b;
    --grayDark: #c6e4ff;
    --black: #1A1918;
    --brown: #e9f3fc;
}

html, body {
    font-family: "Lato", sans-serif;
    font-size: 15px;
    /* max-width: 940px; */
    /* margin: 30px auto; */
    line-height: 20px;
    box-sizing: border-box;
    font-smoothing: antialiased;
    -ms-text-size-adjust: 100%;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    padding: 0;
    margin: 0;
    background: var(--back);
    /* min-height: 100vh; */
    min-width: 1200px;
}

pre {
    font-family: inherit;
}

body.merges .js-lineCardOpen-click, body.translations .js-lineCardOpen-click {
    pointer-events: none;
}
body.descriptions .lineCard__btn.-rename{
    display: none;
}


body.descriptions {}

body.descriptions{

}

h1 {
    font-size: 42px;
    margin-top: 0;
    line-height: 50px;
    margin-bottom: 10px;
    font-weight: 900;
}


.-hidden {
    display: none;
}

h2 {
    font-size: 25px;
    line-height: 35px;
    font-weight: 900;
    margin: 0;
    margin-bottom: 4px;
}

h3 {
    margin: 0 0 7px;
    font-size: 28px;
    line-height: 34px;
}

p {
    margin-top: 0;
}

h6 {
    margin: 0 0 10px;
    font-size: 14px;
    font-weight: normal;
    line-height: 19px;
    color: var(--grayText);
}

h4 {font-size: 17px;line-height: 27px;font-weight: normal;color: #000;margin: 0 0 10px;}

h5 {
    font-weight: normal;
    font-size: 15px;
    line-height: 24px;
    color: var(--grayText);
    margin: 0 0 10px;
}

a {
    text-decoration: none;
    color: var(--blue);
}

* {
    box-sizing: border-box;
}

div.dt-container {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.dt-search {
    width: 100%;
    max-width: 30%;
    margin-right: 3%;
}

.dt-info {
    /* width: 100%; */
    /* max-width: 30%; */
    margin-right: 2%;
    margin-left: auto;
    max-width: fit-content;
}

.dt-paging {
    */
    margin-left: auto;
    /* margin-left: auto; */
    max-width: fit-content;
}

body.descriptions .mergesBlock__itemsWrap {
    visibility: hidden;
}

body.descriptions.-visible .mergesBlock__itemsWrap {
    visibility: initial;
}

li:before {
    /* content: "\f00c"; */
    font-family: 'Font Awesome 6 Pro';
    position: absolute;
    left: 0;
    color: var(--blue);
    bottom: -1px;
    top: 2px;
}

li {
    list-style: none;
    padding-left: 24px;
    margin-bottom: 11px;
    position: relative;
}

ul {
    padding-left: 0;
    margin: 0;
}


.tippy-content {
    text-align: center;
    padding: 7px 9px 9px;
    line-height: 19px;
}

[data-theme="game"] .tippy-content {
    text-align: left;
    max-width: 300px;
    padding: 10px 15px;
}

.tippy-content .-quote {
    border-left: 2px solid;
    font-style: italic;
    background: #454545;
    padding: 10px 12px;
    margin: 10px 0;
}

.tippy-content pre {
    border: 0.5px solid #fff;
    width: fit-content;
    margin: 2px auto 3px;
    font-size: 9px;
    line-height: 11px;
    padding: 3px 4px 2.5px;
    border-radius: 3px;
}

[data-theme="game"] .tippy-content pre {
    margin-left: 0;
    margin-bottom: 15px;
}

.tippy-content img {
    max-width: 100%;
    display: block;
    margin-top: 10px;
}



.btn:hover {
    opacity: 0.8;
}

.btn.-micro {
    font-size: 10px;
    padding: 0px 6px 1px;
    border: 1px solid;
    border-radius: 4px;
}

.btn.-micro:hover {


    !i;
    !;
}

.btn.-round {
    background: none;
    color: var(--black);
    font-weight: 500;
    text-transform: initial;
}

.btn.-round:hover {
    color: #fff;
    background: var(--black);
}

.btn.-small {
    font-size: 14px;
    padding: 7px 11px 8px;
    border-radius: 6px;
    border: 1.6px solid var(--black);
    text-transform: initial;
}

.btn.-small i {
    margin-right: 8px;
}

.btn.-small.-second {
    background: var(--brown);
    border-color: var(--brown);
    color: var(--black);
}

.btn.-small.-round {
    font-weight: 500;
}

.btn {
    color: #fff;
    padding: 12px 20px 13px;
    background: var(--black);
    text-decoration: none;
    display: inline-block;
    text-transform: initial;
    border-radius: 5px;
    text-align: center;
    border: 1.5px solid var(--black);
    font-weight: 500;
    transition: 0.3s;
    font-size: 16px;
    outline: none;
    line-height: 20px;
}

.btn.-big {
    font-weight: 900;
    padding: 18px 24px 19px;
    font-size: 17px;
}

.btn.-big i {
    font-weight: bold;
}

.btn.-link {
    padding: 0;
    background: none;
    border: none;
    color: initial;
    border-bottom: 1px solid;
    border-radius: 0;
    padding-bottom: 2px;
}

.btn.-link.-small {
    font-size: 12px;
    line-height: 15px;
    border-bottom: 1px solid;
    padding-bottom: 1px;
}

.btn .fa-spin {
    margin-right: 7px;
    margin-left: -2px;
}

.btn.-blue {
    background: var(--blue);
    border-color: var(--blue);
    color: #fff;
}

.btn.-blue.-round {
    background: none;
    color: #000;
    font-weight: bold;
}

.btn.-brown {
    background: var(--brown);
    border-color: var(--brown);
    color: var(--black);
}

.btn.-brown:hover {
    background: var(--black);
    border-color: var(--black);
    color: var( --black);
    color: #fff;
}

.btn.-mini {
    background: var(--brown);
    color: #000;
    font-size: 13px;
    padding: 5px 10px;
    border: none;
    /* box-shadow: 0 0.75px 0 0 #e6e6e6; */
    text-transform: initial;
    font-weight: 500;
    position: relative;
}

.btn.-black {
    background: #000;
    color: #fff;
}

.btn.-mini:not([href="#"]):not(.-disallow):hover {
    background: var(--black);
    color: #fff;
}

.btn.-mini.-icon {
    width: 30px;
}

.btn.-mini.-icon i {
    margin: 0;
}

.btn.-mini.-main:not([href="#"]) {
    background: var(--black);
    color: #fff;
}

.btn.-mini i {
    font-size: 12px;
    margin-right: 5px;
}

.btn.-mini:not(.-disallow):hover {
    /* box-shadow: none; */
    /* top: 0.5px; */
}

.btn.-disallow, .btn[href="#"] {
    opacity: 0.5;
    cursor: not-allowed;
    top: 0 !important;
}

.btn.-backless {
    background: none;
}

.container {
    width: 100%;
    max-width: 840px;
    padding: 0 40px;
}

.container.-full {
    max-width: 1700px;
    margin: 0 auto;
}

input, textarea, select {
    box-sizing: border-box;
    border: 1px solid var(--border);
    /* border-radius: 5px; */
    padding: 20px 10px;
    background: #fff;
    outline: none;
    transition: 0.3s;
    font-family: inherit;
}

input.-nolabel {
    !i;!;
}

select {
    padding: 10px;
}

input:focus, textarea:focus,input:hover, textarea:hover {
    border-color: var(--black);
}

input.-head {
    font-weight: bold;
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 5px !important;
}

input.-editable {
    background: none;
    padding: 5px 5px !important;
    outline: none;
    border-radius: 4px;
    position: relative;
    left: -4px;
    border-color: #ffffff00;
}

input.-editable:focus,input.-editable:hover,input.-editable:active {
    border-color: inherit;
}

textarea {
    /* min-height: 50px; */
}

input:not(.checkboxEl):not(.btn):not([type=checkbox]), textarea {
    /* width: 100%; */
    /* margin-bottom: 10px; */
    /* padding: 21px 12px 9px 12px; */
}

input.-nolabel:not(.btn) {
    padding: 15px 12px;
}

.hidden {
    display: none;
}

.uploadsBlock {
    margin-bottom: 30px;
}

.uploadsBlock .container {
    max-width: 840px;
}

.uploadsBlock__closed {
    background: #f0f0f0;
    padding: 1px 10px;
    margin-bottom: 10px;
}

.uploadsBlock__video {
    background: #f0f0f0;
    padding: 1px 10px 20px;
    margin-bottom: 10px;
}

.uploadsBlock-video {
    border: 1px solid var(--border);
    padding: 11px 10px 13px;
    border-radius: 5px;
    background: var(--gray);
    margin-bottom: 15px;
    max-width: 100%;
    position: relative;
}

.js-uploadsBlock-toggle {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 50px;
    cursor: pointer;
}

.uploadsBlock-video.-active .fa-chevron-down:before {
    content: '\f077';
}

.errorEl {
    color: #da0000;
    font-size: 12px;
    line-height: 17px;
    margin: 10px auto;
    max-width: 90%;
    text-align: center;
}

.errorEl.-loader {
    background: none;
    color: #000;
}

.successEl {
    background: #33b000;
    text-align: center;
    color: #fff;
    font-size: 12px;
    line-height: 14px;
    padding: 5px 5px 6px;
    border-radius: 3px;
    margin: 2px 8px 20px;
    width: 100%;
    max-width: calc(100% - 7px);
}

.successEl__btn {
    display: block;
    width: fit-content;
    margin: 6px auto 3px;
    !i;!in;!i;!;
}

.uploadsBlock-video__top {
    display: flex;
}

.uploadsBlock-video__name {
    font-weight: 500;
    margin-bottom: 0;
    font-size: 15px;
}

.uploadsBlock-video__toggle {
    margin-left: auto;
    color: var(--grayText);
    font-size: 20px;
}

.uploadsBlock-video__cols {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
}

.uploadsBlock-video__left {
    width: 100%;
    max-width: 100%;
    margin-right: 0;
    margin-top: 15px;
}

.uploadsBlock-video__left input {
    margin-bottom: 20px;
}

.uploadsBlock-video__video {
    /* max-height: 390px; */
    /* background: #fff; */
    /* padding: 10px; */
    /* border: 1px solid var(--border); */
    /* border-radius: 6px; */
}

.uploadsBlock-video__video .videoEl {
    /* max-height: 320px; */
    /* width: fit-content; */
    /* margin: 10px auto; */
}

.videoEl video {
    width: 100%;
    display: block;
    max-height: 500px;
}

.uploadsBlock-video__btn {
    /* width: 100%; */
    margin-top: 0px;
    margin-bottom: 20px;
    display: none;
}

.uploadsBlock-video__btn {
}

.uploadsBlock-video__btn i {
    margin-right: 8px;
}

.uploadsBlock-video__right {
    width: 100%;
    max-width: 100%;
    margin-bottom: -3px;
    display: block;
    margin-top: 0px;
}

.uploadsBlock-video__cols {
    display: none;
}

.uploadsBlock-video.-active .uploadsBlock-video__cols {
    display: flex;
}

.uploadsBlock-clips {
    border: 1px solid var(--border);
    border-radius: 5px;
    padding: 10px 10px 5px;
    background: #fff;
}

.uploadsBlock-clips__head {
    margin-bottom: 10px;
    color: var(--grayText);
}

.uploadsBlock-clips__items {
    flex-wrap: wrap;
    display: flex;
    align-items: baseline;
}

.uploadsBlock-clips__items .clipCard:nth-child(3n) {
    margin-right: 0;
}

.uploadsBlock-clips__empty {
    display: flex;
    width: 100%;
    padding: 10px;
    align-items: center;
    justify-content: center;
    border-radius: 6px;
    margin-bottom: 7px;
    border: 1px solid var(--border);
    color: var(--grayText);
    font-size: 12px;
}

.uploadsBlock-clips__empty img {
    max-width: 20px;
    margin-right: 10px;
    transform: rotate(-7deg);
    display: none;
}

.uploadsBlock-clips__empty span {
}

.uploadsBlock-video__meta {
    color: var(--grayText);
    font-size: 12px;
    line-height: 14px;
    display: flex;
    margin: 10px 0 10px;
}

.uploadsBlock-video__name .idEl {
    width: fit-content;
    margin-right: 7px;
}

.uploadsBlock-video__size {
    background: var(--grayDark);
    padding: 3px 5px 4px;
    border-radius: 4px;
    margin-left: 0;
    position: relative;
    top: -3px;
}

.uploadsBlock-video__load {
    margin-left: 8px;
}

.uploadsBlock-video__delete {
    margin-left: auto;
    font-size: 15px;
    cursor: pointer;
    transition: 0.3s;
}

.uploadsBlock-video__delete:hover {
    opacity: 0.7;
}

.uploadsBlock-video__delete i {
}

.uploadsBlock-clips__items .clipCard {
    margin-right: 10px;
    max-width: 231px;
}

.uploadsBlock-clips__items .clipCard:nth-child(3n) {
    /* margin-right: 0; */
}

.uploadsBlock-video__emptyvideo {
    background: var(--gray);
    border-radius: 10px;
    text-align: center;
    padding: 50px 0 60px;
    margin-bottom: 20px;
    position: relative;
    transition: 0.3s;
    max-width: 760px;
}

.uploadsBlock-video__emptyvideo {
    background: #fff;
    border: 1px dashed var(--border);
}

.uploadsBlock-video__error {
    background: none !important;
    !i;!; }

.uploadsBlock-video__emptyvideo:hover, .uploadsBlock-video__emptyvideo:focus {
    border-color: var(--black);
    background: var(--gray);
}

.uploadsBlock-video__emptyvideo [name="video"] {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0.01;
    cursor: pointer;
}

.uploadsBlock-video__emptyvideo h3 {
}

.uploadsBlock-video__emptyvideo h6 {
}

.uploadsBlock-video__emptyvideo img {
    margin-bottom: 27px;
    max-width: 120px;
}

.emptyBlock__btn, .uploadsBlock-video__loadbtn {
    margin-top: 15px;
    display: inline-block;
    width: initial;
}

.emptyBlock__btn {
    margin-right: 5px;
}

.emptyBlock {
    background: #fff;
    border-radius: 10px;
    max-width: 760px;
    padding: 49px 50px 60px;
    display: flex;
    border: 1px solid var(--border);
    margin-top: 50px;
}

.emptyBlock.-stat img {
    max-width: 130px;
    position: relative;
    top: -7px;
}

.emptyBlock__img {
    margin-right: 53px;
    position: relative;
    top: -8px;
    width: 100%;
    max-width: 120px;
}

.emptyBlock__img img {
    max-width: 105px;
}

.emptyBlock__desc {
    max-width: 480px;
}

.uploadsBlock-video__loadbtn i {
    margin-right: 9px;
    margin-left: 1px;
}

.uploadsBlock-video__emptycols {
    text-align: center;
    padding: 40px 0 40px;
    margin-bottom: 20px;
}

.uploadsBlock-video__emptycols img {
    margin-bottom: 14px;
    max-width: 65px;
}

.uploadsBlock-video__emptycols h3 {
}

.uploadsBlock-video__addvideo {
    width: 100%;
}

.uploadsBlock-video__addvideo img {
    margin-right: 10px;
    position: relative;
    top: 1px;
}

.clipCard {
    display: flex;
    border: 1px solid var(--border);
    border-radius: 8px;
    background: #fff;
    padding: 10px 12px 12px;
    margin-bottom: 10px;
    /* transition: 0.2s; */
    width: 100%;
    max-width: 230px;
    background: #FFFFFF;
    border: 1.02px solid #E9E9E9;
    box-shadow: 0 1.5px 0 0 #e6e6e6;
    position: relative;
    cursor: pointer;
    height: auto;
}

.clipCard:nth-child(2) {
    margin-top: 10px;
}

.clipCard.ghost {
    opacity: 0.1;
}

.clipCard__play {
    max-width: 27px;
    position: relative;
    top: 2px;
}

.clipCard__left {
    width: 100%;
    max-width: 24px;
    margin-right: 12px;
}

.clipCard__right {
    margin-top: 1px;
    padding-right: 10px;
    overflow: hidden;
}

.clipCard-popup {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #0000008a;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 99999999;
}

.clipCard-popup .plyr__controls, .clipCard-popup .plyr__control {
    display: none !important;!i;!;
}

.clipCard-popup .plyr__controls, .clipCard-popup .plyr__control {
    display: none;
}

.clipCard-popup__content {
    /* background: #fff; */
    max-width: 600px;
    border-radius: 10px;
    width: 100%;
    position: relative;
    z-index: 3;
    min-height: 100px;
}

.clipCard-popup__content .loaderEl {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}

.loaderEl {
    background: var(--blue);
    width: 50px;
    height: 50px;
    color: #fff;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 28px;
}

.clipCard-popup__wrap {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 2;
}

.clipCard__settings {
    color: #aaaaaa;
    position: absolute;
    right: 12px;
    font-size: 12px;
    top: 12px;
}

.clipCard__popup {
    position: absolute;
}

.clipCard__delete {
    color: var(--grayText);
    transition: 0.3s;
    background: #ff000000;
    width: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
    height: 20px;
    position: relative;
    right: -5px;
}

.clipCard__delete:hover {
    background: var(--border);
}

.clipCard__head {
    font-weight: 500;
    margin-bottom: 0px;
    font-size: 14px;
    padding-right: 10px;
}

.clipCard__head .idEl {
    width: fit-content;
    margin-right: 2px;
}

.clipCard__meta {
    font-size: 12px;
    line-height: 16px;
    color: #888;
    margin-bottom: 2px;
    max-width: 90%;
    overflow: hidden;
}

.clipCard__tags {
}

.tagEl {
    background: #DCECFF;
    color: #4B5F7A;
    padding: 0 10px 1px;
    display: inline-block;
    border-radius: 100px;
    font-size: 12px;
    font-weight: bold;
    line-height: 22px;
}

.clipsBlock {
    max-width: 100%;
    overflow: initial;
}

.clipsBlock .container {
    /* padding-bottom: 30px; */
}

.clipsBlock__colsWrap {
    overflow-x: scroll;
    overflow-y: hidden;
    padding-bottom: 25px;
    margin-left: 37px;
}

.videoEl {
    border-radius: 5px;
    overflow: hidden;
    position: relative;
}

.videoEl__preview {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: #000;
}

.videoEl .plyr__progress__buffer {
    display: none;
}

.videoEl__progress {
    transition: 0.3s;
    padding: 0 !important;
    !i;!; margin: 0 !important;
    !i;!; }

.videoEl__preview img {
    max-width: 100%;
    /* min-width: 100%; */
    max-height: 500px;
    margin: 0 auto;
}

.videoEl__range {
    margin-top: 15px;
    position: absolute;
    bottom: 40px;
    left: 20px;
    right: 20px;
    background: #ffffff;
    padding: 5px 15px;
    display: none;
    border-radius: 10px;
    box-shadow: 0 3px 20px 0px #00000014;
}

.videoEl__wave {
    position: absolute;
    top: -10px;
    height: 87px;
    z-index: 0;
    width: 100%;
    opacity: 0.2;
    left: 0;
    right: 0;
    margin: 0 22px 0 68px;
    max-width: calc(100% - 90px);
    pointer-events: none;
}

.videoEl__wave img {
    width: calc(100% + 0px);
    position: absolute;
    top: -69px;
    opacity: 0.2;
}

.videoEl__rangeInput {
    position: absolute;
    left: 15px;
    right: 15px;
    top: -14px;
}

:root {
    --progress: rgba(0,0,0,1);
}

.videoEl__range input[type=range] {
    -webkit-appearance: none;
    appearance: none;
    width: 100%;
    height: 2px;
    outline: none;
    opacity: 1;
    border: none;
    transition: opacity 0.2s;
    background: #D4D4D4;
}

.videoEl__range input[type=range]::-webkit-slider-runnable-track {
    height: 2px;
    background: transparent;
}

.videoEl__range input[type=range]::-webkit-slider-thumb {
    -webkit-appearance: none;
    width: 6px;
    height: 46px;
    background: var(--blue);
    border-radius: 2px;
    cursor: pointer;
    border: none;
    position: relative;
    top: -2px;
}

.videoEl__range input[type=range]::-moz-range-thumb {
    -webkit-appearance: none;
    width: 6px;
    height: 46px;
    background: var(--blue);
    border-radius: 2px;
    cursor: pointer;
    border: none;
    position: relative;
    top: -2px;
}

.videoEl__range input[type=range]::-webkit-slider-runnable-track {
    /*height: 2px;*/
}

.videoEl__range input[type=range]::-moz-range-track {
    border-color: none;
}

.videoEl__rangeTiming {
    background: #1A1918;
    color: #fff;
    border-radius: 4px;
    font-size: 10px;
    padding: 3px 5px 4px;
    line-height: 10px;
    width: fit-content;
    margin-bottom: 4px;
    position: relative;
    z-index: 1;
}

.videoEl__range input[type=range]:hover {
    border-color: #d4d4d4;
}

.videoEl .irs--flat .irs-bar {
    background: var(--blue);
}

.videoEl .irs--flat .irs-handle>i:first-child {
    background-color: var(--blue);
}

.videoEl .irs--flat .irs-from, .videoEl .irs--flat .irs-to, .videoEl .irs--flat .irs-single {
    background: var(--blue);
}

.videoEl .irs--flat .irs-max, .videoEl .irs--flat .irs-min {
    display: none;
}

.videoEl [data-plyr="play"] {
    background: var(--blue);
    position: absolute;
    top: 0;
    bottom: 0;
    left: -3px;
    width: 50px;
    height: calc(100% - 0px);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px 0 0 10px;
}

.videoEl .plyr__controls {
    display: block;
    bottom: 0;
    margin: 20px;
    background: #fff;
    padding: 5px 15px;
    border-radius: 10px;
    box-shadow: 0 3px 20px 0px #00000014;
    /* overflow: hidden; */
}

.videoEl .irs-from, .videoEl .irs-to {
    top: 45px;
    z-index: 2;
}

.videoEl .irs-from:before, .videoEl .irs-to:before {
    bottom: 0;
    top: -6px;
    transform: rotate(180deg);
    border-top-color: var(--blue);
}

.videoEl .videoEl__rangeWrap {
    margin-left: 44px;
    position: relative;
    z-index: 2;
}

.videoEl .plyr__progress__container {
    margin-left: 44px !important;!i;!;
}

.videoEl .plyr__progress__container {
    margin-left: 50px;
}

.videoEl .plyr__progress input {
    padding: 0;
    margin: 0;
    color: var(--blue);
}
.videoEl input[type=range]::-webkit-slider-runnable-track{
    border: 1px solid #d0d1d2;
}
.videoEl-btn {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    z-index: 2;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    transition: 0.3s;
    background: #00000063;
    cursor: pointer;
}

.videoEl-btn:hover {
    background: #000000a8;
}

.videoEl-btn__icon {
    background: var(--blue);
    padding: 20px;
    font-size: 30px;
    border-radius: 100%;
    margin-bottom: 15px;
    margin-top: 10px;
}

.clipsBlock__submit {
    margin-top: 20px;
    width: 100%;
    max-width: 760px;
}

.clipsBlock__aftersubmit {
    font-size: 12px;
    line-height: 14px;
    color: var(--grayText);
    text-align: center;
    margin-top: 8px;
}

.clipsBlock__submit i {
    margin-right: 10px;
    font-weight: normal;
}

.clipsBlock__head {
    font-weight: bold;
    margin-bottom: 16px !important;
    padding-top: 0 !important;
}

.colBlock__delete {
    color: var(--grayText);
    font-size: 12px;
    position: absolute;
    top: 10px;
    right: 5px;
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
    background: #ff000000;
    transition: 0.3s;
}

.colBlock__delete:hover {
    background: var(--border);
}

.clipsBlock__cols {
    display: flex;
    width: fit-content;
}

.clipsBlock__col {
    width: 100%;
    padding: 10px 10px 7px;
    background: var(--back);
    margin-right: 10px;
    border: 1px solid var(--border);
    border-radius: 6px;
    width: 250px;
    position: relative;
    margin-bottom: 20px;
    height: fit-content;
    transition: 0.3s;
}

.clipsBlock__col.-plus {
    display: flex;
    align-items: center;
    justify-content: center;
    height: fit-content;
    max-width: 50px;
    font-size: 30px;
    color: #fff;
    font-weight: 500;
    cursor: pointer;
    min-height: 52px;
    background: var(--black);
    border-color: var(--black);
    padding-bottom: 12px;
}

.clipsBlock__col.-plus:hover {
    opacity: 0.8;
}

.clipsBlock__aftercol {
    position: absolute;
    bottom: -23px;
    font-size: 12px;
    line-height: 14px;
    color: var(--grayText);
    text-align: center;
}

.clipsBlock__video {
    border: 2px solid #fff;
    margin-bottom: 10px;
}

.mergesBlock {
}

.mergesBlock-loader, .blockscreenEl {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: #000000bd;
    z-index: 999;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    display: none;
}

.mergesBlock-loader.-active, .blockscreenEl {
    display: flex;
}

.mergesBlock-loader__loader, .blockscreenEl__loader {
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.btn.mergesBlock-loader__desc, .btn.blockscreenEl__stop {
    color: #fff;
    margin-top: 10px;
    color: #fff;
    border-color: #fff;
    margin-top: 40px;
}

.blockscreenEl__desc {
    color: #fff;
    margin-top: 10px;
}

.mergesBlock__head {
    max-width: 885px;
}

.mergesBlock__itemsWrap {
    /* margin-top: 60px; */
}

.mergesBlock__filter {
    /* margin-bottom: 20px; */
    /* margin-top: -10px; */
}

.mergesBlock__items {
}

.mergesBlock-item {
    display: flex;
    padding: 10px;
    background: #f0f0f0;
    margin-bottom: 10px;
}

.mergesBlock-item__left {
    max-width: 250px;
    overflow: hidden;
    margin-right: 20px;
}

.mergesBlock-item__left video {
    max-width: 100%;
}

.mergesBlock-item__right {
}

.mergesBlock-item__right label {
}

.generalBlock {
    display: flex;
    width: 100%;
    margin-bottom: -10px;
    min-height: 100vh;
}



.headerBlock {
    background: var(--back);
    padding: 10px;
    position: fixed;
    left: 0;
    right: 0;
    z-index: 222;
}

.headerBlock__cols {
    display: flex;
    justify-content: space-between;
}

.headerBlock__right {
    display: flex;
}

.sideBlock {
    width: 100%;
    max-width: 252px;
    background: var(--back);
    border-right: 1px solid var(
        --border);
    /* padding: 20px 0 20px 20px; */
    display: flex;
    flex-direction: column;
    margin-bottom: 0;
    height: 100vh;
    position: fixed;
    border: none;
}

.tokensBlock {
    background: #fff;
    margin: 10px;
    border-radius: 10px;
    color: #000;
    padding: 12px 0 0px;
    position: relative;
    box-shadow: 0 0 10px -10px #0000003b;
}

.tokensBlock.-loading .tokensBlock__loading {
    display: flex;
}

.tokensBlock__loading {
    display: none;
    align-items: center;
    justify-content: center;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: #0000008f;
    z-index: 3;
    border-radius: 10px;
    color: #fff;
}

.tokensBlock__loader {
}

.tokensBlock__head {
    display: flex;
    padding-left: 17px;
    margin-bottom: 15px;
    position: relative;
    margin-top: -3px;
}

.tokensBlock__percent {
    border: 1px solid var(--border);
    width: 34px;
    height: 34px;
    display: inline-flex;
    font-size: 12px;
    font-weight: bold;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
    margin-left: 4px;
    margin-bottom: -7px;
}

.tokensBlock__icon {
    margin-right: 12px;
    position: relative;
    top: 6px;
}

.sideBlock__main {
    height: 90vh;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 30px 0px 0 0px;
}

.mainBlock {
    width: 100%;
    padding-bottom: 0;
    max-width: 100%;
    margin-left: 254px;
    padding-right: 10px;
    z-index: 2;
    position: relative;
    overflow: hidden;
}

.indicatorEl {
    background: var(--back);
    width: 100%;
    height: 6px;
    border-radius: 100px;
    max-width: 70px;
    margin: 5px 0;
    overflow: hidden;
    cursor: pointer;
}

.TableEl .indicatorEl {
    margin-left: auto;
    position: absolute;
    right: 10px;
}

.TableEl td {
    position: relative;
    align: center;
}

.indicatorEl__inside {
    width: 0%;
    background: var(--blue);
    height: 12px;
    display: block;
}

body.descriptions .mainBlock {
    overflow: initial;
}

.mainBlock-head {
    display: flex;
    justify-content: right;
    align-items: center;
    padding: 10px 0;
}

.mainBlock-head__subscribe {
    font-size: 15px;
    color: var(--black);
    position: relative;
    top: -2px;
}

.mainBlock-head__subscribe i {
    margin-right: 5px;
    color: #e99e2f;
    font-size: 16px;
    position: relative;
    top: 0.5px;
}

.mainBlock-head__subscribe {}

.mainBlock-body {
    background: #fff;
    border-radius: 10px;
    padding-bottom: 50px;
    min-height: calc(100vh - 48px);
    margin-bottom: 10px;
    min-width: 1080px;
}

.flowBlock {
    /* max-width: 710px; */
    margin: 0 auto;
    margin-top: 0;
    padding-top: 70px;
    position: relative;
}

.flowHeadBlock {
    padding-top: 80px;
    overflow: hidden;
    border-radius: 20px 0 0 0;
    padding-bottom: 180px;
    position: relative;
    margin-bottom: -190px;
}

.flowHeadBlock .container, .flowBlock .container {
    max-width: 1100px;
    min-width: 1100px;
}

.flowHeadBlock:after {
    z-index: 0;
    content: '';
    background: #7db7ff;
    width: 860px;
    height: 860px;
    display: block;
    border-radius: 100%;
    position: absolute;
    left: 48%;
    top: -400px;
    background-image: url(../img/flows/back.jpg);
    background-position: top right;
    background-size: 920px;
}

.flowHeadBlock__cols {
    display: flex;
    max-width: 100%;
    position: relative;
    z-index: 1;
}

.flowHeadBlock__left {
    width: 100%;
    max-width: 41%;
    margin-right: 30px;
}

.flowHeadBlock__left h4 {
    max-width: 400px;
}

.flowHeadBlock__btn {
    margin-top: 20px;
    margin-top: 20px;
    font-weight: 900;
    padding: 17px 26px 18px;
    font-size: 17px;
    background: #fff;
    color: #000;
}

.flowHeadBlock__right {
    width: 100%;
    max-width: calc(60% - 20px);
    position: relative;
}

.flowHeadBlock__right img {
    max-width: 140%;
    width: 100%;
    position: relative;
    top: -48px;
    right: -20px;
}

.flowBlock__head {
    /* text-align: center; */
    margin-bottom: 50px;
    text-align: center;
    max-width: 500px;
    margin: 0 auto 50px;
}

.flowBlock__body {
    margin: 0 auto;
}

.flowBlock__btn {
    width: 100%;
}

.flowBlock-item {
    display: flex;
    margin-bottom: 50px;
    align-items: center;
}

.flowBlock-item__desc {
    color: #4c4c4c;
    max-width: 400px;
}

.flowBlock-item__desc ul {
    margin-top: 7px;
}

.flowBlock-item__desc ul li {
    margin-bottom: 5px;
}

.flowBlock-item__desc ul li:before {
    border-radius: 100%;
    content: '';
    width: 7px;
    height: 7px;
    background: var(--blue);
    top: 11px;
}

.flowBlock-item__btns {
    margin-top: 19px;
}

.flowBlock-item__link {
    margin-top: 5px;
    display: inline-block;
    color: #515151;
    margin-bottom: 7px;
    /* border-bottom: 1px solid #ebebeb; */
    width: 100%;
    /* padding-bottom: 15px; */
}

.flowBlock-item__link.-table {
    padding-bottom: 15px;
    border-bottom: 1px solid #ebebeb;
}

.flowBlock-item__link.-noborder span {
    border: none;
}

.flowBlock-item__link i {
    margin-right: 11px;
    position: relative;
    top: 1px;
    width: 10px;
    color: var(--blue);
}

.flowBlock-item__link i.fa-circle-play {
    top: 0;
    left: -1px;
}

.flowBlock-item__link i.fa-sparkle {
    top: -0.5px;
}

.flowBlock-item__link span {
    border-bottom: 1px dotted;
    line-height: 24px;
    display: inline-block;
    font-size: 17px;
}

.flowBlock-item__btn {
    margin-top: 10px;
    /* font-weight: 900; */
    /* padding: 17px 26px 18px; */
    /* font-size: 17px; */
}

.btn .fa-arrow-right {
    font-size: 14px;
    margin-left: 5px;
    position: relative;
    top: 0px;
}

.flowBlock-item__left {margin-right: 77px;width: 100%;max-width: 500px;height: 340px;background: var(--back);border-radius: 10px;border: 10px solid #e2e2e2;overflow: hidden;}

.flowBlock-item__right {position: relative;/* top: -10px; */}

.flowBlock-item__head {
    display: flex;
    align-items: center;
}

.flowBlock-item__step {
    display: flex;
    align-items: center;
    text-transform: uppercase;
    font-size: 13px;
    font-weight: bold;
    margin-bottom: 20px;
}

.flowBlock-item__num {
    background: var(--blue);
    color: #fff;
    font-weight: 900;
    width: 22px;
    height: 22px;
    border-radius: 3px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 12px;
    font-size: 14px;
    position: relative;
    top: 1px;
}

.flowBlock-item__step span {}

.flowBlock-item__left img {
    max-width: 100%;
}

.profileBlock {
}

.profileBlock-plan {
    padding: 20px 25px 30px;
    background: #fff;
    margin-right: 10px;
    border: 1px solid var(--border);
    border-radius: 6px;
    position: relative;
    margin-bottom: 20px;
    height: fit-content;
    transition: 0.3s;
    max-width: 510px;
}

.profileBlock-plan__btns a {
    margin-right: 5px;
}

.profileBlock-plan__btns {
    margin-top: 24px;
}

.profileBlock-plan__head h3 {
    margin-bottom: 5px;
}

.headEl {
    padding-top: 30px;
    padding-bottom: 0;
    position: relative;
    margin-bottom: 30px;
    max-width: 100%;
}

.toggleEl {
    background: var(--back);
    color: #000;
    padding: 5px;
    border-radius: 7px;
    width: fit-content;
}

.linetoggleEl {
    width: 100%;
    border-bottom: 1px solid var(--border);
}

.linetoggleEl__item {
    color: var(--grayText);
    padding: 10px 0;
    display: inline-block;
    margin-right: 13px;
    transition: 0.3s;
    border-bottom: 2px solid #fff;
}

.linetoggleEl__item.-active {
    color: #000;
    border-color: #000;
}

.toggleEl__item {
    color: #000;
    padding: 4px 10px 5px;
    display: inline-block;
    background: var(--back);
    border-radius: 6px;
    transition: 0.3s;
    font-size: 14px;
}

.js-toggleBlocks > div {
    display: none;
}

.js-linetoggleBlocks > div {
    display: none;
}

.js-linetoggleBlocks > div.-active {
    display: block;
}

.js-toggleBlocks > div.-active {
    display: block;
}

.lineCard-keystatic {
    font-size: 12px;
    line-height: 15px;
    margin-bottom: 30px;
}

.lineCard-keystatic__row {
    display: flex;
    border-bottom: 1px solid var(--border);
    padding-bottom: 9px;
    padding-top: 6px;
    transition: 0.3s;
    cursor: pointer;
    padding: 6px 3px 9px;
}

.lineCard-keystatic__row.-marked {
    border-color: #000;
    background: #ffff00;
}


.lineCard-keystatic__row.-active {
    border-color: var(--blue);
}

.lineCard-keystatic__row:hover {
    border-color: #767676;
}

.lineCard-keystatic__row.-red {
    color: #f80b0b;
    font-weight: bold;
    border-color: #f80b0b;
}

.lineCard-keystatic__key {
    width: 80%;
}

.lineCard-keystatic__value {
    width: 10%;
}

.lineCard-keystatic__percent {
    width: 10%;
}

.toggleEl__item i {
    margin-right: 6px;
    font-size: 12px;
    position: relative;
    top: -1px;
}

.toggleEl__item i.fa-circle {
    color: #dfdedd;
}

.toggleEl__item i.fa-check {
    color: #2eba00;
    font-size: 14px;
    top: 0;
}

.toggleEl__item.-active {background: #fff;box-shadow: 0 1px 4px #0000000a;}

.headEl h5 {
    max-width: 760px;
}

.headEl__info {
    font-weight: normal;
    margin-top: 15px;
}

.headEl__info i {
    margin-left: 4px;
    position: relative;
    top: 0px;
    font-size: 13px;
    cursor: pointer;
}

.headEl.-empty .headEl__btns {
    display: none;
}

.headEl__btns {
    margin-top: 16px;
    display: flex;
}

.headEl__btns .btn {
    margin-right: 5px;
}

.headEl:after {
    content: '';
    width: 10000px;
    position: absolute;
    left: -37px;
    height: 1px;
    background: var(--border);
    bottom: 14px;
    display: none;
}

.headEl-menu {
    display: flex;
    border-bottom: 1px solid var(--border);
    margin-top: 10px;
    margin-left: 1px;
    align-items: center;
}

.headEl-menu__right {
    margin-left: auto;
    display: inline-block;
    width: fit-content;
    position: relative;


    !i;
    !in;

    !i;
    !;
}

.headEl-menu__item {
    color: var(--grayText);
    display: inline-block;
    padding: 15px 0px;
    margin-right: 23px;
    border-bottom: 2px solid #fff;
    position: relative;
}

.headEl-menu__item.-active {
    border-color: var(--black);
    color: var(--black);
}

.sideBlock__logo {
    text-align: left;
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 0;
    display: block;
    /* border-bottom: 1px solid var(--border); */
    margin-bottom: 0px;
    color: var(--black);
    padding-left: 4px;
    position: relative;
    padding: 9px 15px 15px;
}

.sideBlock__logo img {
    max-width: 190px;
    margin: 0;
    width: 100%;
}

.sideBlock__label {
    font-weight: 600;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 0.6px;
    margin-bottom: 4px;
    color: var(--grayText);
    padding: 0 15px;
}

.sideBlock__label.-mt {
    margin-top: 20px;
}

.sideBlock-menu {
    width: 100%;
    margin-bottom: 40px;
    margin: 0 10px 40px;
    max-width: calc(100% - 20px);
}

.sideBlock-menu__item {
    color: var(--black);
    display: flex;
    background: #f9fbfa00;
    padding: 9px 15px 10px;
    border-radius: 0px;
    margin-bottom: 4px;
    position: relative;
    left: 0;
    width: 100%;
    cursor: pointer;
    transition: 0.3s;
    margin-right: -12px;
    font-weight: 500;
    margin-bottom: 4px;
    font-size: 15px;
    cursor: pointer;
    border-radius: 5px;
}

.sideBlock-menu__item.-child {
    padding-left: 44px;
    color: var(--grayText);
    margin-bottom: 3px;
    margin-top: -10px;
    padding: 4px 20px 8px 44px;
}

.sideBlock-menu__item.-active,.sideBlock-menu__item:hover {
    color: #000;
    background: var(--grayDark);
}

.sideBlock-menu__item.-active i {
    font-weight: bold;
}

.sideBlock-menu__img {
    width: 30px;
}

.sideBlock-menu__img i {
    font-size: 14px;
}

.sideBlock-menu__img .fa-microchip {
    font-size: 14px;
    position: relative;
    top: 0px;
    left: 2.3px;
}

.sideBlock-menu__img .fa-cut {
    font-size: 13px;
    position: relative;
    left: 3px;
}

.sideBlock-menu__img .fa-object-ungroup {
    top: -1px;
    font-size: 13px;
}

.sideBlock-menu__img i {
    margin-right: 6px;
    position: relative;
    left: 3px;
}

.sideBlock-menu__img i.fa-clone {
    left: 2px;
}

.sideBlock-menu__head {
}

.sideBlock-tokens {
    position: relative;
    margin-top: 8px;
    max-width: calc(100% - 0px);
    padding: 0 15px;
}

.btn.tokensBlock__btn {
    /* border-color: #fff; */
    /* color: #fff; */
    width: 100%;
    margin-bottom: 13px;
}

.sideBlock-tokens__note {
    font-size: 12px;
    color: var(--grayText);
    margin-bottom: 13px;
}

.sideBlock-tokens__line {
    background: var(--grayDark);
    height: 5px;
    border-radius: 10px;
    width: 100%;
    margin-bottom: 7px;
    overflow: hidden;
    position: relative;
}

.sideBlock-tokens__active {
    height: 5px;
    border-radius: 10px;
    width: 100%;
    position: absolute;
    top: 0;
    width: 50%;
    background: var(--blue);
}

.sideBlock-tokens__btn {
    width: 100%;
    max-width: 100%;
}

.sideBlock-profile {
    margin-top: 0;
    display: flex;
    color: var(--grayText);
    position: relative;
    padding-top: 24px;
    margin-bottom: -10px;
    padding: 17px 15px 20px;
}

.sideBlock-profile__link {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.sideBlock-profile:before {
    content: '';
    width: calc(100% + 40px);
    height: 1px;
    background: var(--border);
    position: absolute;
    left: -20px;
    right: -20px;
    top: 0;
}

.sideBlock-profile__img {
    width: 28px;
    min-width: 28px;
    height: 28px;
    background: var(--black);
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 4px;
    position: relative;
    top: -3px;
    left: -5px;
    color: #fff;
    font-weight: bold;
}

.sideBlock-profile__img span {
    text-transform: uppercase;
}

.sideBlock-profile__name {
    color: var(--black);
}

.sideBlock-profile__logout {
    margin-left: auto;
    color: var(--grayText);
    position: relative;
    z-index: 2;
}

.sideBlock-profile__logout i {
}

.headerBlock-profile {
    display: flex;
    color: var(--grayText);
    position: relative;
    margin-left: 40px;
    position: relative;
    top: 2px;
}

.headerBlock-profile__link {
    /* position: absolute; */
    /* top: 0; */
    /* left: 0; */
    /* right: 0; */
    /* bottom: 0; */
}

.headerBlock-profile:before {
    /* content: ''; */
    width: calc(100% + 40px);
    height: 1px;
    background: var(--border);
    position: absolute;
    left: -20px;
    right: -20px;
    top: 0;
}

.headerBlock-profile__img {
    width: 28px;
    min-width: 28px;
    height: 28px;
    background: var(--black);
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 4px;
    position: relative;
    top: -3px;
    left: -5px;
    color: #fff;
    font-weight: bold;
}

.headerBlock-profile__img img {
    width: 28px;
    height: 28px;
    border-radius: 100%;
}

.headerBlock-profile__img span {
    text-transform: uppercase;
}

.headerBlock-profile__name {
    color: var(--black);
}

.headerBlock-profile__logout {
    margin-left: auto;
    color: var(--grayText);
    position: relative;
    z-index: 2;
}

.headerBlock-profile__logout i {
}

.mergesBlock .container {
    position: relative;
}

.mergesBlock__items {
    margin-top: 0;
    padding-top: 0;
    border-top: 1px solid var(--border);
}

.translationsBlock .mergesBlock__items {
    border: none;
}

.mergesBlock__items.-empty {
    border: none;
}

.pagination {
    align-items: center;
    display: flex;
    justify-content: center;
    margin-top: 24px;
}

.pagination .page-item {
    font-size: 13px;
    font-size: 12px;
    font-size: 14px;
    border: 1px solid var(--border);
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 7px;
    font-size: 12px;
    border-radius: 3px;
    padding: initial;
}

.pagination .page-item:before {
    display: none;
}

.pagination .page-link {
    padding: 0 5px;
}

.pagination .page-link[rel="prev"], .pagination .page-link[rel="next"] {
    font-size: 21px;
    position: relative;
    top: -2px;
}

.lineCard {
    position: relative;
    margin-bottom: -1px;
    padding: 8px 0 7px 10px;
    border-bottom: 1px solid var(--border);
}

.lineCard.userEl, .lineCard.-tableHead {
    font-size: 13px;
    line-height: 17px;
    ce-between;
}

.lineCard.userEl .lineCard__cols {
    align-items: center;
}

body.descriptions .lineCard.-active {
    margin-bottom: 20px;
}

.lineCard:hover .lineCard__label {
    opacity: 1;
}

.lineCard__label {
    width: fit-content;
    font-size: 12px;
    padding: 1px 5px;
    border-radius: 100px;
    margin-bottom: -2px;
    margin-left: 37px;
    opacity: 0.4;
    transition: 0.3s;
}

.lineCard.-inside {
    border: none;
    box-shadow: none;
    margin-bottom: 8px;
    !i;!; margin-top: 0px !important;
    !i;!; padding: 0 0 0 5px;
    !i;!; }

.lineCard:last-child {
    margin-bottom: 0;
}

.lineCard:hover {
}

.lineCard__toggle, .inlineCard__toggle {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    box-shadow: 0 2px 9px -3px #00000026;
    transition: 0.3s;
    opacity: 0;
    cursor: pointer;
    z-index: 5;
}

.lineCard.-inside .lineCard__toggle {
    box-shadow: none;
    !i;!; }

.lineCard__toggle:hover, .lineCard.-active .lineCard__toggle {
    opacity: 1;
}

.lineCard__toggle:hover, .lineCard.-active .lineCard__toggle {
}

.lineCard:after {
    content: '';
    width: calc(100% + 87px);
    position: absolute;
    height: 1px;
    left: -40px;
    background: var(--border);
    bottom: 0;
    display: none;
}

.lineCard__play {
    position: relative;
    margin-right: 10px;
    top: 0px;
    z-index: 6;
    align-items: center;
}

.lineCard.-inside .lineCard__play {
    top: 2px;
    margin-right: 10px;
}

.lineCard__play[href="javascript:void(0);"] {
    opacity: 0.4;
    cursor: not-allowed;
}

.lineCard.-inside .lineCard__play img {
    max-width: 23px;
}

.lineCard__head {
    font-weight: 500;
    margin-right: 15px;
    position: relative;
    top: 5px;
    width: 100%;
    max-width: 100%;
    font-size: 14px;
    line-height: 16px;
    margin-bottom: 3px;
    overflow: hidden;
    padding-top: 2px;
}

.lineCard__user_name, .lineCard__email, .lineCard__register_date, .lineCard__subscription_date, .lineCard__tokens {
    width: 100%;
}

.lineCard__tokens {
    max-width: 10%;
}

.lineCard__user_status {
    width: 100px;
}

.lineCard__user_btns {
    width: 130px;
    text-align: right;
}

.lineCard__user_name {
    max-width: 14%;
}

.lineCard__user_id {
    width: 60px;
}

.lineCard__user_num {
    width: 30px;
}

.lineCard__subscription_date, .lineCard__register_date {
    /* width: 320px; */
    max-width: 170px;
}

.lineCard__subscription_date {
    margin-left: auto;
    text-align: left;
    min-width: 170px;
}

.lineCard__email {
    max-width: 19%;
}

.lineCard__th {
    font-size: 10px;
    font-weight: bold;
    text-transform: uppercase;
    line-height: 14px;
}

.translationEl .lineCard__head {
    top: 0;
}

.lineCard__head.-hasmainkeywords .lineCard__source {display: inline-block;width: fit-content;}

.lineCard__source {
}

.lineCard__name {
    min-width: 300px;
}

.lineCard__source {
    text-transform: uppercase;
    font-size: 10px;
    border: 1px solid var(--border);
    padding: 1px 4px 1.5px;
    display: inline-block;
    border-radius: 3px;
    margin-left: 2px;
    margin-top: 3px;
    color: #818181;
}

.lineCard__source .idEl {opacity: 1;}

.lineCard__mainkeywords {
    /* display: block; */
    position: relative;
    margin-left: 0;
    width: fit-content;
    text-align: left;
    font-size: 12px;
    border-radius: 100px;
    /* padding: 2.5px 9px 3.5px; */
    height: fit-content;
    font-weight: 500;
    line-height: 15px;
    /* background: var(--back); */
    color: #6e6e6e;
    min-width: fit-content;
    margin-right: 9px;
    top: 5px;
}

.lineCard__mainkeywords span {
    padding: 2.5px 9px 3.5px;
    background: var(--back);
    display: block;
    border-radius: 100px;
}

.lineCard__right {
    display: flex;
    margin-left: auto;
    max-width: 100%;
}

.lineCard__desc {
    width: 100%;
    max-width: 100%;
    color: var(--grayText);
    margin-right: 0;
    font-size: 12px;
    line-height: 15px;
    position: relative;
    margin-top: 4px;
    margin-bottom: 3px;
}

.lineCard__metas {
    display: flex;
    position: relative;
    top: 8px;
    margin-left: auto;
    min-width: fit-content;
    text-align: right;
    justify-content: flex-end;
    width: fit-content;
}

.lineCard-label {
    display: inline-flex;
    font-size: 9px;
    line-height: 12px;
    background: var(--black);
    padding: 4px 7px 4px;
    border-radius: 100px;
    margin: 0 5px 0 0;
    text-transform: uppercase;
    font-weight: bold;
    color: #fff;
    position: relative;
    z-index: 5;
    cursor: pointer;
    opacity: 0.2;
    transition: 0.3s;
}

.lineCard-label.-success {
    background: #00b300;
}

.lineCard-label.-failed {
    background: #d70000;
}

.lineCard:hover .lineCard-label {
    opacity: 1;
}

.lineCard__meta {
    font-size: 12px;
    color: var(--grayText);
    margin-left: 10px;
    font-weight: 500;
    line-height: 15px;
    text-transform: uppercase;
}

.lineCard__status {
    position: relative;
    top: 3px;
    margin-left: 15px;
    min-width: fit-content;
    text-align: center;
    width: fit-content;
}

.lineCard__btns {
    display: block;
    align-items: center;
    margin-right: 10px;
    position: relative;
    z-index: 6;
    margin-left: 15px;
    text-align: right;
    min-width: fit-content;
}

.lineCard__btns a:last-child {
    margin-right: 0;
}

.lineCard.-inside .lineCard__btns {
    margin-right: 0;
}

.lineCard__btn {
    margin-right: 5px;
}

.lineCard__btn .fa-youtube {
    font-size: 16px !important;
    !i;!; position: relative;
    left: -3.5px;
    top: 1.4px;
}

.lineCard__date {
    margin-left: auto;
    color: var(--grayText);
    margin-right: 20px;
}

.statusEl {
    font-size: 12px;
    line-height: 15px;
    background: #1a1918;
    border-radius: 100px;
    padding: 4px 11px 5px;
    color: #ffffff;
    width: fit-content;
    white-space: pre;
}

.statusEl.-disabled {
    background: #f00000;
}

.statusEl.-active {
    background: #2B8467;
}

.statusEl i {
    margin-left: 4px;
    font-size: 11px;
}

.statusEl.-none,.statusEl.-new {
    background: #bde3ff;
    color: #004378;
}

.statusEl.-queue {
    /* background: #37353e; */
    /* color: #fff; */
}

.statusEl.-dubbing, .statusEl.-progress {
    background: #ffba53;
    color: #000000;
}

.statusEl.-error,.statusEl.-failed {
    color: #fff;
    background: #df0000;
}

.statusEl.-done {
    background: #2B8467;
    color: #fff;
}

.lineCard__bottom {
    margin-top: 10px;
    /* background: var(--gray); */
    /* border: 1px solid var(--border); */
    margin-right: 0px;
    border-radius: 5px;
    display: none;
    z-index: 10;
    position: relative;
    margin-left: -10px;
}

.translationsBlock {
}

div.TableEl.tableEl {
    font-size: 14px;
    line-height: 17px;
    width: 100%;

}

.tableEl__databtn {
    position: relative;
    top: 3px;
}

.tableEl__longtext {
    max-width: 390px;
    overflow: hidden;
    white-space: normal;
}

.TableEl .js-search {
    border-bottom: 1px dotted;
}

.usersAdminBlock .statusEl {
    font-size: 11px;
    line-height: 12px;
    padding: 3px 6px 4px;
}


.usersAdminBlock th {
    /* padding: 1px !important; */!i;!;
}

.usersAdminBlock__ava .headerBlock-profile {
    margin-left: 0;
}

.usersAdminBlock th, .usersAdminBlock td { white-space: nowrap; }

.usersAdminBlock__ava {}

.usersAdminBlock__roles a {
    display: block;
    width: fit-content;
}

.emailEl {}

.emailEl .-bold {
    font-weight: bold;
}

.emailEl .-gray {
    color: var(--grayText);
}

.grayTextEl {
    color: var(--grayText);
}

.smallTextEl {
    font-size: 11px;
    line-height: 13px;
}

.textAlignCenterEl {
    text-align: center !important;!i;!;
}

.YoutubeAccountsBlock-name {
    display: flex;
    align-items: center;
}

.YoutubeAccountsBlock-name img {
    width: 40px;
    border-radius: 100%;
    margin-right: 12px;
}

.YoutubeAccountsBlock-name__right {
    color: #000;
}

.YoutubeAccountsBlock-name__head {
    color: #000;
    font-weight: bold;
}

.YoutubeAccountsBlock-name__handle {
    color: var(--grayText);
    font-size: 12px;
    margin-top: 1px;
}

.YoutubeAccountsBlock {}

.YoutubeAccountsBlock__child {
    background: var(--back) !important;!i;!;
}

.YoutubeAccountsBlock__child > td > div {
    margin: -30px 0;
}

.YoutubeAccountsBlock__child > td {
}

.TableEl__expand {
    color: #acacac;
    cursor: pointer;
    transition: 0.3s;
    max-width: 20px;
}

.TableEl tr:last-child > * {border-color: var(--border) !important;}

.TableEl td {
    border-bottom: 1px solid var(--border);
    padding: 4px 10px !important;
    vertical-align: baseline;
}

.TableEl th {
    border-color: var(--border) !important;
}

.TableEl .dt-column-order:before, .TableEl .dt-column-order:after {
    font-size: 7px !important;
}

.TableEl .dt-column-order {
    top: 3px !important;
    right: 4px !important;
}

.TableEl .dt-column-title {
    font-weight: normal;
    font-size: 12px;
}

.TableEl table {
    width: 100%;
}

.TableEl th {
    font-weight: normal;
}

.TableEl tr {
    border-color: var(--border) !important;
}

.TableEl th:hover {
    outline: none !important;
    font-weight: normal !important;
}

.TableEl tbody {
    border-color: var(--border);
}

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

.YoutubeAccountsBlock__name a {
    color: #000;
    font-weight: bold;
    position: relative;
    top: -1px;
}

.YoutubeAccountsBlock__name img {
    max-width: 30px;
    border-radius: 90%;
    margin-right: 12px;
}

.translationsBlock__head {
    margin-bottom: 2px;
}

.translationsBlock {
}

.translationsBlock .lineCard.-main > .js-lineCardOpen-click {
    /* pointer-events: none; */
}

.translationsBlock .lineCard.-inside {
    margin-bottom: 0;
    margin-top: -7px !important;
    !i; !; }

.lineCard.-active .lineCard__bottom {
    display: block;
}

.lineCard__cols {
    display: flex;
    align-items: initial;
    /* align-items: center; */
}

.lineCard__check {
    position: relative;
    top: 6px;
    margin-right: 10px;
    display: none;
}

.lineCard__labels {
    margin-top: 6px;
    margin-bottom: 4px;
}

.lineCard-toggle {
    display: none;
    width: 100%;
    border-bottom: 1px solid var(--border);
    padding: 0 5px;
}

.lineCard.-active .lineCard-toggle {
    /* display: flex; */
}

.lineCard.-active > .lineCard__bottom > .lineCard-toggle {
    display: flex;
}

.lineCard__itemDesc {
    display: none;
}

.lineCard-translations {
    padding: 20px 15px 10px 7px;
}

.lineCard__itemDesc.-active {
    /* display: block; */
}

.lineCard__btnsGroup {
    display: flex;
    align-items: baseline;
}

.lineCard__btnsGroup .btn {
    width: fit-content;
    margin-right: 10px;
}

.lineCard-toggle.-active {
    display: block;
}

.lineCard-toggle__item {
    color: var(--grayText);
    display: block;
    padding: 12px 0px 16px;
    border-bottom: 1.5px solid #f9fbfa00;
    position: relative;
    bottom: -1px;
    font-weight: 500;
    margin: 0 10px;
    c: ;
    font-size: 15px;
}

.lineCard-toggle__item.-active {
    color: var(--black);
    border-color: var(--black);
}

.lineCard-meta {
    padding: 15px;
    display: flex;
    display: none;
}

.lineCard-meta.-active {
    display: flex;
}

.lineCard-meta__col {
    width: 50%;
    display: flex;
    flex-wrap: wrap;
}

.lineCard-meta__row {
    display: flex;
    border-bottom: 1px solid var(--border);
    width: 100%;
    font-size: 15px;
    line-height: 18px;
    padding-bottom: 10px;
    margin-bottom: 13px;
}

.lineCard-meta__key {
    width: 100%;
    max-width: 60%;
    padding-right: 20px;
    color: #888;
    text-transform: uppercase;
    font-size: 12px;
    line-height: 15px;
    font-weight: normal;
}

.lineCard-meta__value {
    width: 100%;
    max-width: 40%;
    padding-right: 20px;
}

.lineCard-desc {
    padding: 15px;
}

.lineCard-2textareas {
    display: flex;
}

.lineCard-2textareas__item {
    width: 100%;
    margin-right: 20px;
}

.lineCard-2textareas__item:last-child {
    margin-right: 0;
}

.lineCard.-active > .lineCard__bottom > .lineCard__itemDesc.-active {
    display: block;
}

.lineCard-pre {
    white-space: pre;
    background: var(--gray);
    padding: 10px;
    border-radius: 5px;
    font-size: 12px;
    line-height: 15px;
}

.lineCard-desc .errorEl, .lineCard-desc .successEl {
    margin-top: -7px;
}

.lineCard-desc lineCard__itemDesc .errorEl {
    margin-top: -30px;
}

.inlineCards {
    padding: 15px 10px;
    display: none;
}

.inlineCards__placeholders {
}

.inlineCards__placeholder {
    height: 35px;
    background: var(--gray);
    border-radius: 5px;
    margin-bottom: 10px;
    margin: 0 10px 10px;
    animation: pulse 2s ease-in-out infinite;
    transition: 0.3s;
}

.inlineCards.-active {
    display: block;
}

.lineCard-translations__upload:not(.-placeholder) {
    text-align: center;
    border: 1px solid var(--border);
    padding: 20px;
    border-radius: 5px;
    background: #fff;
    margin: -5px 0px -1px 9px;
}

.inlineCard {
    /* display: flex; */
    margin-bottom: 9px;
    transition: 0.3s;
    position: relative;
    margin-left: 5px;
}

.mergesCard-translation__controls {
    display: none;
}

.inlineCard.-active .inlineCard__bottom {
    display: block;
}

.inlineCard__top {
    z-index: 10;
}

.inlineCard__bottom {
    z-index: 11;
}

.inlineCard__cols {
    display: flex;
}

.inlineCard__error, .lineCard__error, .errorEl {
    text-align: center;
    background: #df0000;
    color: #fff;
    font-size: 12px;
    line-height: 14px;
    padding: 5px 5px 6px;
    border-radius: 3px;
    margin: 2px 8px 20px;
    width: 100%;
    max-width: calc(100% - 7px);
}

.lineCard__error {
    margin: 10px 0 3px;
}

.inlineCard__check {
    margin-right: 12px;
    display: none;
}

.inlineCard__check inout {
}

.inlineCard__play {
    width: 24px;
    height: 24px;
    margin-right: 13px;
    position: relative;
    top: -3px;
    border-radius: 100%;
    background: var(--blue);
}

.inlineCard__play.-disallow {
    opacity: 0.4;
    cursor: not-allowed;
}

.inlineCard__play img {
    max-width: 100%;
    transition: 0.3s;
    opacity: 1;
}

.inlineCard__status {
    position: relative;
    top: -2px;
    margin-left: auto;
}

.inlineCard__name {
    width: 100%;
    max-width: 180px;
    position: relative;
    top: -1px;
    font-size: 15px;
    line-height: 19px;
}

.idEl {
    opacity: 0.4;
    width: fit-content;
    display: inline-block;
}

.inlineCard__btns {
    margin-left: 30px;
    position: relative;
    top: -6px;
}

.inlineCard__btns .btn {
}

.inlineCard__controls {
    margin-top: 15px;
}

.inlineCard__control {
}

.mergesBlock-masscontrolers {
    margin-top: 20px;
}

.mergesBlock-masscontrolers__items {
}

.inputEl {
    position: relative;
    display: block;
}

.inputEl-saver {
    position: absolute;
    top: 5px;
    right: 5px;
}

.inputEl-saver .fa-floppy-disk {
    color: var(--blue);
    font-size: 10px;
    position: relative;
    top: -6px;
    transition: 0.3s;
}

.inputEl-saver .fa-circle {
    animation: saverpulse 2s ease-in-out infinite;
}

.inputEl textarea {
    padding-top: 38px;
    box-sizing: border-box;
}

.inputEl label {
    position: absolute;
    top: 13px;
    left: 13px;
    width: 90%;
    display: block;
    right: 0;
    transition: 0.3s;
    pointer-events: none;
}

.inputEl input {
    padding: 21px 12px 9px 12px;
}

.inputEl input:not(:placeholder-shown) ~ label, .inputEl input:active ~ label, .inputEl input:focus ~ label, .inputEl textarea:not(:placeholder-shown) ~ label, .inputEl textarea:active ~ label, .inputEl textarea:focus ~ label {
    color: var(--black);
    top: 1px;
    font-size: 11px;
    line-height: 13px;
    left: 13px;
    background: #fff;
    padding: 5px 0;
    font-weight: 500;
}

.welcomeBlock {
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: 100vh;
    /* background: var(--gray); */
}

.welcomeBlock__top {
    padding: 15px 20px;
    border-bottom: 1px solid var(--border);
}

.welcomeBlock__logo {
    font-size: 25px;
    font-weight: bold;
}

.welcomeBlock__login {
    margin: 130px auto auto;
    text-align: center;
}

.welcomeBlock__desc {
    font-size: 27px;
    line-height: 31px;
    font-weight: 500;
    margin-bottom: 40px;
}

.welcomeBlock__btn {
    border: 1px solid var(--border);
    padding: 13px 80px;
    border-radius: 5px;
    margin: 0 auto;
    position: relative;
    font-weight: 500;
    transition: 0.3s;
}

.welcomeBlock__btn:hover {
    background: var(--gray);
}

.welcomeBlock__btn svg {
    max-width: 19px;
    display: inline-block;
    margin-right: 20px;
    top: 12px;
    position: absolute;
    left: 14px;
}

@-webkit-keyframes pulse {
    30% {
        opacity: 0.5;
    }

    to {
        opacity: 1;
    }
}

@-webkit-keyframes saverpulse {
    0% {
        transform: scale(0.3);
        opacity: 0.5;
    }

    50% {
        transform: scale(0.7);
        opacity: 1;
    }
    100% {
        transform: scale(0.3);
        opacity: 0.5;
    }
}



.pBlock {
    max-width: 600px;
    width: 100%;
    border-radius: 10px;
}

.pBlock.-small {
    max-width: 400px;
}

.pBlock.-center {
    text-align: center;
}

.pBlock__head {
    margin-bottom: 20px;
}

.pBlock__headicon {
    font-size: 40px;
    margin-bottom: 20px;
    color: #00b400;
}

.pBlock__head h3 {
    margin-bottom: 2px;
}

.pBlock__body {
}

.pBlock-row {
    display: flex;
    margin-bottom: 17px;
    border-bottom: 1px solid var(--border);
    padding-bottom: 18px;
}

.pBlock-row.-inline {
    display: block;
    margin-bottom: 0;
}

.pBlock-row.-inline input {
    padding: 16px 12px 17px 12px;
    margin-top: 10px;
    margin-bottom: 0;
}

.pBlock-row.-inline {}

.pBlock-row.-inline {}

.pBlock-row.-inline {}

.pBlock-row:last-child {
    border: none;
}

.pBlock-row__left {
    width: 100%;
    max-width: 70%;
    padding-right: 20px;
}

.pBlock-row__head {
    font-weight: bold;
    margin-bottom: 3px;
}

.pBlock-row__subhead {
    font-size: 13px;
    line-height: 17px;
    color: var(--grayText);
}

.pBlock-row__right {
    margin-left: auto;
}

.pBlock__btns {
    display: flex;
    justify-content: flex-end;
    flex-wrap: wrap;
}

.pBlock__btns .errorEl, .pBlock__btns .successEl {
    margin-bottom: 10px;
}

.pBlock__btn {
    margin-left: 10px;
}

.pBlock__btn.-left {
    margin-right: auto;
    margin-left: 0;
}

.jobsBeforeBlock {
    background: var(--back);
    padding: 4px 13px 5px;
    border-radius: 4px;
    text-align: left;
    margin: 5px 0 10px;
    font-size: 14px;
    width: fit-content;
    transition: 0.3s;
}

.jobsBeforeBlock.-hide {
    opacity: 0.5;
}

.jobsBeforeBlock i:before {
    color: var(--blue);
}

.jobsBeforeBlock i {
    margin-right: 4px;
}

.jobsBeforeBlock i:after {
    color: #adadad;
}

.subscribeBlock {
    border-radius: 20px;
    max-width: 400px;
}

.subscribeBlock .successEl {
    line-height: 17px;
    font-size: 13px;
    padding: 14px 10px 14px;
}

.subscribeBlock .successEl__btn {
    margin-top: 10px;
}

.subscribeBlock .successEl, .subscribeBlock .errorEl {
    margin-left: 0;
    max-width: 100%;
}

.subscribeBlock__head {
    text-align: center;
    margin-bottom: 21px;
    font-weight: 900;
}

.subscribeBlock__brand {
    display: inline-block;
    background: #1a1918;
    color: #fff;
    width: fit-content;
    padding: 2px 9px 3px;
    border-radius: 6px;
    transform: rotate(0deg);
    margin: 3px 6px;
    text-shadow: 0px 0px 3px #ffffff36;
}

.subscribeBlock__brand i {
    margin-right: 6px;
    font-size: 21px;
    /* transform: rotate(-5deg); */
    position: relative;
    top: 0px;
}

.subscribeBlock__head h3 {
    font-size: 24px;
    line-height: 27px;
    margin-bottom: -7px;
    font-weight: 900;
    color: #1a1918;
}

.subscribeBlock__plans {
    border: 2px solid #EFEEEF;
    border-radius: 10px;
    padding: 14px 14px 16px;
    font-size: 16px;
    margin-bottom: 19px;
}

.subscribeBlock-promo {
    margin-bottom: 0;
}

.subscribeBlock__afteror {
    font-size: 12px;
}

.subscribeBlock-promo.-active .subscribeBlock-promo__block {
    display: block;
}

.subscribeBlock-promo__text {}

.subscribeBlock-promo__block {
    position: relative;
    margin-top: 10px;
    display: none;
}

.subscribeBlock-promo__block button {
    position: absolute;
    right: 9px;
    top: 9px;
    background: var(--blue);
    border: none;
    color: #fff;
    width: 30px;
    height: 30px;
    border-radius: 100%;
    font-size: 16px;
}

.subscribeBlock-promo__block button i {
    position: relative;
    top: 1px;
}

.subscribeBlock-plan {
    display: flex;
}

.subscribeBlock-plan__left {
    font-weight: bold;
}

.subscribeBlock-plan__right {
    margin-left: auto;
}

.subscribeBlock-desc {
}

.subscribeBlock__btns {
    margin-top: 30px;
    margin-bottom: 6px;
}

.subscribeBlock__afterbtn {
    text-align: center;
}

.subscribeBlock__btn {
    width: 100%;
    margin-bottom: 10px;
}

.subscribeBlock-desc__head {
    font-weight: bold;
    margin-bottom: 8px;
}

.subscribeBlock-row {
    margin-bottom: 17px;
    padding-left: 33px;
}

.subscribeBlock-row:before {
    font-size: 17px;
    font-weight: bold;
    top: 1px;
    left: 4px;
}

.subscribeBlock-row__top {
    font-weight: bold;
    font-size: 17px;
    margin-bottom: 3px;
}

.subscribeBlock-row__top i {
    position: relative;
    top: 1px;
    margin-right: 2px;
}

.subscribeBlock-row__botton {
    color: var(--grayText);
    font-size: 13px;
    line-height: 18px;
    max-width: 290px;
}

.subscribeBlock-row__bottom {
}

.subscribeBlock-row__btns {
}

.subscribeBlock-row__btn {
}

.subscribeBlock-row__afterbtn {
}

.lineCard-yt {
}

.writterEl {}

.writterEl-prompts {
    background: var(--back);
    padding: 10px;
    margin-bottom: 15px;
    border-radius: 5px;
}

.writterEl-prompts__head {
    font-weight: bold;
    cursor: pointer;
    font-size: 14px;
    text-align: center;
}

.writterEl-prompts__body {
    display: none;
    margin-top: 10px;
}

.writterEl-prompts__body.-active {
    display: block;
}

.writterEl-prompts__item {
    margin-bottom: 20px;
}

.writterEl .lineCard-yt__prompt {
    position: relative;
    margin-bottom: 20px;
}

.writterEl .lineCard-yt__prompt .btn {
    display: block;
    max-width: fit-content;
    margin-left: auto;
}

.writterEl .ytBlock__wrap {
    border: none;
}

.lineCard-yt {
}

.lineCard-ytoverlay{
    position: absolute;
    background: rgb(255 255 255 / 95%);
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    display: none;
    align-items: center;
    justify-content: center;
    z-index: 111111;
}
.ytdescriptionEl.-loading .lineCard-ytoverlay{
    display: flex;
}


.lineCard-ytoverlay__desc {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 100px;
    font-size: 20px;
}

.lineCard-ytoverlay__head {
    margin-bottom: 20px;
    font-weight: bold;
}

.lineCard-yt textarea {
    min-height: 180px;
    line-height: 18px;
}

.lineCard-yt__main_keywords textarea {
    min-height: 70px;
    height: 70px;
}

.lineCard-yt.-screenplays [name=description] {
    border: 1px solid var(--border);
    padding: 10px;
}

.lineCard-yt .errorEl {
    margin-left: 0;
    max-width: 100%;
    margin-bottom: 10px;
}

.lineCard-yt__cols {
    display: flex;
    align-items: flex-start;
}

.lineCard-yt__left {
    width: 100%;
    max-width: calc(40% - 20px);
    margin-right: 20px;
    position: sticky;
    top: 10px;
    min-width: 379px;
}

.lineCard-yt__btns {
    position: absolute;
    right: 0;
}

.lineCard-yt__top {
    display: flex;
    justify-content: space-between;
}

.lineCard-sections__toggle {
    margin-bottom: 20px;
}

.lineCard-sections__head {
    font-weight: bold;
    font-size: 15px;
}

.lineCard-yt__product {
    position: relative;
}

.lineCard-yt__product textarea, .lineCard-yt__keywords textarea {
    padding-top: 40px;
}

.btn.lineCard-yt__productbtn {
    position: absolute;
    !i;!; top: 5px;
    right: 5px;
}

.lineCard-yt__right {
    width: 100%;
    max-width: 60%;
}

.ytBlock__toggle {
    margin-bottom: 15px;
}

.ytBlock__texts {}

.ytBlock__text.-screenplay {
    display: none;
}

.ytBlock__text {}

.ytBlock__text.-active {
    display: block;
}

.ytBlock {
}

.ytBlock__video {
    position: relative;
    left: -5px;
    margin-bottom: 5px;
}

.ytBlock__video img {
    max-width: 101%;
}

.ytBlock-controlls {
    display: flex;
    margin-bottom: 11px;
}

.ytBlock-bar {
    display: flex;
    position: sticky;
    top: 10px;
    right: 7px;
    background: #fff;
    border-radius: 5px;
    padding: 0 2px;
    font-size: 12px;
    margin-left: auto;
    width: fit-content;
    margin-top: -3px;
    z-index: 222;
    /* box-shadow: 0 2px 5px #0000000a; */
    transition: 0.3s;
}

.ytBlock__head .ytBlock-bar {
    position: absolute;
    top: -2px;
    border: 1px solid var(--border);
    opacity: 0;






































































);
)_;
);


)_;
);
}

.ytBlock-bar__count, .ytBlock-bar__icon {
    padding: 3px 5px;
}

.ytBlock-bar__icon {
    cursor: pointer;
    transition: 0.2s;
    font-size: 13px;
}

.ytBlock-bar__icon i {
    transition: 0.3s;
}

.ytBlock-bar__icon.-active i {
    transform: scale(1.1);
    color: var(--blue);
}

.ytBlock-bar__icon:hover {
    background: var(--back);
}

.ytBlock-controlls__left img {
}

.ytBlock-controlls img {
    max-height: 35px;
    max-width: 100%;
}

ytBlock-controlls__left {
}

.ytBlock-controlls__right {
    margin-left: auto;
}

.ytBlock__wrap {
    border: 1px solid var(--border);
    padding: 0 20px 20px 20px;
    border-radius: 5px;
}

.ytBlock__head {
    padding-right: 10px;
    position: relative;
}

.ytBlock__head:hover .ytBlock-bar {
    opacity: 1;
}

.ytBlock__headbtn {
    position: absolute;
    bottom: 0px;
    right: 0;
}

.ytBlock__head textarea {
    border: none;
    padding: 0 !important;
    !i;!; font-weight: bold;
    font-size: 19px;
    font-family: inherit;
    line-height: 24px;
    margin-bottom: 6px;
    box-sizing: content-box;
    min-height: 24px;
    height: 50px;
    transition: 0.3s;
}

.ytBlock__icons {
}

.ytBlock__desc {
    background: #F2F2F2;
    padding: 12px;
    border-radius: 12px;
    margin-bottom: 10px;
    position: relative;
}

.ytBlock__date {
    font-weight: bold;
    margin-bottom: 4px;
    float: left;
}

.ytBlock__text.-screenplay {position: relative;overflow: hidden;border-radius: 5px;}

.ytBlock__text.-active {}

.ytBlock__loader {
    background: var(--back);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    color: #000;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 30px;
}

.ytBlock__loader.hidden {
    display: none;
}

.ytBlock__description {
    border: 1px solid var(--border);
    padding: 20px 20px;
    border-radius: 5px;
    min-height: 317px;
    font-size: 14px;
}

.ytBlock__description pre {
    color: #8f8f8f;
    text-transform: uppercase;
    background: var(--back);
    font-size: 11px;
    text-align: center;
    margin: 30px 0 20px;
    display: block;
}

.ytBlock__description h1 {
    font-size: 20px;
    line-height: 27px;
    margin: 0 0 20px;
}

.ytBlock__description h2 {
    font-size: 16px;
    margin-top: 20px;
}

.ytBlock__description h2:first-child {
    margin-top: 0;
}

.ytBlock-descForMark {
    position: absolute;
    top: 36px;
    background: #f2f2f2;
    z-index: 2;
    overflow-x: hidden;
    overflow-wrap: break-word;
    resize: horizontal;
    white-space: break-spaces;
    margin-right: 10px;
    cursor: pointer;
    padding-top: 4px;
}

.ytBlock-mark {
    background: #FFFF00;
    position: relative;
    width: fit-content;
    display: inline-block;
    margin-right: -3px;
}

.ytBlock-mark__count {
    position: absolute;
    font-size: 10px;
    top: -4px;
    right: -2px;
    background: #000;
    color: #fff;
    font-weight: bold;
    line-height: 9px;
    padding: 2px 2px;
    border-radius: 3px;
}

.ytBlock__text textarea {
    background: none;
    border: none;
    height: 400px;
    padding: 0;
    font-family: inherit;
    font-size: 15px;
    line-height: 20px;
    padding-top: 4px;
}

.tableEl__longtext{
    height: 27px;
    overflow: hidden;
    cursor: pointer;
    transition: 0.3s;
}

.tableEl-messages {}

.tableEl-messages__dialog {
    margin-bottom: 10px;
}

.tableEl-messages__role {
    display: inline;
    position: absolute;
    left: 0;
}

.tableEl-messages__metas {
    display: flex;
    width: fit-content;
    border-radius: 2px;
    color: var(--grayText);
}

.tableEl-messages__meta {
    margin-right: 5px;
}

.tableEl-messages__meta:last-child {
    margin-right: 0;
}

tableEl-messages__meta {
    margin-right: 5px;
}

.tableEl-messages__content {
    display: inline-block;
    max-height: 42px;
    height: initial;
    max-width: 100%;
}

.tableEl-messages__content.-u {
    font-weight: bold;
}

.tableEl-messages__item {
    margin-bottom: 0px;
    padding-left: 15px;
    position: relative;
}

.tableEl-messages__item.-u {
    margin-top: 13px;
}

.tableEl-messages__item {
    font-size: 12px;
    line-height: 16px;
}

.tableEl-messages__thread {
    font-size: 15px;
    font-weight: bold;
    border-top: 1px solid var(--border);
    padding-top: 20px;
    margin-top: 20px;
}

.tableEl-messages__thread:first-child {
    border: none;
    border-top: 0;
    padding-top: 0;
}

.tableEl-messages__item.-u:first-child {
    margin-top: 0;
}

.tableEl-messages__item.-u .tableEl-messages__content {
    font-weight: bold;
}
.tableEl__longtext.-active{
    height: auto;!i;!;
    max-height: initial;!;
}


::-webkit-scrollbar {
    width: 6px;
    background: var(--back);
}

::-webkit-scrollbar-thumb {
    background: var(--border);
    height: 5px;
    border-radius: 5px;
}

::-webkit-scrollbar-track {
    background: var(--back);
}

.fancybox__content{
    max-width: 650px;
    width: 100%;
}

.fancybox__slide.has-ajax .fancybox__content {
    /* max-width: 1000px !important; */!i;!;
    /* width: 100%; */
}
.fancybox__content pre.sf-dump .sf-dump-compact {
    display: block !important;
    white-space: pre;
    overflow: hidden;
}
.fancybox__content .sf-dump-toggle{
    display: none !important;
}



.tableEl.-messages td > div{
    overflow: hidden;
    white-space: break-spaces;
}
.tableEl th.-time, .tableEl td.-time {
    max-width: 72px;
}

.tableEl th.-device_id, .tableEl td.-device_id {
    max-width: 65px;
}

.tableEl th.-id, .tableEl td.-id {
    max-width: 61px;
}

.tableEl th.-date, .tableEl td.-date {
    max-width: 103px;
}
.tableEl th.-count, .tableEl td.-count {
    max-width: 50px;
}
.tableEl th.-data, .tableEl td.-data{
    max-width: 120px;
}
.tableEl th.-last, .tableEl td.-last{
    max-width: 280px;
}

.tableEl th.-origin, .tableEl td.-origin {
    max-width: 80px;
}




.markdown-body {
    /* font-size: 14px; */
    line-height: 17px;
    /* color: #1a202c; */ /* neutral gray */
    /* font-family: system-ui, sans-serif; */
}

.markdown-body h1,
.markdown-body h2,
.markdown-body h3,
.markdown-body h4,
.markdown-body h5,
.markdown-body h6 {
    font-weight: 600;
    margin-top: 15px;
    margin-bottom: 6px;
    font-size: 17px;
}

.markdown-body p {
    margin-bottom: 8px;
}

.markdown-body ul {
    list-style-type: disc;
    padding-left: 15px;
    margin-bottom: 1rem;
    line-height: 8px;
}

.markdown-body li ul {
    margin-top: 9px;
}

.markdown-body ol {
    list-style-type: decimal;
    padding-left: 13px;
    margin-bottom: 10px;
}

.markdown-body li {
    margin-bottom: 14px;
    padding-left: 10px;
    list-style: initial;
}

.markdown-body pre {
    background: #eeeeee;
    padding: 0.5rem;
    overflow-x: auto;
    font-family: monospace;
    border-radius: 4px;
    margin-bottom: 15px;
    white-space: pre-wrap;
    word-break: break-word;
    display: block;
    font-size: 11px;
}

.markdown-body code {
    background: #eee;
    padding: 1px 3px;
    border-radius: 3px;
    font-family: monospace;
    font-family: inherit;
}

.productsLineLinks{}
.productsLineLinks:hover svg{
    opacity: 1;
}
.productsLineLinks a:hover svg{
    opacity: 1;
}
.productsLineLinks a svg{
    opacity: 0.1;
}
.productsLineLinks a.-semrush svg{
    display: inline-block;
    max-width: 17px !important;
    position: relative;
    top: -1px;
    margin-left: 3px;
}
.productsLineLinks a.-google svg{
    display: inline-block;
    max-width: 11px !important;
    position: relative;
    top: -1px;
    margin-left: 3px;
}