.calculator-widget-range-input {
    -webkit-appearance: none;
    margin: 18px 0;
    width: 100%;
}

.calculator-widget-range-input:focus {
    outline: none;
}

.calculator-widget-range-input::-webkit-slider-runnable-track {
    width: 100%;
    height: 8px;
    cursor: pointer;
    background: #4DD2FF;
}

.calculator-widget-range-input::-webkit-slider-thumb {
    height: 36px;
    width: 36px;
    border-radius: 50px;
    background-image: url('data:image/png;base64,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');
    background-size: cover;
    background-position: center center;
    cursor: pointer;
    -webkit-appearance: none;
    margin-top: -14px;
}

.calculator-widget-range-input:focus::-webkit-slider-runnable-track {
    background: #4DD2FF;
}

.calculator-widget-range-input::-moz-range-track {
    width: 100%;
    height: 8.4px;
    cursor: pointer;
    box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
    background: #4DD2FF;
    border-radius: 1.3px;
    border: 0.2px solid #010101;
}

.calculator-widget-range-input::-moz-range-thumb {
    box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
    border: 1px solid #000000;
    height: 36px;
    width: 16px;
    border-radius: 3px;
    background: #ffffff;
    cursor: pointer;
}

.calculator-widget-range-input::-ms-track {
    width: 100%;
    height: 8px;
    cursor: pointer;
    background: transparent;
    border-color: transparent;
    border-width: 16px 0;
    color: transparent;
}

.calculator-widget-range-input::-ms-fill-lower {
    background: #2a6495;
    border: 0.2px solid #010101;
    border-radius: 2.6px;
    box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
}

.calculator-widget-range-input::-ms-fill-upper {
    background: #3071a9;
    border: 0.2px solid #010101;
    border-radius: 2.6px;
    box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
}

.calculator-widget-range-input::-ms-thumb {
    box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
    border: 1px solid #000000;
    height: 36px;
    width: 36px;
    border-radius: 3px;
    background: #ffffff;
    cursor: pointer;
}

.calculator-widget-range-input:focus::-ms-fill-lower {
    background: #4DD2FF;
}

.calculator-widget-range-input:focus::-ms-fill-upper {
    background: #4DD2FF;
}

.pidapi-calculator-widget {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    gap: 20px;
}

.current-value {
    background: #fff;
    border-radius: 50px;
    padding: 10px 20px;
    color: #3B36D9;
    font-weight: bolder;
    max-width: fit-content;
}

.current-weight {
    color: #fff;
    font-family: var(--e-global-typography-primary-font-family);
    font-weight: bolder;
    text-transform: uppercase;
    letter-spacing: 2px;
}

.result-weight {
    display: grid;
    place-items: center;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr;
    justify-items: end;
    align-items: center;
    max-width: 250px;
    background-color: #021d56;
    padding: 20px 25px;
    border-radius: 50px;
    color: #fff;
    text-transform: uppercase;
    font-weight: bolder;
    font-family: var(--e-global-typography-primary-font-family);
}

.result-weight strong {
    color: #5CCC6E;
    font-size: 2rem;
    text-transform: none;
}