/* ==========================================
   CALCULATOR
========================================== */

.calculator{

    background:#fff;

    border-radius:var(--radius-lg);

    box-shadow:var(--shadow-md);

    padding:35px;

    border:1px solid var(--color-border);

}

.calculator-header{

    margin-bottom:30px;

}

.calculator-body{

    display:grid;

    gap:20px;

}

.calculator-result{

    margin-top:35px;

    background:#F8FAFC;

    border-radius:var(--radius-md);

    padding:25px;

}