:root {
    --bg-color: var(--body-bg-color);
    --main-text-color: var(--body-text-color);
}
.app-header {
    --bg-color: var(--header-bg-color);
    --main-text-color: var(--header-text-color);
    
    color: var(--main-text-color);
}
.btn.btn_outline_phone:before {
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='21' height='21' viewBox='0 0 21 21' fill='none' style=''%3E%3Cpath d='M19.7446 14.5828C20.2283 15.0679 20.5 15.725 20.5 16.41C20.5 17.095 20.2283 17.7521 19.7446 18.2372L18.985 19.1128C12.1482 25.6577 -4.48861 9.0262 1.95576 2.16827L2.91574 1.33356C3.40138 0.863354 4.05264 0.603237 4.7286 0.609485C5.40457 0.615733 6.0509 0.887845 6.52777 1.36695C6.55365 1.39283 8.10046 3.40196 8.10046 3.40196C8.55944 3.88411 8.81494 4.52458 8.81385 5.19023C8.81277 5.85589 8.55517 6.49552 8.09462 6.97616L7.12796 8.19149C7.66292 9.49122 8.44945 10.6724 9.44235 11.6673C10.4353 12.6621 11.615 13.451 12.9137 13.9885L14.1366 13.0161C14.6174 12.5559 15.2569 12.2987 15.9225 12.2977C16.588 12.2968 17.2282 12.5523 17.7103 13.0111C17.7103 13.0111 19.7187 14.557 19.7446 14.5828ZM18.596 15.7965C18.596 15.7965 16.5984 14.2598 16.5725 14.2339C16.4005 14.0634 16.1681 13.9677 15.926 13.9677C15.6838 13.9677 15.4514 14.0634 15.2794 14.2339C15.2569 14.2573 13.5732 15.5987 13.5732 15.5987C13.4597 15.689 13.3247 15.7482 13.1814 15.7704C13.0381 15.7927 12.8914 15.7772 12.7559 15.7255C11.0734 15.0991 9.54522 14.1185 8.27479 12.85C7.00436 11.5816 6.0214 10.0549 5.39249 8.37346C5.33672 8.23611 5.31855 8.0864 5.33982 7.9397C5.36109 7.793 5.42105 7.65461 5.51353 7.53876C5.51353 7.53876 6.855 5.85432 6.87753 5.83262C7.04805 5.66066 7.14372 5.4283 7.14372 5.18614C7.14372 4.94398 7.04805 4.71162 6.87753 4.53966C6.85166 4.51462 5.31486 2.5155 5.31486 2.5155C5.14031 2.359 4.9125 2.27519 4.67814 2.28124C4.44377 2.28729 4.2206 2.38275 4.05436 2.54806L3.09438 3.38276C-1.61536 9.0454 12.8019 22.6619 17.7645 17.9726L18.525 17.0961C18.7032 16.9311 18.8102 16.7032 18.8235 16.4607C18.8367 16.2181 18.7551 15.98 18.596 15.7965Z' fill='black'/%3E%3C/svg%3E");
    mask-size: contain;
    mask-position: center;
    mask-repeat: no-repeat;

    background: currentColor;
}

.label-icon {
    background: var(--secondary);
}

.breadcrumbs__item:not(:first-child):before{
    background: currentColor;
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='6' height='8' viewBox='0 0 6 8' fill='none'%3E%3Cpath d='M1 0.609375L5 3.84014L1 6.60938' stroke='%230039A6'/%3E%3C/svg%3E");
    mask-size: contain;
    mask-position: center;
    mask-repeat: no-repeat;
}
.mod-check__dropdown-icon::before,
.mod-check__dropdown-icon.active::before {
    background: var(--primary);
}
.credit-form__main-step-text-price,
.car-block__main-info-item-value--payment {
    color: var(--primary);
}
.btn {
    transition: 0.2s;
    transition-property: filter, opacity, color, border-color, background-color, transform;
}

.btn.btn_primary {
    background: var(--main-btn-color);
    color: var(--main-btn-text-color);
}
.btn.btn_outline {
    background: transparent;
    border-color: var(--main-btn-color);
    color: var(--main-btn-color);
}
.btn.btn_outline:hover,
.btn.btn_outline:active {
    border-color: transparent;
    background: var(--main-btn-color);
    color: var(--main-btn-text-color);
}

.btn.btn_white {
    background: var(--secondary-btn-color);
    color: var(--secondary-btn-text-color);
}

.btn:hover {
    filter: opacity(0.8);
}
.btn:active {
    filter: brightness(0.9);
    transform: scale(0.95);
}


.mark-link {
    border-color: var(--mark-link-border-color);
    background: var(--mark-link-bg-color);
    color: var(--mark-link-text-color);
}
.mark-link:hover {
    filter: opacity(0.8);
}
.mark-link:active {
    filter: brightness(0.9);
    transform: scale(0.95);
}

.hero-carousel__content,
.modal-mega-sale .modal__form {
    background-color: var(--hero-banner-color);
    color: var(--hero-banner-text-color);
}
.mega-sale-form-desc,
.modal-mega-sale .form-terms {
    color: inherit;
}

.popup-preset__form {
    background: var(--promo-credit-banner-bg-color);
    color: var(--promo-credit-banner-text-color);
}
.popup-preset__form-top-title,
.popup-preset__form-top-text,
.popup-preset__form .main-form-checkbox_white {
    color: inherit
}

.credit-banner {
    background-image: var(--banner-color);
}

.credit-bg {
    background-color: var(--body-bg-secondary-color);
}

.callback-button {
    background-color: var(--main-btn-color);
    color: var(--main-btn-text-color);
}
.callback-button:before {
    border: solid var(--main-btn-color) 1px;
}
.callback-button:after {
    background-color: var(--main-btn-color);
}
.callback-button__icon {
    background: currentColor;
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='48' viewBox='0 0 48 48' width='48'%3E%3Cpath d='M0 0h48v48h-48z' fill='none'/%3E%3Cpath fill='white' d='M13.25 21.59c2.88 5.66 7.51 10.29 13.18 13.17l4.4-4.41c.55-.55 1.34-.71 2.03-.49 1.24.74 4.65 1.14 7.14 1.14 1.11 0 2 .89 2 2v7c0 1.11-.89 2-2 2-18.78 0-34-15.22-34-34 0-1.11.9-2 2-2h7c1.11 0 2 .89 2 2 0 2.49.4 4.9 1.14 7.14.22.69.06 1.48-.49 2.03l-4.4 4.42z'/%3E%3C/svg%3E");
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: 60%;
}

.term-block__number {
    background: var(--term-block-number-bg-color);
    color: var(--term-block-number-text-color);
}