.border {
    border: 2px red solid;
    margin: 2px;
}

.bg-black {
    background-color: black;
    color: white;
}

.bg-gray {
    background-color: #121212;
    color: white;
}

.rounded {
    border-radius: 8px;
}

.m-1 {
    margin: 10px;
}

.p-1 {
    padding: 10px;
}

.p-2 {
    padding: 15px;
}

.icon{
    width: 20px;
}

.invert{
    filter: invert(1);
}

.gap{
    gap: 15px;
}

.fs-2{
    font-size: 0.9rem;
}

.fw-1{
    font-weight: 700;
}

.fc-black{
    color: black;
}

.display{
    display: flex;
}

.pointer{
    cursor: pointer;
}

.color-2{
    color: gray;
}

.hidden {
    display: none !important;
}

/* For Webkit browsers (e.g., Chrome, Safari) */
::-webkit-scrollbar {
    width: 12px;
  }
  
  ::-webkit-scrollbar-thumb {
    background-color: #333; /* Dark color for the thumb */
    border-radius: 6px;
  }
  
  ::-webkit-scrollbar-track {
    background-color: #222; /* Dark color for the track */
  }