.mrc-react-calculator.kijo-early-repayment-calculator .kijo-erc__options {
    display: flex;
    flex-direction: column;
    gap: 18px;
    margin: 10px 0 30px;
}

.mrc-react-calculator.kijo-early-repayment-calculator .mrc-pill-input select {
    width: 100%;
    border: none;
    background: transparent;
    padding: 0;
    font-family: var(--e-global-typography-text-font-family), Satoshi;
    font-size: var(--e-global-typography-text-font-size);
    font-weight: var(--e-global-typography-text-font-weight);
    font-style: var(--e-global-typography-text-font-style);
    line-height: var(--e-global-typography-text-line-height);
    text-transform: var(--e-global-typography-text-text-transform);
    text-decoration: var(--e-global-typography-text-text-decoration);
}

.mrc-react-calculator.kijo-early-repayment-calculator .mrc-pill-input select:focus {
    outline: none;
}

.mrc-react-calculator.kijo-early-repayment-calculator .kijo-erc__calculate-wrap {
    margin: 30px 0 0;
    display: flex;
    justify-content: center;
}

.mrc-react-calculator.kijo-early-repayment-calculator [data-kijo-erc-results] {
    display: none;
    margin-top: 30px;
}

.mrc-react-calculator.kijo-early-repayment-calculator.kijo-erc--results [data-kijo-erc-results] {
    display: block;
}
.mrc-react-calculator.kijo-early-repayment-calculator .kijo-erc__toggles {
    margin-bottom: 10px;
}

.mrc-react-calculator.kijo-early-repayment-calculator .kijo-erc__row {
    display: grid;
    grid-template-columns: 1fr;
    gap: 20px;
}

@media (min-width: 1024px) {
    .mrc-react-calculator.kijo-early-repayment-calculator .kijo-erc__row {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        align-items: end;
    }
}

.mrc-react-calculator.kijo-early-repayment-calculator [data-kijo-erc-overpay-details],
.mrc-react-calculator.kijo-early-repayment-calculator [data-kijo-erc-lump-details] {
    display: none;
}

.mrc-react-calculator.kijo-early-repayment-calculator.kijo-erc--overpay [data-kijo-erc-overpay-details] {
    display: flex;
}

.mrc-react-calculator.kijo-early-repayment-calculator.kijo-erc--lump [data-kijo-erc-lump-details] {
    display: flex;
}

.mrc-react-calculator.kijo-early-repayment-calculator .kijo-erc__months {
    display: none;
}

.mrc-react-calculator.kijo-early-repayment-calculator.kijo-erc--overpay-specified .kijo-erc__months {
    display: block;
}

.mrc-react-calculator.kijo-early-repayment-calculator [data-kijo-erc-results] h3 {
    font-family: var(--e-global-typography-b7fd117-font-family), Satoshi;
    font-size: var(--e-global-typography-b7fd117-font-size);
    font-weight: var(--e-global-typography-b7fd117-font-weight);
    font-style: var(--e-global-typography-b7fd117-font-style);
    -webkit-text-decoration: var(--e-global-typography-b7fd117-text-decoration);
    text-decoration: var(--e-global-typography-b7fd117-text-decoration);
    line-height: var(--e-global-typography-b7fd117-line-height);
    text-transform: var(--e-global-typography-b7fd117-text-transform);
    color: var(--e-global-color-primary);
}

.mrc-react-calculator.kijo-early-repayment-calculator [data-kijo-erc-results] p {
    font-family: var(--e-global-typography-text-font-family), Satoshi;
    font-size: var(--e-global-typography-text-font-size);
    font-weight: var(--e-global-typography-text-font-weight);
    font-style: var(--e-global-typography-text-font-style);
    line-height: var(--e-global-typography-text-line-height);
    text-transform: var(--e-global-typography-text-text-transform);
    text-decoration: var(--e-global-typography-text-text-decoration);
    margin: 30px 0 0px;
}

.mrc-react-calculator .mrc-representative-example .dynamic-value {
    font-family: var(--e-global-typography-accent-font-family), Satoshi;
    font-size: var(--e-global-typography-accent-font-size);
    font-weight: var(--e-global-typography-accent-font-weight);
    line-height: var(--e-global-typography-accent-line-height);
    text-transform: var(--e-global-typography-accent-text-transform);
    font-style: var(--e-global-typography-accent-font-style);
    text-decoration: var(--e-global-typography-accent-text-decoration);
    text-align: center;
}