/* | PANELS [START] */
.left-panel,
.right-panel {flex: 1;}
/* | PANELS [END] */

/* | STATS-CARDS [START] */
.stats-card {
    background-color: var(--color-bg-card);
    border-radius: 8px;
}

.stats-card .heading .h3 {
    padding: 20px;
}

.stats-card .heading .symbol {
    padding: 20px;
}

.stats-card .body {
    padding: 20px;
}

.stats-card .input-row label,
.stats-card .input-row input,
.stats-card .input-row .output-data {
    width: 100%;
}

.stats-card .input-row .output-data {
    text-align: end;
}
/* | STATS-CARD [END] */

/* | FIN [START] */
.p {color: var(--color-accent-green) !important;}
.l {color: var(--color-accent-red) !important;}
.be {color: var(--color-text-main);}

/* & RESPONSIVENESS` */
@media (max-width: 1024px) {
    .calculator .section {flex-direction: column;}
}

@media (max-width: 568px) {
    .input-row {
        flex-direction: column;
        align-items: start;
    }
}