.w_route_card {
    padding: 20px;
    --route-card-bg: #FFFFFF;
    --route-card-box_shadow: 0 -1px 10px rgba(198, 199, 203, 0.2), -1px 4px 10px rgba(198, 199, 203, 0.2);
    --route-text-color: #000000;

    --route-text-container-bg: #F1F1F1;
    --route-text-container-padding: 15px;
    --route-text-container-margin: 0 0 0 51px;
    --route-text-container-border-radius: 10px;
    --route-text-img-filter: brightness(0) saturate(100%) invert(100%) sepia(2%) saturate(256%) hue-rotate(113deg) brightness(115%) contrast(89%);

    --route-card-owner-avatar-size: 52px;
    --route-owner-name-font-size: 16px;

    --route-owner-type-font-size: 14px;
    --route-owner-type-color: #065BFF;

    --route-cargo-type-color: #000000;

    background: var(--route-card-bg);
    box-shadow: var(--route-card-box_shadow);
    color: var(--route-text-color);
    .route_card_info_data{
        position: relative;
        .route_card_text_img{
            position: absolute;
            top: 5px;
            left: 0;
            filter: var(--route-text-img-filter);
            display: block;
            z-index: 1;
        }
        .route_card_owner_avatar{
            height: var(--route-card-owner-avatar-size);
            width: var(--route-card-owner-avatar-size);
            border-radius: 100%;
            display: block;
            position: absolute;
            top: 11px;
            left: 6px;
            z-index: 10;
        }
        .route_card_text_container{
            background: var(--route-text-container-bg);
            padding: var(--route-text-container-padding);
            margin: var(--route-text-container-margin);
            border-radius: var(--route-text-container-border-radius);
        }
        .route_card_owner_info{
            height: 47px;
            margin-left: 75px;
            display: flex;
            align-items: center;
            justify-content: space-between;

            .route_card_info_left_part{
                display: flex;
                align-items: center;
                gap: 10px;
                .card_owner_name{
                    font-weight: 600;
                    font-size: var(--route-owner-name-font-size);
                }
                .card_splitter{
                    height: 22px;
                    width: 2px;
                    background: #E6E6E6;
                }
                .card_owner_type{
                    font-size: var(--route-owner-type-font-size);
                    color: var(--route-owner-type-color);
                    font-weight: 600;
                }
                .card_cargo_type{
                    display: flex;
                    align-items: center;
                    gap: 5px;
                    font-size: var(--route-owner-type-font-size);
                    color: var(--route-cargo-type-color);
                    font-weight: 600;

                    div.orange{color: #FF613A}
                }
            }
        }
    }
}