:root{
    --secondary-2-cst: #F7F7F7;
    --secondary-3-cst: #D8D8DA;
    --border-color-cst: #ECECEC;
    --def-radius: 8px;
    --def-radius-2: 12px;
    --placeholder-cst: #B7B7B7;
    --inter: "Inter", sans-serif;
    --primary-2-cst: #004FFF;
    --danger-cst: #FF4A1C;
    --size-xs: 30px;
    --size-sm: 36px;
    --size-md: 40px;
    --size-lg: 44px;
    --size-xl: 50px;


    --gap--xs: 8px;
    --gap--sm: 10px;
    --gap--md: 12px;
    --gap--lg: 16px;
    --gap--xl: 20px;


    --text--xs: 12px;
    --text--sm: 13px;
    --text--md: 14px;
    --text--lg: 15px;
    --text--xl: 16px;

    --ico-size--xs: var(--size-xs);
    --ico-size--sm: var(--size-sm);
    --ico-size--md: var(--size-md);
    --ico-size--lg: var(--size-lg);
    --ico-size--xl: var(--size-xl);

    --btn-size--xs: var(--size-xs);
    --btn-size--sm: var(--size-sm);
    --btn-size--md: var(--size-md);
    --btn-size--lg: var(--size-lg);
    --btn-size--xl: var(--size-xl);

    --input-size--xs: var(--size-xs);
    --input-size--sm: var(--size-sm);
    --input-size--md: var(--size-md);
    --input-size--lg: var(--size-lg);
    --input-size--xl: var(--size-xl);
}

.control-content-item.--finished [data-step-trigger]{
    background-color: var(--white);
    color: var(--primary-2-cst);
    border-color: var(--border-color-cst);
}
.wrapper-control-content{
    display: flex;
    flex-direction: column;
}
.default-bg{
    background-color: var(--defaultTextColor) !important;
}
.wrapper-control-content > .control-content-item + .control-content-item{
    padding-top: 22px;
    margin-top: 22px;
    border-top: 1px solid var(--border-color-cst);
}
.label-button{
    display: flex;
    flex-direction: column;
}
.gutters-y--16{
    --bs-gutter-y: 16px;
}
.gutters--16{
    --bs-gutter-y: 16px;
    --bs-gutter-x: 16px;
}
.open.sidebar-helper.sidebar-helper--shortline{
    z-index: 56 !important;
}
.cursor-pointer{
    cursor: pointer;
}
.tdu{
    text-decoration: underline;
}
.gutters--22{
    --bs-gutter-x: 22px;
    --bs-gutter-y: 22px;
}
.gutters--20{
    --bs-gutter-x: 20px;
    --bs-gutter-y: 20px;
}
.--inter{
    font-family: var(--inter);
}
.gap--xs {
    gap: var(--gap--xs);
}

.gap--sm {
    gap: var(--gap--sm);
}

.gap--md {
    gap: var(--gap--md);
}

.gap--lg {
    gap: var(--gap--lg);
}

.gap--xl {
    gap: var(--gap--xl);
}


.color-primary-2{
    color: var(--primary-2-cst) !important;
}
.color-white{color: var(--white) !important;}
.bg-primary-2{
    background-color: var(--primary-2-cst) !important;
}
.color-danger-cts{
    color: var(--danger-cst);
}
.ico--sm {
    --ico-size: var(--ico-size--sm);
}

.ico--xs {
    --ico-size: var(--ico-size--xs);
}

.ico--md {
    --ico-size: var(--ico-size--md);
}

.ico--lg {
    --ico-size: var(--ico-size--lg);
}

.ico--xl {
    --ico-size: var(--ico-size--xl);
}


.def-radius{
    border-radius: var(--def-radius);
}
.def-radius-2{
    border-radius: var(--def-radius-2);
}
.header-section{
    white-space: nowrap;
}
.btn-nothover{
    opacity: 1 !important;
}
.rounded-full{
    border-radius: 360px;
}

.text-ellipsis{
    overflow: hidden;
    text-overflow: ellipsis;
}

.text--xs {
    font-size: var(--text--xs);
    line-height: normal;
}

.text--sm {
    font-size: var(--text--sm);
    line-height: normal;
}

.text--md {
    font-size: var(--text--md);
    line-height: normal;
}

.text--lg {
    font-size: var(--text--lg);
    line-height: normal;
}

.text--xl {
    font-size: var(--text--xl);
    line-height: normal;
}

