.text-accent_blue {
    color: var(--color-text-accent);
}

.n-section__suptitle.n-section__suptitle_blue {
    color: var(--color-text-accent);
}

.n-section__subtitle.n-compare__subtitle {
    max-width: 45rem;
    margin-top: .5rem;
}

.n-compare__title-wrapper {
    grid-column-gap: 1.25rem;
    grid-row-gap: 1.25rem;
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    display: flex;
}

.n-compare__cards {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    margin-top: 3.5rem;
    display: flex;
}

.n-compare__card {
    flex: 1;
}

.n-compare__card-image {
    border: .5px solid #3c3c435c;
    border-radius: 3rem;
    width: 35.7188rem;
    min-width: 35.7188rem;
    height: 34rem;
}

.n-compare__card-image.n-compare__card-image_mobile {
    display: none;
}

.n-compare__card-title {
    font-family: var(--font-heading);
    color: var(--color-text-muted);
    font-size: var(--text-h4-size);
    line-height: var(--text-h4-line-height);
    font-weight: var(--font-weight-semibold);
    text-align: center;
    letter-spacing: var(--text-h4-letter-spacing);
    margin-top: 1.25rem;
}

.n-compare__card-title.text-accent_blue {
    color: var(--color-text-accent);
}

.n-compare__card-vs {
    min-width: 3.125rem;
    font-family: var(--font-heading);
    font-size: var(--text-h4-size);
    line-height: var(--text-h4-line-height);
    font-weight: var(--font-weight-semibold);
    letter-spacing: var(--text-h4-letter-spacing);
    justify-content: center;
    align-items: center;
    padding-bottom: 1.25rem;
    display: flex;
}

.mira-section__suptitle.n-section__suptitle_blue {
    color: var(--color-text-accent);
}

.mira-section__subtitle.n-compare__subtitle {
    max-width: 45rem;
    margin-top: .5rem;
}

@media screen and (min-width: 768px) and (max-width: 1439px) {
    .n-compare__card {
        min-width: 0;
    }

    .n-compare__card-image {
        width: 100%;
        min-width: 0;
        height: auto;
        aspect-ratio: 35.7188 / 34;
    }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .n-compare__cards {
        flex-flow: column;
        align-items: center;
    }

    .n-compare__card {
        width: 100%;
        max-width: 35.7188rem;
    }
}

@media screen and (max-width: 767px) {
    .n-section__subtitle.n-compare__subtitle {
        font-size: var(--text-base-1-size);
    }

    .n-compare__title-wrapper {
        grid-column-gap: .75rem;
        grid-row-gap: .75rem;
    }

    .n-compare__cards {
        grid-column-gap: 1.25rem;
        grid-row-gap: 1.25rem;
        flex-flow: column;
        margin-top: 3rem;
    }

    .n-compare__card {
        flex-flow: column;
        justify-content: flex-start;
        align-items: center;
        display: flex;
    }

    .n-compare__card.n-compare__card_2 {
        flex-flow: column-reverse wrap;
        display: flex;
    }

    .n-compare__card-image {
        display: none;
    }

    .n-compare__card-image.n-compare__card-image_mobile {
        width: 23.125rem;
        min-width: 23.125rem;
        height: 27.0625rem;
        display: block;
    }

    .n-compare__card-title {
        font-size: var(--text-h3-size);
        margin-top: 1rem;
    }

    .n-compare__card-title.text-accent_blue {
        margin-top: 0;
        margin-bottom: 1rem;
    }

    .n-compare__card-vs {
        margin-top: -.125rem;
        padding-bottom: 0;
    }

    .mira-section__subtitle.n-compare__subtitle {
        font-size: var(--text-base-1-size);
    }
}

@media screen and (max-width: 479px) {
    .n-section__subtitle.n-compare__subtitle {
        font-size: var(--text-caption-size);
    }

    .n-compare__cards {
        flex-flow: column;
        margin-top: 3rem;
    }

    .mira-section__subtitle.n-compare__subtitle {
        font-size: var(--text-caption-size);
    }
}