@font-face {
    font-family: Haval;
    src: url(../fonts/Haval-Medium.woff2) format("woff2"), url(../fonts/Haval-Medium.woff) format("woff");
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: Haval;
    src: url(../fonts/Haval-Regular.woff2) format("woff2"), url(../fonts/Haval-Regular.woff) format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: TT-Firs-Text;
    src: url(../fonts/TT-Wellingtons-Medium.woff2) format("woff2"), url(../fonts/TT-Wellingtons-Medium.woff) format("woff");
    font-weight: 450;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: TT-Firs-Text;
    src: url(../fonts/TT-Wellingtons-Bold.woff2) format("woff2"), url(../fonts/TT-Wellingtons-Bold.woff) format("woff");
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: TT-Wellingtons;
    src: url(../fonts/TT-Wellingtons-Medium.woff2) format("woff2"), url(../fonts/TT-Wellingtons-Medium.woff) format("woff");
    font-weight: 450;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: TT-Wellingtons;
    src: url(../fonts/TT-Wellingtons-Bold.woff2) format("woff2"), url(../fonts/TT-Wellingtons-Bold.woff) format("woff");
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

* {
    font-family: TT-Firs-Text, Arial, Helvetica, sans-serif !important;
}

h1, h2, h3, h4, h5, h6, .header-text-s, .footer-main__models-link, .tradein-form__title, .section-heading__text, .text-logo-main, .hero-carousel__title, .gosapp-item__title, .model-page-offer__title, .model-tabs__nav-item, .model-compare-form__heading, .resp-head-title, .table-characteristics__row-heading {
    font-family: Haval, Arial, Helvetica, sans-serif !important;
}

.nowrap {
    text-wrap: nowrap;
}

.table-compare {
    width: 100%;
    overflow: auto;
}

.text-center {
    text-align: center;
}

header {
    position: sticky;
    z-index: 10;
    top: 0;
}

.js-modals {
    cursor: pointer;
}

.header-main {
    background: #fff;
}

.min-width-350 {
    min-width: 350px;
}

.overflow-auto {
    overflow: auto;
}

.bolder {
    font-weight: bolder;
}

.fz-20 {
    font-size: 20px;
}

.fz-24 {
    font-size: 24px;
}

.pb-5 {
    padding-bottom: 5px;
}

.pt-5 {
    padding-top: 5px;
}

.pb-10 {
    padding-bottom: 10px;
}

.pt-10 {
    padding-top: 10px;
}

.p-l-5 {
    padding-left: 5px;
}

.p-l-10 {
    padding-left: 10px;
}

.group-option-name {
    background: #4c5865;
    color: white;
}

.border-bottom {
    border-bottom: 1px solid #e6e7e8;
}

.table-compare tbody td:nth-child(even) {
    background: #e6e7e8;
}

.table-compare .complectation-name {
    padding: 5px;
    background: #4c5865;
    font-size: 16px;
    color: white;
    font-weight: 500;
}

.table-compare .modification-name {
    padding: 10px;
    font-size: 16px;
    background: #e6e7e8;
}

.table-compare thead th.modification-name:nth-child(even) {
    background: #f5f6f9;
}

.cars-carousel__slide {
    width: 461px;
    margin-right: 30px;
}

.catalog--brands-list {
    padding-bottom: 20px;
}

.d-flex {
    display: flex;
    gap: 10px;
}

.f-direction {
    flex-direction: row;
}

.models-carousel__col > * {
    text-align: right;
}

.models-carousel__col.content-carousel {
    margin-right: 50px;
}

.header-main__logo img {
    max-height: 30px;
}

.swiper-slide.table-characteristics__col {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.resp-icon.resp-icon_plus {
    background: url('data:image/svg+xml,<svg width="19" height="13" viewBox="0 0 19 13" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M17.5 1L6.5 12L1.5 7" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>') left no-repeat;
}

.resp-icon.resp-icon_minus {
    background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTQiIHZpZXdCb3g9IjAgMCAxNCAxNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEzIDFMMSAxM00xIDFMMTMgMTMiIHN0cm9rZT0iIzE1MTUxNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==") left no-repeat;
}

.mc-prop__title {
    font-size: 14px;
    color: #5A5F65;
    text-wrap: wrap;
}

.compare-item__price {
    position: relative;
    text-wrap: nowrap;
    line-height: 24px;
    color: var(--primary);
    font-weight: 400;
    display: flex;
    align-items: center;
}

.compire-item__checklist__item {
    display: flex;
    align-items: center;
    gap: 8px;
}

.compire-item__checklist__title {
    flex: 1 0 0;
}

.compire-item__checklist__value {
    width: 80px;
    color: #E74929;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    /* 142.857% */
}

.compire-item__dropdown-list__minimal-price, .compire-item__dropdown-list__footer {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.compare-checkbox {
    position: relative;
    width: 24px;
    height: 24px;
}

.compare-checkbox label {
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 50%;
    cursor: pointer;
    height: 24px;
    left: 0;
    position: absolute;
    top: 0;
    width: 24px;
}

.compare-checkbox label:after {
    border: 2px solid #fff;
    border-top: none;
    border-right: none;
    content: "";
    height: 6px;
    left: 6px;
    opacity: 0;
    position: absolute;
    top: 6px;
    transform: rotate(-45deg);
    width: 12px;
}

.compare-checkbox input[type="checkbox"] {
    visibility: hidden;
}

.compare-checkbox input[type="checkbox"]:checked + label {
    background-color: #00cabf;
    border-color: #00cabf;
}

.compare-checkbox input[type="checkbox"]:checked + label:after {
    opacity: 1;
}

.copmire-item__checklist__price-bottom {
    color: #00cabf;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    /* 150% */
}

.copmire-item__checklist__price-top {
    color: #00cabf;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    /* 150% */
}

.compire-item__dropdown-list__checklist {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.compire-item__dropdown-list {
    z-index: 2;
    position: absolute;
    padding: 12px 16px;
    box-shadow: 0px 0px 10px 0px rgba(16, 16, 16, 0.20);
    background: #fff;
    top: calc(100% + 8px);
    border-radius: 8px;
    width: 340px;
    /*left: 0;*/
    display: none;
    flex-direction: column;
    gap: 12px;
}

.show-mobile {
    display: none;
}

.complectation__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    background-color: #00cabf;
    border-radius: 40px;
    transition: all 0.2s cubic-bezier(0.2, 0.9, 0.4, 1.1);
    flex-shrink: 0;
    padding: 4px;
}

.section-complectation .complectation__title {
    display: flex;
    gap: 10px;
}

.complectation__icon {
    color: #fff;
}

.complectation__icon:hover {
    background-color: #4c5865;
}

.model-compare-form__heading {
    display: flex;
    gap: 10px;
}

.modifications-block {
    margin: 30px 0;
    padding: 20px;
    border-radius: 12px;
}

.modifications-block__title {
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 24px;
    color: #1a1a1a;
}

.modification-card {
    background: white;
    border-radius: 12px;
    margin-bottom: 20px;
    overflow: hidden;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}

.modification-card__header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 16px 20px;
    background: #eeeeee;
    border-bottom: 1px solid #e9ecef;
}

.modification-card__name {
    font-size: 20px;
    font-weight: 600;
    color: #1a1a1a;
    margin: 0;
}

.modification-card__compare {
    display: flex;
    align-items: center;
    gap: 8px;
    cursor: pointer;
    font-size: 14px;
    color: #666;
}

.modification-card__compare input {
    cursor: pointer;
}

.modification-card__content {
    padding: 20px;
}

.modification-specs__grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
}

.spec-group {
    background: #f5f6f9;
    padding: 16px;
    border-radius: 8px;
}

.spec-group__title {
    font-size: 16px;
    font-weight: 600;
    color: #1a1a1a;
    margin-bottom: 12px;
    padding-bottom: 8px;
    border-bottom: 2px solid #e9ecef;
}

.spec-group__items {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.spec-item {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    font-size: 14px;
}

.spec-item__label {
    color: #666;
    font-weight: 400;
}

.spec-item__value {
    color: #1a1a1a;
    font-weight: 500;
}

.model-compare-form__heading {
    display: flex;
    gap: 10px;
}

.model-compare-form__heading span {
    margin: auto 0;
}

@media (max-width: 768px) {
    .complectation__icon {
        width: 20px;
        height: 20px;
    }

    .modifications-block {
        margin: 20px 0;
        padding: 12px;
    }

    .modifications-block__title {
        font-size: 20px;
        margin-bottom: 16px;
    }

    .modification-card__header {
        padding: 12px 16px;
        flex-wrap: wrap;
        gap: 10px;
    }

    .modification-card__name {
        font-size: 18px;
    }

    .modification-card__content {
        padding: 12px;
    }

    .modification-specs__grid {
        grid-template-columns: 1fr;
        gap: 12px;
    }

    .spec-group {
        padding: 12px;
    }

    .spec-group__title {
        font-size: 15px;
        margin-bottom: 10px;
    }

    .spec-group__items {
        gap: 8px;
    }

    .spec-item {
        font-size: 13px;
        flex-wrap: wrap;
        gap: 4px;
    }

    .spec-item__label {
        font-size: 13px;
    }

    .spec-item__value {
        font-size: 13px;
        font-weight: 500;
    }
}

@media (min-width: 769px) and (max-width: 1024px) {
    .modification-specs__grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 550px) {
    .compire-item__dropdown-list {
        right: 0;
    }
}

@media (max-width: 992px) {
    .compare-item__row.compare-item__price {
        display: grid;
        grid-template-columns: 1fr 1fr;
    }

    .compare-item__col:nth-child(2), .compare-item__col:nth-child(3) {
        width: unset;
        display: block;
        text-align: left;
    }

    .compare-item__credit {
        text-align: left;
    }

    .btn-container {
        width: 100%;
    }

    .show-mobile {
        display: block;
    }

    .show-pc {
        display: none;
    }

    .price-item-compare {
        display: flex;
        justify-content: space-between;
    }
}

.compire-item__dropdown-icon {
    cursor: pointer;
    position: relative;
    width: 24px;
    height: 24px;
    margin-left: 8px;
}

.compire-item__dropdown-icon::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 24px;
    height: 24px;
    background-color: #96A0A7;
    mask-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9ImFycm93LXNxdWFyZS1kb3duIj4KPHBhdGggaWQ9Ikljb24iIGQ9Ik04IDEyTDEyIDE2TTEyIDE2TDE2IDEyTTEyIDE2VjhNNy44IDIxSDE2LjJDMTcuODgwMiAyMSAxOC43MjAyIDIxIDE5LjM2MiAyMC42NzNDMTkuOTI2NSAyMC4zODU0IDIwLjM4NTQgMTkuOTI2NSAyMC42NzMgMTkuMzYyQzIxIDE4LjcyMDIgMjEgMTcuODgwMiAyMSAxNi4yVjcuOEMyMSA2LjExOTg0IDIxIDUuMjc5NzYgMjAuNjczIDQuNjM4MDNDMjAuMzg1NCA0LjA3MzU0IDE5LjkyNjUgMy42MTQ2IDE5LjM2MiAzLjMyNjk4QzE4LjcyMDIgMyAxNy44ODAyIDMgMTYuMiAzSDcuOEM2LjExOTg0IDMgNS4yNzk3NiAzIDQuNjM4MDMgMy4zMjY5OEM0LjA3MzU0IDMuNjE0NiAzLjYxNDYgNC4wNzM1NCAzLjMyNjk4IDQuNjM4MDNDMyA1LjI3OTc2IDMgNi4xMTk4NCAzIDcuOFYxNi4yQzMgMTcuODgwMiAzIDE4LjcyMDIgMy4zMjY5OCAxOS4zNjJDMy42MTQ2IDE5LjkyNjUgNC4wNzM1NCAyMC4zODU0IDQuNjM4MDMgMjAuNjczQzUuMjc5NzYgMjEgNi4xMTk4NCAyMSA3LjggMjFaIiBzdHJva2U9IiM5NkEwQTciIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L2c+Cjwvc3ZnPgo=");
}

.price-item-compare {
    display: flex;
}

.compire-item__dropdown-icon.active::before {
    background-color: #00cabf;
    transform: translate(-50%, -50%) rotate(180deg);
}

@media (max-width: 768px) {
    .section-hero .swiper-wrapper {
        height: 100%;
    }

    .section-hero .swiper-slide .hero-carousel__slide {
        aspect-ratio: 4/3;
        height: 100%;
    }
}

.section-404 {
    justify-content: center;
    align-items: center;
    display: flex;
    height: calc(100vh - 313px);
}

.section-404 .container {
    display: flex;
    gap: 36px;
    flex-direction: column;
}

.buttons-404 {
    width: fit-content;
}

/* Overlay для перехвата кликов */
.submit-button-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    cursor: not-allowed;
    z-index: 10;
    display: none;
}

