:root {
    --col12-item-width: 4.1666665%;
    --flex-gap: 1px;
    --slc: (100% / 10);
}

*,
::after,
::before {
    box-sizing: border-box;
}

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

.ins_container,
.ins-container {
    display: block;
    max-width: 100%;
    margin: auto;
    clear: both;
}

@media (min-width: 768px) {
    .ins_container,
    .ins-container {
        width: 750px;
    }
}

@media (min-width: 992px) {
    .ins_container,
    .ins-container {
        width: 970px;
    }
}

@media (min-width: 1200px) {
    .ins_container,
    .ins-container {
        width: 1170px;
    }
    .ins-page-content {
        width: 1170px;
    }
}

.ins-grid,
.ins-grid {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    width: 100%;
    grid-gap: 10px;
}

.ins-grid_gap_0,
.ins-grid-gap-0 {
    grid-gap: 0px;
}

.ins-grid_gap_20,
.ins-grid-gap-20 {
    grid-gap: 20px;
}

.ins-grid_gap_30,
.ins-grid-gap-30 {
    grid-gap: 30px;
}

.ins-grid_gap_50,
.ins-grid-gap-50 {
    grid-gap: 50px;
}

.ins-grid_gap_100,
.ins-grid-gap-100 {
    grid-gap: 50px;
}

.ins-grid_24 {
    grid-template-columns: repeat(12, 1fr);
}

.ins-flex-size>* {
    width: attr(data-count);
}

.ins-flex-1>* {
    width: calc((var(--flex-gap)*1) - var(--flex-gap));
}

.ins-flex-2>* {
    --slc: (100% / 2);
    width: calc((100% / 2) - var(--flex-gap));
}

.ins-flex-3>* {
    --slc: (100% / 3);
    width: calc((100% / 3) - var(--flex-gap));
}

.ins-flex-4 {
    justify-content: space-between !important;
}

.ins-flex-4>* {
    --slc: (100% / 4);
    width: calc(var(--slc) - var(--flex-gap));
}

.ins-flex-5>* {
    --slc: (100% / 5);
    width: calc((100% / 5) - var(--flex-gap));
}

.ins-flex-6>* {
    --slc: (100% / 6);
    width: calc((100% / 6) - var(--flex-gap));
}

.ins-flex-7>* {
    --slc: (100% / 7);
    width: calc((100% / 7) - var(--flex-gap));
}

.ins-flex-8>* {
    --slc: (100% / 8);
    width: calc((100% / 8) - var(--flex-gap));
}

.ins-flex-9>* {
    --slc: (100% / 9);
    width: calc((100% / 9) - var(--flex-gap));
}

.ins-flex-10>* {
    --slc: (100% / 10);
    width: calc((100% / 10) - var(--flex-gap));
}

.ins-flex-11>* {
    --slc: (100% / 11);
    width: calc((100% / 11) - var(--flex-gap));
}

.ins-flex-12>* {
    --slc: (100% / 12);
    width: calc((100% / 12) - var(--flex-gap));
}

.ins-flex-13>* {
    --slc: (100% / 13);
    width: calc(var(--slc) - var(--flex-gap));
}

.ins-flex-14>* {
    --slc: (100% / 14);
    width: calc(var(--slc) - var(--flex-gap));
}

.ins-flex-15>* {
    --slc: (100% / 15);
    width: calc(var(--slc) - var(--flex-gap));
}

.ins-flex-16>* {
    --slc: (100% / 16);
    width: calc(var(--slc) - var(--flex-gap));
}

.ins-flex-17>* {
    --slc: (100% / 17);
    width: calc(var(--slc) - var(--flex-gap));
}

.ins-flex-18>* {
    --slc: (100% / 18);
    width: calc(var(--slc) - var(--flex-gap));
}

.ins-flex-19>* {
    --slc: (100% / 19);
    width: calc(var(--slc) - var(--flex-gap));
}

.ins-flex-20>* {
    --slc: (100% / 20);
    width: calc(var(--slc) - var(--flex-gap));
}

.ins-slc-1 {
    width: calc((var(--slc)*1) - var(--flex-gap));
}

.ins-slc-2 {
    width: calc((var(--slc)*2) - var(--flex-gap));
}

.ins-slc-3 {
    width: calc((var(--slc)*3) - var(--flex-gap));
}

