.gtwc--calculator-wrapper {
    display: flex;
    flex-direction: column;
    gap: 2em;
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
}

.gtwc--calculator {
    padding: 1rem;
    background-color: #f4f4f4;
    text-align: left;
}

.gtwc--flex {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    gap: 2em;
}

.gtwc--flex--justify--center {
    justify-content: center;
}

.gtwc--flex--100 {
    flex-basis: 100%;
}

.gtwc--results.gtwc--flex {
    justify-content: space-around;
    gap: 2em;
}

.gtwc--grid {
    display: grid;
    grid-template-columns: 2fr 1fr;
    gap: 0.5rem;
}

.gtwc--grid--span {
    grid-column: span 2;
    text-align: center;
}

.gtwc--subhead {
    border-bottom: 1px solid var(--wpb--theme--color--primary);
}

.gtwc--border {
    border: 1px solid var(--wpb--theme--color--primary);
}

.gtwc--grid :is(.gtwc--label, .gtwc--value) {
    padding: 0.5rem;
}

.gtwc--label.h4 {
    margin-bottom: 0;
}

.gtwc--input :is(input, select) {
    padding: 0.5em;
}

.gtwc--value {
    font-size: 1.1em;
    text-align: center;
}

.gtwc--results--weld-reduction {
    padding: 1em;
}

.gtwc--success {
    background-color: #66bc29;
}