.tm-static-how__highlight {
    color: var(--tm-color-orange);
}

.tm-static-how__step-icon {
    width: 100px;
    height: 100px;
    background: color-mix(in srgb, var(--tm-color-orange) 10%, var(--tm-color-white));
    box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--tm-color-orange) 22%, transparent);
}

.tm-static-how__step-glyph {
    display: block;
    width: 44px;
    height: 44px;
    background-color: var(--tm-color-blue);
    mask-position: center;
    mask-repeat: no-repeat;
    mask-size: contain;
    -webkit-mask-position: center;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: contain;
}

.tm-static-how__step-glyph--search {
    mask-image: url("../../images/categories/icons/location-dot-solid-5_wTMvI.svg");
    -webkit-mask-image: url("../../images/categories/icons/location-dot-solid-5_wTMvI.svg");
}

.tm-static-how__step-glyph--compare {
    mask-image: url("../../images/categories/icons/users-solid-Lj2r_Ff.svg");
    -webkit-mask-image: url("../../images/categories/icons/users-solid-Lj2r_Ff.svg");
}

.tm-static-how__step-badge {
    width: 28px;
    height: 28px;
    background-color: var(--tm-color-orange);
    color: var(--tm-color-white);
    font-size: 14px;
}

.tm-static-how__connector {
    width: 32px;
    height: 32px;
}