.ins-slc-4 {
    width: calc((var(--slc)*4) - var(--flex-gap));
}

.ins-slc-5 {
    width: calc((var(--slc)*5) - var(--flex-gap));
}

.ins-slc-6 {
    width: calc((var(--slc)*6) - var(--flex-gap));
}

.ins-slc-7 {
    width: calc((var(--slc)*7) - var(--flex-gap));
}

.ins-slc-8 {
    width: calc((var(--slc)*8) - var(--flex-gap));
}

.ins-slc-9 {
    width: calc((var(--slc)*9) - var(--flex-gap));
}

.ins-slc-10 {
    width: calc((var(--slc)*10) - var(--flex-gap));
}

.ins-slc-11 {
    width: calc((var(--slc)*11) - var(--flex-gap));
}

.ins-slc-12 {
    width: calc((var(--slc)*12) - var(--flex-gap));
}

.ins-slc-13 {
    width: calc((var(--slc)*13) - var(--flex-gap));
}

.ins-slc-14 {
    width: calc((var(--slc)*14) - var(--flex-gap));
}

.ins-slc-15 {
    width: calc((var(--slc)*15) - var(--flex-gap));
}

.ins-slc-16 {
    width: calc((var(--slc)*16) - var(--flex-gap));
}

.ins-slc-17 {
    width: calc((var(--slc)*17) - var(--flex-gap));
}

.ins-slc-18 {
    width: calc((var(--slc)*18) - var(--flex-gap));
}

.ins-slc-19 {
    width: calc((var(--slc)*19) - var(--flex-gap));
}

.ins-slc-20 {
    width: calc((var(--slc)*20) - var(--flex-gap));
}


/*
.ins-count-1 {
    width: 100%;
}
.ins-count-2 {
    width: calc((100% / 2) - var(--flex-gap));
}
.ins-count-2 {
    width: calc((100% / 3) - var(--flex-gap));
}
.ins-count-4 {
    width: calc((100% / 4) - var(--flex-gap));
}
.ins-count-5 {
    width: calc((100% / 5) - var(--flex-gap));
}
.ins-count-6 {
    width: calc((100% / 6) - var(--flex-gap));
}
.ins-count-7 {
    width: calc((100% / 7) - var(--flex-gap));
}
.ins-count-8 {
    width: calc((100% / 8) - var(--flex-gap));
}
.ins-count-9 {
    width: calc((100% / 9) - var(--flex-gap));
}
.ins-count-10 {
    width: calc((100% / 10) - var(--flex-gap));
}
.ins-count-11 {
    width: calc((100% / 11) - var(--flex-gap));
}
.ins-count-12 {
    width: calc((100% / 12) - var(--flex-gap));
}
.ins-col-0_5 {
    width: calc(var(--col12-item-width) * 0.5 - var(--flex-gap));
}*/

.ins_col_1,
.ins-col-1,
.ins-fcol-1 {
    width: calc(var(--col12-item-width) * 1 - var(--flex-gap));
}

.ins_col_2,
.ins-col-2,
.ins-fcol-2 {
    width: calc(var(--col12-item-width) * 2 - var(--flex-gap));
}

.ins_col_3,
.ins-col-3,
.ins-fcol-3 {
    width: calc(var(--col12-item-width) * 3 - var(--flex-gap));
}

.ins_col_4,
.ins-col-4,
.ins-fcol-4 {
    width: calc(var(--col12-item-width) * 4 - var(--flex-gap));
}

.ins_col_5,
.ins-col-5,
.ins-fcol-5 {
    width: calc(var(--col12-item-width) * 5 - var(--flex-gap));
}

.ins_col_6,
.ins-col-6,
.ins-fcol-6 {
    width: calc(var(--col12-item-width) * 6 - var(--flex-gap));
}

.ins_col_7,
.ins-col-7,
.ins-fcol-7 {
    width: calc(var(--col12-item-width) * 7 - var(--flex-gap));
}

.ins_col_8,
.ins-col-8,
.ins-fcol-8 {
    width: calc(var(--col12-item-width) * 8 - var(--flex-gap));
}

.ins_col_9,
.ins-col-9,
.ins-fcol-9 {
    width: calc(var(--col12-item-width) * 9 - var(--flex-gap));
}

