/* For WebKit (Chrome, Safari, etc.) */
::-webkit-scrollbar {
    width: 10px; /* width of the scrollbar */
}

::-webkit-scrollbar-track {
    background: #303238; /* color of the track  "bg-[#24262a]" "bg-[#303238]" "text-[#D3D4D8]" */
}

::-webkit-scrollbar-thumb {
 background: #24262a;
    height: 4vh;
 border-radius: 2px;
}

.selected {
    /*background-color: grey; */
    background-color : #15539E;
    z-index : 1;
    /*opacity :0.4;*/
}

.reset-styles {
    all: initial;
}

emoji-picker {
    --num-columns: 16;
    --emoji-size: 2rem;
    --background: #1F2937;
}