/* appliedBrowse CSS ------------------ */

.applied-selector .selector-title {
    padding: 5px;
    font-size: 1.1rem;
    font-weight: 600;
}

.applied-selector .selector-label {
    font-size: 1.1rem;
}

.applied-selector .selector-applieds {
    gap: 10px;
    justify-content: start;
    align-content: start;
}

    .applied-selector .selector-applieds .item-wrapper {
        height: 140px;
        width: 140px;
        border: 1px solid var(--bs-gray-300);
        display: flex;
        align-items: center;
        justify-content: center;
        position: relative;
    }

        .applied-selector .selector-applieds .item-wrapper .info {
            position: absolute;
            bottom: 0;
            right: 0;
            margin-right: 10px;
            margin-bottom: 10px;
            visibility: hidden;
            color: var(--bs-gray-700);
        }

        .applied-selector .selector-applieds .item-wrapper:hover {
            border-color: var(--bs-primary) !important;
            cursor: pointer;
        }

            .applied-selector .selector-applieds .item-wrapper:hover .info {
                visibility: visible;
            }

    .applied-selector .selector-applieds a {
        text-decoration: none;
    }

    .applied-selector .selector-applieds .item {
    }

        .applied-selector .selector-applieds .item img {
            width: 100%;
            height: 100%;
            max-width: 100px;
            max-height: 100px;
        }

        .applied-selector .selector-applieds .item .style {
            font-weight: bold;
        }

            .applied-selector .selector-applieds .item .style:hover {
                color: var(--bs-primary);
            }

    .applied-selector .selector-applieds div[data-overlayscrollbars-viewport] {
        flex-direction: row !important;
        display: flex !important;
        flex-wrap: wrap !important;
        justify-content: center !important;
        gap: 10px !important;
        align-content: start !important;
    }