.ins_col_10,
.ins-col-10,
.ins-fcol-10 {
    width: calc(var(--col12-item-width) * 10 - var(--flex-gap));
}

.ins_col_11,
.ins-col-11,
.ins-fcol-11 {
    width: calc(var(--col12-item-width) * 11 - var(--flex-gap));
}

.ins-col-12,
.ins-col-all {
    width: 100%
}

.ins-grid>[class*="ins_col_"],
.ins-grid>[class*="ins-col-"] {
    width: 100%;
}

.ins-grid>.ins_col_1,
.ins-grid>.ins-gcol-1,
.ins-col-end-1 {
    grid-column-end: span 1;
}

.ins-grid>.ins_col_2,
.ins-grid>.ins-col-2,
.ins-gcol-2,
.ins-col-end-2 {
    grid-column-end: span 2;
}

.ins-grid>.ins_col_3,
.ins-gcol-3,
.ins-col-3,
.ins-col-end-3 {
    grid-column-end: span 3;
}

.ins-grid>.ins-col-4,
.ins-gcol-4,
.ins_col_4,
.ins-col-end-4 {
    grid-column-end: span 4 !important;
}

.ins-grid>.ins-col-5,
.ins-gcol-5,
.ins-grid>.ins_col_5,
.ins-col-end-5 {
    grid-column-end: span 5;
}

.ins-grid>.ins-col-6,
.ins-gcol-6,
.ins-grid>.ins_col_6,
.ins-col-end-6 {
    grid-column-end: span 6;
}

.ins-grid>.ins-col-7,
.ins-gcol-7,
.ins-grid>.ins_col_7,
.ins-col-end-7 {
    grid-column-end: span 7;
}

.ins-grid>.ins-col-8,
.ins-gcol-8,
.ins-grid>.ins_col_8,
.ins-col-end-8,
.ins_table_cards .ins_card_col_8 {
    grid-column-end: span 8;
}

.ins-grid>.ins-col-9,
.ins-gcol-9,
.ins-grid>.ins_col_9,
.ins-col-end-9,
.ins_table_cards .ins_card_col_9 {
    grid-column-end: span 9;
}

.ins-grid>.ins-col-10,
.ins-gcol-10,
.ins-grid>.ins_col_10,
.ins-col-end-10,
.ins_table_cards .ins_card_col_10 {
    grid-column-end: span 10;
}

.ins-col-11,
.ins-gcol-11,
.ins_col_11,
.ins-col-end-11,
.ins_table_cards .ins_card_col_11 {
    grid-column-end: span 11;
}

.ins-grid>.ins-col-12,
.ins-gcol-12,
.ins-grid>.ins_col_12,
.ins-col-end-12,
.ins_table_cards .ins_card_col_12 {
    grid-column-end: span 12;
}

[class*="ins-flex"] {
    --col12-item-width: 8.333333333333333%;
}

[class*="ins-flex"].ins-24col {
    --col12-item-width: 4.1666665%;
}

[class*="ins-flex"]>[class*="ins_col_"]:not(.ins-tr.ins-grid >*),
[class*="ins-flex"]>[class*="ins-col-"]:not(.ins-tr.ins-grid >*),
[class*="ins-tr"]>[class*="ins-col-"]:not(.ins-tr.ins-grid >*) {
    /*  width: 100%;*/
    grid-column-end: unset;
}

.ins-tr.ins-grid {
    display: grid;
}

[class*="ins-fcol"] {
    max-width: 100%;
}

[class*="ins-flex"]>.ins-col-1,
.ins-fcol-1 {
    width: calc(var(--col12-item-width) * 1 - var(--flex-gap));
}

[class*="ins-flex"]>.ins-col-2,
.ins-fcol-2 {
    width: calc(var(--col12-item-width) * 2 - var(--flex-gap));
}

[class*="ins-flex"]>.ins-col-3,
.ins-fcol-3 {
    width: calc(var(--col12-item-width) * 3 - var(--flex-gap));
}

[class*="ins-flex"]>.ins-col-4,
.ins-fcol-4 {
    width: calc(var(--col12-item-width) * 4 - var(--flex-gap));
}

[class*="ins-flex"]>.ins-col-5,
.ins-fcol-5 {
    width: calc(var(--col12-item-width) * 5 - var(--flex-gap));
}

