/* ---------------------------------------------------
     SCROLLBARS
----------------------------------------------------- */
::-webkit-scrollbar {
    width: 12px;
    height: 12px;
    z-index: 99999;
    background-color: white;
}

::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    border-radius: 10px;
}

::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
    background-color: var(--blue1);
}
/* Browsers without `::-webkit-scrollbar-*` support */
@supports (not selector(::-webkit-scrollbar)) {
    html {
        scrollbar-width: 12px;
        scrollbar-color: var(--blue2) whitesmoke;
        -webkit-overflow-scrolling: unset; /*Firefox/Safari - touch*/
    }
}
/*Sprint21: Chrome 121 has orphaned webkit and scrollbar-x compatibility. Need to migrate to new style */
/**{*/ /*Firefox /Safari*/
/*scrollbar-width: 12px;
    scrollbar-color: var(--blue2) whitesmoke;
    -webkit-overflow-scrolling: unset;*/ /* Firefox/Safari - touch*/
/*}*/