/*ГЛОБАЛЬНЫЕ НАСТРОЙКИ*/

:root {

/*Цвета*/
    --color-b: #0E0E0E;
    --color-w: #FFFFFF;
    --color-p: #fFF0046;
    --color-g:#CCCCCC;
    --color-lg: #F2F2F2;
    --color-mid-g:#6C6C6C;
    --color-dark-g: #242424;

/*Размеры*/
    --xs: 8px;
    --s: 16px;
    --m: 24px;
    --l: 32px;
    --xl: 40px;
    --xxl: 80px;
    --3xl: 160px;
    --4xl: 320px;
}

/*1 - БЛОК*/
/*Позиционирование*/
    .uc-first-block {
        position: absolute;
        top: 0;
        width: 100%;
        z-index: 10;
        overflow: hidden !important;
    }
/*Маска для иллюстрации*/
    .box-img {
        clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
    }

/*2 - БЛОК*/
/*Карточка во всю ширину*/
    .card-full {
        width: calc(100% - 32px) !important;
    }
    .card-full .tn-atom__sbs-anim-wrapper {
        width: calc(100% - 32px) !important;
    }
/*Правая половина карточки*/
    .card-right-half {
        overflow: hidden;
        border-radius: 0px var(--xs) var(--xs) 0px;
        border-left: 1px solid var(--color-g);
    }

/*3 БЛОК*/
/*маска*/
.border-bottom .tn-atom__sbs-anim-wrapper {
/*    border-bottom: 1px solid var(--color-g);*/
}
/*маска*/
.border-bottom {
    border-bottom: 1px solid var(--color-g);
}


.border-tr {
    overflow: hidden;
    border-radius: 0px var(--xs) 0px 0px;
}
.border-tl {
    overflow: hidden;
    border-radius: var(--xs) 0px 0px 0px;
}
.border-br {
    overflow: hidden;
    border-radius: 0px 0px var(--xs) 0px;
}
.border-bl {
    overflow: hidden;
    border-radius: 0px 0px 0px var(--xs);
}