.truck-calculator {
    max-width: 100%;
    margin: 20px 0;
    font-family: "Poppins", Sans-serif;
    display: flex;
    flex-direction: column;
    gap: 20px;
    font-size: 16px;
}

.truck-calculator label {
    display: block;
    margin: 0;
    font-weight: normal;
    margin-bottom: 10px;
}

.truck-calculator input {
    width: 100%;
    margin: 0 !important;
    background: #fff !important;
}

#trc-result {
    font-weight: bold;
    font-size: 44px;
}

.results {
    background-color: var(--e-global-color-primary);
    padding: 20px;
    display: none;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    font-weight: normal
}

/*.results {
    opacity: 0;
    max-height: 0;
    overflow: hidden;
    transition: opacity 0.5s ease, max-height 0.5s ease;
}*/

.results.visible {
    opacity: 1;
    max-height: max-content;
    display: block
}

.truck-calculator .trc-button {
    background-color: var(--e-global-color-primary);
    font-family: "Poppins", Sans-serif;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
    fill: var(--e-global-color-ac04d2e);
    color: var(--e-global-color-ac04d2e);
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: var(--e-global-color-primary);
    border-radius: 100px !important;
    padding: 20px 30px 20px 30px;
}

/*.truck-calculator .trc-button.secondary {
    background-color: #FFFFFF;
    font-family: "Poppins", Sans-serif;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
    fill: var(--e-global-color-text);
    color: var(--e-global-color-text);
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: #D3DCEAC7;
    border-radius: 100px 100px 100px 100px;
    padding: 20px 30px 20px 30px;
}*/

.truck-calculator .trc-button:hover {
    -webkit-transform: scale(0.98);
    transform: scale(0.98);
    box-shadow: 0 0 5px 0 rgb(182 192 211 / 20%);
}

.assumptions ul {
    list-style: none
}

.assumptions {
    margin-top: 20px;
    font-size: 12px;
}

.totals {
    margin-bottom: 30px;
}

.breakdown {
    display: flex;
    justify-content: center;
    gap: 20px;
}

.breakdown > div {
    background-color: var(--e-global-color-9026a57);
    padding: 30px;
    border-radius: 10px 10px 10px 10px;
    display: flex;
    flex-direction: column;
    flex: 1;
    justify-content: center;
    align-items: center;
}

