input[type=range]::-webkit-slider-thumb {
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    background: rgba(255,113,0,var(--tw-bg-opacity));
    border: 0;
    border-radius: 9999px;
    cursor: pointer;
    height: 1.25rem;
    width: 1.25rem
}

input[type=range]:disabled::-webkit-slider-thumb {
    background: #9ca3af
}

.dark input[type=range]:disabled::-webkit-slider-thumb {
    background: #6b7280
}

input[type=range]:focus::-webkit-slider-thumb {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    --tw-ring-opacity: 1px;
    --tw-ring-color: rgb(164 202 254/var(--tw-ring-opacity));
    box-shadow: var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);
    outline: 2px solid transparent;
    outline-offset: 2px
}

input[type=range]::-moz-range-thumb {
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    background: rgba(255,113,0,var(--tw-bg-opacity));
    border: 0;
    border-radius: 9999px;
    cursor: pointer;
    height: 1.25rem;
    width: 1.25rem
}

input[type=range]:disabled::-moz-range-thumb {
    background: #9ca3af
}

.dark input[type=range]:disabled::-moz-range-thumb {
    background: #6b7280
}

input[type=range]::-moz-range-progress {
    background: #3f83f8
}

input[type=range]::-ms-fill-lower {
    background: #3f83f8
}

input[type=range].range-sm::-webkit-slider-thumb {
    height: 1rem;
    width: 1rem
}

input[type=range].range-lg::-webkit-slider-thumb {
    height: 1.5rem;
    width: 1.5rem
}

input[type=range].range-sm::-moz-range-thumb {
    height: 1rem;
    width: 1rem
}

input[type=range].range-lg::-moz-range-thumb {
    height: 1.5rem;
    width: 1.5rem
}