.unreads-total{
    font-size: 14px;
    opacity: 0.4;
    color: var(--defaultTextColor);
}
.ico-custom{
    display: flex;
    align-items: center;
    justify-content: center;
    width: var(--ico-size);
    min-width: var(--ico-size);
    height: var(--ico-size);
}

.btn-custom.btn-custom--lg{
    --min-height: var(--btn-size--lg);
    --ico-size: 16px;
    padding: 8px 14px;
    font-size: 14px;
}

.btn-custom.btn-custom--sm{
    --min-height: var(--btn-size--sm);
    --ico-size: 16px;
    padding: 6px 12px;
    font-size: 14px;
}
.btn-custom.btn-custom--xs{
    --min-height: var(--btn-size--xs);
    --ico-size: 14px;
    padding: 4px 8px;
    font-size: 12px;
}
.btn-custom.btn-secondary-3-cst{
    background-color: var(--white);
    border-color: var(--secondary-3-cst);
    color: var(--defaultTextColor);
}
.btn-custom.btn-secondary-3-cst:hover{
    border-color: var(--defaultTextColor);
}

.btn-custom.btn-secondary-4-cst{
    background-color: var(--white);
    border-color: var(--secondary-3-cst);
    color: var(--primary-2-cst);
}
.btn-custom.btn-secondary-4-cst:hover{
    border-color: var(--primary-2-cst);
}


.btn-custom.btn-secondary-5-cst{
    background-color: var(--white);
    border-color: var(--secondary-3-cst);
    color: #424444;
}
.btn-custom.btn-secondary-5-cst:hover{
    border-color: var(--defaultTextColor);
}

.btn-custom{
    font-family: var(--inter);
    border: 1px solid transparent;
    font-size: var(--defaultFontSize);
    line-height: var(--defaultLineHeight);
    font-weight: 500;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    text-align: center;
    --min-height: unset;
    min-height: var(--min-height);
}
.header-dash-search {
    overflow: hidden;
    display: flex;
    flex: auto;
    width: 100%;
    --ico-size: 20px;
    --input-height: var(--size-sm);
    --padding-x: 8px;
    --min-height: var(--input-height);
    --fontFamily: var(--inter);
}
.input-class--sm.input-class{
    --input-height: var(--size-sm);
    --padding-x: 10px;
    --font-size: 14px;
    --rounded: 8px;
}
.input-secondary-cst.input-class{
    border-color: var(--secondary-3-cst);
    background-color: var(--white);
}
.input-class{
    font-weight: 400;
    --font-size: 14px;
    font-family: var(--inter);
    max-width: 100%;
    background-color: transparent;
    border: 1px solid transparent;
    padding: 0 var(--padding-x);
    flex: auto;
    border-radius: var(--rounded);
    font-size: var(--font-size);
    height: var(--input-height);
}

.input-class::placeholder{
    font-weight: 400;
    opacity: 1;
    color: var(--placeholder-cst);
}
.btn--square {
    width: var(--min-height);
    min-width: var(--min-height);
    height: var(--min-height);
    padding: 0 !important;
    flex: 0 0 var(--min-height);
}

.header-dash-search .search-container {
    display: flex;
    flex: auto; width: 100%;
}

.header-dash-search .input-wrapper-2 {
    border-radius: var(--def-radius);
    overflow: hidden;
    display: flex;
    background-color: var(--white);
    border: 1px solid var(--secondary-2-cst);
    background-color: var(--secondary-2-cst);
    width: 100%; flex: auto;
}
.input-wrapper-2{
    position: relative;
    height: var(--input-height);
}

.header-tools{
    gap: 20px;
    display: flex;
    align-items: center;
}

.htool-separator{
    width: 1px;
    min-height: 20px;
    max-width: 100%;
    display: block;
    background: var(--border-color-cst);
}
.ico-notification-relative{
    position: relative;
}
.notification-point{
   
    box-sizing: content-box;
    display: flex;
    position: absolute;
    top: 0;
    right: 0;
    width: 8px;
    height: 8px;
    min-width: 8px;
    border: 2px solid var(--white);
    border-radius: 300px;
    background-color: var(--danger);
    color: var(--white);
}

.header-dash__links{
    gap: 20px;
    display: flex;
    align-items: center;
    font-family: var(--inter);
}

.header-dash__link {
    gap: 15px;
    display: flex;
    align-items: center;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}


