.flex {
    display: flex;
}

.grid {
    display: grid;
}

.align-items-center {
    align-items: center;
}

.justify-center {
    justify-content: center;
}

.invert {
    filter: invert(0);
}

.rounded {
    border-radius: 12px;
}

.bg-black {
    background-color: #111827;
    color: #F9FAFB;
    border: 1px solid rgba(255, 255, 255, 0.05);
}

.bg-grey {
    background-color: #1F2937;
    color: #F9FAFB;
}

.pointer {
    cursor: pointer;
}

/* Only style scrollbar on devices that support hover (desktop) */
@media (hover: hover) {
    ::-webkit-scrollbar {
        width: 8px;
    }

    ::-webkit-scrollbar-track {
        background-color: transparent;
    }

    ::-webkit-scrollbar-thumb {
        background: rgba(0, 229, 255, 0.2);
        border-radius: 4px;
        transition: background-color 0.3s ease;
    }

    ::-webkit-scrollbar-thumb:hover {
        background-color: rgba(0, 229, 255, 0.5);
    }
}