[class*="ins-flex"]>.ins-col-6,
.ins-fcol-6 {
    width: calc(var(--col12-item-width) * 6 - var(--flex-gap));
}

[class*="ins-flex"]>.ins-col-7,
.ins-fcol-7 {
    width: calc(var(--col12-item-width) * 7 - var(--flex-gap));
}

[class*="ins-flex"]>.ins-col-8,
.ins-fcol-8 {
    width: calc(var(--col12-item-width) * 8 - var(--flex-gap));
}

[class*="ins-flex"]>.ins-col-9,
.ins-fcol-9 {
    width: calc(var(--col12-item-width) * 9 - var(--flex-gap));
}

[class*="ins-flex"]>.ins-col-10,
.ins-fcol-10 {
    width: calc(var(--col12-item-width) * 10 - var(--flex-gap));
}

[class*="ins-flex"]>.ins-col-11,
.ins-fcol-11 {
    width: calc(var(--col12-item-width) * 11 - var(--flex-gap));
}

.ins-row-1,
.ins-row-end-1 {
    grid-row-end: span 1;
}

.ins-row-2,
.ins-row-end-2 {
    grid-row-end: span 2;
}

.ins-row-3,
.ins-row-end-3 {
    grid-row-end: span 3;
}

.ins-row-4,
.ins-row-end-4 {
    grid-row-end: span 4;
}

.ins-row-5,
.ins-row-end-5 {
    grid-row-end: span 5;
}

.ins-row-6,
.ins-row-end-6 {
    grid-row-end: span 6;
}

.ins-row-7,
.ins-row-end-7 {
    grid-row-end: span 7;
}

.ins-row-8,
.ins-row-end-8,
.ins_table_cards .ins_card_row_8 {
    grid-row-end: span 8;
}

.ins-row-9,
.ins-row-end-9,
.ins_table_cards .ins_card_row_9 {
    grid-row-end: span 9;
}

.ins-row-10,
.ins-row-end-10,
.ins_table_cards .ins_card_row_10 {
    grid-row-end: span 10;
}

.ins-row-11,
.ins-row-end-11,
.ins_table_cards .ins_card_row_11 {
    grid-row-end: span 11;
}

.ins-row-12,
.ins-row-end-12,
.ins_table_cards .ins_card_row_12 {
    grid-row-end: span 12;
}

.ins-row-12,
.ins-row-end-12,
.ins_table_cards .ins_card_row_12 {
    grid-row-end: span 12;
}

.ins-text-center,
.ins_text_center {
    text-align: center;
}

.ins-text-right,
.ins_text_right {
    text-align: right;
}

.ins-text-left,
.ins_text_left {
    text-align: left;
}

.ins_hidden,
.ins-none,
.ins-hidden {
    display: none !important;
}

.ins-notvisible {
    opacity: 0;
}

.ins-float-center,
.ins-align-center,
.ins_align_center {
    float: none;
    margin: auto;
    display: block;
}

.ins-float-right,
.ins-align-right,
.ins_align_right {
    float: right;
}

.ins-float-left,
.ins-align-left,
.ins_align_left {
    float: left;
}

[class*="ins-flex"] {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: normal;
    align-content: normal;
    row-gap: 0.5rem;
    column-gap: 0.5rem;
    --flex-gap: 10px;
    align-content: flex-start;
    align-items: center;
}

.ins-gap-o {
    column-gap: 0rem !important;
    row-gap: 0rem !important;
    --flex-gap: 0px !important;
}

.ins-gap-10 {
    --flex-gap: 10px;
    column-gap: 10px;
    row-gap: 10px;
}

.ins-gap-20,
.ins-gap-20 ul {
    column-gap: 20px !important;
    row-gap: 20px !important;
    --flex-gap: 20px !important;
}

.ins-gap-30,
.ins-gap-30 ul {
    column-gap: 30px !important;
    row-gap: 30px !important;
    --flex-gap: 30px !important;
}

.ins-gap-40,
.ins-gap-40 ul {
    column-gap: 40px !important;
    row-gap: 40px !important;
    --flex-gap: 40px !important;
}

.ins-gap-60,
.ins-gap-60 ul {
    column-gap: 60px !important;
    row-gap: 60px !important;
    --flex-gap: 60px !important;
}