.header-dash__link--info{
    gap: 1px;
    display: flex;
    flex-direction: column;
    font-family: var(--inter);
}
.header-dash__link--info-title{
    font-size: 12px;
    font-weight: 500;
    color: var(--placeholder-cst);
}
.header-dash__link--info-value{
    font-size: 14px;
    font-weight: 500;
    color: var(--defaultTextColor);
}
.header-dash__link--info-title,
.header-dash__link--info-value{
    font-family: var(--inter);
}

.header-dash__link--ico{
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    border-radius: var(--def-radius);
    overflow: hidden;
    background-color: var(--white);
    border: 1px solid var(--border-color-cst);
    color: var(--defaultTextColor);
}
.header-dash__link--ico > .ico-custom{
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    --ico-size: 20px; opacity: 60%;
}


.header-dash__link.active{
    pointer-events: none;
}
.header-dash__link.active .header-dash__link--ico,
.header-dash__link:hover .header-dash__link--ico{
    background-color: var(--secondary-2-cst);
}



.btn-notification{
    border-radius: var(--def-radius);
    border: 1px solid transparent;
}
.dropdown-open .btn-notification{
    background: var(--secondary-2-cst);
}



/* import: CarBuy */

.header-tools{
    position: relative;
}
.notifications-drop{
    display: flex;
    flex-direction: column;
    font-family: var(--inter);
}
.--arrow-dropdown{
    --space-y: 10px;
    --size-arrow-width: 14px;
    --size-arrow-height: 7px;
}
.--arrow-dropdown .dropdown__body{
    top: calc(100% + var(--space-y)) !important;
    transform: none !important;
    position: absolute !important;
    width: 100% !important;
    
    z-index: 51 !important;
    overflow: visible !important;
    margin-top: var(--size-arrow-height);
}
.--arrow-dropdown--right.--arrow-dropdown .dropdown__body{
    left: auto !important;
    right: 0 !important;
}
.--arrow-dropdown--btn{
    position: relative;
}
.--arrow-dropdown:not(.dropdown-open) .--arrow-dropdown--btn::before,
.--arrow-dropdown:not(.dropdown-open) .--arrow-dropdown--btn::after{
    display: none;
}
.--arrow-dropdown--btn::before{
    content: "";
    display: block;
    width: var(--size-arrow-width);
    height: 1px;
    background-color: var(--white);
    position: absolute;
    pointer-events: none;
    z-index: 56;
    left: 50%; 
    top: calc(100% + var(--size-arrow-height) + var(--space-y));
    transform: translateX(-50%);
}
.--arrow-dropdown--btn::after{
    pointer-events: none;
    z-index: 55;
    content: "";
    position: absolute;

    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 calc(var(--size-arrow-width) / 2) 
    calc(var(--size-arrow-height)) calc(var(--size-arrow-width) / 2);
    border-color: transparent transparent var(--white) transparent;
    filter: drop-shadow(0px 0px 1px rgba(26, 32, 36, 0.35));
    left: 50%; 
    top: calc(100% + var(--space-y));
    transform: translateX(-50%);
}

.notifications-drop-dialog{
    max-width: 370px !important;
}
.account-menu{
    max-width: 270px !important;
}

.notifications-drop-dialog,
.account-menu {
    font-family: var(--inter);
    background-color: var(--white);
    box-shadow: 0px 0px 1px rgba(26, 32, 36, 0.42),
                0px 8px 16px rgba(91, 104, 113, 0.42);
    border-radius: var(--def-radius-2);
}

.notifications-drop-dialog .notifications-drop-item:not(:last-child) 
{
    border-bottom: 1px solid var(--border-color-cst);
}

.notifications-drop__header {
    flex-wrap: wrap;
    gap: 15px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 12px 16px;
    border-bottom: 1px solid var(--border-color-cst);
}

.notifications-drop__title {
    font-weight: 600;
    font-size: 14px;
    display: flex;
    align-items: center;
}
.notifications-drop__body {
    padding-left: 16px;
    padding-right: 16px;
    overflow: hidden;
}

.notifications-drop-item {
    display: flex;
    align-items: center;
    padding-top: 16px;
    padding-bottom: 16px;
    overflow: hidden;
}
.notifications-drop-item__img {
    --ico-size: 25px;
    border: 1px solid var(--border-color-cst);
    border-radius: 12px;
    width: var(--size-lg);
    height: var(--size-lg);
    min-width: var(--size-lg);
    min-height: var(--size-lg);
    margin-right: 14px;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: var(--white);
}
  
.notifications-drop-item__img img {
    width: 100%;
    height: 100%;
}