.breakdown > div > div {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.breakdown > div img {
    width: 80px
}

.breakdown > div p,
.totals p {
    font-size: 18px;
    margin: 0 !important
}

.breakdown span {
    width: 100%;
    font-size: 30px;
    font-weight: bold
}

.totals span {
    width: 100%;
    font-size: 42px;
    font-weight: bold
}

.results.v2 {
    background: transparent !important;
    color: #111;
    padding: 0;
    margin-top: 30px;
    display: block
}

.results.v2 h3 {
    font-size: 30px;
}

.breakdown .icon {
    width: 60px;
    height: 60px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    margin-bottom: 10px;
}

.breakdown .tr {
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1NS43NiAyOC45MSI+CiAgPGRlZnM+CiAgICA8c3R5bGU+CiAgICAgIC5jbHMtMSB7CiAgICAgICAgaXNvbGF0aW9uOiBpc29sYXRlOwogICAgICB9CgogICAgICAuY2xzLTIgewogICAgICAgIGZpbGw6ICMyMzFmMjA7CiAgICAgICAgbWl4LWJsZW5kLW1vZGU6IG11bHRpcGx5OwogICAgICB9CiAgICA8L3N0eWxlPgogIDwvZGVmcz4KICA8ZyBjbGFzcz0iY2xzLTEiPgogICAgPGcgaWQ9IkxheWVyXzEiIGRhdGEtbmFtZT0iTGF5ZXIgMSI+CiAgICAgIDxnPgogICAgICAgIDxwYXRoIGNsYXNzPSJjbHMtMiIgZD0iTTU1LjcyLDE5LjJsLTEuMTktMS4wN3YtNi4zNmMwLTEuNjItMS4yNC0yLjkzLTIuODEtMy4xdi0yLjYzaDEuNTJjLjgzLDAsMS41LS42NywxLjUtMS41cy0uNjctMS41LTEuNS0xLjVoLTIwLjA2Yy0uMDUtMS42OS0xLjQyLTMuMDUtMy4xMi0zLjA1aC04LjRjLTEuNjYsMC0zLjE4Ljg0LTQuMDcsMi4yNGwtNC4xMyw2LjUxLTkuNSwxLjA3Yy0xLjU2LjItMi43NCwxLjUzLTIuNzQsMy4xdjQuODlsLS40LjIyYy0uNTEuMjgtLjgyLjgyLS44MiwxLjR2Mi4yNGMwLC43NS41MywxLjQxLDEuMjYsMS41Nmw2LjUzLDEuNDFjLjY2LDIuNDUsMi44OSw0LjI3LDUuNTUsNC4yN3M0Ljg4LTEuODEsNS41NC00LjI1aDE4Ljc5Yy42NiwyLjQ0LDIuODksNC4yNSw1LjU0LDQuMjVzNC45Ny0xLjg3LDUuNTgtNC4zOWw1LjUxLS41NmMuODItLjA4LDEuNDUtLjc2LDEuNDUtMS41OXYtMi40MmwtLjAzLS43NFpNNDguNzIsOC42NWgtNy45MnYtMi42aDcuOTJ2Mi42Wk0zMy4xOSw4LjY1di0yLjZzNC42MiwwLDQuNjIsMHYyLjZoLTQuNjJaTTIwLjEyLDMuODVjLjM0LS41My45MS0uODUsMS41NC0uODVoOC40Yy4wNywwLC4xMy4wNi4xMy4xM3Y1LjUycy0xMy4xMiwwLTEzLjEyLDBsMy4wNC00LjhaTTMsMjAuNTR2LS4yOGwuMTEtLjA2aDNjLS4xMS4zMS0uMjEuNjItLjI4Ljk1bC0yLjgzLS42MVpNMTMuMzUsMjUuOTFjLTEuNTIsMC0yLjc1LTEuMjMtMi43NS0yLjc1czEuMjMtMi43NSwyLjc1LTIuNzUsMi43NSwxLjIzLDIuNzUsMi43NS0xLjIzLDIuNzUtMi43NSwyLjc1Wk0xMi4zNSwxNS44MWMtMS41MiwwLTIuOTEuNTMtNC4wMywxLjM5aC00LjA5di00LjI4YzAtLjA2LjA1LS4xMi4wOS0uMTNsMTAuMTItMS4xNWgxNS43NnYxMC4wMXMtOS4zLDAtOS4zLDBjLS45OS0yLjQ5LTMuNTktNS44NS04LjU0LTUuODVaTTMzLjE5LDIxLjY2di0xMC4wMXMxOC4yMSwwLDE4LjIxLDBjLjA3LDAsLjEzLjA2LjEzLjEzdjUuNTNoLTQuMjRjLTEuMTQtLjkzLTIuNi0xLjQ5LTQuMTgtMS40OS0zLjM5LDAtNi4yLDIuNTYtNi41OSw1Ljg1aC0zLjMyWk00My4yMiwyNS45MWMtMS41MiwwLTIuNzUtMS4yMy0yLjc1LTIuNzVzMS4yMy0yLjc1LDIuNzUtMi43NSwyLjc1LDEuMjMsMi43NSwyLjc1LTEuMjMsMi43NS0yLjc1LDIuNzVaTTUyLjc2LDIxLjFsLTMuMDkuMzJjLS4wNi0uMzgtLjE1LS43NS0uMjgtMS4xMWgzLjA3bC4zLjI3di41M1oiLz4KICAgICAgICA8cGF0aCBjbGFzcz0iY2xzLTIiIGQ9Ik0yNi42MSwxMi45OGgtMS42NGMtLjU1LDAtMSwuNDUtMSwxcy40NSwxLDEsMWgxLjY0Yy41NSwwLDEtLjQ1LDEtMXMtLjQ1LTEtMS0xWiIvPgogICAgICA8L2c+CiAgICA8L2c+CiAgPC9nPgo8L3N2Zz4=")
}

.breakdown .ls {
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0Ni43MyA0Ny4xMiI+CiAgPGRlZnM+CiAgICA8c3R5bGU+CiAgICAgIC5jbHMtMSB7CiAgICAgICAgZmlsbDogIzIzMWYyMDsKICAgICAgfQogICAgPC9zdHlsZT4KICA8L2RlZnM+CiAgPHBhdGggY2xhc3M9ImNscy0xIiBkPSJNNDYuNjcsNDIuNTZsLTEuNDQtNC44MWMtLjkzLTMuMTEtMy4zNi01LjcxLTYuNjgtNy4xMywwLDAsMCwwLDAsMCwwLDAsMCwwLDAsMCwwLDAsMCwwLDAsMGwtNi45Mi0yLjk1Yy0uMjctLjEyLS40Ny0uMzEtLjUyLS41MWwtLjM2LTEuM2guMDJjMi4yNC0xLjQ3LDMuNTctMy45NCwzLjU3LTYuNjF2LTMuNTRjLjUzLS4xMywxLjA2LS4yNSwxLjU4LS40bC4zNy0uMTFjLjU4LS4xNywxLS42OCwxLjA3LTEuMjguMDYtLjYtLjI0LTEuMTktLjc3LTEuNDhsLTEuNjItLjg5Yy0uMjEtMy44OC0yLjUxLTcuMzUtNi4wNS05LjExdi0uMjVjMC0uNjEtLjM3LTEuMTYtLjk0LTEuMzktMi42Ny0xLjA3LTUuNjEtMS4wNy04LjI5LDAtLjU3LjIzLS45NC43OC0uOTQsMS4zOXYuMjVjLTMuNTQsMS43Ny01Ljg0LDUuMjMtNi4wNSw5LjExbC0xLjYyLjg5Yy0uNTMuMjktLjg0Ljg3LS43NywxLjQ4LjA2LjYuNDksMS4xMSwxLjA3LDEuMjhsLjM3LjExYy40NS4xMy45MS4yMywxLjM2LjM1djMuNmMwLDIuNDQsMS4xMiw0LjcsMy4wMiw2LjE4bC0uNDgsMS43M2MtLjA2LjItLjI1LjM5LS41Mi41MWwtNi42OSwyLjg1Yy0uMTIuMDItLjI0LjA1LS4zNi4xLS4xNC4wNi0uMjYuMTUtLjM3LjI0LTMuMDYsMS40Ni01LjMxLDMuOTQtNi4xOSw2Ljg5TC4wNiw0Mi41NmMtLjI0Ljc5LjIxLDEuNjMsMS4wMSwxLjg3LjE0LjA0LjI5LjA2LjQzLjA2LjY1LDAsMS4yNC0uNDIsMS40NC0xLjA3bDEuNDQtNC44MWMuNTMtMS43OCwxLjc4LTMuMzQsMy41MS00LjQ0LDEuODQsNS40OS44NSwxMC40OS44NCwxMC41NC0uMTcuODEuMzUsMS42MSwxLjE2LDEuNzguMS4wMi4yMS4wMy4zMS4wMy42OSwwLDEuMzItLjQ4LDEuNDctMS4xOS4wNS0uMjYsMS4yMy02LjA2LTEuMDYtMTIuNDhsMS44Mi0uNzhjLjA3LjA1LjE0LjEuMjIuMTRsOS41Nyw0Ljd2OC43MWMwLC44My42NywxLjUsMS41LDEuNXMxLjUtLjY3LDEuNS0xLjV2LTguNzZsOC43NS00Ljc4Yy4wNS0uMDMuMS0uMDcuMTUtLjFsMS45MS44MWMtMi4zLDYuNDQtMS4xMywxMi4yNi0xLjA3LDEyLjUzLjE1LjcxLjc3LDEuMTksMS40NywxLjE5LjEsMCwuMi0uMDEuMzEtLjAzLjgxLS4xNywxLjMzLS45NiwxLjE2LTEuNzctLjAxLS4wNi0xLTUuMS44Ni0xMC42MSwxLjc4LDEuMTEsMy4wNywyLjY5LDMuNjEsNC41MWwxLjQ0LDQuODFjLjE5LjY1Ljc5LDEuMDcsMS40NCwxLjA3LjE0LDAsLjI5LS4wMi40My0uMDYuNzktLjI0LDEuMjUtMS4wNywxLjAxLTEuODdaTTE4Ljc0LDUuOTh2Mi43NGMwLC44My42NywxLjUsMS41LDEuNXMxLjUtLjY3LDEuNS0xLjVWMy4yN2MxLjM3LS4zNiwyLjgtLjM2LDQuMTcsMHY1LjQ0YzAsLjgzLjY3LDEuNSwxLjUsMS41czEuNS0uNjcsMS41LTEuNXYtMi43NGMxLjkxLDEuNDcsMy4wNywzLjcxLDMuMDcsNi4xNXYuMzRzMCwwLDAsMHYuNzNjLTUuMzgsMS4xMy0xMC45MiwxLjEzLTE2LjMsMHYtLjczczAsMCwwLDB2LS4zNGMwLTIuNDQsMS4xNi00LjY3LDMuMDctNi4xNVpNMTYuMSwxNi4zMmMyLjU2LjQ3LDUuMTQuNzMsNy43Mi43M3M1LjAyLS4yNSw3LjUxLS42OXYyLjg5YzAsMS42NS0uODMsMy4xOC0yLjIxLDQuMDhsLTIuNTIsMS42NGMtLjY3LjQ0LTEuNDUuNjctMi4yNC42N2gtMS4yOWMtLjgsMC0xLjU3LS4yMy0yLjI0LS42N2wtMi41Mi0xLjY0Yy0xLjM5LS45LTIuMjEtMi40My0yLjIxLTQuMDh2LTIuOTNaTTIzLjY4LDM0LjI5bC03LjY0LTMuNzUuMjUtLjExYzEuMTItLjQ4LDEuOTMtMS4zNywyLjI0LTIuNDZsLjIyLS43Ny40NS4yOWMxLjE2Ljc1LDIuNSwxLjE1LDMuODgsMS4xNWgxLjI5YzEuMzMsMCwyLjYxLS4zOCwzLjczLTEuMDdsLjExLjRjLjMsMS4wOSwxLjEyLDEuOTgsMi4yNCwyLjQ2bC4xNy4wNy02LjkzLDMuNzlaIi8+Cjwvc3ZnPg==")
}

.trc-blurred {
    filter: blur(10px);
    opacity: 0.8;
    transition: filter 0.4s ease, opacity 0.4s ease;
}

.trc-unblurred {
    filter: none;
    opacity: 1;
}