:root{
    --colorBasicLine: #E5E7E8;
    --colorBasicGreyLight: #f9f9f9;
    --colorMain: #d22e2e;
    --colorSuccess: #2EA66F;
    --colorAttention: #E84646;
    --colorAttentionBg: #FDEDED;
    --colorBasicGray: #7B878C;
}


* {
    margin: 0;
    padding: 0;
    outline: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

html, body, div{
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    vertical-align: baseline;
    font-family: 'Noto Sans';
    font-weight: 400;
  /*  line-height: 1.4;*/
    font-size: 14px;
}

html, body{
    min-width: 480px !important;
    background: #f5f5f5;
}

ul, li{
    list-style: none;
    margin: 0;
    padding: 0;
}

/*a, p, ul, ol, li, img, span, strong, em{
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: inherit;
    vertical-align: baseline;
    font: inherit;
    line-height: inherit;
}

table, tbody, tfoot, thead, tr, th, td{
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    font: inherit;
}

applet, object, iframe, blockquote, pre, abbr, acronym, address, big, cite, code, del, dfn, font, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, b, u, i, center, dl, dt, dd, caption, fieldset, form, label, legend {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    font: inherit;
}

article, aside, figure, footer, header, hgroup, section {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    font: inherit;
}

canvas, details, embed, figcaption, menu, nav, output, ruby, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    font: inherit;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block;
}*/
.text-page-block h2,
.text-page-block h3{
    margin-top: 25px;
}
.text-page-block p{
    margin-bottom: 15px;
}
.text-page-block ul{
    margin-left: 35px;
    margin-bottom: 15px;
}
.text-page-block li{
    list-style: circle;
}


button,
input[type=submit],
.btn{
    background: var(--colorMain);
    color: #fff;
    border: none;
    border-radius: 10px;
    cursor: pointer;
    padding: 6px 30px;
    font-family: inherit;
    font-size: 13px;
    max-height: 43px;
    text-decoration: none;
    transition: all 0.3s;
    -o-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
}

button:hover,
input[type=submit]:hover,
.btn:hover{
    opacity: 0.8;
}

.btn.form{
    font-size: 13px;
    line-height: 23px;
    /*margin-top: 25px;*/
}

.btn-padd-0{
    padding: 0;
}

.btn-padd-24{
    padding: 0 24px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.btn-padd-12{
    padding: 0 12px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.btn-middle{
    height: 40px;
    line-height: 40px;
}

.btn-fit{
    width: fit-content;
    width: -moz-fit-content;
}

.btn-new{
    font-family: 'Segoe UI';
    font-size: 16px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.btn-new span{
    width: 100%;
    height: 100%;
}

.btn-img i{
    width: 20px;
    height: 20px;
    margin-right: 8px;
}

.btn-img i:before{
    color: var(--colorMain);
}

.btn-img span{
    width: auto;
    max-width: Calc(100% - 28px);
    line-height: 20px;
}

.btn-light{
    background: transparent;
    border: 1px solid var(--colorMain);
}

.btn-light:hover{
    background: var(--colorMain);
    opacity: 1;
}

.btn-light span{
    color: var(--colorMain);
}

.btn-light:hover span,
.btn-light:hover i:before{
    color: #fff;
}

.btn-br-80{
    border-radius: 80px;
}

.btn a{
    width: 100%;
    height: 100%;
    color: #ffffff;
    line-height: 20px;
}

.btn-fixed{
    position: absolute;
    left: 0;
    bottom: 0;
}

input:-internal-autofill-selected,
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:active,
input:-webkit-autofill:focus{
    background-color: #ffffff !important;
    -webkit-box-shadow: 0 0 0 1000px white inset !important;
}

input[type=text],
input[type=number],
input[type=password],
input[type=email],
input[type=date],
input[type=datetime-local],
select,
textarea{
    display: block;
    width: 230px;
    margin-bottom: 20px;
    padding: 12px 12px;
    border: 1px solid #e5e5e5;
    border-radius: 5px;
    height: 40px;
    outline: none;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

input[type=date]{
    cursor: pointer;
}

input[type="date"]::-webkit-calendar-picker-indicator {
    color: rgba(0, 0, 0, 0);
    opacity: 1;
    display: block;
    background: url('/local/templates/panel/image/svg/calendar-icon.svg') no-repeat;
    width: 24px;
    height: 24px;
    border-width: thin;
    background-size: 24px;
    cursor: pointer;
    background-position-x: right;
    background-position-y: center;
}

textarea{
    min-height: 40px;
}

textarea{
    resize: vertical;
    -ms-overflow-style: none;
    scrollbar-width: none;
}

textarea::-webkit-scrollbar {
    width: 0;
    height: 0;
}

select:not(.select-not-icon){
    background-color: #ffffff;
    background-image: url('/local/templates/panel/image/svg/dots-vertical-icon.svg');
    background-repeat: no-repeat;
    border: 1px solid var(--colorBasicLine);
    padding: 12px 38px 12px 12px;
    border-radius: 5px;
    position: relative;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    cursor: pointer;
    background-position-x: Calc(100% - 7px);
    background-position-y: center;
    background-size: 24px;
    outline: none;
    box-shadow: unset;
}

select:not(.select-not-icon):focus,
select:not(.select-not-icon):hover{
    border: 1px solid var(--colorBasicLine);
    outline:0;
    -webkit-appearance: none;
    outline: none !important;
    border-radius: 5px;
    box-shadow: unset;
}

select:not(.select-not-icon)::-ms-expand {
    display: none;
    outline: none;
}

select > option{
    box-shadow: unset;
    border: 1px solid var(--colorBasicLine);
    background: #fff;
    border-radius: 5px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    white-space: normal;
    outline-color: var(--colorBasicLine);
}

select > option:hover,
select > option:checked{
    background: var(--colorMain);
    color: #fff;
}

.hidden{
    display: none;
}

a{
    text-decoration: none;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

a, b{
    color: var(--colorMain);
}
b{
    font-family: 'Noto Sans';
    font-weight: 500;
}

code{
    background: var(--colorMain);
    white-space: pre;
    padding: 20px;
    width: auto;
    display: block;
    color: #fff;
    max-width: 800px;
    overflow-x: auto;
}
code.text{
    white-space: normal;
}

div:not(.snova-constructor, .snova-constructor-modal) h1,
div:not(.snova-constructor, .snova-constructor-modal) h2,
div:not(.snova-constructor, .snova-constructor-modal) h3,
div:not(.snova-constructor, .snova-constructor-modal) h4,
div:not(.snova-constructor, .snova-constructor-modal) h5,
div:not(.snova-constructor, .snova-constructor-modal) h6{
    font-family: 'Noto Sans';
    font-weight: 500;
    margin-top: 0;
    color: var(--colorMain);
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    vertical-align: baseline;
    margin-bottom: 15px;
}

.d-flex{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.d-flex-center{
    display: flex;
    align-items: center;
    justify-content: center;
}
.d-flex-left{
    display: flex;
    align-items: center;
    justify-content: flex-start;
}
.d-flex-right{
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.d-flex-left-start{
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
}

.trs{
    transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
}

i.fa, i.fab, i.fad, i.fal, i.far, i.fas, i.fad{
    font-size: 16px;
}

.grid-container{
    width: 100%;
    display: grid;
    gap: 24px;
    grid-template-rows: auto;
}


.grid-el-25{
    grid-column: span 1;
}

.grid-el-50{
    grid-column: span 2;
}

.grid-el-75{
    grid-column: span 3;
}

.grid-el-50-new-row{
    grid-row: 2;
}

.grid-el-100{
    grid-column: span 4;
}

.grid-el-50-big{
    grid-row: span 2;
}

.grid-25-25-50{
    grid-template-columns: repeat(4, Calc((100% - 72px)/4));
}

.grid-min-gap{
    gap: 4px;
}

.grid-column-8{
    grid-template-columns: repeat(8, Calc((100% - 28px)/8));
}

.grid-column-8-1{
    grid-column: span 1;
}

.grid-column-8-2{
    grid-column: span 2;
}

.grid-column-8-3{
    grid-column: span 3;
}

.grid-column-8-4{
    grid-column: span 4;
}

.grid-column-8-5{
    grid-column: span 5;
}

.grid-column-8-6{
    grid-column: span 6;
}


.grid-element{
    background: #ffffff;
    border-radius: 8px;
    position: relative;
}

.grid-element-title{
    height: 62px;
    overflow: hidden;

    border-bottom: 1px solid var(--colorBasicLine);
    padding: 16px 20px;
    justify-content: flex-start;
    flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    -webkit-flex-wrap: nowrap;
    gap: 8px;
}

.grid-element-title-wrap{
    width: Calc(100% - 38px);
    font-family: 'Noto Sans';
    font-weight: 400;
    font-size: 16px;
}

.grid-element-title-wrap.d-flex-left{
    gap: 8px;
}

.grid-element-title-img{
    width: 30px;
    height: 30px;
    border: 1px solid var(--colorBasicLine);
    border-radius: 100%;
}

.grid-element-title-img img{
    height: 20px;
}

.grid-element-title-wrap span{
    width: Calc(100% - 38px);
}

.grid-element-title .change-btn{
    width: 30px;
    height: 30px;
    background: #f5f5f5;
    border-radius: 100%;
    padding: 0;
}

.grid-element-title .change-btn:hover{
    background: var(--colorMain);
}

.grid-element-title .change-btn a{
    width: 100%;
    height: 100%;
    border: 1px solid transparent;
}

.grid-element-title .change-btn:hover a i:before{
    color: #fff;
}

/*.grid-element-title .change-btn:hover{
    background: #fff;
    border: 1px solid var(--colorMain);
}

.grid-element-title .change-btn:hover i:before{
    color: var(--colorMain);
}*/

.grid-element-content{
    padding: 16px 20px;
}

.grid-element-row{
    width: 100%;
    gap: 10px;
    margin-bottom: 20px;
}

.grid-element-row:last-child{
    margin-bottom: 0;
}

.grid-element-row i{
    width: 20px;
    height: 20px;
}

.grid-element-row i:before{
    font-size: 20px;
    color: var(--colorMain);
}

.grid-element-row-wrap{
    width: Calc(100% - 30px);
}

.grid-element-row-dual{
    width: Calc(50% - 5px);
}

.grid-element-row-triple{
    width: Calc((100% - 20px)/3);
}

.grid-element-row .title{
    text-transform: uppercase;
    font-size: 12px;
    line-height: 14px;
    margin-bottom: 4px;
    color: var(--colorMain);
}

.grid-element-row .image{
    width: 60px;
    height: 60px;
    border-radius: 100%;
    background: #f5f5f5;
}

.grid-element-row .image img{
    width: auto;
    max-width: 40px;
}

.grid-element .btn-fixed{
    left: 20px;
    bottom: 16px;
}

.grid-element-content.btn-fixed-container{
    padding-bottom: 56px;
}

.grid-element-qr .grid-element-title-wrap{
    text-align: center;
    width: 100%;
}

/*.grid-element-qr .grid-element-row{
    flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    gap: 16px;
}*/

.grid-element-qr .grid-element-row .image{
    width: 110px;
    height: 100px;
    background: unset;
    border-radius: unset;
    margin: 10px auto;
}

.grid-element-qr .grid-element-row .image img{
    max-width: 100%;
}

.grid-element-qr .grid-element-row .title{
    width: 100%;
    text-align: center;
    margin-bottom: 0;
    font-weight: 500;
    font-family: 'Noto Sans';
}

.grid-element-row .title.subtitle{
    text-transform: unset;
}

.grid-element-row .title.subtitle a{
    color: #37474F;
}

.grid-element-content .snova-form-fixed-container{
    padding-bottom: 40px;
    position: relative;
}

/**/

/*table.grid-table {
    display: grid;
    border-collapse: collapse;
    min-width: 100%;
    !*grid-template-columns: minmax(150px, 2fr)
    minmax(150px, 1fr)
    minmax(150px, 1fr)
    minmax(150px, 1fr)
    minmax(150px, 1fr)
    minmax(60px, 0.3fr);*!
    grid-template-columns: repeat(5, minmax(150px, 1fr)) 60px;
}

table.grid-table thead,
table.grid-table tbody,
table.grid-table tr {
    display: contents;
}

table.grid-table th,
table.grid-table td {
    padding: 15px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

table.grid-table th {
    position: sticky;
    top: 0;
    background: var(--colorMain);
    text-align: left;
    font-weight: normal;
    color: #ffffff;
}

table.grid-table th:first-child,
table.grid-table td:first-child{
    border-radius: 4px 0 0 4px;
}

table.grid-table th:last-child {
    border: 0;
}

table.grid-table th:last-child,
table.grid-table td:last-child{
    border-radius: 0 4px 4px 0;
}

table.grid-table td {
    padding-top: 10px;
    padding-bottom: 10px;
}

table.grid-table tr:nth-child(even) td {
    background: #d22e2e08;
}*/

.system-table .container-block{
    padding: 0;
    margin: 0;
    background: unset;
    border-radius: 0;
}

.system-table .table-th{
    background: unset;
    min-height: unset;
    color: #ffffff;
}

.system-table .table-th:first-child,
.system-table .table-th:last-child{
    border-radius: 0;
}

.system-table .table-th,
.system-table .table-td{
    padding: 10px;
}

.system-table .table-tr{
    min-height: 50px;
    border-bottom: none;
    border-left: none;
    border-radius: 5px;
}

.system-table .table-tr:nth-child(odd){
    background: #d22e2e08;
}

.system-table .table-tr:first-child{
    background: var(--colorMain);
}

.system-table .table-item-menu-btn i:before{
    content: '\e90f';
}

/**/

/* ИКОНКИ - начало */

[class*='snova-icons-']:before {
    display: inline-block;
    font-family: 'snova-icons';
    font-size: 14px;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    color: #37474F;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transition: color 300ms;
    -moz-transition: color 300ms;
    -ms-transition: color 300ms;
    -o-transition: color 300ms;
    transition: color 300ms;
}
.snova-icons-phone:before {content: "\e900";}
.snova-icons-delete:before {content: "\e901";}
.snova-icons-hands-clap:before {content: "\e902";}
.snova-icons-user:before {content: "\e903";}
.snova-icons-home:before {content: "\e904";}
.snova-icons-paint-brush:before {content: "\e905";}
.snova-icons-stack:before {content: "\e906";}
.snova-icons-crown:before {content: "\e907";}
.snova-icons-rocket:before {content: "\e908";}
.snova-icons-lightbulb:before {content: "\e909";}
.snova-icons-alarm:before {content: "\e90a";}
.snova-icons-cross-circle:before {content: "\e90b";}
.snova-icons-plus-circle:before {content: "\e90c";}
.snova-icons-print:before {content: "\e90d";}
.snova-icons-arrow-right:before {content: "\e90e";}
.snova-icons-dots-vertical:before {content: "\e90f";}
.snova-icons-sign-in:before {content: "\e910";}
.snova-icons-details:before {content: "\e911";}
.snova-icons-wallet:before {content: "\e912";}
.snova-icons-share:before {content: "\e913";}
.snova-icons-book-open:before {content: "\e914";}
.snova-icons-cross:before {content: "\e915";}
.snova-icons-widget:before {content: "\e916";}
.snova-icons-notebook:before {content: "\e917";}
.snova-icons-clipboard:before {content: "\e918";}
.snova-icons-trophy:before {content: "\e919";}
.snova-icons-puzzle:before {content: "\e91a";}
.snova-icons-fav:before {content: "\e91b";}
.snova-icons-paperclip:before {content: "\e91c";}
.snova-icons-list:before {content: "\e91d";}
.snova-icons-list-bullets:before {content: "\e91e";}
.snova-icons-file:before {content: "\e91f";}
.snova-icons-question:before {content: "\e920";}
.snova-icons-ringing:before {content: "\e921";}
.snova-icons-cards:before {content: "\e922";}
.snova-icons-cloud-check:before {content: "\e923";}
.snova-icons-cloud-up:before {content: "\e924";}
.snova-icons-cloud-down:before {content: "\e925";}
.snova-icons-lightning:before {content: "\e926";}
.snova-icons-search:before {content: "\e927";}
.snova-icons-warning:before {content: "\e928";}
.snova-icons-key:before {content: "\e929";}
.snova-icons-info:before {content: "\e92a";}
.snova-icons-settings:before {content: "\e92b";}
.snova-icons-profile:before {content: "\e92c";}
.snova-icons-users:before {content: "\e92d";}
.snova-icons-squares:before {content: "\e92e";}
.snova-icons-arrow-light:before {content: "\e92f";}
.snova-icons-check:before {content: "\e930";}
.snova-icons-calendar:before {content: "\e931";}
.snova-icons-case:before {content: "\e932";}
.snova-icons-support:before {content: "\e933";}
.snova-icons-chart-line:before {content: "\e934";}
.snova-icons-minus:before {content: "\e935";}
.snova-icons-plus:before {content: "\e936";}
.snova-icons-graph:before {content: "\e937";}
.snova-icons-chart-pie:before {content: "\e938";}
.snova-icons-mail:before {content: "\e939";}
.snova-icons-location:before {content: "\e93a";}
.snova-icons-download:before {content: "\e93b";}
.snova-icons-directory:before {content: "\e93c";}
.snova-icons-home-page:before {content: "\e93d";}
.snova-icons-eye:before {content: "\e93e";}
.snova-icons-eye-close:before {content: "\e93f";}
.snova-icons-handshake:before {content: "\e940";}
.snova-icons-pencil:before {content: "\e941";}
.snova-icons-database:before {content: "\e942";}
.snova-icons-user-circle-plus:before {content: "\e943";}
.snova-icons-smile:before {content: "\e944";}
.snova-icons-orders:before {content: "\e945";}
.snova-icons-basket:before {content: "\e946";}
.snova-icons-user-minus:before {content: "\e947";}
.snova-icons-smile-sad:before {content: "\e948";}
.snova-icons-lead-out:before {content: "\e949";}
.snova-icons-text:before {content: "\e94a";}
.snova-icons-event:before {content: "\e94b";}
.snova-icons-calendar-check:before {content: "\e94c";}
.snova-icons-globe:before {content: "\e94d";}
.snova-icons-email-mail:before {content: "\e94e";}
.snova-icons-email:before {content: "\e94f";}
.snova-icons-infinity:before {content: "\e950";}
.snova-icons-target:before {content: "\e951";}
.snova-icons-layout:before {content: "\e952";}
.snova-icons-gift:before {content: "\e953";}
.snova-icons-handbag:before {content: "\e954";}
.snova-icons-shield-check:before {content: "\e955";}
.snova-icons-shield-warning:before {content: "\e956";}


/* ИКОНКИ - конец */

/*кнопки - начало*/

.download-btn{
    width: 100%;
    position: relative;
}

.download-btn input{
    opacity: 0;
    width: 100%;
    height: 100%;
    cursor: pointer;
    position: absolute;
    z-index: 2;
}

/*кнопки - конец*/




/*виджеты - начало*/

/*виджеты - конец*/

.tabs-content-main{
    padding-bottom: 50px;
}

/*таб "Уведомления" - начало*/

.tabs-notification{
    max-width: 830px;
}

/*таб "Уведомления" - конец*/

/*строки-аккордионы - начало*/

.row-accordion-type{
    width: 100%;
    border-radius: 5px;
    /* background: #f5f5f5; */
    box-shadow: 5px 5px 4px #f5f5f5;
    border: 1px solid #f5f5f5;
}

.row-accordion-type-title{
    position: relative;
    padding: 15px;
    cursor: pointer;
}

.row-accordion-type-title i{
    width: 14px;
    height: 14px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    position: relative;
}

.row-accordion-type-title i.snova-icons-arrow-light{
    position: absolute;
    top: Calc((100% - 14px)/2);
    right: 16px;
}

.row-accordion-type-title.active i.snova-icons-arrow-light{
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}

.row-accordion-type-title i:before{
    font-size: 14px;
}

.row-accordion-type-title i.snova-icons-delete{
    z-index: 2;
}

.row-accordion-type-title i.snova-icons-delete:before{
    color: var(--colorAttention);
    z-index: 2;
    left: 0.5px;
    position: relative;
    top: 0;
    font-size: 12px;
}

.row-accordion-type-title i.snova-icons-delete:after{
    content: '';
    width: 22px;
    height: 22px;
    border-radius: 100%;
    position: absolute;
    z-index: 1;
    top: -4px;
    left: -4px;
    background: var(--colorAttentionBg);
}

.row-accordion-type-title .title{
    font-weight: 500;
    font-family: 'Noto Sans';
    text-transform: unset;
    font-size: 14px;
    gap: 10px;
}

.row-accordion-type-title .title,
.row-accordion-type-title .desc{
    width: calc(100% - 24px);
}

.row-accordion-type-content{
    display: none;
    padding: 0 15px 15px;
}

.row-accordion-type-content-item{
    margin-bottom: 10px;
}

.row-accordion-type-content-item:last-child{
    margin-bottom: 0;
}

.row-accordion-type-content-item .checkbox-v1{
    display: flex;
    width: 100%;
    height: auto;
    padding: 15px;
    cursor: pointer;
    gap: 8px;
    align-items: center;
    border: 1px solid var(--colorBasicLine);
    background: #f5f5f5;
    border-radius: 5px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.row-accordion-type-content-item .checkbox-v1.active{
    border: 1px solid var(--colorMain);
    background: #d22e2e08;
}

.row-accordion-type-content-item .title{
    width: Calc(100% - 40px);
    margin: 0;
    gap: 8px;
    align-items: center;
    font-family: 'Noto Sans';
    font-weight: 500;
    text-transform: unset;
    font-size: 14px;
    color: #37474F;
}

.row-accordion-type-content-item .title i{
    width: 16px;
    height: 16px;
}

.row-accordion-type-content-item .title i:before{
    font-size: 16px;
}

.row-accordion-type-content-item .checkbox-v1 .checkbox-v1-switch{
    margin: 0;
}


/*строки-аккордионы - конец*/

/*блоки с уведомлениями - начало*/

.snova-notification-project-blocked{
    width: max-content;
    margin: 15px auto;
    padding: 7px 20px;
    border-radius: 100px;
    background: #d50000;
    color: #fff;
    font-weight: bold;
}

.snova-notification{
    position: fixed;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.snova-notification-left-top,
.snova-notification-left-bottom{
    left: 10px;
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%);
}

.snova-notification-right-top,
.snova-notification-right-bottom{
    right: 10px;
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%);
}

.active.snova-notification-left-top,
.active.snova-notification-left-bottom,
.active.snova-notification-right-top,
.active.snova-notification-right-bottom{
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
}

.active.snova-notification-left-top,
.active.snova-notification-right-top{
    top: 60px;
}

.active.snova-notification-left-bottom,
.active.snova-notification-right-bottom{
    bottom: 60px;
}

.snova-notification.active{
    z-index: 100;
}

.snova-notification-container{
    background: #fff;
    padding: 15px 30px 15px 15px;
    border-radius: 5px;
    box-shadow: 0 2px 2px #dbdbdb;
    min-width: 300px;
    position: relative;
}

.snova-notification-title{
    position: relative;
    font-family: 'Noto Sans';
    font-weight: 500;
    margin-bottom: 4px;
    color: var(--colorMain);
}

.snova-notification-title span{
    max-width: Calc(100% - 20px);
    padding-right: 20px;
}

.snova-notification-title i{
    width: 14px;
    height: 14px;
    position: absolute;
    right: -22px;
    top: -7px;
    cursor: pointer;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.snova-notification-title i:hover{
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}

.snova-notification-title i:before{
    color: var(--colorMain);
}

.content-notification{
    position: relative;
    color: #ffffff;
    background: var(--colorMain);
    padding: 15px;
    border-radius: 10px;
    margin: 20px 0;
    max-width: max-content;
}
.content-notification::before{
    content: '!';
    position: relative;
    color: var(--colorMain);
    background: #ffffff;
    margin-right: 15px;
    width: 40px;
    height: 40px;
    text-align: center;
    border-radius: 100%;
    font-size: 30px;
    line-height: 35px;
    font-weight: bold;
    display: flex;
    justify-content: center;
}

/*блоки с уведомлениями - конец*/

/*блоки с подсказками - начало*/

.panel-help{
    --panel-tooltip-arrow-position: 50%;
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 18px;
    box-sizing: border-box;
    min-width: 18px;
    width: 18px;
    height: 18px;
    margin-left: 6px;
    padding: 0;
    border: 1px solid var(--colorBasicLine);
    border-radius: 50%;
    color: var(--colorMain);
    background: #fff;
    cursor: help;
    font-family: inherit;
    font-size: 12px;
    line-height: 18px;
    font-style: normal;
    font-weight: 700;
    text-align: center;
    vertical-align: middle;
}

.panel-help:before{
    line-height: 1;
}

.panel-help.snova-icons-info:before{
    color: var(--colorMain);
    font-size: 12px;
}

.panel-help:after{
    content: '';
    position: absolute;
    left: -18px;
    right: -18px;
    bottom: 100%;
    display: none;
    height: 14px;
}

.panel-help-tooltip{
    position: absolute;
    z-index: 30;
    left: 50%;
    right: auto;
    bottom: calc(100% + 8px);
    display: none !important;
    width: 280px;
    max-width: calc(100vw - 48px);
    margin: 0;
    padding: 12px 14px;
    border-radius: 8px;
    box-sizing: border-box;
    color: #fff;
    background: #1f2937;
    box-shadow: 0 14px 34px rgba(25, 36, 64, 0.22);
    cursor: default;
    font-size: 12px;
    line-height: 16px;
    font-weight: 400;
    text-align: left;
    text-transform: none;
    transform: translateX(-50%);
}

.panel-help-tooltip:after{
    content: '';
    position: absolute;
    left: var(--panel-tooltip-arrow-position);
    top: 100%;
    width: 10px;
    height: 10px;
    background: #1f2937;
    transform: translate(-50%, -50%) rotate(45deg);
}

.panel-help.panel-tooltip-bottom-center:after{
    top: 100%;
    bottom: auto;
}

.panel-help.panel-tooltip-bottom-center .panel-help-tooltip{
    top: calc(100% + 8px);
    bottom: auto;
}

.panel-help.panel-tooltip-bottom-center .panel-help-tooltip:after{
    top: auto;
    bottom: 100%;
    transform: translate(-50%, 50%) rotate(45deg);
}

.panel-help-tooltip.panel-tooltip-measuring{
    display: block !important;
    visibility: hidden;
}

.panel-help.panel-tooltip-align-left .panel-help-tooltip{
    left: -10px;
    right: auto;
    transform: none;
}

.panel-help.panel-tooltip-align-left .panel-help-tooltip:after{
    --panel-tooltip-arrow-position: 19px;
}

.panel-help.panel-tooltip-align-center .panel-help-tooltip{
    left: 50%;
    right: auto;
    transform: translateX(-50%);
}

.panel-help.panel-tooltip-align-center .panel-help-tooltip:after{
    --panel-tooltip-arrow-position: 50%;
}

.panel-help.panel-tooltip-align-right .panel-help-tooltip{
    left: auto;
    right: -10px;
    transform: none;
}

.panel-help.panel-tooltip-align-right .panel-help-tooltip:after{
    --panel-tooltip-arrow-position: calc(100% - 19px);
}

.panel-help-tooltip a{
    display: inline;
    color: #fff;
    font-weight: 700;
    text-decoration: underline;
}

.panel-help:hover .panel-help-tooltip,
.panel-help:focus .panel-help-tooltip,
.panel-help:focus-within .panel-help-tooltip,
.panel-help:hover:after,
.panel-help:focus:after,
.panel-help:focus-within:after{
    display: block !important;
}

.panel-help.panel-help-table-active .panel-help-tooltip{
    display: none !important;
}

.snova-panel-tooltip-floating{
    --panel-tooltip-arrow-position: 50%;
    position: fixed;
    z-index: 10001;
    display: block !important;
    right: auto;
    bottom: auto;
    transform: none;
}

.snova-panel-tooltip-floating.snova-panel-tooltip-floating-bottom:after{
    top: auto;
    bottom: 100%;
    transform: translate(-50%, 50%) rotate(45deg);
}

.snova-panel-tooltip-floating b,
.snova-panel-tooltip-floating strong{
    display: block;
    margin-bottom: 7px;
    color: #fff !important;
    font-size: 12px;
    font-weight: 700;
}

.snova-panel-tooltip-floating span{
    display: block;
    margin-top: 4px;
    color: #dbe4ef;
    font-size: 12px;
    line-height: 1.35;
    overflow-wrap: anywhere;
}

.snova-panel-tooltip-floating span:first-child{
    margin-top: 0;
}

.widget-statistic-tooltip-floating{
    width: 230px;
}
/*блоки с подсказками - конец*/

/*принятие файлов куки - начало*/

.snova-cookie{
    width: auto;
    max-width: 452px;
    height: auto;
    display: none;
    position: fixed;
    left: 30px;
    bottom: 30px;
    background: var(--colorMain);
    padding: 16px 20px;
    border-radius: 8px;
    z-index: 100;
    gap: 20px;
}

.snova-cookie.active{
    display: flex;
}

.snova-cookie-text{
    width: Calc(100% - 110px);
    display: block;
    color: #FFFFFF;
}

.snova-cookie-accept{
    width: 90px;
    height: 40px;
    color: #FFFFFF;
    border: 1px solid #FFFFFF;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    cursor: pointer;
    border-radius: 80px;
    font-size: 13px;
    line-height: 1;
}

.snova-cookie-accept:hover{
    background: #fff;
    color: var(--colorMain);
}

.snova-cookie-text a{
    color: var(--colorAttention);
}

.snova-cookie-text a:hover{
    text-decoration: underline;
}

/*принятие файлов куки - конец*/


/**
Форма авторизации
 */
.bx-auth{
    margin: 0 auto;
    width: 100%;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    background-image: url('/local/templates/panel/image/svg.php?f=bg-image-3');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
.bx-auth .logoAuth{
    margin: 0 auto;
    display: block;
    margin-bottom: 40px;
    max-width: 200px;
    max-height: 70px;
}
.bx-auth .bx-auth-table{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    border-radius: 15px;

}
.bx-auth .bx-auth-title{
    font-size: 18px;
    width: 100%;
    text-align: center;
    padding: 0 20px 40px;
    text-transform: uppercase;
    font-family: 'Noto Sans';
}

.bx-auth-wrap{
    width: Calc(100% - 60px);
    max-width: 1000px;
    padding: 30px;
    background: #fff;
    border-radius: 16px;
    position: relative;
    gap: 60px;
    justify-content: flex-start;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.bx-auth-wrap:after{
    content: '';
    width: 1px;
    height: Calc(100% - 100px);
    background: #1A1E291F;
    display: block;
    position: absolute;
    left: 50%;
    top: 50px;
}

.bx-auth-element{
    width: Calc(50% - 30px);
    height: auto;
    aspect-ratio: 1 / 1;
    position: relative;
}

.bx-auth-element-bg{
    width: 100%;
    max-width: 400px;
    height: auto;
    aspect-ratio: 1 / 1;
    background: url('/local/templates/panel/image/svg.php?f=auth-image-4') no-repeat;
    background-size: contain;
    background-position: center;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.bx-auth form{
    width: Calc(100% - 64px);
    margin: 0 auto;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.bx-auth .bx-auth-input{
    width: 100%;
    max-width: 280px;
}

.bx-auth-table input[type=submit]{
    width: 100%;
    max-width: 280px;
    height: 40px;
    font-family: 'Noto Sans';
    font-weight: 400;
    font-size: 14px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

/**
Шапка и левое меню
 */
header{
    width: Calc(100% - 20px);
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: fixed;
    top: 0;
    left: 10px;
    padding: 0 20px 0;
    border-radius: 0 0 5px 5px;
    background: #fff;
    z-index: 3;
    box-shadow: 0 2px 2px #dbdbdb;
}

header img{
    max-height: 25px;
}

header .btn{
    height: 18px;
    padding: 5px 20px;
    font-size: 12px;
    display: inline-block;
    vertical-align: top;
}
header .header-settings{
    font-size: 17px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    text-decoration: none;
    border-radius: 100%;
}

header .header-settings i:before{
    color: var(--colorMain);
}

header .header-settings.active,
header .header-settings:hover{
    background: var(--colorMain);
}

header .header-settings.active i:before,
header .header-settings:hover i:before{
    color: #fff;
}

.footer-menu-docs{
    padding: 60px;
}
.footer-menu-docs li{
    position: relative;
    padding-right: 30px;
}
.footer-menu-docs li:not(:last-child)::after{
    content: '·';
    position: absolute;
    right: 13px;
    font-size: 14px;
    opacity: 0.6;
    font-weight: bold;
}
.footer-menu-docs li a{
    color: #000;
    opacity: 0.6;
    font-size: 13px;
    border-bottom: 1px solid transparent;
    white-space: nowrap;
}
.footer-menu-docs li a:hover{
    border-bottom: 1px solid #000;
}

div[id^="menu-popup-"]{
    border-radius: 10px;
}
#menu-popup-header-profile .menu-popup-item:before{
    margin: 0 0 0 8px;
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
}
#menu-popup-header-profile .menu-popup-item-text{
    padding: 0 15px 0 8px;
}
#menu-popup-header-profile .menu-popup-item{
    border-left: 3px solid transparent;
    border-right: 3px solid transparent;
}
#menu-popup-header-profile .menu-popup-item.active{
    border-left: 3px solid var(--colorMain);
}
main{
    /*height: Calc(100vh - 90px);*/
    height: Calc(100vh - 50px);
    overflow-y: auto;
    overflow-x: auto;
    margin-top: 50px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
main .main{
    display: flex;
    min-height: Calc(100% - 140px);
    width: 100%;
}
main .container{
    width: Calc(100% - 40px);
}

main.active .container{
    width: Calc(100% - 200px);
}

.header-menu-btn {
    width: 30px;
    height: 30px;
    margin-left: -10px;
    margin-right: 25px;
    cursor: pointer;
    border-radius: 100%;
}

.header-menu-btn i:before{
    color: var(--colorMain);
}

.header-menu-btn:hover{
    background: var(--colorMain);

}

.header-menu-btn:hover i:before{
    color: #fff;
}

.bg-block-menu{
    display: block;
    position: fixed;
    width: 100%;
    height: 100%;
    background: #000;
    left: 0;
    top: 0;
    z-index: -1;
    opacity: 0;
}

aside.menu-left{
    width: 50px;
    min-width: 50px;
    height: fit-content;
    /*max-height: Calc(100vh - 70px);*/
    margin-left: 10px;
    background: #fff;
    margin-top: 10px;
    margin-right: 10px;
    border-radius: 10px;
    position: relative;
    margin-bottom: 100px;
    overflow: hidden;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;

}
aside.menu-left.active{
    width: 200px;
    min-width: 200px;
    overflow: visible;
}
aside.menu-left li{
    display: block;
    width: 100%;
    position: relative;
}

aside.menu-left li,
aside.menu-left li a{
    min-height: 51px;
}

aside.menu-left li a{
    display: block;
    /*padding: 15px 30px 15px 8px;*/
    padding: 15px;
    text-decoration: none;
    color: #000;
    border-bottom: 1px solid rgba(0,0,0,.05);
    border-left: 3px solid transparent;
    font-size: 14px;
    position: relative;
    transition: all 0.3s;
    -o-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
}
aside.menu-left li a:hover{
    border-left: 3px solid #d22e2e4a;
    background: #d22e2e08;
}

aside.menu-left li a.active{
    border-left: 3px solid var(--colorMain);
    font-weight: 500;
    color: var(--colorMain);
}

aside.menu-left li.menu-left-section{
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

aside.menu-left li.menu-left-section.active{
    background: #d22e2e06;
}

/*aside.menu-left li a.active .menu-left-li-title i:before{
    color: var(--colorMain);
}*/

aside.menu-left > ul > li:first-child > a{
    border-radius: 5px 5px 0 0;
}
aside.menu-left > ul > li:last-child > a{
    border-radius: 0 0 5px 5px;
}
aside.menu-left li a i.snova-icons-arrow-light{
   /* position: absolute;*/
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
   /* right: 5px;
    top: Calc(50% - 10px);*/
    right: 0;
    width: 20px;
    height: 20px;
    border-radius: 100%;
    transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
}

aside.menu-left li a i.snova-icons-arrow-light:before{
    font-weight: bold;
    color: var(--colorMain);
    font-size: 10px;
    position: absolute;
    top: 6px;
}

aside.menu-left li a i.snova-icons-arrow-light:hover{
    background: var(--colorMain);
}

aside.menu-left li a i.snova-icons-arrow-light:hover:before{
    color: #fff;
}

aside.menu-left li a.active i.snova-icons-arrow-light{
    transform: rotate(-180deg);
    -o-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
    -webkit-transform: rotate(-180deg);
}
/*aside.menu-left li a.parent.active{
    border-left: 3px solid transparent;
}*/

aside.menu-left li ul li a{
    padding-left: 47px;
}

aside.menu-left li ul li a > i{
    left: 25px;
}

aside.menu-left li ul li ul li a{
    padding-left: 57px;
}

aside.menu-left li ul li ul li a > i{
    left: 35px;
}

aside.menu-left li ul li ul li ul li a{
    padding-left: 67px;
}

aside.menu-left li ul li ul li ul li a > i{
    left: 45px;
}

aside.menu-left:not(.active) li a > i{
    left: 15px !important;
}

aside .menu-left-li-title{
    width: 100%;
    white-space: nowrap;
}
aside .menu-left-li-title.wrap{
    white-space: wrap;
}

aside .menu-left-li-title.d-flex-center{
    justify-content: flex-start;
    gap: 8px;
}

aside > ul > li > a > .menu-left-li-title{
    padding-left: 22px;
   /* position: absolute;
    width: Calc(100% - 17px);*/
    opacity: 0;
}

/*aside.active > ul > li > a > .menu-left-li-title{
    position: relative;
    width: 100%;
}*/

aside .menu-left-li-title{
    opacity: 0;
    -webkit-transition: opacity 0.3s;
    -moz-transition: opacity 0.3s;
    -ms-transition: opacity 0.3s;
    -o-transition: opacity 0.3s;
    transition: opacity 0.3s;
}

aside.active .menu-left-li-title{
    opacity: 1;
}

aside .menu-left-li-title.d-flex-center span{
    width: Calc(100% - 28px);
}

aside.menu-left li a > i{
    width: 14px;
    height: 14px;
    position: absolute;
    top: 18px;
    left: 15px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

aside.menu-left li a.active > i:before{
    color: var(--colorMain);
}

.header-service-links{
    gap: 16px;
}
.header-service-link{
    gap: 8px;
}
.header-service-link > span{
    color: #000000;
    font-weight: 500;
    font-size: 16px;
}
.header-service-link-wallet{
    height: 30px;
    padding: 4px 12px;
    background: var(--colorMain);
    color: #ffffff;
    border-radius: 100px;
    line-height: 1;
    font-size: 12px;
    border: 1px solid var(--colorMain);
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.header-service-link-wallet:hover{
    box-shadow: 1px 1px 4px var(--colorMain);
}
.header-service-link-wallet i:before{
    font-size: 14px;
    color: #ffffff;
}

.header-service-link-wallet span{
    color: #ffffff;
    font-size: 14px;
}

.header-notifications{
    position: relative;
}

.header-notification-toggle{
    position: relative;
    width: 30px;
    height: 30px;
    padding: 4px;
    border: 0;
    border-radius: 100px;
    color: var(--colorMain);
    background: transparent;
    cursor: pointer;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.header-notification-toggle:hover{
    color: #fff;
    background: var(--colorMain);
    box-shadow: 1px 1px 4px var(--colorMain);
}

header .header-notification-toggle i:before{
    color: var(--colorMain);
    font-size: 14px;
}

header .header-notification-toggle:hover i:before{
    color: #fff;
}

.header-notification-dot{
    position: absolute;
    top: -2px;
    right: -2px;
    width: 9px;
    height: 9px;
    border: 2px solid #fff;
    border-radius: 50%;
    background: #d24a4a;
    box-sizing: border-box;
}

.header-notification-popup{
    display: none;
    position: absolute;
    top: calc(100% + 12px);
    right: -40px;
    width: min(380px, calc(100vw - 24px));
    padding: 14px;
    border: 1px solid var(--colorBasicLine);
    border-radius: 10px;
    background: #fff;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.16);
    box-sizing: border-box;
}

.header-notifications.active .header-notification-popup{
    display: block;
}

.header-notification-popup-head{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 0 2px 12px;
}

.header-notification-popup-title{
    color: var(--colorText);
    font-size: 14px;
    font-weight: 600;
}

.header-notification-unread{
    color: var(--colorTextOpacity);
    font-size: 12px;
    line-height: 16px;
    white-space: nowrap;
}

.header-notification-list{
    display: grid;
    gap: 8px;
    max-height: min(580px, calc(100vh - 95px));
    overflow-y: auto;
    padding: 2px;
}

.header-notification-item{
    display: grid;
    gap: 6px;
    padding: 12px;
    border: 1px solid var(--colorBasicLine);
    border-left: 3px solid var(--colorBasicLine);
    border-radius: 8px;
    background: #fff;
    transition: background 0.28s ease, border-color 0.28s ease;
}

.header-notification-item.unread{
    border-left: 3px solid var(--colorMain);
    background: var(--colorBasicGreyLight);
}

.header-notification-item-head{
    display: flex;
    align-items: center;
    gap: 8px;
    color: var(--colorTextOpacity);
    font-size: 11px;
    line-height: 16px;
}

.header-notification-item-head > span{
    margin-right: auto;
    color: var(--colorMain);
    font-weight: 600;
}

.header-notification-item strong{
    color: var(--colorText);
    font-size: 13px;
    line-height: 18px;
}

.header-notification-message{
    color: var(--colorText);
    font-size: 13px;
    line-height: 18px;
    white-space: pre-line;
    overflow-wrap: anywhere;
}

.header-notification-item a,
.header-notification-delivery-error{
    color: var(--colorMain);
    font-size: 12px;
    font-weight: 600;
}

.header-notification-delivery-error{
    color: #d24a4a;
}

.header-notification-delivery-list{
    display: grid;
    gap: 3px;
    color: var(--colorTextOpacity);
    font-size: 11px;
    line-height: 15px;
}

.header-notification-delivery-list .error{
    color: #d24a4a;
}

.header-notification-empty{
    padding: 18px 2px;
    color: var(--colorTextOpacity);
    font-size: 13px;
}

/**
ОБЩИЙ ИНТЕРФЕЙС (начало)
 */
main .colorRed{
    color: red;
}
main .w100{
    max-width: 100%;
    min-width: auto;
}
main .w20px{
    max-width: 20px;
    min-width: 20px;
}
main .w30px{
    max-width: 30px;
    min-width: 30px;
}
main .w50px{
    max-width: 50px;
    min-width: 50px;
}
main .w80px{
    max-width: 80px;
    min-width: 80px;
}
main .w100px{
    max-width: 100px;
    min-width: 100px;
}
main .w120px{
    max-width: 120px;
    min-width: 120px;
}
main .w150px{
    max-width: 150px;
    min-width: 150px;
}
main .w200px{
    max-width: 200px;
    min-width: 200px;
}
main .w250px{
    max-width: 250px;
    min-width: 250px;
}
main .w300px{
    max-width: 300px;
    min-width: 300px;
}
main .w350px{
    max-width: 350px;
    min-width: 350px;
}
main .w400px{
    max-width: 400px;
    min-width: 400px;
}
.dInlineBlock{
    display: inline-block;
}
.alCenter{
    text-align: center !important;
    justify-content: center !important;
}
.alLeft{
    text-align: left !important;
    justify-content: flex-start !important;
}
.tTransCap{
    text-transform: capitalize;
}
.noWrap{
    white-space: nowrap;
    flex-wrap: nowrap;
}
.checkbox-v1 {
    display: inline-block;
    height: 16px;
    line-height: 16px;
    position: relative;
    vertical-align: middle;
    font-size: 14px;
    user-select: none;
}
.checkbox-v1 .checkbox-v1-switch {
    position: relative;
    display: inline-block;
    box-sizing: border-box;
    width: 32px;
    height: 16px;
    border: 1px solid rgba(0, 0, 0, .1);
    border-radius: 25%/50%;
    vertical-align: top;
    background: #eee;
    transition: .2s;
    margin-right: 5px;
}
.checkbox-v1 .checkbox-v1-switch:before {
    content: '';
    position: absolute;
    top: 1px;
    left: 1px;
    display: inline-block;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: white;
    box-shadow: 0 3px 5px rgba(0, 0, 0, .3);
    transition: .15s;
}
.checkbox-v1 input[type=checkbox] {
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    z-index: -1;
    opacity: 0;
}
.checkbox-v1 input[type=checkbox]:not(:disabled):active + .checkbox-v1-switch:before {
    box-shadow: inset 0 0 2px rgba(0, 0, 0, .3);
}
.checkbox-v1 input[type=checkbox]:checked + .checkbox-v1-switch {
    background: var(--colorMain);
}
.checkbox-v1 input[type=checkbox]:checked + .checkbox-v1-switch:before {
    transform:translateX(16px);
}
.checkbox-v1 input[type="checkbox"]:not(:disabled) + .checkbox-v1-switch {
    cursor: pointer;
    border-color: rgba(0, 0, 0, .3);
}
.checkbox-v1 input[type=checkbox]:disabled + .checkbox-v1-switch {
    filter: grayscale(70%);
    border-color: rgba(0, 0, 0, .1);
}
.checkbox-v1 input[type=checkbox]:disabled + .checkbox-v1-switch:before {
    background: #eee;
}
.menu-popup-items .menu-popup-item-text{
    font-family: "Segoe UI";
}
.welcome-logo{
    margin: 0 auto;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.welcome-logo .welcome-image{
    margin: 0 auto;
    display: block;
    margin-top: -40px;
    margin-bottom: 40px;
    max-width: 215px;
    max-height: 100px;
}
.welcome-logo .welcome-image.white{
    padding: 20px;
    background: #fff;
    border-radius: 15px;
}
.welcome-logo .welcome-text{
    color: var(--colorMain);
    font-weight: bold;
}
.index-change-project{
    padding: 20px;
    margin: 0 auto;
    max-width: 360px;
}
.index-change-project .project-list{
    display: block;
    max-width: 320px;
}
.index-change-project .project-item{
    margin-right: 0;
    display: block;
    padding: 15px;
}
.container{
    width: 100%;
    padding: 20px;
}
.container-block{
    /*width: max-content;*/
    background: #fff;
    padding: 30px;
    border-radius: 15px;
    min-width: fit-content;
    margin-bottom: 20px;
}

[id*='main-popup-mess-'].popup-window,
[id*='main-popup-mess-'].popup-window.popup-window-with-titlebar{
    border-radius: 8px;
    padding: 16px 20px;
}

[id*='main-popup-mess-'] .popup-window-titlebar{
    height: auto;
    margin-bottom: 24px;
}

[id*='main-popup-mess-'] .popup-window-titlebar-text{
    display: block;
    width: Calc(100% - 30px);
    height: auto;
    font-family: 'Noto Sans';
    background: #fff;
    font-size: 17px;
    line-height: 20px;
    padding: 0;
    color: var(--colorMain);
}

[id*='main-popup-mess-'] .popup-window-content,
[id*='main-popup-mess-'].popup-window-with-titlebar .popup-window-content{
    background-color: #fff !important;
    padding: 0 24px 0 0;
    margin-right: -16px;
}

[id*='main-popup-mess-'] .popup-window-close-icon{
    width: 20px;
    height: 20px;
    padding: 0;
    top: 16px;
    right: 20px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

[id*='main-popup-mess-'] .popup-window-close-icon:hover{
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}

[id*='main-popup-mess-'] .popup-window-close-icon:after{
    font-family: 'snova-icons';
    font-size: 20px;
    width: 20px;
    height: 20px;
    content: "\e90b";
    background-image: none;
    line-height: 1;
    color: var(--colorMain);
}

.personal-popup{
    display: none;
    position: fixed;
    z-index: 1000;
    inset: 0;
    align-items: center;
    justify-content: center;
    padding: 24px;
    box-sizing: border-box;
}
.personal-popup.active{display:flex}
.personal-popup-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.45)}
.personal-popup-window{position:relative;z-index:1;width:min(540px,100%);max-height:calc(100vh - 48px);overflow:hidden;border-radius:8px;background:#fff;box-shadow:0 20px 50px rgba(25,36,64,.2)}
.personal-popup-window-wide{width:min(860px,100%)}
.personal-popup-title{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 24px;border-bottom:1px solid var(--colorBasicLine)}
.personal-popup-title span{color:var(--colorMain);font-size:17px;line-height:22px;font-weight:600}
.personal-popup-close{display:inline-flex;align-items:center;justify-content:center;flex:0 0 36px;width:36px;height:36px;padding:0;border:none;border-radius:100%;color:var(--colorTextOpacity);background:#f5f5f5;cursor:pointer;transition:all .2s}
.personal-popup-close i{width:14px;height:14px;font-size:14px;line-height:14px}
.personal-popup-close:hover,.personal-popup-close:hover i:before{color:#fff}
.personal-popup-close:hover{background:var(--colorMain)}
.personal-popup-content{max-height:calc(100vh - 134px);overflow:auto;padding:24px}
body.personal-popup-opened{overflow:hidden}

@media(max-width:760px){
    .personal-popup{align-items:stretch;padding:10px}
    .personal-popup-window{max-height:calc(100vh - 20px)}
    .personal-popup-content{max-height:calc(100vh - 96px);padding:16px}
    .personal-popup-title{padding:16px}
}

.h1-settings{
    margin-right: 0px;
    font-size: 19px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 5px;
    border-radius: 100%;
    width: 26px;
    height: 26px;
    text-decoration: none;
}
.h1-settings.active,
.h1-settings:hover{
    background: var(--colorMain);
    color: #fff;
}
.block-for-admin{
    padding-left: 10px;
    border-left: 3px solid red;
}
.form-filter{
    display: flex;
    align-items: flex-end;
    justify-content: flex-start;
    margin-bottom: 20px;
}
.form-filter label{
    margin-right: 20px;
}
.table label select,
.table label textarea,
.form-filter label input,
.form-filter label select{
    margin-top: 5px;
    margin-bottom: 0;
}
.form-filter button{
    height: auto;
    max-height: 40px;
    max-width: 230px;
    flex: 1;
}
.block-info-toggle{
    border-radius: 15px;
    box-shadow: 0 0 5px #d22e2e70;
    border: 1px solid var(--colorMain);
    margin: 40px 0;
    width: max-content;
    min-width: 350px;
    max-width: 800px;
}
.block-info-toggle-btn{
    padding: 15px 20px;
    background: var(--colorMain);
    border-radius: 11px;
    color: #ffffff;
    font-weight: bold;
    cursor: pointer;
    font-family: 'Noto Sans';
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}
.block-info-toggle-btn.active{
    border-radius: 11px 11px 0 0;
}
.block-info-toggle-btn i{
    margin-right: 10px;
}
.block-info-toggle-btn i:before{
    font-size: 18px;
    top: 2px;
    position: relative;
}
.block-info-toggle-content{
    padding: 20px;
    background: #fff;
    border-radius: 0 0 15px 15px;
}
.table{
    width: 100%;
    min-width: max-content;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.tabs-content > .table{
    width: 100%;
}

.table a{
    color: #000;
}
.table a:hover{
    color: var(--colorMain);
}
.table-tr{
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid rgba(0,0,0,.05);
    border-left: 3px solid #fff;
    cursor: default;
}
form + .table-tr:nth-child(2),
.table-tr:first-child{
    border-bottom: none;
}
.table-tr.active{
    border-left: 3px solid var(--colorMain);
    border-radius: 15px 0 0 0;
}
.table-tr.payed{
    background: #54ce5120;
}
.table-tr.payed-wait{
    background: #f1f15f20;
}
.table-tr-th{
    background: rgb(245 245 245);
}
.table-tr-open{
    cursor: pointer;
    position: relative;
    text-decoration: none;
}
.table-tr-open i{
    display: flex;
    align-items: center;
    justify-content: center;
    right: 0;
    bottom: 0;
    width: 20px;
    height: 100%;
    font-weight: bold;
    transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
}
.table-tr-open.active i{
    transform: rotate(-180deg);
    -o-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
    -webkit-transform: rotate(-180deg);
}
.table-tr-open-click{
    display: none;
    padding: 20px 40px 20px 40px;
    border-bottom: 1px solid rgba(0,0,0,.05);
    border-left: 3px solid #fff;
}
.table-tr-open-click.active{
    border-left: 3px solid var(--colorMain);
    border-radius: 0 0 0 15px;
}
.table-tr-open-click .table-list-items{
    margin-top: 0;
}
.table-tr-open-click .dInlineBlock:not(.table-list-items) .table-list-item{
    margin-left: 15px;
}
.table-tr-open-click .dInlineBlock:not(.table-list-items) .table-list-item:before{
    content: none;
}
.table-th{
    font-family: 'Noto Sans';
    font-weight: 500;
    text-align: center;
    background: #f5f5f5;
    min-height: 40px;
}
.table-th:first-child{
    border-radius: 15px 0 0 15px;
}
.table-th:last-child{
    border-radius: 0 15px 15px 0;
}
.table-th,
.table-td{
    width: 100%;
    padding: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    box-sizing: content-box;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
}
.table-td.tdLeft{
    text-align: left;
    display: table-cell;
}
.td-center .table-th,
.td-center .table-td{
    text-align: center;
}
.table-td .delta-perc{
    display: block;
    font-size: 12px;
    width: 100%;
    opacity: 0.5;
}
.table-td-user-icon{
    width: 20px;
    height: 20px;
    display: inline-block;
    background-size: contain;
    border-radius: 100%;
    margin-right: 5px;
    opacity: 0.6;
}
.table-td-task-name{
    max-width: 600px;
}
.table-comment{
    margin-top: 20px;
    border-left: 3px solid var(--colorMain);
    padding-left: 10px;
}
.table-comment-list{
    margin-top: 5px;
    margin-bottom: 5px;
    font-size: 12px;
    opacity: 0.6;
    padding-left: 0;
}
ol.table-comment-list{
    padding-left: 16px;
}
span.table-comment-list{
    opacity: 0.4;
    font-size: 11px;
    padding-left: 8px;
    margin: 0;
}
ol.table-comment-list li{
    list-style: auto;
}
.table-list-items{
    margin-top: 20px;
}
.table-list-item{
    margin-bottom: 5px;
    padding-left: 15px;
    position: relative;
}
.table-list-item:before{
    content: ' ';
    width: 6px;
    height: 6px;
    position: absolute;
    left: 0;
    top: Calc(50% - 3px);
    border-radius: 2px;
    background: var(--colorMain);
    transform: rotate(45deg);
}
.table-item-menu{
    position: relative;
}
.table-item-menu-btn{
    cursor: pointer;
    width: 30px;
    height: 30px;
    border-radius: 100%;
}

.table-item-menu-btn i:before{
    color: var(--colorMain);
}

.table-item-menu-btn:hover{
    background: var(--colorMain);
}

.table-item-menu-btn:hover i:before{
    color: #fff;
}

.table-item-menu-content{
    display: none;
    position: absolute;
    background: #fff;
    box-shadow: 0 0 5px var(--colorMain);
    z-index: 1;
    border-radius: 3px;
}
.table-item-menu-content a{
    padding: 5px 10px;
    display: block;
    text-decoration: none;
}
.form-main{
    max-width: 600px;
    min-width: unset;
}
.form-main label{
    width: 100%;
    margin-bottom: 20px;
    padding-right: 15px;
    display: block;
}
.form-main label:last-child{
    margin-bottom: 0;
}
.form-main .d-flex label:last-child{
    padding-right: 0;
}
.form-main label.title-hr{
    position: relative;
    margin-top: 40px;
}
.form-main label.title-hr:first-child{
    margin-top: 0;
}
.form-main label.title-hr:after{
    content: ' ';
    width: 100%;
    border-bottom: 1px solid var(--colorMain);
    position: absolute;
    top: 50%;
    right: 0;
    opacity: 0.5;
}
.form-main label.title-hr span:not(.panel-help):not(.panel-help-tooltip){
    background: var(--colorMain);
    color: #fff;
    padding: 4px 15px;
    position: relative;
    z-index: 1;
    /*font-weight: bold;*/
    font-family: 'Noto Sans';
    font-size: 13px;
    line-height: 30px;
    border-radius: 10px;
}
.form-main label.title-hr.big{
    margin-top: 80px;
}
.form-main label.title-hr.big:after{
    content: none;
}
.form-main label.title-hr.big span{
    background: var(--colorMain);
    color: #fff;
    font-size: 16px;
    padding: 3px 10px;
}
.form-main label input,
.form-main label select,
.form-main label textarea{
    width: Calc(100% - 24px);
    padding: 10px 12px;
    margin: 0;
    margin-top: 8px;
}
.form-main label select{
    max-width: 100%;
}
.form-main label textarea{
    min-height: 200px;
}
.form-main label input[type=number]{
    max-width: 200px;
}
.form-main label input[type=datetime-local]{
    max-width: 200px;
}
.form-main label input[type=checkbox]{
    display: inline-block;
    width: auto;
    margin-top: 0;
    margin-right: 10px;
}
.form-main label input[type=color]{
    width: 50px;
    height: 50px;
    display: block;
    padding: 0 2px;
    border: none;
    background: none;
    cursor: pointer;
}
.social-write-mess{
    margin: 10px 25px 0 0;
}
.social-write-mess a{
    display: inline-flex;
    font-size: 20px;
    margin-right: 10px;
    color: var(--colorMain);
    width: 40px;
    height: 40px;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    background: #fff;
    border-radius: 100%;
    border: 1px solid var(--colorMain);
    transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
}
.social-write-mess a:hover{
    color: #fff;
    background: var(--colorMain);
}
.project-list{
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
}
.project-list-title{
    width: 100%;
    margin: 40px 0 18px 0;
    color: #545452;
    font-size: 15px;
    font-weight: 700;
}
.project-item-wrap{
    position: relative;
    margin: 0 20px 20px 0;
}
.project-item{
    display: block;
    padding: 30px;
    border-radius: 15px;
    margin: 0;
    color: var(--colorMain);
    text-decoration: none;
    font-weight: 500;
    background: #fff;
}
.project-item.active,
.project-item:hover{
    background: var(--colorMain);
    color: #fff;
}
.project-item-name{
    display: block;
    width: 100%;
    text-align: center;
    font-size: 22px;
    font-weight: bold;
}
.project-item-domain{
    opacity: 0.5;
    font-weight: normal;
    text-align: center;
}
.project-favorite-btn{
    position: absolute;
    top: 0px;
    right: 0px;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    padding: 0;
    border-radius: 15px;
    color: #a9a9a8;
    background: transparent;
    cursor: pointer;
}
.project-favorite-btn:hover,
.project-favorite-btn.active{
    color: var(--colorMain);
}
.tabs-list,
.tabs-list-mini{
    justify-content: flex-start;
    margin-bottom: 15px;
}
.tabs-list-item,
.tabs-list-item-mini{
    cursor: pointer;
    margin-right: 20px;
    border-bottom: 2px solid #f5f5f5;
    white-space: nowrap;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.tabs-list-item.active,
.tabs-list-item:hover,
.tabs-list-item-mini.active,
.tabs-list-item-mini:hover{
    border-bottom: 2px solid var(--colorMain);
}
.pagination-main{
    padding: 20px 0 0 0;
}
.pagination-main a,
.pagination-main span{
    display: block;
    min-width: 10px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    margin: 0 5px;
    border-radius: 10px;
    color: var(--colorMain);
    cursor: pointer;
    text-decoration: none;
    padding: 0 10px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.pagination-main a:hover{
    background: #d22e2e80;
    color: #fff;
}
.pagination-main span{
    cursor: default;
}
.pagination-main span.active{
    background: var(--colorMain);
    color: #fff;
}
.pagination-main-total-count{
    display: inline-block;
    padding: 10px;
    margin: 15px 0 0;
    font-size: 14px;
    background: #f5f5f5;
    border-radius: 10px;
}
.pagination-main-total-count-postfix{
    opacity: 0.5;
    font-size: 0.8em;
    padding-left: 10px;
}
.snova-table-wrap{
    position: relative;
    width: 100%;
}
.snova-table-settings-btn{
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 0;
    color: var(--colorMain);
    background: transparent;
    cursor: pointer;
}
.snova-table-settings-cell .snova-table-settings-btn{
    margin-left: 18px;
}
.snova-table-settings-btn i{
    font-size: 85%;
    opacity: 0.8;
}
.snova-table-settings-btn:hover,
.snova-table-settings-btn.active{
    color: var(--colorMain);
    background: transparent;
    opacity: 0.75;
}
.snova-table-settings{
    display: none;
    position: absolute;
    top: 50px;
    left: 10px;
    z-index: 20;
    width: 260px;
    padding: 14px;
    border: 1px solid var(--colorBasicLine);
    border-radius: 10px;
    background: #fff;
    box-shadow: 0 14px 40px rgba(0,0,0,.08);
}
.snova-table-settings.active{
    display: block;
}
.snova-table-settings-title{
    margin-bottom: 10px;
    font-weight: 600;
    color: #545452;
}
.snova-table-settings-item{
    display: flex;
    align-items: center;
    height: auto;
    line-height: normal;
    margin-bottom: 10px;
    cursor: pointer;
}
.snova-table-settings-item:last-of-type{
    margin-bottom: 12px;
}
.snova-table-settings-name{
    margin-left: 8px;
    font-size: 14px;
    line-height: 18px;
}
.snova-table-settings-reset{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 32px;
    padding: 0 12px;
    border: 1px solid var(--colorBasicLine);
    border-radius: 8px;
    color: #545452;
    background: #f7f7f7;
    cursor: pointer;
}
.snova-table-settings-reset:hover{
    color: #545452;
    border-color: var(--colorBasicLine);
    background: var(--colorBasicGreyLight);
}
.snova-table-settings .checkbox-v1 input[type=checkbox]:checked + .checkbox-v1-switch{
    background: var(--colorBasicGray);
}
.snova-table-outer{
    width: 100%;
    overflow-x: auto;
    overflow-y: visible;
    scrollbar-width: thin;
}
.snova-table{
    border-radius: 12px;
}
.snova-table .table-tr{
    min-height: 56px;
    border-left: 0;
    transition: background 0.2s ease, box-shadow 0.2s ease;
}
.snova-table .table-tr:not(:first-child):hover{
    background: var(--colorBasicGreyLight);
    border-radius: 12px;
}
.snova-table .table-tr:first-child{
    align-items: stretch;
    min-height: 52px;
    margin-bottom: 2px;
}
.snova-table .table-th{
    min-height: 42px;
    color: #545452;
    background: #f4f5f7;
    line-height: 18px;
    align-content: center;
}
.snova-table .table-th.snova-table-settings-cell{
    position: relative;
    overflow: visible;
    padding: 9px 10px;
}
.snova-table .table-th:first-child{
    border-radius: 12px 0 0 12px;
}
.snova-table .table-th:last-child,
.snova-table .table-th.snova-table-last-visible{
    border-radius: 0 12px 12px 0;
}
.snova-table .table-th,
.snova-table .table-td{
    box-sizing: border-box;
    padding: 12px 14px;
}
.snova-table .table-td{
    min-height: 56px;
}
.snova-table .table-td:first-child .table-item-menu{
    margin-left: 8px;
}
.snova-table .table-column-hidden{
    display: none !important;
}
.snova-table .table-item-menu-btn i:before{
    color: #545452;
}
.snova-table .table-item-menu-btn:hover{
    background: var(--colorBasicGreyLight);
}
.snova-table .table-item-menu-btn:hover i:before{
    color: #545452;
}
.snova-table-footer{
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 16px;
}
.snova-table-footer .pagination-main{
    padding: 0;
}
.snova-table-empty{
    display: inline-flex;
    padding: 12px 14px;
    border-radius: 10px;
    color: #545452;
    background: #f5f5f5;
}
.addInput{
    cursor: pointer;
    color: #fff;
    background: var(--colorMain);
    padding: 5px;
    border-radius: 5px;
    width: 10px;
    height: 10px;
    font-size: 11px;
    text-align: center;
    line-height: 10px;
}
.select-product-items-block .main-ui-control.main-ui-multi-select{
    padding-bottom: 3px;
    height: 40px;
    border: 1px solid var(--colorBasicLine);
    width: Calc(100% - 24px);
    margin: 0;
    margin-top: 8px;
    max-width: 450px;
}
.select-product-items-block .main-ui-square{
    border-radius: 3px;
    background: var(--colorMain);
    border: 1px solid var(--colorMain);
    color: #fff;
}
.select-product-items-block .main-ui-square .main-ui-square-item{
    color: #fff;
}
.select-product-items-block .main-ui-square.main-ui-square-selected{
    background: #fff;
    color: var(--colorMain);
    border: 1px solid var(--colorMain);
}
.select-product-items-block .main-ui-square .main-ui-square-delete{
    background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2210%22%20height%3D%2210%22%20viewBox%3D%220%200%2010%2010%22%3E%3Cpath%20fill%3D%22%23FFFFFF%22%20fill-rule%3D%22evenodd%22%20d%3D%22M5.065%203.682L2.377.994%201.01%202.362%203.696%205.05.99%207.757l1.368%201.37%202.708-2.71%202.7%202.703%201.37-1.368-2.702-2.7%202.682-2.684L7.748%201%205.065%203.682z%22/%3E%3C/svg%3E');
}
.select-product-items-block .main-ui-square.main-ui-square-selected .main-ui-square-item{
    color: var(--colorMain);
}
.select-product-items-block .main-ui-square-search{
    width: 100%;
}
label .select-product-items-block input{
    border: none;
    padding: 2px 5px;
    margin: 0;
    height: 30px;
    width: 100%;
    letter-spacing: normal;
}
/**
ОБЩИЙ ИНТЕРФЕЙС (конец)
 */


/**
Личный Кабинет (начало)
 */
.personal-user-info-name{
    font-weight: bold;
    font-family: 'Noto Sans';
    font-size: 14px;
    color: var(--colorMain);
    margin-bottom: 4px;
}
.personal-user-info-other{
    font-size: 13px;
    opacity: 0.7;
}
/**
Личный Кабинет (конец)
 */



/**
E-mail рассылки (начало)
 */
/** Конструктор писем (начало) */
.bx-editor-block-tools[data-bx-editor-tool='cont:html-raw'],
.bx-editor-block-tools[data-bx-editor-tool='cont:html-raw'] div.item{
    height: 100%;
}
.bx-editor-block-tools[data-bx-editor-tool='cont:html-raw'] div.item textarea{
    width: 100% !important;
    height: 90% !important;
    display: block;
    max-height: none;
}
.bxcompprop-dialog .bxcompprop-title,
.bxcompprop-dialog .bxcompprop-left{
    display: none !important;
}
.bxcompprop-dialog .bxcompprop-right{
    width: 100% !important;
    left: 0 !important;
    padding: 0 !important;
}
.bxcompprop-dialog .bxcompprop-content{
    height: 100% !important;
}
.bx-block-editor-container .bx-editor-block-panel.edit-panel{
    border: 1px solid #e5e5e5;
    border-top: 1px solid #e5e5e5;
}
.bx-block-editor-container .bx-editor-block-btn-active{
    border-bottom: 1px solid var(--colorMain);
    color: var(--colorMain);
    font-weight: 500;
    font-family: 'Noto Sans';
}
.bx-block-editor-container .bx-editor-block-btn:hover{
    color: var(--colorMain);
}
.bx-block-editor-container .bx-editor-block-tabs .tab.active{
    border: 1px solid var(--colorMain);
    background: var(--colorMain);
    color: #fff;
}
ul.bx-block-editor-i-block-list li.bx-block-editor-i-block-list-item{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin: 0 0 10px;
}
ul.bx-block-editor-i-block-list li.bx-block-editor-i-block-list-item .bx-block-editor-i-block-list-item-icon{
    min-width: 40px;
    width: 40px;
    height: 40px;
    background-size: 40px  auto;
}
ul.bx-block-editor-i-block-list li.bx-block-editor-i-block-list-item:hover .bx-block-editor-i-block-list-item-icon{
    border: 1px solid var(--colorMain) !important;
    box-shadow: inset 0 0 0 1px var(--colorMain) !important;
}
ul.bx-block-editor-i-block-list li.bx-block-editor-i-block-list-item .bx-block-editor-i-block-list-item-name{
    height: 100%;
    display: inline-flex !important;
    justify-content: flex-start !important;
    align-items: center !important;
    padding-left: 10px !important;
    flex-wrap: wrap;
    white-space: normal;
    text-align: left;
    line-height: 13px;
}
ul.bx-block-editor-i-block-list li.bx-editor-typecode-snova-demo-mail.bx-editor-type-component .bx-block-editor-i-block-list-item-icon{
    background-position: center -390px;
    background-color: transparent;
}

ul.bx-block-editor-i-block-list li.bx-editor-typecode-boxedtext .bx-block-editor-i-block-list-item-icon{
    background-position: center -840px !important;
}
ul.bx-block-editor-i-block-list li.bx-editor-typecode-line .bx-block-editor-i-block-list-item-icon{
    background-position: center -80px !important;
}
ul.bx-block-editor-i-block-list li.bx-editor-typecode-image .bx-block-editor-i-block-list-item-icon{
    background-position: center -160px !important;
}
ul.bx-block-editor-i-block-list li.bx-editor-typecode-imagegroup .bx-block-editor-i-block-list-item-icon{
    background-position: center -200px !important;
}
ul.bx-block-editor-i-block-list li.bx-editor-typecode-boxedimage .bx-block-editor-i-block-list-item-icon{
    background-position: center -120px !important;
}
ul.bx-block-editor-i-block-list li.bx-editor-typecode-imagetext .bx-block-editor-i-block-list-item-icon{
    background-position: center -280px !important;
}
ul.bx-block-editor-i-block-list li.bx-editor-typecode-button .bx-block-editor-i-block-list-item-icon{
    background-position: center -398px !important;
}
ul.bx-block-editor-i-block-list li.bx-editor-typecode-code .bx-block-editor-i-block-list-item-icon{
    background-position: center -320px !important;
}
ul.bx-block-editor-i-block-list li.bx-editor-typecode-footer .bx-block-editor-i-block-list-item-icon{
    background-position: center -40px !important;
}
ul.bx-block-editor-i-block-list li.bx-editor-typecode-social .bx-block-editor-i-block-list-item-icon{
    background-position: center -760px !important;
}
/** Конструктор писем (конец) */
.letter-stat-block-mini{
    min-width: 80px;
    padding: 0 30px 0 10px;
    border-radius: 15px;
    text-align: center;
    display: inline-block;
    margin-bottom: 20px;
}
.letter-stat-block-mini .number{
    font-size: 22px;
    color: var(--colorMain);
    font-weight: bold;
    border-bottom: 1px solid var(--colorMain);
    padding-bottom: 5px;
    margin-bottom: 3px;
    position: relative;
}
.letter-stat-block-mini .number span{
    position: absolute;
    display: block;
    bottom: -7px;
    right: -20px;
    font-size: 9px;
    background: var(--colorMain);
    color: #fff;
    padding: 1px 6px;
    font-weight: normal;
    border-radius: 10px;
    text-align: center;
}
.letter-stat-block-mini .title{
    opacity: 0.5;
    font-size: 12px;
    color: unset;
}
.letter-stat-graph-main{
    /*margin-top: 40px;*/
}
.letter-stat-graph-main form label{
    margin: 10px 15px 25px 0;
}
.letter-stat-graph-circle{
    margin: 20px 0 40px 0;
}
.letter-stat-graph-circle > div{
    width: 100%;
    min-width: 40%;
    padding: 20px 50px;
}
.letter-stat-graph-circle > div:first-child{
    border-right: 2px solid #d22e2e50;
}
.letter-stat-graph-circle > div > div{
    width: 100%;
    height: 300px;
}
#widget-stat-graph-main,
#letter-stat-graph-main{
    height: 500px;
}
#letter-stat-graph-main g[role=button] g[fill='#dbdbdb']{
    fill: var(--colorMain);
}

.letter-status{
    display: block;
    width: 100%;
    height: 23px;
    border-radius: 10px;
    text-align: center;
    font-size: 11px;
    line-height: 23px;
    position: relative;
    color: #fff;
}
.letter-status-Y{
    background: #d22e2e90;
}
.letter-status-P{
    background: #dede00;
}
.letter-status-F{
    background: green;
}
.letter-status-N{
    background: lightgray;
}
.letter-status-progress{
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 1;
    background: var(--colorMain);
    border-radius: 10px;
    min-width: 10px;
}
.letter-status-P .letter-status-progress{
    background: #c7c700;
}
.letter-status-progress.mini{
    border-radius: 10px 0 0 10px;
}
.letter-status-progress-text{
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 2;
    font-size: 11px;
}
.letter-trigger-status{
    display: inline-block;
    padding: 2px 6px;
    border-radius: 4px;
    color: #ffffff;
    font-size: 11px;
    line-height: 14px;
    font-weight: 700;
    white-space: nowrap;
}
.letter-trigger-statistic{
    text-align: left;
    width: 100%;
}
.letter-trigger-statistic-send{
    font-size: 16px;
    font-weight: 700;
    font-variant-numeric: tabular-nums;
    line-height: 20px;
}
.letter-trigger-statistic-progress{
    background: var(--colorBasicLine);
    border-radius: 2px;
    height: 4px;
    margin: 5px 0;
    overflow: hidden;
    position: relative;
    width: 100%;
}
.letter-trigger-statistic-progress span{
    height: 100%;
    position: absolute;
    top: 0;
}
.letter-trigger-statistic-read{
    background: var(--colorMain);
}
.letter-trigger-statistic-click{
    background: var(--colorSuccess);
    left: 0;
    z-index: 1;
}
.letter-trigger-statistic-percent{
    color: var(--colorBasicGray);
    display: flex;
    font-size: 10px;
    justify-content: space-between;
    line-height: 14px;
    white-space: nowrap;
}
.letter-trigger-status-block{
    align-self: flex-start;
    margin-top: 6px;
    text-align: left;
    width: 100%;
}
.letter-trigger-status-work{
    background: var(--colorSuccess);
}
.letter-trigger-status-test{
    background: var(--colorAttention);
}
.letter-trigger-status-off{
    background: var(--colorBasicGray);
}
/**
E-mail рассылки (конец)
 */



/**
Мониторинг (начало)
 */
.monitor-site-graph-main{
    flex-wrap: wrap;
    justify-content: space-around;
    margin-top: 30px;
}
.monitor-site-graph-main > div{
    max-width: 48%;
    width: 100%;
    min-width: 350px;
}
.monitor-site-graph-main .graph-main-item{
    width: 100%;
    height: 320px;
}

.monitor-site-graph-circle > div{
    max-width: 48%;
    width: 100%;
    min-width: 350px;
}
.monitor-site-graph-circle .graph-circle-item{
    width: 100%;
    height: 320px;
}
.title-select-box {
    display: inline-block;
    width: max-content;
    height: auto;
    margin: 0 0 0 10px;
    padding: 0;
    border: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: transparent;
    font-size: inherit;
    font-family: inherit;
    color: inherit;
    font-weight: inherit;
    border-radius: 0;
    text-decoration: underline;
    cursor: pointer;
}

.title-select-box option,
.title-select-box optgroup{
    display: block;
    font-size: 13px;
    width: auto;
    padding: 10px 20px;
    color: #000;
}
.title-select-box optgroup{
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}
/**
Мониторинг (конец)
 */



/**
CANVAS
 */
canvas{
    width: 700px;
    height: 500px;
    max-width: 100%;
    max-height: 45vh;
    margin: 20px;
}
.canvas{
    display: flex;
    flex-wrap: wrap;
}
.canva-item{
    margin: 20px;
}
.canva-title{
    text-align: center;
    font-weight: bold;
    font-size: 24px;
}

/**
Брошенные корзины
 */
/*.table.dropped-basket .table-th.alLeft,
.table.dropped-basket .table-td.alLeft{
    min-width: 270px;
}
.dropped-basket-items td{
    padding-right: 30px;
}
.dropped-basket-items-total{
    padding-top: 20px;
}*/

.dropped-basket-form.d-flex-center{
    justify-content: space-between;
    align-items: flex-start;
    gap: 24px;
}

.dropped-basket-form.d-flex-center > label{
    width: Calc((100% - 24px)/2)
}

.bx-editor-block-btn-active{
    z-index: 1 !important;
}

.dropped-basket-form .set-order-basket-status,
.dropped-basket-form .set-order-basket-comment{
    width: 100%;
}

.dropped-basket-form > label > span{
    display: block;
    margin-bottom: 4px;
}

.dropped-basket-info-wrap{
    margin-bottom: 20px;
}

.dropped-basket-info-wrap:last-child{
    margin-bottom: 0;
}

.dropped-basket-info-subtitle{
    width: 100%;
    margin-bottom: 4px;
}

.dropped-basket-info-subtitle.d-flex-center{
    justify-content: flex-start;
    gap: 8px;
}

.dropped-basket-info-subtitle span{
    font-family: 'Noto Sans';
    font-weight: 500;
    color: var(--colorMain);
}

.dropped-basket-info-subtitle span.desc{
    color: unset;
    font-size: 16px;
}

.dropped-basket-items{
    margin-top: 20px;
}

.dropped-basket-item{
    margin-bottom: 10px;
}

.dropped-basket-item:last-child{
    margin-bottom: 0;
}

.dropped-basket-item-img{
    width: 100%;
    max-width: 80px;
    min-width: 50px;
    height: auto;
    aspect-ratio: 1/1;
    border: 1px solid var(--colorBasicLine);
}

.dropped-basket-item-img img{
    max-width: 100%;
    max-height: 100%;
    padding: 4px;
}

.dropped-basket-item-count{
    text-align: right;
}

.dropped-basket-item-info{
    align-content: center;
    -webkit-align-content: center;
}

.dropped-basket-item-info .price{
    width: 100%;
}

.dropped-basket-item-info .price.d-flex-center{
    align-items: baseline;
    justify-content: flex-start;
    gap: 8px;
    flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
}

.dropped-basket-item-info .price > div{
    width: fit-content;
    width: -moz-fit-content;
    font-weight: 500;
    font-family: 'Noto Sans';
    white-space: nowrap;
}

.dropped-basket-item-info .price.d-flex-center > div{
    max-width: Calc((100% - 8px)/2);
}

.dropped-basket-item-info .price-new,
.dropped-basket-item-info .price-old{
    color: var(--colorBasicGray);
}

.dropped-basket-item-info .price.d-flex-center .price-new{
    color: var(--colorAttention);
}

.dropped-basket-item-info .price-old{
    font-size: 12px;
    text-decoration: line-through;
}

.dropped-basket-item-info .name {
    margin-bottom: 8px;
    line-height: 1.2;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.dropped-basket-item-info .name a{
    color: unset;
}

.dropped-basket-item-info .name a:hover{
    color: var(--colorMain);
}


/*формы - начало*/


.snova-form-fields > .snova-d-flex-center{
    margin-bottom: 24px;
    gap: 24px 16px;
}
.snova-form-fields > .snova-d-flex-center:last-child{
    margin-bottom: 0;
}
.snova-form-field{
    width: 100%;
    position: relative;
    margin-bottom: 16px;
}
.snova-form-field:last-child{
    margin-bottom: 0;
}
.snova-d-flex-center > .snova-es-form-field{
    margin-bottom: 0;
}
.snova-form-field label{
    width: 100%;
    display: block;
    font-size: 14px;
    line-height: 18px;
    margin-bottom: 8px;
    position: relative;
}

.snova-form-field label.required:after {
    content: '*';
    margin-left: 2px;
    color: var(--colorAttention);
}
.snova-form-field input{
    width: 100%;
    height: 40px;
    border-radius: 5px;
    padding: 0 12px;
    border: 1px solid var(--colorBasicLine);
    margin-bottom: 16px;

}
.snova-form-field input.snova-es-invalid{
    border: 1px solid var(--colorAttention);
}
.snova-policy-block{
    width: 100%;
    font-size: 12px;
    line-height: 14px;
    text-align: center;
}
.snova-input-desc-error{
    display: none;
    position: absolute;
    top: Calc(100% + 3px);
    color: var(--colorAttention);
    font-size: 11px;
    margin: 0;
}

.snova-form-fixed{
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
}

.snova-form-fixed button{
    width: 100%;
    margin: 0 auto;
}

.snova-form-field-show{
    opacity: 0;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.snova-form-field-show-container.active .snova-form-field-show{
    opacity: 1;
}

/*формы - конец*/

.snova-constructor ol li,
.snova-constructor-modal ol li{
    list-style: disc;
}

.snova-constructor ul li,
.snova-constructor-modal ul li{
    list-style: auto;
}


@media(max-width: 991px){

    /*форма авторизации - начало*/
    .bx-auth-wrap{
        padding: 20px;
        gap: 40px;
    }

    .bx-auth-element{
        width: Calc(50% - 20px);
    }

    .bx-auth form{
        width: Calc(100% - 40px);
    }

    .bx-auth-wrap:after{
        height: Calc(100% - 60px);
        top: 30px;
    }

    .bx-auth .logoAuth{
        max-width: 180px;
    }

    .bx-auth .bx-auth-title{
        padding: 0 20px 20px;
    }

    .bx-auth-element-bg{
        max-width: 300px;
    }
    /*форма авторизации - конец*/

    /** Мониторинг (начало) */
    .monitor-site-graph-main > div{
        max-width: 100%;
    }
    .monitor-site-graph-circle > div{
        max-width: 100%;
    }
    /** Мониторинг (конец) */
}

@media screen and (min-width: 768px)
{

    /*формы - начало*/

    .snova-es-form-fields > .snova-es-d-flex-center{
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    }

    /*формы - конец*/
}

@media (max-width: 768px)
{
    .container-block{
        padding: 15px;
    }
    main .main,
    main .container,
    main.active .container{
        width: 100%;
    }
    .bg-block-menu.active{
        opacity: 0.1;
        z-index: 1;
    }
    aside.menu-left{
        position: absolute;
        z-index: 2;
        box-shadow: 4px 4px 8px #DBDBDB;
        margin-bottom: 20px;
        left: -240px;
        width: 200px;
        min-width: 200px;
    }
    aside.menu-left.active{
        left: 0;
    }

    aside.menu-left > ul > li:last-child > a{
        border-radius: 0;
    }

    .admin-mode-btn{
        border-radius: 0 0 15px 15px;
        padding: 20px 10px;
        box-sizing: border-box;
        bottom: -56px;
        background: var(--colorMain);
        color: #fff;
    }

    .checkbox-v1 .checkbox-v1-switch,
    .checkbox-v1 input[type="checkbox"]:not(:disabled) + .checkbox-v1-switch{
        border-color: #FFFFFF;
    }

    .checkbox-v1 input[type=checkbox]:checked + .checkbox-v1-switch{
        box-shadow: 0 0 5px #fff;
    }

    /**
    E-mail рассылки (начало)
     */
    .letter-stat-graph-circle{
        flex-wrap: wrap;
    }
    .letter-stat-graph-circle > div{
        padding: 10px;
    }
    .letter-stat-graph-circle > div:first-child{
        border: none;
    }
    .letter-stat-graph-circle > div > div{
        height: 200px;
    }
    /**
    E-mail рассылки (конец)
     */

    /*форма авторизации - начало*/

    .bx-auth-wrap{
        gap: 0;
        padding: 40px 20px;
        max-width: 400px;
        width: Calc(100% - 30px);
    }

    .bx-auth-wrap:after,
    .bx-auth-element:first-child{
        display: none;
    }

    .bx-auth-element{
        width: 100%;
        height: 100%;
        aspect-ratio: unset;
    }

    .bx-auth form{
        width: 100%;
        position: relative;
        top: 0;
        left: 0;
        transform: unset;
    }

    /*форма авторизации - конец*/
}


@media (max-width: 760px)
{
    .snova-table{
        min-width: 0;
    }
    .snova-table .table-tr{
        display: block;
        min-height: 0;
        margin-bottom: 12px;
        border: 1px solid #eeeeee;
        border-radius: 12px;
        background: #fff;
        overflow: hidden;
    }
    .snova-table .table-tr:first-child{
        display: flex;
        width: 100%;
        min-height: 0;
        margin-bottom: 10px;
        border: 0;
        border-radius: 0;
        background: transparent;
        overflow: visible;
    }
    .snova-table .table-tr:first-child .table-th{
        display: none;
    }
    .snova-table .table-tr:first-child .snova-table-settings-cell{
        display: flex;
        width: auto !important;
        min-height: 0;
        padding: 0;
        background: transparent;
    }
    .snova-table .table-tr:not(:first-child):hover{
        background: #fff;
        box-shadow: 0 8px 24px rgba(0,0,0,.06);
    }
    .snova-table .table-td{
        width: 100% !important;
        min-height: 0;
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
        padding: 10px 12px;
        border-bottom: 1px solid #f2f2f2;
        text-align: right;
        box-sizing: border-box;
    }
    .snova-table .table-td:last-child{
        border-bottom: 0;
    }
    .snova-table .table-td:before{
        content: attr(data-table-title);
        max-width: 45%;
        padding-right: 12px;
        color: #545452;
        text-align: left;
        font-size: 12px;
        line-height: 18px;
        opacity: 0.75;
    }
    .snova-table .table-td[data-table-title=""]{
        justify-content: flex-end;
        padding-bottom: 4px;
        border-bottom: 0;
    }
    .snova-table .table-td[data-table-title=""]:before{
        display: none;
    }
    .snova-table .table-td.alLeft{
        justify-content: space-between;
        text-align: right;
    }
    .snova-table .table-item-menu-btn{
        width: 34px;
        height: 34px;
        background: #f5f5f5;
    }
    .snova-table-settings{
        top: 34px;
        left: 0;
        right: auto;
        width: Calc(100vw - 70px);
        max-width: 320px;
    }
    .snova-table-footer{
        align-items: flex-start;
        flex-direction: column;
    }
}

@media (max-width: 568px){

    .header-service-link-wallet{
        display: none;
    }


    /*формы - начало*/

    .snova-es-form-field input{
        height: 48px;
    }

    /*формы - конец*/

}

@media (max-width: 480px)
{
    /*
    ШАПКА (начало)
     */

    header img{
        max-height: 25px;
    }

    /*
    ШАПКА (конец)
     */

    /*форма авторизации - начало*/

    .bx-auth-wrap{
        max-width: unset;
    }

    /*форма авторизации - конец*/

    /*формы - начало*/

    .snova-es-form-field{
        margin-bottom: 16px;
    }
    .snova-es-form-field input{
        height: 42px;
    }

    /*формы - конец*/

}
.documentation {
    --documentation-color: #202124;
    --documentation-muted: #6b7280;
    --documentation-border: #dfe3e8;
    --documentation-border-light: #eceff2;
    --documentation-background: #f6f7f9;
    --documentation-background-hover: #eef0f3;
    --documentation-accent: var(--colorMain);
    --documentation-warning: #b7791f;

    max-width: 1050px;
    color: var(--documentation-color);
    font-size: 15px;
    line-height: 1.6;
}

.documentation * {
    box-sizing: border-box;
}

.documentation__header {
    padding-bottom: 40px;
    border-bottom: 1px solid var(--documentation-border);
}

.documentation__main-title {
    margin-bottom: 12px;
    font-size: 26px;
    line-height: 1.3;
}

.documentation__description {
    max-width: 900px;
    color: var(--documentation-muted);
}

.documentation__section {
    padding: 50px 0;
    border-bottom: 1px solid var(--documentation-border);
    scroll-margin-top: 25px;
}

.documentation__section:last-child {
    border-bottom: 0;
}

.documentation__section-title {
    margin-bottom: 18px;
    font-size: 21px;
    line-height: 1.35;
}

.documentation__subtitle {
    margin: 32px 0 13px;
    font-size: 16px;
}

.documentation__text {
    margin-bottom: 14px;
}

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

.documentation__step {
    position: relative;
    margin-bottom: 14px;
    padding-left: 26px;
}

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

.documentation__step-number {
    position: absolute;
    top: 0;
    left: 0;
    color: var(--documentation-accent);
}

.documentation__code {
    margin: 20px 0;
    padding: 18px 20px;
    overflow-x: auto;
    background: var(--documentation-background);
    border: 1px solid var(--documentation-border-light);
    border-radius: 6px;
    font-family: Consolas, Monaco, monospace;
    font-size: 13px;
    line-height: 1.55;
    white-space: pre;
    tab-size: 4;
    transition:
            background-color 0.2s ease,
            border-color 0.2s ease;
}

.documentation__code:hover {
    background: var(--documentation-background-hover);
    border-color: var(--documentation-border);
}

.documentation__note {
    margin: 20px 0;
    padding: 15px 18px;
    background: var(--documentation-background);
    border-left: 3px solid var(--documentation-accent);
}

.documentation__note--warning {
    border-left-color: var(--documentation-warning);
}

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

.documentation__rows,
.documentation__variables {
    margin-top: 18px;
    border-top: 1px solid var(--documentation-border-light);
}

.documentation__row,
.documentation__variable {
    display: grid;
    grid-template-columns: minmax(210px, 270px) minmax(0, 1fr);
    gap: 24px;
    padding: 14px 10px;
    border-bottom: 1px solid var(--documentation-border-light);
    transition: background-color 0.2s ease;
}

.documentation__row:hover,
.documentation__variable:hover {
    background: var(--documentation-background);
}

.documentation__row-name,
.documentation__variable-name {
    word-break: break-word;
}

.documentation__row-description,
.documentation__variable-description {
    color: var(--documentation-muted);
}

.documentation__label {
    display: inline-block;
    margin-bottom: 16px;
    padding: 4px 9px;
    color: var(--documentation-accent);
    background: var(--documentation-background);
    border: 1px solid var(--documentation-border);
    border-radius: 4px;
    font-size: 13px;
}

.documentation__input-scroll {
    max-width: 100%;
    padding-bottom: 3px;
    overflow-x: auto;
}

.documentation__input {
    display: block;
    width: 100%;
    min-width: 550px;
    min-height: 44px;
    padding: 10px 13px;
    color: var(--documentation-color);
    background: #ffffff;
    border: 1px solid var(--documentation-border);
    border-radius: 5px;
    outline: none;
    font-family: Consolas, Monaco, monospace;
    font-size: 13px;
    transition:
            border-color 0.2s ease,
            opacity 0.2s ease;
}

.documentation__input:hover {
    opacity: 0.7;
}

.documentation__input:focus {
    border-color: var(--documentation-accent);
    opacity: 1;
}

.documentation__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 18px;
}

.documentation__button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 42px;
    padding: 9px 18px;
    color: #ffffff;
    background: var(--documentation-accent);
    border: 0;
    border-radius: 5px;
    text-decoration: none;
    font-size: 14px;
    line-height: 1.3;
    cursor: pointer;
    transition: opacity 0.2s ease;
}

.documentation__button:hover {
    color: #ffffff;
    opacity: 0.7;
}

.documentation__button:focus-visible,
.documentation__tab-button:focus-visible {
    outline: 2px solid var(--documentation-color);
    outline-offset: 2px;
}

.documentation__divider {
    height: 1px;
    margin: 35px 0;
    background: var(--documentation-border-light);
}

.documentation__tabs {
    margin-top: 25px;
    overflow: visible !important;
}

.documentation__tabs-nav {
    display: flex !important;
    align-items: stretch !important;
    gap: 0 !important;
    max-height: none !important;
    height: auto !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    padding: 0 !important;
    border: 0 !important;
    border-bottom: 1px solid var(--documentation-border) !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

.documentation__tab-button,
.documentation__tab-button.btn,
button.documentation__tab-button,
.documentation button.documentation__tab-button {
    appearance: none !important;
    -webkit-appearance: none !important;
    display: block !important;
    flex: 0 0 auto !important;
    min-width: 0 !important;
    min-height: 44px !important;
    height: auto !important;
    max-height: none !important;
    margin: 0 -1px 0 0 !important;
    padding: 11px 16px !important;
    color: var(--documentation-muted) !important;
    background: #ffffff !important;
    border: 1px solid var(--documentation-border) !important;
    border-bottom: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    outline: none;
    font: inherit !important;
    line-height: 1.35 !important;
    text-align: center !important;
    text-decoration: none !important;
    text-transform: none !important;
    white-space: nowrap !important;
    overflow: visible !important;
    cursor: pointer !important;
    transform: none !important;
    transition: opacity 0.2s ease !important;
}

.documentation__tab-button:hover,
.documentation button.documentation__tab-button:hover {
    opacity: 0.7 !important;
}

.documentation__tab-button.is-active,
.documentation__tab-button.btn.is-active,
button.documentation__tab-button.is-active,
.documentation button.documentation__tab-button.is-active {
    color: var(--documentation-accent) !important;
    background: var(--documentation-background) !important;
    border-color: var(--documentation-border) !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    opacity: 1 !important;
}

.documentation__tab-panel {
    display: none !important;
    padding-top: 30px;
    color: var(--documentation-color) !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

.documentation__tab-panel.is-active {
    display: block !important;
}

.documentation__tab-panel[hidden] {
    display: none !important;
}

.documentation__method-content {
    max-width: 100%;
}

.documentation__method-content > .documentation__section-title:first-child {
    margin-top: 0;
}

.documentation__tab-panel .documentation__row:hover,
.documentation__tab-panel .documentation__variable:hover {
    background: var(--documentation-background);
}

.documentation__tab-panel .documentation__note {
    background: var(--documentation-background);
}

.documentation__examples {
    margin-top: 10px;
}

.documentation__example {
    display: grid;
    grid-template-columns: minmax(160px, 210px) minmax(0, 1fr);
    gap: 15px;
    padding: 8px 0;
    border-bottom: 1px solid var(--documentation-border-light);
}

.documentation__example:last-child {
    border-bottom: 0;
}

.documentation__example-value {
    color: var(--documentation-muted);
    word-break: break-word;
}

@media (max-width: 700px) {
    .documentation__main-title {
        font-size: 22px;
    }

    .documentation__header {
        padding-bottom: 32px;
    }

    .documentation__section {
        padding: 40px 0;
    }

    .documentation__section-title {
        font-size: 19px;
    }

    .documentation__row,
    .documentation__variable,
    .documentation__example {
        grid-template-columns: 1fr;
        gap: 4px;
        padding-right: 0;
        padding-left: 0;
    }

    .documentation__code {
        padding: 15px;
        font-size: 12px;
    }

    .documentation__input {
        font-size: 12px;
    }

    .documentation__tab-panel {
        padding-top: 25px;
    }
}
/* Оригинальные стили попапа и галереи конструктора писем. */
i.fal.gallery-menu-icon{
  font-size:90%;
}
.snova-constructor-modal-overlay{--snova-accent:var(--colorBasic,#d22e2e);--snova-border:#dfe3ea;}
.snova-constructor-btn{border:1px solid var(--snova-border);background:#fff;color:#222;border-radius:9px;padding:8px 12px;cursor:pointer;font-size:13px;line-height:1.2}
.snova-constructor-btn:hover{border-color:#bbb;background:#fafafa}
.snova-constructor-modal-actions .snova-constructor-btn,
.snova-constructor-modal .snova-constructor-btn{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  min-height:38px!important;
  border:1px solid var(--snova-border)!important;
  background:#fff!important;
  color:#222!important;
  opacity:1!important;
  visibility:visible!important;
  text-shadow:none!important;
}
.snova-constructor-modal-actions .snova-constructor-btn-primary,
.snova-constructor-modal .snova-constructor-btn-primary{
  background:var(--snova-accent)!important;
  border-color:var(--snova-accent)!important;
  color:#fff!important;
}
.snova-constructor-modal .snova-constructor-btn-primary i,
.snova-constructor-modal .snova-constructor-btn-primary span{
  color:#fff!important;
}
.snova-constructor-modal-overlay{
  position:fixed;
  inset:0;
  z-index:10000;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:24px;
  background:rgba(0,0,0,.45);
}
.snova-constructor-modal{
  width:min(860px,100%);
  max-height:calc(100vh - 48px);
  display:flex;
  flex-direction:column;
  background:#fff;
  border-radius:14px;
  box-shadow:0 20px 70px rgba(0,0,0,.25);
  overflow:hidden;
}
.snova-constructor-modal-head{
  display:flex;
  align-items:center;
  gap:12px;
  padding:14px 16px;
  border-bottom:1px solid var(--snova-border);
}
.snova-constructor-modal-title{
  font-weight:700;
  margin-right:auto;
}
.snova-constructor-modal-close{
  width:32px;
  height:32px;
  border:1px solid var(--snova-border);
  border-radius:8px;
  background:#fff;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  padding:0;
  color:#333!important;
  cursor:pointer;
  font-size:20px;
  line-height:1;
  vertical-align:middle;
}
.snova-constructor-modal-close i{
  display:block;
  color:inherit!important;
  font-size:1em;
  line-height:1;
  pointer-events:none;
}
.snova-constructor-modal-body{
  padding:16px;
  overflow:auto;
}
.snova-constructor-import-textarea{
  width:100%;
  min-height:420px;
  resize:vertical;
  border:1px solid var(--snova-border);
  border-radius:10px;
  padding:12px;
  font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;
  font-size:13px;
  line-height:1.45;
}
.snova-constructor-check{
  display:flex;
  align-items:center;
  gap:8px;
  margin-top:10px;
  font-size:13px;
  color:#444;
}
.snova-constructor-modal-actions{
  display:flex;
  justify-content:flex-end;
  gap:10px;
  padding:14px 16px;
  border-top:1px solid var(--snova-border);
}
@media(max-width:760px){
  .snova-constructor-modal-overlay{padding:10px;align-items:stretch}
  .snova-constructor-modal{max-height:calc(100vh - 20px)}
  .snova-constructor-import-textarea{min-height:300px}
}


/* v3.0.28 clear button + project image gallery */
.snova-constructor-btn-danger-lite{
  border-color:#f1c7c7!important;
  color:#9f1239!important;
  background:#fff!important;
}
.snova-constructor-btn-danger-lite:hover{
  background:#fff5f5!important;
  border-color:#e7a8a8!important;
}
.snova-constructor-gallery-modal{
  width:min(980px,96vw);
}
.snova-constructor-gallery-modal:not(.snova-constructor-gallery-manager-modal){
  width:min(680px,96vw);
}
.snova-constructor-gallery-modal:not(.snova-constructor-gallery-manager-modal) .snova-constructor-modal-body{
  min-height:260px;
}
.snova-constructor-gallery-modal:not(.snova-constructor-gallery-manager-modal) .snova-constructor-gallery-grid{
  min-height:220px!important;
  align-content:center!important;
}
.snova-constructor-gallery-picker-empty{
  grid-column:1/-1;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:8px;
  min-height:220px;
  padding:24px;
  text-align:center;
  color:#6b7280;
}
.snova-constructor-gallery-picker-empty>i{
  color:var(--snova-accent);
  font-size:28px;
}
.snova-constructor-gallery-picker-empty>b{
  color:#30343b;
  font-size:15px;
}
.snova-constructor-gallery-picker-empty>span{
  max-width:360px;
  font-size:13px;
  line-height:1.45;
}
.snova-constructor-gallery-picker-empty .snova-constructor-btn{
  display:inline-flex!important;
  align-items:center!important;
  gap:7px;
  margin-top:6px;
}
.snova-constructor-gallery-loading{
  padding:18px;
  text-align:center;
  color:#666;
}
.snova-constructor-gallery-grid{
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(128px,1fr));
  gap:12px;
  min-width:0;
}
.snova-constructor-gallery-item{
  display:flex;
  flex-direction:column;
  gap:6px;
  min-width:0;
  border:1px solid var(--snova-border);
  border-radius:10px;
  background:#fff;
  padding:8px;
  cursor:pointer;
  text-align:left;
  transition:border-color .15s, box-shadow .15s, transform .15s;
}
.snova-constructor-gallery-item:hover{
  border-color:var(--snova-accent);
  box-shadow:0 8px 24px rgba(0,0,0,.08);
  transform:translateY(-1px);
}
.snova-constructor-gallery-thumb{
  display:flex;
  align-items:center;
  justify-content:center;
  height:94px;
  border-radius:8px;
  background:#f5f5f5;
  overflow:hidden;
}
.snova-constructor-gallery-thumb img{
  max-width:100%;
  max-height:100%;
  display:block;
}
.snova-constructor-gallery-name{
  display:block;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  font-size:12px;
  color:#222;
}
.snova-constructor-gallery-size{
  display:block;
  font-size:11px;
  color:#777;
}
.snova-constructor-gallery-folder{
  display:inline-flex;
  align-self:flex-start;
  max-width:100%;
  padding:3px 7px;
  border-radius:999px;
  background:#f0f2f5;
  color:#4b5563;
  font-size:10px;
  line-height:1;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

/* v3.0.29 top actions dropdown + gallery manager */
.snova-constructor-top{
  flex-wrap:wrap;
}
.snova-constructor-more{
  position:relative;
  display:inline-flex;
  align-items:center;
}
.snova-constructor-more-menu{
  display:none;
  position:absolute;
  top:calc(100% + 8px);
  right:0;
  z-index:80;
  min-width:190px;
  padding:6px;
  border:1px solid var(--snova-border);
  border-radius:12px;
  background:#fff;
  box-shadow:0 16px 45px rgba(0,0,0,.16);
}
.snova-constructor-more.snova-constructor-is-open .snova-constructor-more-menu{
  display:grid;
  gap:4px;
}
.snova-constructor-more-menu button{
  display:flex;
  align-items:center;
  gap:9px;
  width:100%;
  border:0;
  border-radius:9px;
  background:#fff;
  color:#222;
  padding:9px 10px;
  font-size:13px;
  text-align:left;
  cursor:pointer;
}
.snova-constructor-more-menu button:hover{
  background:#f6f6f6;
}
.snova-constructor-icon-btn{
  width:36px;
  height:36px;
  min-width:36px;
  padding:0!important;
  display:inline-flex;
  align-items:center;
  justify-content:center;
}
.snova-constructor-icon-btn-lg i{
  font-size:16px;
}
.snova-constructor-top .snova-constructor-btn-danger-lite i{
  font-size:15px;
}
.snova-constructor-gallery-manager-modal{
  width:min(1040px,96vw);
}
.snova-constructor-gallery-upload-zone{
  position:relative;
  display:flex;
  align-items:center;
  gap:14px;
  min-height:84px;
  padding:18px;
  margin-bottom:16px;
  border:1px dashed #cfcfcf;
  border-radius:14px;
  background:#f7f7f7;
  color:#333;
  cursor:pointer;
}
.snova-constructor-gallery-upload-zone:hover{
  border-color:var(--snova-accent);
  background:#fbfbfb;
}
.snova-constructor-gallery-upload-zone > i{
  width:42px;
  height:42px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:12px;
  background:#fff;
  color:var(--snova-accent);
  border:1px solid var(--snova-border);
  font-size:20px;
}
.snova-constructor-gallery-upload-zone b{
  display:block;
  margin-bottom:4px;
  font-size:14px;
}
.snova-constructor-gallery-upload-zone span{
  display:block;
  font-size:12px;
  line-height:1.45;
  color:#777;
}
.snova-constructor-gallery-upload-zone input[type="file"]{
  position:absolute;
  inset:0;
  opacity:0;
  cursor:pointer;
}
.snova-constructor-gallery-manager-grid{
  grid-template-columns:repeat(auto-fill,minmax(150px,1fr));
}
.snova-constructor-gallery-manager-item{
  position:relative;
  cursor:default;
}
.snova-constructor-gallery-delete{
  position:absolute;
  top:6px;
  right:6px;
  z-index:3;
  width:26px;
  height:26px;
  display:flex;
  align-items:center;
  justify-content:center;
  border:1px solid rgba(255,255,255,.8);
  border-radius:999px;
  background:rgba(190,18,60,.92);
  color:#fff;
  cursor:pointer;
  box-shadow:0 4px 14px rgba(0,0,0,.18);
}
.snova-constructor-gallery-delete:hover{
  background:#be123c;
}
.snova-constructor-gallery-item .snova-constructor-gallery-size{
  line-height:1.35;
}
@media(max-width:760px){
  .snova-constructor-more-menu{right:auto;left:0;}
  .snova-constructor-top{gap:8px;}
}

/* v3.0.30 top menu + gallery checkboxes + gallery picker sizing */
.snova-constructor-block{
  transition:border-color .18s ease, box-shadow .18s ease, background-color .18s ease;
}
.snova-constructor-gallery-grid{
  align-items:start!important;
  min-height:140px!important;
}
.snova-constructor-gallery-grid:not(:empty){
  min-height:160px!important;
}
.snova-constructor-gallery-item{
  width:100%!important;
  min-height:156px!important;
  height:auto!important;
  appearance:none!important;
  -webkit-appearance:none!important;
  overflow:visible!important;
}
button.snova-constructor-gallery-item{
  border:1px solid var(--snova-border)!important;
  background:#fff!important;
  color:#222!important;
}
.snova-constructor-gallery-thumb{
  min-height:94px!important;
  height:94px!important;
  flex:0 0 94px!important;
}
.snova-constructor-gallery-manager-item{
  padding-top:28px!important;
}
.snova-constructor-gallery-delete{
  display:none!important;
}
.snova-constructor-gallery-check{
  position:absolute;
  top:7px;
  right:7px;
  z-index:5;
  width:20px;
  height:20px;
  display:flex;
  align-items:center;
  justify-content:center;
  cursor:pointer;
}
.snova-constructor-gallery-check input{
  position:absolute;
  opacity:0;
  pointer-events:none;
}
.snova-constructor-gallery-check span{
  width:18px;
  height:18px;
  border-radius:5px;
  border:1px solid rgba(0,0,0,.22);
  background:rgba(255,255,255,.94);
  box-shadow:0 3px 10px rgba(0,0,0,.14);
  display:block;
  position:relative;
}
.snova-constructor-gallery-check input:checked + span{
  background:var(--snova-accent);
  border-color:var(--snova-accent);
}
.snova-constructor-gallery-check input:checked + span:after{
  content:'';
  position:absolute;
  left:5px;
  top:2px;
  width:5px;
  height:9px;
  border:solid #fff;
  border-width:0 2px 2px 0;
  transform:rotate(45deg);
}
.snova-constructor-gallery-manager-item.snova-constructor-is-selected{
  border-color:var(--snova-accent)!important;
  box-shadow:0 8px 24px rgba(0,0,0,.12)!important;
}
.snova-constructor-gallery-bulk-delete{
  border-color:#f1c7c7!important;
  color:#9f1239!important;
  background:#fff!important;
  margin-right:auto;
}
.snova-constructor-gallery-bulk-delete:hover{
  background:#fff5f5!important;
  border-color:#e7a8a8!important;
}


/* v3.0.33 stable gallery update after deleting images */
.snova-constructor-gallery-manager-grid{
  transition:min-height .2s ease;
}
.snova-constructor-gallery-manager-item{
  transition:opacity .18s ease, transform .18s ease, border-color .15s ease, box-shadow .15s ease!important;
}
.snova-constructor-gallery-manager-item.snova-constructor-is-deleting{
  opacity:.48!important;
  pointer-events:none!important;
}
.snova-constructor-gallery-manager-item.snova-constructor-is-removing{
  opacity:0!important;
  transform:scale(.96)!important;
}
.snova-constructor-gallery-bulk-delete:disabled{
  opacity:.65!important;
  pointer-events:none!important;
}


/* v3.0.33: visible gallery checkbox tick */
.snova-constructor-gallery-check span{
  box-sizing:border-box!important;
}
.snova-constructor-gallery-check input:checked + span:after,
.snova-constructor-gallery-check input:checked + span::after{
  content:'\2713'!important;
  position:absolute!important;
  inset:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:auto!important;
  height:auto!important;
  color:#fff!important;
  font-size:13px!important;
  line-height:1!important;
  font-weight:900!important;
  font-family:Arial, sans-serif!important;
  border:0!important;
  transform:none!important;
}


/* v3.0.34: robust gallery checkbox tick and upload refresh (kept for backward compatibility) */
.snova-constructor-gallery-check{
  user-select:none!important;
}
.snova-constructor-gallery-check span{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  font-size:13px!important;
  line-height:1!important;
  font-weight:900!important;
  font-family:Arial, Helvetica, sans-serif!important;
  color:transparent!important;
  text-align:center!important;
}
.snova-constructor-gallery-check input:checked + span,
.snova-constructor-gallery-check span.snova-constructor-is-checked,
.snova-constructor-gallery-check.snova-constructor-is-checked span{
  background:var(--snova-accent)!important;
  border-color:var(--snova-accent)!important;
  color:#fff!important;
}
.snova-constructor-gallery-check input:checked + span::after,
.snova-constructor-gallery-check input:checked + span:after{
  content:none!important;
}
.snova-constructor-gallery-manager-grid .snova-constructor-empty{
  grid-column:1 / -1;
}


/* v3.0.35: FontAwesome gallery checkbox and stable re-upload display */
.snova-constructor-gallery-check{
  appearance:none!important;
  -webkit-appearance:none!important;
  border:1px solid rgba(0,0,0,.26)!important;
  background:rgba(255,255,255,.96)!important;
  color:transparent!important;
  border-radius:6px!important;
  width:22px!important;
  height:22px!important;
  padding:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  box-shadow:0 4px 12px rgba(0,0,0,.16)!important;
  cursor:pointer!important;
}
.snova-constructor-gallery-check input,
.snova-constructor-gallery-check span{
  display:none!important;
}
.snova-constructor-gallery-check .fas,
.snova-constructor-gallery-check i{
  display:block!important;
  font-size:12px!important;
  line-height:1!important;
  opacity:0!important;
  color:#fff!important;
  transform:scale(.82)!important;
  transition:opacity .12s ease, transform .12s ease!important;
}
.snova-constructor-gallery-check.snova-constructor-is-checked{
  background:var(--snova-accent)!important;
  border-color:var(--snova-accent)!important;
  color:#fff!important;
}
.snova-constructor-gallery-check.snova-constructor-is-checked .fas,
.snova-constructor-gallery-check.snova-constructor-is-checked i{
  opacity:1!important;
  transform:scale(1)!important;
}
.snova-constructor-gallery-check:disabled{
  opacity:.55!important;
  cursor:default!important;
}
.snova-constructor-gallery-manager-grid .snova-constructor-gallery-item{
  contain:layout paint!important;
}


/* v3.0.36: robust gallery checkbox mark and repeated same-file upload support */
.snova-constructor-gallery-check{
  position:absolute!important;
  top:7px!important;
  right:7px!important;
  z-index:20!important;
  width:24px!important;
  height:24px!important;
  min-width:24px!important;
  min-height:24px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:0!important;
  border:1px solid rgba(0,0,0,.28)!important;
  border-radius:7px!important;
  background:#fff!important;
  box-shadow:0 4px 12px rgba(0,0,0,.18)!important;
  color:#fff!important;
  cursor:pointer!important;
  overflow:visible!important;
}
.snova-constructor-gallery-check .fas,
.snova-constructor-gallery-check i.fas,
.snova-constructor-gallery-check .snova-constructor-gallery-check-fallback{
  display:none!important;
  align-items:center!important;
  justify-content:center!important;
  width:100%!important;
  height:100%!important;
  font-size:13px!important;
  line-height:1!important;
  color:#fff!important;
  opacity:1!important;
  transform:none!important;
  pointer-events:none!important;
}
.snova-constructor-gallery-check.snova-constructor-is-checked{
  background:var(--snova-accent)!important;
  border-color:var(--snova-accent)!important;
}
.snova-constructor-gallery-check.snova-constructor-is-checked .fas,
.snova-constructor-gallery-check.snova-constructor-is-checked i.fas{
  display:flex!important;
}
.snova-constructor-gallery-check.snova-constructor-is-checked .snova-constructor-gallery-check-fallback{
  display:flex!important;
  position:absolute!important;
  inset:0!important;
  font-family:Arial, Helvetica, sans-serif!important;
  font-size:14px!important;
  font-weight:900!important;
}
.snova-constructor-gallery-upload-zone input[type="file"][data-gallery-upload]{
  pointer-events:none!important;
}


/* v3.0.37: tile-based gallery selection, no styled checkbox; clean gear menu */
.snova-constructor-more-menu button i{
  display:none!important;
}
.snova-constructor-gallery-manager-item{
  cursor:pointer!important;
  position:relative!important;
}
.snova-constructor-gallery-hidden-check{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  opacity:0!important;
  pointer-events:none!important;
  left:-9999px!important;
  top:-9999px!important;
}
.snova-constructor-gallery-select-mark{
  position:absolute!important;
  top:7px!important;
  right:7px!important;
  z-index:25!important;
  width:24px!important;
  height:24px!important;
  border-radius:50%!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  background:var(--snova-accent)!important;
  color:#fff!important;
  box-shadow:0 4px 14px rgba(0,0,0,.22)!important;
  opacity:0!important;
  transform:scale(.82)!important;
  transition:opacity .14s ease, transform .14s ease!important;
  pointer-events:none!important;
}
.snova-constructor-gallery-select-mark i{
  display:block!important;
  font-size:12px!important;
  line-height:1!important;
  color:#fff!important;
}
.snova-constructor-gallery-manager-item.snova-constructor-is-selected{
  border-color:var(--snova-accent)!important;
  box-shadow:0 0 0 2px rgba(87,83,67,.12), 0 14px 34px rgba(15,23,42,.12)!important;
}
.snova-constructor-gallery-manager-item.snova-constructor-is-selected .snova-constructor-gallery-select-mark{
  opacity:1!important;
  transform:scale(1)!important;
}
.snova-constructor-gallery-check,
.snova-constructor-gallery-check-fallback{
  display:none!important;
}


/* v3.0.38: selected gallery images use only accent border, no check icon */
.snova-constructor-gallery-manager-item{
  padding-top:8px!important;
}
.snova-constructor-gallery-select-mark,
.snova-constructor-gallery-manager-item.snova-constructor-is-selected .snova-constructor-gallery-select-mark{
  display:none!important;
  opacity:0!important;
  visibility:hidden!important;
}
.snova-constructor-gallery-manager-item.snova-constructor-is-selected{
  border:2px solid var(--snova-accent)!important;
  box-shadow:0 10px 28px rgba(15,23,42,.10)!important;
  outline:none!important;
}
.snova-constructor-gallery-manager-item.snova-constructor-is-selected:hover{
  border-color:var(--snova-accent)!important;
  box-shadow:0 12px 30px rgba(15,23,42,.12)!important;
}


/* v3.0.39: gallery selected tile must use real border/outline, not shadow */
.snova-constructor-gallery-manager-item.snova-constructor-is-selected,
.snova-constructor-gallery-manager-item.snova-constructor-is-selected:hover{
  border-color:var(--snova-accent)!important;
  border-width:2px!important;
  border-style:solid!important;
  outline:1px solid var(--snova-accent)!important;
  outline-offset:-3px!important;
  box-shadow:none!important;
}
.snova-constructor-gallery-manager-item.snova-constructor-is-selected .snova-constructor-gallery-thumb{
  box-shadow:none!important;
}


/* v3.0.40: compact menu, news list block, gallery button state, columns tools */
.snova-constructor-more-menu{
  min-width:0!important;
  width:max-content!important;
  max-width:240px!important;
  white-space:nowrap!important;
}
.snova-constructor-more-menu button{
  width:auto!important;
  min-width:0!important;
  white-space:nowrap!important;
}
.snova-constructor-field-preheader input,
.snova-constructor-field-subject input,
.snova-constructor-field-test-email input{
  min-height:44px!important;
  height:44px!important;
  font-size:15px!important;
  font-weight:400!important;
  border-radius:10px!important;
}
.snova-constructor-field-subject input::placeholder,
.snova-constructor-field-preheader input::placeholder{
  font-weight:400!important;
}
.snova-constructor-gallery-bulk-delete{
  display:none!important;
}
.snova-constructor-gallery-bulk-delete[style*="inline-flex"]{
  display:inline-flex!important;
}
.snova-constructor-block-columns.snova-constructor-is-active > .snova-constructor-block-tools{
  display:flex!important;
  right:-42px!important;
  z-index:120!important;
}
.snova-constructor-block-columns{
  min-height:46px;
}
.snova-constructor-column-empty{
  min-height:38px;
  border:1px dashed #d8d8d8;
  border-radius:8px;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#999;
  font-size:12px;
}
.snova-constructor-newslist-item{
  display:flex;
  align-items:flex-start;
  padding:12px 0;
  border-bottom:1px solid #f0f0f0;
}
.snova-constructor-newslist-item:last-child{border-bottom:0;}
.snova-constructor-newslist-img img{
  display:block;
  width:100%;
  height:auto;
  border-radius:8px;
}
.snova-constructor-newslist-title{
  font-size:18px;
  line-height:1.35;
  font-weight:700;
  margin-bottom:6px;
  color:#222;
}
.snova-constructor-newslist-text{
  font-size:14px;
  line-height:1.55;
}
.snova-constructor-newslist-link{
  display:inline-block;
  margin-top:8px;
  font-size:13px;
  font-weight:700;
  text-decoration:none;
}
.snova-constructor-newslist-setting{
  border:1px solid var(--snova-border);
  border-radius:12px;
  padding:10px;
  background:#fff;
  margin-bottom:10px;
}


/* v3.0.42: gallery bulk delete visibility, compact gallery hint, newslist alignment */
.snova-constructor-gallery-bulk-delete.snova-constructor-is-hidden{
  display:none!important;
}
.snova-constructor-gallery-bulk-delete:not(.snova-constructor-is-hidden){
  display:inline-flex!important;
}
.snova-constructor-upload .snova-constructor-muted{
  font-size:11px!important;
  line-height:1.32!important;
  margin-top:6px!important;
}
.snova-constructor-newslist-item{
  width:100%!important;
  display:flex!important;
  align-items:flex-start!important;
}
.snova-constructor-newslist-body{
  flex:1 1 auto!important;
  min-width:0!important;
  width:100%!important;
}
.snova-constructor-newslist-img{
  flex-shrink:0!important;
}


/* v3.0.43: rich HTML element inspector */
.snova-constructor-rich-inspector{
  display:block;
  border-bottom:1px solid var(--snova-border);
  background:#fbfbfc;
  padding:10px 14px;
}
.snova-constructor-rich-inspector-head{display:flex;align-items:center;gap:10px;margin-bottom:8px;font-size:12px;color:#222;}
.snova-constructor-rich-inspector-head span{color:#777;font-size:12px;}
.snova-constructor-rich-inspector-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;align-items:end;}
.snova-constructor-rich-inspector-grid label{display:grid;gap:4px;font-size:11px;color:#555;min-width:0;}
.snova-constructor-rich-inspector-grid input,
.snova-constructor-rich-inspector-grid select{width:100%;height:30px;border:1px solid #d7dbe2;border-radius:8px;background:#fff;color:#222;padding:0 8px;font-size:12px;box-sizing:border-box;}
.snova-constructor-rich-inspector-grid input[type="color"]{padding:2px;width:100%;}
.snova-constructor-rich-inspector-actions{display:flex;gap:8px;margin-top:8px;}
.snova-constructor-rich-inspector-actions button{height:28px;border:1px solid var(--snova-border);background:#fff;border-radius:8px;padding:0 10px;font-size:12px;color:#333;cursor:pointer;}
.snova-constructor-rich-inspector-actions button:disabled,
.snova-constructor-rich-inspector-grid input:disabled,
.snova-constructor-rich-inspector-grid select:disabled{opacity:.45;cursor:not-allowed;}
.snova-constructor-rich-toolbar [data-inspector-toggle].snova-constructor-is-active{background:var(--snova-accent)!important;border-color:var(--snova-accent)!important;color:#fff!important;}
.snova-constructor-rich-selected-element{outline:2px solid var(--snova-accent)!important;outline-offset:2px!important;}
@media (max-width:980px){.snova-constructor-rich-inspector-grid{grid-template-columns:repeat(2,minmax(0,1fr));}}

/* v3.0.44: rich editor context menu and DOM breadcrumbs */
.snova-constructor-rich-context-menu{
  position:fixed;
  z-index:1000002;
  width:min(360px, calc(100vw - 24px));
  max-height:calc(100vh - 24px);
  overflow:auto;
  display:none;
  background:#fff;
  border:1px solid #d7dbe2;
  border-radius:14px;
  box-shadow:0 18px 50px rgba(15,23,42,.18);
  padding:12px;
  box-sizing:border-box;
}
.snova-constructor-rich-context-menu.snova-constructor-is-open{display:block;}
.snova-constructor-rich-context-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px;}
.snova-constructor-rich-context-head strong{font-size:13px;color:#1f2937;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.snova-constructor-rich-context-head button{width:28px;height:28px;border:1px solid #d7dbe2;background:#fff;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#444;}
.snova-constructor-rich-context-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;align-items:end;}
.snova-constructor-rich-context-grid label,
.snova-constructor-rich-context-special label{display:grid;gap:4px;min-width:0;font-size:11px;color:#555;}
.snova-constructor-rich-context-grid input,
.snova-constructor-rich-context-grid select,
.snova-constructor-rich-context-special input,
.snova-constructor-rich-context-special select{width:100%;height:30px;border:1px solid #d7dbe2;border-radius:8px;background:#fff;color:#222;padding:0 8px;font-size:12px;box-sizing:border-box;}
.snova-constructor-rich-context-grid input[type="color"]{padding:2px;}
.snova-constructor-rich-context-special{display:none;margin-top:10px;padding-top:10px;border-top:1px solid #edf0f4;}
.snova-constructor-rich-context-subtitle{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:700;color:#222;margin-bottom:8px;}
.snova-constructor-rich-context-special .snova-constructor-btn{margin-top:8px;}
.snova-constructor-rich-context-actions{display:flex;gap:8px;margin-top:10px;border-top:1px solid #edf0f4;padding-top:10px;}
.snova-constructor-rich-context-actions button{height:28px;border:1px solid var(--snova-border);background:#fff;border-radius:8px;padding:0 10px;font-size:12px;color:#333;cursor:pointer;}
.snova-constructor-rich-context-actions button:hover,
.snova-constructor-rich-context-head button:hover{background:#f6f7f9;}
.snova-constructor-rich-breadcrumbs{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin:8px 0 0;padding:8px 10px;background:#f8fafc;border:1px solid #e5e7eb;border-radius:10px;box-sizing:border-box;font-size:12px;}
.snova-constructor-rich-breadcrumbs-label{font-weight:700;color:#374151;margin-right:2px;}
.snova-constructor-rich-breadcrumbs-empty{color:#777;}
.snova-constructor-rich-breadcrumbs-sep{color:#9ca3af;font-size:11px;}
.snova-constructor-rich-breadcrumb{border:1px solid #d7dbe2;background:#fff;border-radius:999px;padding:4px 9px;font-size:12px;line-height:1;color:#374151;cursor:pointer;}
.snova-constructor-rich-breadcrumb:hover{border-color:var(--snova-accent);color:var(--snova-accent);}
.snova-constructor-rich-selected-element{outline:2px solid var(--snova-accent)!important;outline-offset:2px!important;}
@media (max-width:720px){
  .snova-constructor-rich-context-grid{grid-template-columns:1fr;}
}


/* v3.0.45: streamlined rich editor context menu */
.snova-constructor-rich-inspector{
  display:none!important;
}
.snova-constructor-rich-toolbar [data-inspector-toggle]{
  display:none!important;
}
.snova-constructor-rich-context-color-label{
  display:grid!important;
  gap:4px!important;
}
.snova-constructor-rich-color-control{
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  min-width:0!important;
}
.snova-constructor-rich-color-control input[type="color"]{
  width:30px!important;
  height:30px!important;
  min-width:30px!important;
  max-width:30px!important;
  padding:2px!important;
  border:1px solid #d7dbe2!important;
  border-radius:8px!important;
  background:#fff!important;
  box-sizing:border-box!important;
  cursor:pointer!important;
}
.snova-constructor-rich-color-control button{
  height:30px!important;
  padding:0 9px!important;
  border:1px solid #d7dbe2!important;
  background:#fff!important;
  border-radius:8px!important;
  color:#333!important;
  font-size:11px!important;
  white-space:nowrap!important;
  cursor:pointer!important;
}
.snova-constructor-rich-color-control button:hover{
  background:#f6f7f9!important;
  border-color:var(--snova-accent)!important;
}
.snova-constructor-rich-breadcrumbs{
  margin:10px 14px 0!important;
  padding:8px 10px!important;
  background:#f6f7f9!important;
  border-color:#e1e4ea!important;
}


/* v3.0.46: stronger visual selection for HTML tags in rich editor */
.snova-constructor-rich-visual .snova-constructor-rich-selected-element,
.snova-constructor-rich-visual [data-snova-rich-selected="1"]{
  outline:1px solid var(--snova-accent)!important;
  outline-offset:2px!important;
  box-shadow:0 0 0 2px rgba(87,83,67,.18)!important;
  position:relative!important;
}
.snova-constructor-rich-visual img.snova-constructor-rich-selected-element,
.snova-constructor-rich-visual img[data-snova-rich-selected="1"]{
  outline-offset:3px!important;
}

/* v3.0.51: expanded HTML visual editor controls */
.snova-constructor-rich-toolbar [data-inspector-toggle]{
  display:inline-flex!important;
}
.snova-constructor-rich-toolbar{
  align-items:center!important;
  gap:3px!important;
  margin:10px 14px!important;
  padding:5px!important;
  border:1px solid #dfe3ea!important;
  border-radius:12px!important;
  background:#f4f6f8!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.9)!important;
}
.snova-constructor-rich-toolbar button{
  width:34px!important;
  min-width:34px!important;
  max-width:34px!important;
  height:34px!important;
  min-height:34px!important;
  padding:0!important;
  flex:0 0 34px!important;
  line-height:1!important;
  vertical-align:top!important;
  border:0!important;
  border-radius:9px!important;
  background:transparent!important;
  color:#30343b!important;
  box-shadow:none!important;
}
.snova-constructor-rich-toolbar button i{
  display:block!important;
  width:1em!important;
  min-width:1em!important;
  color:currentColor!important;
  font-size:14px!important;
  line-height:1!important;
  text-align:center!important;
  opacity:1!important;
}
.snova-constructor-rich-toolbar button:hover{
  background:rgba(255,255,255,.7)!important;
  color:#111827!important;
}
.snova-constructor-rich-toolbar [data-inspector-toggle].snova-constructor-is-active,
.snova-constructor-rich-toolbar [data-inspector-toggle].snova-constructor-is-active:hover{
  background:#fff!important;
  border-color:transparent!important;
  color:var(--snova-accent)!important;
  box-shadow:0 1px 4px rgba(15,23,42,.12)!important;
}
.snova-constructor-rich-toolbar [data-inspector-toggle].snova-constructor-is-active i{
  color:var(--snova-accent)!important;
  opacity:1!important;
  visibility:visible!important;
}
.snova-constructor-rich-toolbar select,
.snova-constructor-rich-toolbar-field{
  height:34px;
  min-height:34px;
  border:0!important;
  border-radius:9px;
  background:transparent;
  color:#222;
  font-size:12px;
  box-sizing:border-box;
  margin:0!important;
}
.snova-constructor-rich-toolbar select{
  width:82px;
  min-width:82px;
  max-width:82px;
  padding:0 6px 0 8px;
  line-height:34px;
  background:#fff!important;
  box-shadow:0 1px 4px rgba(15,23,42,.08);
}
.snova-constructor-rich-toolbar-field{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  padding:0 8px;
  line-height:1;
}
.snova-constructor-rich-toolbar select:hover,
.snova-constructor-rich-toolbar-field:hover{
  background:rgba(255,255,255,.7);
}
.snova-constructor-rich-toolbar-field span{
  color:#555;
  font-size:11px;
  line-height:1;
  white-space:nowrap;
}
.snova-constructor-rich-toolbar-field input[type="color"]{
  width:24px;
  min-width:24px;
  height:24px;
  padding:1px;
  border:1px solid #d7dbe2;
  border-radius:6px;
  background:#fff;
  cursor:pointer;
}
.snova-constructor-rich-toolbar-size input{
  width:50px;
  height:26px;
  padding:0 4px;
  border:1px solid #d7dbe2;
  border-radius:6px;
  font-size:12px;
  line-height:26px;
  text-align:center;
  display:block;
  align-self:center;
  margin:0!important;
  box-sizing:border-box;
}
.snova-constructor-rich-toolbar-size{
  background:rgba(255,255,255,.55);
}
.snova-constructor-rich-visual.snova-constructor-rich-select-mode *:hover{
  outline:1px dashed rgba(87,83,67,.45);
  outline-offset:2px;
}
.snova-constructor-rich-visual .snova-constructor-rich-selected-element,
.snova-constructor-rich-visual [data-snova-rich-selected="1"]{
  outline:3px dashed var(--snova-accent)!important;
  outline-offset:3px!important;
  box-shadow:none!important;
}
.snova-constructor-rich-element-selection{
  position:fixed!important;
  z-index:1000004!important;
  display:none;
  pointer-events:none!important;
  box-sizing:border-box!important;
  border:3px dashed var(--snova-accent)!important;
  border-radius:8px!important;
  background:rgba(255,255,255,.01)!important;
  box-shadow:0 10px 28px rgba(15,23,42,.12)!important;
}
.snova-constructor-rich-element-gear{
  position:fixed!important;
  z-index:1000005!important;
  width:30px!important;
  height:30px!important;
  display:none;
  align-items:center!important;
  justify-content:center!important;
  padding:0!important;
  border:1px solid #dfe3ea!important;
  border-radius:9px!important;
  background:#fff!important;
  color:var(--snova-accent)!important;
  box-shadow:0 6px 18px rgba(15,23,42,.18)!important;
  cursor:pointer!important;
  box-sizing:border-box!important;
  line-height:1!important;
}
.snova-constructor-rich-element-gear.snova-constructor-is-open{
  display:flex!important;
}
.snova-constructor-rich-element-gear:hover{
  background:#fff!important;
  border-color:#cfd5df!important;
  color:#1f2937!important;
  box-shadow:0 8px 22px rgba(15,23,42,.16)!important;
}
.snova-constructor-rich-element-gear i{
  color:currentColor!important;
  font-size:13px!important;
  line-height:1!important;
}
.snova-constructor-import-options{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
  margin-top:12px;
}
.snova-constructor-import-options label{
  display:flex;
  align-items:center;
  gap:10px;
  min-height:42px;
  padding:10px 12px;
  border:1px solid #dfe3ea;
  border-radius:12px;
  background:#f7f8fa;
  cursor:pointer;
  font-size:13px;
  color:#222;
}
.snova-constructor-import-options label:hover{
  border-color:var(--snova-accent);
  background:#fff;
}
.snova-constructor-import-options input{
  position:absolute!important;
  opacity:0!important;
  pointer-events:none!important;
  width:1px!important;
  height:1px!important;
}
.snova-constructor-import-check{
  width:22px;
  height:22px;
  min-width:22px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border:1px solid #cbd1da;
  border-radius:7px;
  background:#fff;
  color:transparent!important;
  box-shadow:0 1px 3px rgba(15,23,42,.08);
  transition:background .15s, border-color .15s, color .15s, transform .15s;
}
.snova-constructor-import-check i{
  color:currentColor!important;
  font-size:12px;
  line-height:1;
}
.snova-constructor-import-check:after{
  content:'\2713';
  display:none;
  color:#fff!important;
  font-size:14px;
  font-weight:700;
  line-height:1;
}
.snova-constructor-import-check i{
  display:none!important;
}
.snova-constructor-import-options input:checked + .snova-constructor-import-check{
  background:#575343!important;
  border-color:#575343!important;
  color:#fff!important;
}
.snova-constructor-import-options input:checked + .snova-constructor-import-check:after{
  display:block;
}
.snova-constructor-import-options label:hover .snova-constructor-import-check{
  border-color:var(--snova-accent);
}
.snova-constructor-gallery-summary{
  margin-bottom:0;
  padding:14px;
  border:1px solid #dfe3ea;
  border-radius:12px;
  background:#f7f8fa;
}
.snova-constructor-gallery-disk{
  display:grid;
  grid-template-columns:112px minmax(0,1fr);
  align-items:center;
  gap:14px;
}
.snova-constructor-gallery-disk-chart{
  width:112px;
  height:112px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:50%;
  box-shadow:inset 0 0 0 1px rgba(15,23,42,.08);
}
.snova-constructor-gallery-disk-chart > div{
  width:72px;
  height:72px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  border-radius:50%;
  background:#fff;
  box-shadow:0 1px 6px rgba(15,23,42,.08);
}
.snova-constructor-gallery-disk-chart b,
.snova-constructor-gallery-disk-chart span{
  display:block;
  font-size:11px!important;
  line-height:1.15;
  color:#222!important;
  text-align:center;
  margin:0!important;
}
.snova-constructor-gallery-disk-chart b{font-weight:700!important;}
.snova-constructor-gallery-disk-info{
  min-width:0;
}
.snova-constructor-gallery-disk-info strong{
  display:block;
  margin-bottom:8px;
  color:#222;
  font-size:14px;
}
.snova-constructor-gallery-disk-legend{
  display:flex;
  flex-wrap:wrap;
  gap:6px 10px;
}
.snova-constructor-gallery-disk-legend span{
  display:inline-flex!important;
  align-items:center;
  gap:5px;
  max-width:140px;
  color:#667085!important;
  font-size:11px!important;
  line-height:1.2;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.snova-constructor-gallery-disk-legend i{
  width:8px;
  height:8px;
  min-width:8px;
  border-radius:50%;
}
.snova-constructor-gallery-headrow{
  display:grid;
  grid-template-columns:minmax(260px,360px) 1fr;
  gap:12px;
  align-items:stretch;
  margin-bottom:12px;
}
.snova-constructor-gallery-headrow .snova-constructor-gallery-upload-zone{
  min-height:0;
  margin-bottom:0;
}
.snova-constructor-gallery-upload-zone.snova-constructor-is-drop{
  border-color:var(--snova-accent)!important;
  background:#fff!important;
  box-shadow:0 0 0 3px rgba(87,83,67,.12)!important;
}
.snova-constructor-gallery-upload-actions{
  display:flex;
  align-items:center;
  gap:8px;
  margin-top:10px;
}
.snova-constructor-gallery-upload-actions button{
  height:30px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border:1px solid #dfe3ea;
  border-radius:8px;
  background:#fff;
  color:#1f2937;
  font-size:12px;
  font-weight:700;
  line-height:1;
  padding:0 12px;
  cursor:pointer;
}
.snova-constructor-gallery-upload-actions button:hover{
  border-color:var(--snova-accent);
  color:var(--snova-accent);
}
.snova-constructor-gallery-preview-overlay{
  position:fixed;
  inset:0;
  z-index:1000020;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:24px;
  background:rgba(15,23,42,.62);
}
.snova-constructor-gallery-preview{
  position:relative;
  width:min(820px, calc(100vw - 48px));
  max-height:calc(100vh - 48px);
  display:grid;
  grid-template-columns:minmax(0,1fr) 240px;
  overflow:hidden;
  border-radius:16px;
  background:#fff;
  box-shadow:0 24px 70px rgba(0,0,0,.28);
}
.snova-constructor-gallery-preview-close{
  position:absolute;
  top:12px;
  right:12px;
  z-index:2;
  width:34px;
  height:34px;
  display:flex;
  align-items:center;
  justify-content:center;
  border:1px solid #dfe3ea;
  border-radius:10px;
  background:#fff;
  color:#1f2937;
  cursor:pointer;
}
.snova-constructor-gallery-preview-close:hover{
  border-color:var(--snova-accent);
  color:var(--snova-accent);
}
.snova-constructor-gallery-preview-image{
  min-height:360px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:#f3f5f8;
}
.snova-constructor-gallery-preview-image img{
  display:block;
  max-width:100%;
  max-height:calc(100vh - 92px);
  object-fit:contain;
}
.snova-constructor-gallery-preview-info{
  display:grid;
  align-content:start;
  gap:12px;
  padding:54px 18px 18px;
  border-left:1px solid #edf0f4;
  background:#fff;
}
.snova-constructor-gallery-preview-info div{
  display:grid;
  gap:4px;
  min-width:0;
}
.snova-constructor-gallery-preview-info span{
  font-size:11px;
  line-height:1.25;
  color:#667085;
}
.snova-constructor-gallery-preview-info b{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  font-size:13px;
  line-height:1.35;
  color:#1f2937;
  overflow-wrap:anywhere;
}
.snova-constructor-gallery-summary b,
.snova-constructor-gallery-summary span{
  display:block;
}
.snova-constructor-gallery-summary b{font-size:13px;color:#222;}
.snova-constructor-gallery-summary span{font-size:12px;color:#667085;margin-top:2px;}
.snova-constructor-gallery-progress{
  height:8px;
  border-radius:999px;
  background:#e7eaf0;
  overflow:hidden;
}
.snova-constructor-gallery-progress i{
  display:block;
  height:100%;
  border-radius:999px;
  background:var(--snova-accent);
}
.snova-constructor-gallery-folders{
  display:flex;
  align-items:center;
  gap:8px;
  margin-bottom:12px;
}
.snova-constructor-gallery-manager-modal .snova-constructor-modal-actions.snova-constructor-is-hidden{
  display:none!important;
}
.snova-constructor-gallery-nav{
  display:grid;
  grid-template-columns:34px minmax(0,1fr) auto;
  align-items:center;
  gap:8px;
  margin:0 0 12px;
  padding:5px;
  border:1px solid #dfe3ea;
  border-radius:12px;
  background:#f4f6f8;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.9);
}
.snova-constructor-gallery-nav.snova-constructor-gallery-nav-root{
  grid-template-columns:minmax(0,1fr) auto;
}
.snova-constructor-gallery-nav.snova-constructor-gallery-nav-root > [data-folder-up]{
  display:none!important;
}
.snova-constructor-gallery-nav-picker.snova-constructor-gallery-nav-root{
  grid-template-columns:minmax(0,1fr);
}
.snova-constructor-gallery-nav button,
.snova-constructor-gallery-actions button{
  width:34px;
  min-width:34px;
  height:34px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border:0;
  border-radius:9px;
  background:transparent;
  color:#30343b;
  cursor:pointer;
  line-height:1;
}
.snova-constructor-gallery-nav button:hover,
.snova-constructor-gallery-actions button:hover{
  background:rgba(255,255,255,.78);
  color:#111827;
}
.snova-constructor-gallery-nav button:disabled{
  opacity:.35;
  cursor:not-allowed;
}
.snova-constructor-gallery-nav button:disabled:hover{
  background:transparent;
}
.snova-constructor-gallery-nav button i,
.snova-constructor-gallery-actions button i{
  color:currentColor;
  font-size:14px;
  line-height:1;
}
.snova-constructor-gallery-actions{
  display:inline-flex;
  align-items:center;
  gap:3px;
  padding:0 0 0 5px;
  border-left:1px solid #dfe3ea;
}
.snova-constructor-gallery-folders .snova-constructor-btn{
  height:38px;
  min-width:38px;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:0 11px;
  line-height:1;
}
.snova-constructor-gallery-folders .snova-constructor-btn i{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:16px;
  height:16px;
  line-height:1;
}
.snova-constructor-gallery-folders select{
  flex:1 1 auto;
  height:38px;
  border:1px solid #dfe3ea;
  border-radius:10px;
  background:#fff;
  padding:0 10px;
  font-size:13px;
}
.snova-constructor-gallery-path{
  display:flex;
  align-items:center;
  flex-wrap:nowrap;
  gap:6px;
  min-width:0;
  overflow-x:auto;
  overflow-y:hidden;
  margin:0;
  padding:0 4px;
  border:0;
  border-radius:0;
  background:transparent;
  color:#697386;
  font-size:13px;
  scrollbar-width:thin;
}
.snova-constructor-gallery-path button{
  width:auto!important;
  min-width:auto!important;
  max-width:220px;
  height:30px!important;
  flex:0 1 auto!important;
  border:0;
  background:transparent;
  color:#2d3648;
  cursor:pointer;
  font:inherit;
  padding:3px 5px;
  border-radius:7px;
  display:inline-block!important;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.snova-constructor-gallery-path button:hover{
  background:#fff;
}
.snova-constructor-gallery-path i{
  flex:0 0 auto;
  font-size:10px;
  color:#98a2b3;
}
.snova-constructor-gallery-folder-tile{
  position:relative;
  width:100%;
  min-height:156px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:8px;
  border:1px solid var(--snova-border);
  border-radius:12px;
  background:#fff;
  color:#222;
  cursor:pointer;
  padding:18px 12px;
  text-align:center;
  transition:border-color .15s ease, box-shadow .15s ease, transform .15s ease;
}
.snova-constructor-gallery-folder-mark{
  position:absolute;
  top:8px;
  right:8px;
  width:22px;
  height:22px;
  display:flex;
  align-items:center;
  justify-content:center;
  border:1px solid #d7dbe2;
  border-radius:7px;
  background:#fff;
  color:transparent!important;
  box-shadow:0 2px 8px rgba(15,23,42,.12);
}
.snova-constructor-gallery-folder-mark:after{
  content:'\2713';
  display:none;
  color:#fff!important;
  font-size:14px;
  font-weight:700;
  line-height:1;
}
.snova-constructor-gallery-folder-mark i{
  display:none!important;
  color:currentColor;
  font-size:12px;
  line-height:1;
}
.snova-constructor-gallery-folder-tile.snova-constructor-is-selected{
  border-color:var(--snova-accent);
  box-shadow:0 8px 24px rgba(0,0,0,.12);
}
.snova-constructor-gallery-folder-tile.snova-constructor-is-selected .snova-constructor-gallery-folder-mark{
  background:#575343!important;
  border-color:#575343!important;
  color:#fff!important;
}
.snova-constructor-gallery-folder-tile.snova-constructor-is-selected .snova-constructor-gallery-folder-mark:after{
  display:block;
}
.snova-constructor-gallery-folder-tile:hover{
  border-color:var(--snova-accent);
  box-shadow:0 8px 24px rgba(0,0,0,.1);
  transform:translateY(-1px);
}
.snova-constructor-gallery-folder-icon{
  width:58px;
  height:50px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:14px;
  background:#fff6d8;
  color:#c48a00;
  font-size:32px;
}
@media(max-width:760px){
  .snova-constructor-gallery-headrow{grid-template-columns:1fr}
  .snova-constructor-gallery-disk{grid-template-columns:1fr}
  .snova-constructor-gallery-nav{grid-template-columns:34px minmax(0,1fr)}
  .snova-constructor-gallery-actions{grid-column:1/-1;justify-content:flex-end;border-left:0;border-top:1px solid #dfe3ea;padding:5px 0 0}
  .snova-constructor-gallery-preview{grid-template-columns:1fr;width:calc(100vw - 24px)}
  .snova-constructor-gallery-preview-image{min-height:260px}
  .snova-constructor-gallery-preview-info{border-left:0;border-top:1px solid #edf0f4;padding:16px}
}
.snova-constructor-gallery-select-mark.checkbox-v1,
.snova-constructor-gallery-folder-mark.checkbox-v1{
  position:absolute!important;
  top:8px!important;
  right:8px!important;
  z-index:25!important;
  width:auto!important;
  height:auto!important;
  display:block!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  color:inherit!important;
  box-shadow:none!important;
  opacity:1!important;
  transform:none!important;
  pointer-events:none!important;
}
.snova-constructor-gallery-select-mark.checkbox-v1 input[type="checkbox"],
.snova-constructor-gallery-folder-mark.checkbox-v1 input[type="checkbox"]{
  position:absolute!important;
  opacity:0!important;
  pointer-events:none!important;
}
.snova-constructor-gallery-select-mark.checkbox-v1 .checkbox-v1-switch,
.snova-constructor-gallery-folder-mark.checkbox-v1 .checkbox-v1-switch{
  display:block!important;
  margin:0!important;
}
.snova-constructor-gallery-folder-mark.checkbox-v1:after,
.snova-constructor-gallery-folder-mark.checkbox-v1 i,
.snova-constructor-gallery-select-mark.checkbox-v1 i{
  display:none!important;
}