.notifications-drop__footer {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 15px;
    padding: 12px 16px;
    border-top: 1px solid var(--border-color-cst);
}
  /* import: CarBuy */


.notifications-drop-item__info{
    display: flex;
    flex-direction: column;
    overflow: hidden;
    gap: 2px;
}

.notification-titled-row{
    overflow: hidden;
    gap: 10px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.notification-title{
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
    overflow: hidden;
    text-overflow: ellipsis;
}
.notification-date{
    font-size: 12px;
    opacity: 0.5;
    line-height: 20px;
}

.notification-desk{
    opacity: 0.8;
    font-size: 13px;
    line-height: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.account-menu__header{
    overflow: hidden;
    display: flex;
    justify-content: space-between;
    gap: 8px;
    padding: 12px 16px;
}
.account-info{
    overflow: hidden;
    gap: 8px;
    display: flex;
    align-items: center;
}

.account-details{
    overflow: hidden;
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.account-name{
    font-size: 14px;
    font-weight: 600;
    color: var(--defaultTextColor);
    overflow: hidden;
    text-overflow: ellipsis;
}
.account-mail{
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 12px;
    font-weight: 400;
    color: var(--defaultTextColor);
    opacity: 50%;
}

.account-menu__list{
    padding: 10px;
    gap: 5px;
}
.account-menu__body,
.account-menu__list,
.acc-menu__li{
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.account-menu > div:not(:last-child){
    border-bottom: 1px solid var(--border-color-cst);
}

.account-menu__link{
    gap: 12px;
    justify-content: flex-start;
    text-align: left;
    --ico-size: 20px !important;
    overflow: hidden;
}

.account-menu__link:hover {
    background-color: var(--secondary-2-cst);
}

.header__body-gap{gap:20px;}

.sidebar__controls-block{
    min-height: var(--header-controllers-min);
    padding-top: 0px !important;
    padding-bottom: 0px !important;
    justify-content: space-between;
    margin-bottom: 10px;
}

.breadcrumbs-custom-list{
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    align-items: center;
    font-family: var(--inter);
}
.bread-custom-item{
    display: flex;
    gap: 10px;
    align-items: center;
}
.breadcrumbs-custom-list .bread-custom-item:not(
    :last-child
)::after{
    font-family: var(--inter);
    content: "/";
    opacity: 0.5;
    font-size: var(--text--md);
    color: var(--defaultTextColor);
}
.bread-custom-item:last-child .bread-custom-link{
    opacity: 1;
    font-weight: 500;
    pointer-events: none;
}
.bread-custom-link{
    text-align: left;
    justify-content: flex-start;
    opacity: 0.5;
    font-family: var(--inter);
    font-size: var(--text--md);
    color: var(--defaultTextColor);
}
.bread-custom-link:hover{
    opacity: 0.8;
}

.breadcrumbs-controller{
    background-color: transparent !important;
}
.breadcrumbs-custom-wrpr{
    border-bottom: none;
    backdrop-filter: blur(30px);
    background-color: rgba(256, 256, 256, 0.6) !important;
}


.control-content-item{
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.control-content-item:not(.--active, .--finished){
    display: none;
}


.control-separat-content{
    width: 100%;
    height: 0.5px;
    background-color: var(
        --border-color-cst
    );
}

.btn-custom.ico-control-info{
    --ico-size: 20px;
    overflow: hidden;
    border-radius: 360px;
    background-color: var(--danger-cst);
    color: var(--white);
    border: 2px solid var(--white);
    box-shadow: 0px 1px 2px 0px #5B687152,
                0px 0px 1px 0px #1A202452;
}
.ico-control-info-ava{
    background-color: transparent !important;
}
.ico-control-info > img{
    width: 100%;
    height: 100%;
}
.control-titled-block{
    display: flex; gap: 12px;
    flex-wrap: wrap;
}

.title-heading-control{
    display: flex;
    align-items: center;
    font-family: var(--inter);
    font-style: normal;
    font-size: 18px;
    font-weight: 500;
    line-height: 24px;
    color: var(--defaultTextColor);
}

.control-titled-infos{
    gap: 12px;
    flex-wrap: wrap;
    display: flex;
}



.custom-container{
    margin-left: auto;
    margin-right: auto;
    --width: 100%;
    --px-padding: 0px;
    padding-left: var(--px-padding);
    padding-right: var(--px-padding);
    width: 100%;
    max-width: calc(
        var(--width) + (var(--px-padding) * 2)
    );

}
.container--900{--width: 900px;}

.custom-list{
    gap: 8px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.custom-list-item{
    display: flex;
}

.flex-group{
    display: flex;
    flex-wrap: wrap;
}

.control-titled-block-item{
    display: flex;
    gap: var(--gap--md);
}

.fix-wrapping,
.fix-wrapping .control-titled-infos{
    flex: auto;
    height: max-content;
}
.fix-wrapping .custom-list{
    min-width: 100%;
    max-width: min-content;
}

.tabs.tabs-new,
.tabs-body-new{
    display: flex;
    flex-direction: column;
}
.tabs-new .tab-link-2.active-tab {
    background-color: var(--secondary-2-cst);
    color: var(--defaultTextColor);
    text-shadow: 0 0 0.001px var(--defaultTextColor);
}
.tabs-new .tab-link-2 {
    background-color: var(--white);
    color: rgba(19, 21, 21, 0.5);
    font-weight: 400;
}
.tabs-new .tab-link-2:hover{
    border-color: var(--defaultTextColor);
    color: var(--defaultTextColor);
}


.tabs-new .tab-link-3.active-tab {
    background-color: var(--white);
    color: var(--danger-cst);
    border-color: var(--danger-cst);
}
.tabs-new .tab-link-3 {
    background-color: var(--secondary-2-cst);
    color: rgba(19, 21, 21, 0.6);
    border: 2px solid transparent;
}


.tab-nav-title-group,
.tabs-new .tab-nav{
    flex-wrap: wrap;
}


.btn-custom.btn--outline-danger {
    border: 1px solid var(--danger);
    color: var(--danger);
    background-color: var(--white);
}
.btn-custom.btn--outline-danger:hover{
    color: var(--white);
    background-color: var(--danger);
}

input:checked ~ .btn--outline-danger,
input:checked ~ .btn--outline-danger:hover{

    border: 1px solid var(--danger);
    color: var(--danger);
    background-color: var(--white);
    /*
    background-color: var(--secondary-2-cst);
    color: rgba(19, 21, 21, 0.6);
    pointer-events: none;
    border-color: transparent;*/
}

input:not(:checked) ~ .btn--outline-danger,
input:not(:checked) ~ .btn--outline-danger:hover{
    background-color: var(--secondary-2-cst);
    color: rgba(19, 21, 21, 0.6);
    border-color: transparent;
}







.chart-static-title{
    position: absolute;
    color: rgba(19, 21, 21, 0.3);
    right: 0%; bottom: 0%; z-index: 1;
    font-family: var(--inter);
    font-weight: 500;
    margin: 10px 0;
}
.chart-static{
    pointer-events: none;
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    /*max-width: 447px;*/
    margin-left: auto;
}
.chart-null{
    display: flex;
    width: 100%;
    height: 100%;
    position: relative;
    justify-content: flex-end;
}
.chart-activate{
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    display: flex;
    overflow: hidden;
}
.chart-activate > img{
    height: 100%;
    max-width: none;
    object-fit: cover;
}


.NOUI-FIX-CONSTRUCTOR.slider__cst__2{
    --sliderHight: 6px;
    --sliderBg: var(--primary-2-cst);
}
.NOUI-FIX-CONSTRUCTOR.slider__cst__2 .noUi-handle{
    box-shadow: 0px 1px 2px 0px #5B687152,
                0px 0px 1px 0px #1A202452;
    border-color: transparent;
}


.NOUI-FIX-CONSTRUCTOR .noUi-handle{
    top: 50%;
    transform: translateY(-50%);
}
.NOUI-FIX-CONSTRUCTOR .noUi-origin{
    height: 100% !important;
}
.NOUI-FIX-CONSTRUCTOR.slider__cst__2 .noUi-base,
.NOUI-FIX-CONSTRUCTOR.slider__cst__2{
    border-radius: 0 !important;
}
.NOUI-FIX-CONSTRUCTOR.slider__cst__2 .noUi-tooltip{
    background-color: transparent;
    border: none;
    box-shadow: none;
    border-radius: 0;
    padding-top: 6px;
    padding-bottom: 6px;
    font-size: 14px;
    font-weight: 500;
    font-family: var(--inter);
}
.NOUI-FIX-CONSTRUCTOR.slider__cst__2{
    background: var(--border-color-cst);
}
.NOUI-FIX-CONSTRUCTOR.slider__cst__2 .noUi-tooltip{
    bottom: auto; top: 100%;
}

.noUi-tooltip.custom-tooltip{
    display: flex !important;
    align-items: center !important;
    bottom: 100% !important;
    top: auto !important;
}
.noUi-tooltip:not(.custom-tooltip) .custom-tooltip{
    display: none;
}

.custom-tooltip .tooltip-custom--not-vis,
.noUi-tooltip:not(.custom-tooltip) .tooltip--not-vis{
    display: none;
}


.tabs-new .tab-nav-2{
    gap: 12px;
}


.card-customm{
    background-color: var(--white);
    display: flex;
    flex-direction: column;
}
.card-customm--header{
    gap: var(--gap--lg);
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: space-between;
}
.card-customm--shadow{
    box-shadow: 0px 1px 2px 0px rgba(91, 104, 113, 0.32),
                0px 0px 1px 0px rgba(26, 32, 36, 0.32);
}


.card-customm--lg-rounded{
    padding: 30px; gap: 30px;
}

.heading-2{
    font-weight: 600;
    font-style: normal;
    font-family: var(--inter);
}
h4.heading-2{
    --h4Size: 20px;
    line-height: 24px;
}

.card-customm--body{
    display: flex;
    flex-direction: column;
}

.customm-list{
    display: flex;
    flex-direction: column;
}
.customm-list > .customm-list--item:not(
    :last-child
){
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid var(--border-color-cst);
}
.customm-list--item{
    display: flex;
    flex-direction: column;
}

.row-content-block{
    gap: var(--gap--sm);
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.row-content-block-item{
    display: flex;
    gap: var(--gap--sm);
    align-items: center;
    flex-wrap: wrap;
}

.def-text{
    font-family: var(--inter);
    line-height: 20px;
    font-size: var(--text--md);
}
.def-text-2{
    font-family: var(--inter);
    line-height: 16px;
    font-size: var(--text--xs);
}
.data-set-manual:not(.--active-set-manual) .input-class{
    border-color: transparent;
    font-weight: 500;
    pointer-events: none;
    background-color: transparent;
    --padding-x: 0; --rounded: 0;
}

.data-set-manual:not(.--active-set-manual) .active-set{
    display: none;
}
.data-set-manual:not(.--active-set-manual) .not-set{
    display: flex;
}

.data-set-manual.--active-set-manual .active-set{
    display: flex;
}
.data-set-manual.--active-set-manual .not-set{
    display: none;
}


.searchlist-list{
    display: flex;
    flex-direction: column;
}
.searchlist{
    display: flex;
    overflow: hidden;
}
.searchlist > .searchlist__item:not(
    :last-child
){
    padding-right: 22px;
    margin-right: 22px;
    border-right: 1px solid var(--border-color-cst);
}
.searchlist__item {
    display: flex;
    white-space: nowrap;
    overflow: hidden;
}

.searchlist__img {
    flex: 0 0 220px;
    width: 220px;
}
.searchlist__item--info{
    flex: auto; gap: 22px;
}
.searchlist__img {
    border-radius: var(--def-radius-2);
    overflow: hidden;
    position: relative;
    background: var(--border-color-cst);
}

.searchlist__img > img{
    width: 100%;
    height: 100%;
}

.searchlist__block {
    gap: var(--gap--lg);
    display: flex;
    flex-direction: column;
    flex: auto;
    overflow: hidden;
}

.searchlist__title-wrap{
    display: flex;
    flex-direction: column;
    gap: var(--gap--xs);
    white-space: normal;
}

.searchlist__title{
    font-size: 14px;
    font-weight: 500;
    font-family: var(--inter);
    color: rgba(19, 21, 21, 0.5);
}
.searchlist__carname{
    font-size: 20px;
    font-weight: 500;
    font-family: var(--inter);
    color: var(--defaultTextColor);
}

.searchlist__additional-information {
    gap: var(--gap--xs);
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}


.--finished .step-togggler-content{
    display: none;
}   


.card-customm--row{
    flex-direction: row;
}
.card-custom--item-flex-1{
    display: flex;
    flex-direction: column;
    flex: 1;
    overflow: hidden;
}
.ovh{overflow: hidden;}
.card-customm--header--nowrap{
    flex-wrap: nowrap;
    white-space: nowrap;
    overflow: hidden;
}

.customm-list.customm-list--border-opacity > .customm-list--item{
    border-bottom: 1px solid rgba(255, 255, 255, 0.12);
}

.custom-list--flex-1{
    flex: auto;
}
.custom-list--flex-1 .custom-list-item{
    flex: 1;
}

.rating-slider{
    display: flex;
    flex-direction: column;
    user-select: none;
}