.ins-gap-80,
.ins-gap-80 ul {
    column-gap: 80px !important;
    row-gap: 80px !important;
}

.ins-gap-100,
.ins-gap-100 ul {
    column-gap: 80px !important;
    row-gap: 80px !important;
}

.ins-gap-column-o {
    column-gap: 0rem !important;
}

.ins-gap-row-o {
    row-gap: 0rem !important;
}

a.ins-active {
    color: var(--primary);
}

.ins-flex-stretch {
    align-items: stretch;
    justify-content: center;
}

.ins-object-center {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.ins-object-left {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
}

.ins-object-right {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
}

.ins-object-bottom {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
}

.ins-object-top {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateYX(-50%);
}

.ins-object-show-onhover {
    opacity: 0;
    ;
}

.ins-object-parent:hover .ins-object-show-onhover {
    opacity: 1;
    ;
}

.ins-line-height-xs {
    line-height: 8px;
}

.ins-line-height-s {
    line-height: 16px;
}

.ins-line-height-m {
    line-height: 24px;
}

.ins-line-height-l {
    line-height: 30px;
}

.ins-line-height-xl {
    line-height: 40px;
}

.ins-line-height-xxl {
    line-height: 40px;
}

.ins-line-height-xxl {
    line-height: 50px;
}

.ins-line-height-xxxl {
    line-height: 80px;
}

.ins-object-parent {
    overflow: hidden;
    position: relative;
}

.ins-flex-start {
    justify-content: flex-start !important;
    align-items: flex-start !important;
}

.ins-flex-column {
    flex-direction: column;
}

.ins-flex-space-between {
    justify-content: space-between;
    align-items: center;
}

.ins-flex-space-around {
    justify-content: space-around;
    align-items: center;
}

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

.ins-flex-end {
    justify-content: end;
    align-content: flex-end;
}

.ins-flex-valign-start {
    align-items: flex-start;
}

.ins-flex-valign-end {
    align-items: flex-end;
}

.ins-flex-item-grow-0,
.ins-flex-grow-s {
    flex-grow: 0;
}

.ins-flex-item-grow,
.ins-flex-item-grow-1,
.ins-flex-grow,
.ins-flex-grow-m {
    flex-grow: 1;
}

.ins-flex-item-grow-2,
.ins-flex-grow-l {
    flex-grow: 2;
}

.ins-flex-item-grow-3,
.ins-flex-grow-xl {
    flex-grow: 3;
}

.ins-flex-item-grow-4,
.ins-flex-grow-xxl {
    flex-grow: 4;
}

.ins-flex-item-grow-5,
.ins-flex-grow-xxxl {
    flex-grow: 5;
}

.ins-flex-item-grow-5,
.ins-flex-grow-xxxxl {
    flex-grow: 6;
}

.ins-expanded {
    flex-grow: 4;
}

.ins-space-xs {
    width: 100%;
    height: 5px;
}

.ins-space-s {
    width: 100%;
    height: 10px;
}

.ins-space-m {
    width: 100%;
    height: 20px;
}

.ins-space-l {
    width: 100%;
    height: 40px;
}

.ins-space-xl {
    width: 100%;
    height: 60px;
}

.ins-space-xxl {
    width: 100%;
    height: 80px;
}

.ins-space-xxxl {
    width: 100%;
    height: 100px;
}

.ins-hspace-s {
    height: 100%;
    width: 10px;
}

.ins-hspace-m {
    height: 100%;
    width: 20px;
}

.ins-hspace-l {
    height: 100%;
    width: 40px;
}

.ins-hhspace-xl {
    height: 100%;
    width: 60px;
}

.ins-hspace-xxl {
    width: 100%;
    width: 80px;
}

.ins-hspace-xxxl {
    height: 100%;
    width: 100px;
}

.ins-space-top {
    margin-top: 20px;
}

.ins-space-top-10 {
    margin-top: 10px;
}

.ins-space-top-40 {
    margin-top: 40px;
}

.ins-space-top-60 {
    margin-top: 60px;
}

.ins-space-top-80 {
    margin-top: 80px;
}

.ins-space-top-100 {
    margin-top: 100px;
}

[class*="ins-fixpanel"] {
    padding: 20px;
    position: fixed;
    top: 0;
    left: 0;
    width: 360px;
    height: 100%;
    z-index: 1002;
    right: auto;
    transition: all 0.3s;
    background: var(--ins-color);
}

[class*="ins-fixpanel"] .ins-data {
    overflow: auto;
    position: relative;
    height: 100%;
    padding: 0 15px;
}

.ins-fixpanel-right {
    right: 0;
    transform: translateX(100%);
    left: auto;
}

.ins-fixpanel-right.ins-opened {
    transform: translateX(0);
}

.ins-fixpanel-left {
    transform: translateX(-100%);
}

.ins-fixpanel-left.ins-opened {
    transform: translateX(0);
}

.ins-fixpanel-fullscreen {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

[class*="ins-fixpanel"] .CodeMirror {
    position: absolute;
    bottom: 0;
    top: 60px;
    height: calc(100% - 80px);
    font-size: 14px;
    width: 100%;
    left: 0;
}

.ins-panel-overlay,
.ins-loader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: var(--opacity-bg);
    pointer-events: none;
    z-index: 1000;
    transition: all 0.3s;
    opacity: 0;
    pointer-events: none;
}

.ins-loader {
    z-index: 10000;
}

.ins-panel-overlay.ins-opened,
.ins-loader {
    opacity: 1;
    pointer-events: all;
}

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

.ins-loader i {
    color: var(--dark-text);
    font-size: 40px;
}


/** Radius-end */


/**ins-border-end */

.ins-ant-padding-xxl {
    margin: -20px;
    width: calc(100% + 40px) !important;
}

.ins-form-section {
    margin: 0 -20px;
    width: calc(100% + 40px) !important;
    padding: 20px 40px;
    border-bottom: 1px solid var(--border);
}

.ins-grey {
    background: var(--ins-color-4);
}

.ins-view-mode .ins-list-body {
    position: relative;
}

.ins-view-mode .ins-td:not(.ins-view-mode-data .ins-td),
.ins-view-mode .ins-th:not(.ins-view-mode-data .ins-th) {
    display: none;
}

.ins-view-mode .ins-view-mode-td {
    display: inline-block !important;
    width: 100%;
    overflow: hidden;
}

.ins-view-mode .ins-tr {
    transition: 0.3s;
    overflow: hidden;
    width: 100%;
}

.ins-view-mode .ins-table-data:not(.ins-view-mode-data .ins-table-data) {
    width: 30%;
    transition: 0.3s;
}

.ins-create-view-mode-btn {
    cursor: pointer;
    transition: 0.2s;
}

.ins-create-view-mode-btn:hover {
    transform: scale(1.05);
}

.ins-view-mode-data {
    width: 0;
    transition: 0.3s;
    padding: 0;
}

.ui_input_view .ins-danger-color,
.ui_input_view .ins_comment {
    display: none;
}

.ui_input_view .ins-form-label {
    /* font-weight: 600; */
    font-size: 0.8rem;
    text-transform: uppercase;
    font-family: var(--font-alt);
    color: var(--link);
    ;
    font-weight: bold;
}

.ins-view-mode .ins-view-mode-data {
    position: absolute;
    height: 100%;
    top: 0;
    width: calc(70% - 10px);
    left: 30%;
    overflow: auto;
    padding: 20px;
    min-height: 700px;
}

.ins-view-mode .ins-view-mode-list {
    width: 30%;
}

.ins-view-mode .ins-view-mode-col-12 {
    width: 100%;
}

.ins-view-mode .ins-view-mode-col-6 {
    width: 50%;
}

.ins-view-mode .ins-view-mode-col-3 {
    width: 25%;
}

.ins-view-mode .ins-view-mode-col-2 {
    width: calc(8.333333333333333% * 2);
}

.ins-view-mode .ins-view-mode-col-1 {
    width: 8.333333333333333%;
}

.ins-view-mode-btn span {
    color: var(--primary);
}

.ins-view-mode-close {
    cursor: pointer;
}

.ins-view-mode .ins-view-mode-btn span {
    color: var(--text);
}

.ins-view-mode .ins-view-mode-hide {
    display: none;
}

.ins-view-mode .ins-active .ins-view-mode-btn span {
    color: var(--primary) !important;
}