@media screen and (max-width: 599px) {

    .gform_wrapper.gravity-theme .gfield input.small {
        width: calc(50% - 12px);
    }

    .gform_wrapper.gravity-theme .gfield input.medium {
        width: calc(100% - 8px);
    }
}

.gform_energy_savings_calculator_wrapper details {
    grid-column: span 12;
    padding: 1em;
    background: #eee;
}

.gform_energy_savings_calculator_wrapper summary {
    cursor: default;
}

.gform_energy_savings_calculator_wrapper details > div {
    margin-top: 1em;
}

.gform_energy_savings_calculator_wrapper .gfield_html > p {
    text-align: center;
    margin-bottom: 2em;
}

.gform_energy_savings_calculator_wrapper .gfield_html > div {
    display: grid;
    margin: 1em 0;
}

.gform_energy_savings_calculator_wrapper .gfield_html table:first-child {
    width: 100%;
    margin: 2em 0 0 0;
}

.gform_energy_savings_calculator_wrapper .gfield_html table:first-child td {
    margin-bottom: 1em;
}

.gform_energy_savings_calculator_wrapper .gfield_html table:first-child th,
.gform_energy_savings_calculator_wrapper .gfield_html table:first-child td {
    display: block;
    text-align: left;
}

@media screen and (min-width: 600px) {

    .gform_energy_savings_calculator_wrapper .gfield_html table:first-child {
        display: flex;
        width: 100%;
        margin: 0;
    }

    .gform_energy_savings_calculator_wrapper .gfield_html table:first-child tbody {
        display: flex;
        flex-direction: column;
    }

    .gform_energy_savings_calculator_wrapper .gfield_html > div {
        display: grid;
        grid-template-columns: 2fr 1fr;
        gap: 5%;
    }
}

.gform_energy_savings_calculator_wrapper .gfield_html table:last-child {
    display: flex;
    flex-direction: column-reverse;
    width: 100%;
    height: 400px;
    order: -1;
}

.gform_energy_savings_calculator_wrapper .gfield_html table:last-child thead tr {
    display: flex;
    justify-content: space-around;
}

.gform_energy_savings_calculator_wrapper .gfield_html table:last-child tbody {
    flex-grow: 1;
}

.gform_energy_savings_calculator_wrapper .gfield_html table:last-child tbody tr {
    display: flex;
    height: 100%;
    overflow: hidden;
}

.gform_energy_savings_calculator_wrapper .gfield_html table:last-child td {
    width: 50%;
    display: flex;
    flex-direction: column;
    justify-content: end;
    align-items: center;
    padding: 0;
}

.gform_energy_savings_calculator_wrapper .gfield_html table:last-child td span {
    width: 90%;
}

.gform_energy_savings_calculator_wrapper .gfield_html table:last-child td span:first-child {
    text-align: center;
    will-change: opacity;
    animation-name: goodlight-energy-calculator-fadein;
    animation-duration: .5s;
    animation-delay: 1.5s;
    animation-fill-mode: both;
}

.gform_energy_savings_calculator_wrapper .gfield_html table:last-child td span:last-child {
    background-color: #eee;
    height: 100%;
    will-change: transform;
    animation-name: goodlight-energy-calculator-slideup;
    animation-duration: 1s;
    animation-delay: .5s;
    animation-fill-mode: both;
    animation-timing-function: linear;
}

@keyframes goodlight-energy-calculator-slideup {
    from { transform: translateY(100%) }
    to   { transform: translateY(0)    }
}

@keyframes goodlight-energy-calculator-fadein {
    from { opacity: 0 }
    to   { opacity: 1 }
}