.heading {
    font-family: Outfit, sans-serif;
    font-size: 16px;
    font-weight: 400;
    stroke: var(--theme-dark);
    fill: var(--theme-dark);
    text-anchor: middle;
}

.card {
    fill: white;
    stroke: var(--theme-light);
    stroke-width: 1.2;
    filter: url(#shadow);
}

.before {
    fill: #fff6f6;
}

.improvement {
    fill: #f3fbf8;
}

.result {
    fill: #f9fcfb;
}

.highlight {
    fill: url(#accent);
    stroke: none;
}

.label {
    font-family: "Fira Sans", sans-serif;
    font-size: 16px;
    font-weight: 200;
    stroke: var(--theme-dark);
    text-anchor: middle;
}

.highlight-text {
    font-family: "Fira Sans", sans-serif;
    font-weight: 500;
    stroke: var(--theme-dark);
    fill: var(--theme-medium);
    text-anchor: middle;
}

.column-arrow {
    font-family: Outfit, sans-serif;
    font-size: 22px;
    font-weight: 700;
    stroke: var(--theme-dark);
    text-anchor: middle;
}