.text-xs {
    font-size: 12px;
}

.bg-polywork {
    background-color: #582be8;
}

.htmx-request .shown-while-loading {
    display: block;
}

.htmx-request .hidden-while-loading {
    display: none;
}

.shown-while-loading {
    display: none;
}

.htmx-request.faded-while-loading,
.htmx-request .faded-while-loading {
    opacity: 0.6
}

/* Hide scrollbar for Webkit browsers */
.scrollbar-hide::-webkit-scrollbar {
    display: none;
}

/* Hide scrollbar for IE, Edge and Firefox */
.scrollbar-hide {
    -ms-overflow-style: none;
    /* IE and Edge */
    scrollbar-width: none;
    /* Firefox */
}

.filter-white {
    filter: brightness(0) invert(1);
}



.badge-item {
    border-radius: 50px;
    border: 1px solid lightgray;
    cursor: pointer;
    transition: all 0.3s ease;
    display: flex;
    align-items: center;
    box-sizing: border-box;
    height: min-content;
}

.badge-item input[type="checkbox"] {
    display: none;
}

.badge-item input[type="checkbox"]:checked+label {
    background-color: #582be8;
    border-color: #582be8;
    color: white;
    border-radius: 50px;
}

.badge-item label {
    font-size: inherit;
    line-height: inherit;
}

@media (min-width: 320px) and (max-width: 425px) {
    .custom-text-size {
        font-size: 12px;
    }

}


@media (min-width: 2239px) and (max-width: 2560px) {
    .custom-width {
        width: 20%;
    }

}

@media (min-width: 2133px) and (max-width: 2238px) {
    .custom-width {
        width: 21%;
    }

}

@media (min-width: 1791px) and (max-width: 2237px) {
    .custom-width {
        width: 26%;
    }

}

@media (min-width: 1613px) and (max-width: 1790px) {
    .custom-width {
        width: 30%;
    }

}