/* Стиль для заблокированной кнопки */
button[type="submit"] {
    width: 100%;
}

button[type="submit"][disabled] {
    opacity: 0.6;
}

/* Анимация тряски */
@keyframes shake {
    0%, 100% {
        transform: translateX(0);
    }

    20%, 60% {
        transform: translateX(-5px);
    }

    40%, 80% {
        transform: translateX(5px);
    }
}

.shake {
    animation: shake 0.5s cubic-bezier(.36, .07, .19, .97) both;
    display: inline-block;
}

/* Стиль для подсказки */
.policy-hint {
    color: #ff0000;
    font-size: 12px;
    margin-left: 10px;
    font-weight: normal;
    opacity: 0;
    animation: fadeIn 0.3s forwards;
}

@keyframes fadeIn {
    to {
        opacity: 1;
    }
}

/* Подсветка текста согласия */
.highlighted.shake {
    color: #ff0000 !important;
}

.highlighted.shake a {
    color: #ff0000 !important;
}

.cookies__wrapper {
    position: fixed;
    align-items: center;
    z-index: 11;
    bottom: 24px;
    left: 24px;
    width: fit-content;
    padding: 24px 32px;
    background: #fff;
    display: flex;
    gap: 32px;
    box-shadow: 4px 0px 15px 2px rgba(0, 0, 0, 0.1);
}

