/*
|--------------------------------------------------------------------------
| IZI Scrollbars
|--------------------------------------------------------------------------
|
| Shared scrollbar treatment for IZI custom UI controls.
| Native bright browser scrollbars should not appear inside our designed
| dropdowns, calendars or other intentionally scrollable interface panels.
|
*/

/*
|--------------------------------------------------------------------------
| Firefox
|--------------------------------------------------------------------------
*/

.izi-select__menu,
.izi-datetime__panel {
    scrollbar-width: thin;
    scrollbar-color:
        rgba(212, 137, 26, 0.78)
        rgba(255, 255, 255, 0.035);
}

/*
|--------------------------------------------------------------------------
| Chromium / Chrome / Edge / Safari
|--------------------------------------------------------------------------
*/

.izi-select__menu::-webkit-scrollbar,
.izi-datetime__panel::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

.izi-select__menu::-webkit-scrollbar-track,
.izi-datetime__panel::-webkit-scrollbar-track {
    margin-block: 7px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.035);
}

.izi-select__menu::-webkit-scrollbar-thumb,
.izi-datetime__panel::-webkit-scrollbar-thumb {
    min-height: 42px;
    border: 2px solid transparent;
    border-radius: 999px;
    background:
        linear-gradient(
            180deg,
            #f0a830,
            #d4891a
        )
        padding-box;
}

.izi-select__menu::-webkit-scrollbar-thumb:hover,
.izi-datetime__panel::-webkit-scrollbar-thumb:hover {
    background:
        linear-gradient(
            180deg,
            #ffc45c,
            #f0a830
        )
        padding-box;
}

.izi-select__menu::-webkit-scrollbar-thumb:active,
.izi-datetime__panel::-webkit-scrollbar-thumb:active {
    background:
        linear-gradient(
            180deg,
            #f0a830,
            #a8650e
        )
        padding-box;
}

.izi-select__menu::-webkit-scrollbar-corner,
.izi-datetime__panel::-webkit-scrollbar-corner {
    background: transparent;
}