.cookies__btn {
    border-radius: 8px;
    background: var(--Dark-blue, #18323D);
    display: flex;
    padding: 16px 32px;
    justify-content: center;
    color: #fff;
    align-items: center;
}

.cookies__text {
    max-width: 424px;
    color: var(--Grey-Dark-Grey, #5A5F65);
    text-align: center;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 110%;
    /* 15.4px */
}

.cookies__text a {
    color: var(--Hague-Blue, #176888);
}

@media (max-width: 1100px) {
    .cookies__text {
        max-width: none;
    }

    .cookies__wrapper {
        width: 100%;
        left: 0;
        bottom: 0;
        gap: 24px;
        padding: 24px 16px;
        flex-direction: column;
        box-shadow: 0px -4px 4px 0px rgba(0, 0, 0, 0.05);
    }

    .cookies__btn {
        width: 100%;
    }

    body:has(.fixed_price) #callback-widget-button {
        display: none;
    }
}

.catalog-carousel .swiper-slide {
    height: auto;
}

.catalog-item {
    height: 100%;
    display: flex;
    flex-direction: column;
}

.catalog-item__content {
    flex: 1;
    display: flex;
    flex-direction: column;
}

.catalog-item__pricing {
    margin-top: auto;
}

.seo-text {
    font-size: 16px;
    line-height: 22px;
    text-align: justify;
    margin-bottom: 40px;
}

.seo-text p {
    margin-bottom: 15px;
}

.seo-text h2 {
    margin-bottom: 15px;
    margin-top: 10px;
}

.seo-text h3 {
    margin-bottom: 5px;
    margin-top: 10px;
}

.seo-text ul {
    margin-bottom: 15px;
    margin-left: 20px;
}

.seo-text ol {
    margin-bottom: 15px;
    margin-left: 20px;
}

.seo-text a {
    text-decoration: none;
    display: inline-block;
}

.seo-text h2 span span {
    font-size: 28px;
}

.seo-text h3 span span {
    font-weight: 500;
}

@media (max-width: 1100px) {
    .seo-text h2 span span {
        font-size: 24px;
    }

    .seo-text > * {
        text-align: left !important;
    }
}

.modal__offer__badge {
    width: 100%;
    left: 0;
    position: absolute;
    padding-top: 8px;
    padding-bottom: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 16px;
    background: #fff;
    top: 0;
    color: #313C48;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 100%;
    /* 15px */
}

@media (max-width: 1100px) {
    .modal__offer__badge {
        font-size: 13px;
    }
}

.modal form {
    margin-top: 36px;
}

.fancybox-slide--html .fancybox-close-small {
    top: 60px;
}

.modal .main-form-checkbox.main-form-checkbox_white .main-form-checkbox__text, .modal .main-form-checkbox.main-form-checkbox_white .main-form-checkbox__text a {
    color: #000;
}

.modal .main-form-checkbox.main-form-checkbox_white .main-form-checkbox__checkmark {
    border-color: #000;
}

.model-page-pricing__util {
    font-size: 12px;
    border: 1px solid #eee;
    padding: 8px;
    color: #0878B5;
    padding-left: 32px;

    position: relative;

}
.model-page-pricing__util::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    margin: 8px;
    width: 16px;
    height: 16px;

    background: currentColor;
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='42' height='54' viewBox='0 0 42 54' fill='none'%3E%3Cpath d='M41.5568 13.9562V13.8297C41.5479 11.9032 41.539 10.1673 41.539 8.43327C41.539 7.59386 41.097 7.14475 40.2576 7.13228C38.5075 7.10911 36.9606 7.0004 35.5295 6.79901C32.2236 6.33386 29.3097 5.42851 26.6204 4.03307C24.6885 3.0297 23.1273 1.91228 21.8459 0.620198C21.6998 0.472277 21.5412 0.347525 21.3808 0.224554L21.3113 0.169307C21.265 0.133663 21.2204 0.0980198 21.1723 0.0570297L21.0992 0H20.4398L20.3632 0.0605941C20.2972 0.115842 20.2313 0.171089 20.1636 0.224554C20.037 0.327921 19.8713 0.463366 19.7055 0.609505C19.5558 0.743168 19.4097 0.882178 19.2618 1.01941C19.0551 1.21545 18.7984 1.4596 18.5382 1.6699C15.6244 4.02594 12.1366 5.5996 7.87188 6.48178C5.87406 6.89525 3.72653 7.10733 1.3099 7.13228C0.44198 7.14297 0.00178218 7.58852 0.00178218 8.46V13.8529C0.00178218 17.6257 0.00178218 21.4004 0 25.1733C0 27.2477 0.183564 29.2545 0.543564 31.1418C1.58079 36.5489 3.83703 41.2984 7.2499 45.262C10.8339 49.4252 15.2269 52.3408 20.3097 53.9269C20.4665 53.9768 20.6162 54 20.7695 54C20.9317 54 21.0921 53.9733 21.2578 53.9216C25.4317 52.6366 29.1529 50.4232 32.3216 47.3436C38.2402 41.5871 41.3323 34.3747 41.5123 25.9075C41.5978 21.9261 41.5764 17.8752 41.5568 13.9562V13.9562ZM39.199 25.8558C39.0475 33.4052 36.3689 39.8994 31.238 45.1568C28.3349 48.1313 24.8863 50.2913 20.9869 51.578C20.8354 51.6279 20.7214 51.6279 20.577 51.5816C17.6204 50.6246 14.8349 49.0758 12.3006 46.9836C8.03762 43.4638 5.06139 38.8836 3.45386 33.3713C2.70178 30.7925 2.31861 28.0622 2.31683 25.257C2.31505 21.518 2.31505 17.779 2.31505 14.04V9.43307L2.70713 9.41525C3.06535 9.39743 3.40396 9.38317 3.74614 9.36C8.88059 9.01069 13.2897 7.71683 17.2283 5.40356C18.5436 4.6301 19.7038 3.78 20.7695 2.80693C23.1558 4.94911 25.9842 6.5602 29.4113 7.73109C32.4463 8.76654 35.6596 9.32257 39.2257 9.42951C39.2257 11.0976 39.2329 12.7925 39.24 14.4303C39.2578 18.164 39.2756 22.0242 39.199 25.8558V25.8558ZM21.9172 7.99842C21.8709 7.66693 21.7034 7.38 21.445 7.19465C21.1919 7.01109 20.8747 6.94693 20.5556 7.00931C20.3952 7.03782 20.2295 7.11267 20.037 7.24277C16.118 9.84119 11.7196 11.4362 6.59406 12.1206C5.70832 12.24 5.34653 12.6481 5.34653 13.5339V24.9434C5.34475 26.7149 5.47485 28.3099 5.74752 29.823C6.47465 33.8881 8.06079 37.5558 10.4614 40.721C13.0135 44.0875 16.2962 46.6111 20.217 48.224C20.4131 48.3059 20.618 48.3487 20.8069 48.3487C20.8586 48.3487 20.9103 48.3452 20.9602 48.338C21.5786 48.2525 21.9333 47.7802 21.9333 47.0406V8.34594C21.9333 8.23545 21.9333 8.1196 21.9172 7.99842V7.99842ZM19.5968 10.2315V45.4081C19.4382 45.3279 19.2867 45.2495 19.137 45.1657C13.7638 42.1984 10.1745 37.5665 8.46713 31.402C7.93604 29.479 7.66693 27.3939 7.66871 25.2053C7.6705 21.5929 7.6705 17.9822 7.66515 14.3697C7.66515 14.3412 7.66515 14.3234 7.66693 14.3091C7.67584 14.3073 7.6901 14.3038 7.70614 14.302C11.3257 13.7459 14.7083 12.7051 17.7612 11.2081C18.196 10.996 18.6273 10.7608 19.0444 10.5327L19.2244 10.4347C19.3491 10.3669 19.4721 10.2992 19.5968 10.2315V10.2315Z' fill='%2300cabf'/%3E%3C/svg%3E");
    mask-size: contain;
    mask-position: center;
    mask-repeat: no-repeat;
}

.model-page-preview__util {
    font-size: 14px;
    background: #fff;
    padding: 10px;
    color: #0878B5;
    padding-left: 36px;

    position: relative;

}
.model-page-preview__util::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    margin: 10px;
    width: 16px;
    height: 16px;

    background: currentColor;
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='42' height='54' viewBox='0 0 42 54' fill='none'%3E%3Cpath d='M41.5568 13.9562V13.8297C41.5479 11.9032 41.539 10.1673 41.539 8.43327C41.539 7.59386 41.097 7.14475 40.2576 7.13228C38.5075 7.10911 36.9606 7.0004 35.5295 6.79901C32.2236 6.33386 29.3097 5.42851 26.6204 4.03307C24.6885 3.0297 23.1273 1.91228 21.8459 0.620198C21.6998 0.472277 21.5412 0.347525 21.3808 0.224554L21.3113 0.169307C21.265 0.133663 21.2204 0.0980198 21.1723 0.0570297L21.0992 0H20.4398L20.3632 0.0605941C20.2972 0.115842 20.2313 0.171089 20.1636 0.224554C20.037 0.327921 19.8713 0.463366 19.7055 0.609505C19.5558 0.743168 19.4097 0.882178 19.2618 1.01941C19.0551 1.21545 18.7984 1.4596 18.5382 1.6699C15.6244 4.02594 12.1366 5.5996 7.87188 6.48178C5.87406 6.89525 3.72653 7.10733 1.3099 7.13228C0.44198 7.14297 0.00178218 7.58852 0.00178218 8.46V13.8529C0.00178218 17.6257 0.00178218 21.4004 0 25.1733C0 27.2477 0.183564 29.2545 0.543564 31.1418C1.58079 36.5489 3.83703 41.2984 7.2499 45.262C10.8339 49.4252 15.2269 52.3408 20.3097 53.9269C20.4665 53.9768 20.6162 54 20.7695 54C20.9317 54 21.0921 53.9733 21.2578 53.9216C25.4317 52.6366 29.1529 50.4232 32.3216 47.3436C38.2402 41.5871 41.3323 34.3747 41.5123 25.9075C41.5978 21.9261 41.5764 17.8752 41.5568 13.9562V13.9562ZM39.199 25.8558C39.0475 33.4052 36.3689 39.8994 31.238 45.1568C28.3349 48.1313 24.8863 50.2913 20.9869 51.578C20.8354 51.6279 20.7214 51.6279 20.577 51.5816C17.6204 50.6246 14.8349 49.0758 12.3006 46.9836C8.03762 43.4638 5.06139 38.8836 3.45386 33.3713C2.70178 30.7925 2.31861 28.0622 2.31683 25.257C2.31505 21.518 2.31505 17.779 2.31505 14.04V9.43307L2.70713 9.41525C3.06535 9.39743 3.40396 9.38317 3.74614 9.36C8.88059 9.01069 13.2897 7.71683 17.2283 5.40356C18.5436 4.6301 19.7038 3.78 20.7695 2.80693C23.1558 4.94911 25.9842 6.5602 29.4113 7.73109C32.4463 8.76654 35.6596 9.32257 39.2257 9.42951C39.2257 11.0976 39.2329 12.7925 39.24 14.4303C39.2578 18.164 39.2756 22.0242 39.199 25.8558V25.8558ZM21.9172 7.99842C21.8709 7.66693 21.7034 7.38 21.445 7.19465C21.1919 7.01109 20.8747 6.94693 20.5556 7.00931C20.3952 7.03782 20.2295 7.11267 20.037 7.24277C16.118 9.84119 11.7196 11.4362 6.59406 12.1206C5.70832 12.24 5.34653 12.6481 5.34653 13.5339V24.9434C5.34475 26.7149 5.47485 28.3099 5.74752 29.823C6.47465 33.8881 8.06079 37.5558 10.4614 40.721C13.0135 44.0875 16.2962 46.6111 20.217 48.224C20.4131 48.3059 20.618 48.3487 20.8069 48.3487C20.8586 48.3487 20.9103 48.3452 20.9602 48.338C21.5786 48.2525 21.9333 47.7802 21.9333 47.0406V8.34594C21.9333 8.23545 21.9333 8.1196 21.9172 7.99842V7.99842ZM19.5968 10.2315V45.4081C19.4382 45.3279 19.2867 45.2495 19.137 45.1657C13.7638 42.1984 10.1745 37.5665 8.46713 31.402C7.93604 29.479 7.66693 27.3939 7.66871 25.2053C7.6705 21.5929 7.6705 17.9822 7.66515 14.3697C7.66515 14.3412 7.66515 14.3234 7.66693 14.3091C7.67584 14.3073 7.6901 14.3038 7.70614 14.302C11.3257 13.7459 14.7083 12.7051 17.7612 11.2081C18.196 10.996 18.6273 10.7608 19.0444 10.5327L19.2244 10.4347C19.3491 10.3669 19.4721 10.2992 19.5968 10.2315V10.2315Z' fill='%2300cabf'/%3E%3C/svg%3E");
    mask-size: contain;
    mask-position: center;
    mask-repeat: no-repeat;
}