{% set properties = item.properties|json_decode %}

{{ StyleHelper.generatePresetSelector('.moto-widget-content_section-filters', item.class_name) }} {

    {{ StyleHelper.generateLessFromArray(properties.header_label.desktop.base, '.moto-widget-content_section-filters__label') }}
    {{ StyleHelper.generateLessFromArray(properties.header_icon.desktop.base, '.moto-widget-content_section-filters__icon') }}

    {{ StyleHelper.generateLessFromArray(properties.label.desktop, '.moto-widget-content_section-filters__filter-label') }}
    @media screen and (max-width: @const_media_tablet_max_width) { {{ StyleHelper.generateLessFromArray(properties.label.tablet, '.moto-widget-content_section-filters__filter-label') }} }
    @media screen and (max-width: @const_media_mobile-h_max_width) { {{ StyleHelper.generateLessFromArray(properties.label['mobile-h'], '.moto-widget-content_section-filters__filter-label') }} }
    @media screen and (max-width: @const_media_mobile-v_max_width) { {{ StyleHelper.generateLessFromArray(properties.label['mobile-v'], '.moto-widget-content_section-filters__filter-label') }} }

    {{ StyleHelper.generateLessFromArray(properties.icon.desktop, '.moto-widget-content_section-filters__filter-label-icon') }}
    @media screen and (max-width: @const_media_tablet_max_width) { {{ StyleHelper.generateLessFromArray(properties.icon.tablet, '.moto-widget-content_section-filters__filter-label-icon') }} }
    @media screen and (max-width: @const_media_mobile-h_max_width) { {{ StyleHelper.generateLessFromArray(properties.icon['mobile-h'], '.moto-widget-content_section-filters__filter-label-icon') }} }
    @media screen and (max-width: @const_media_mobile-v_max_width) { {{ StyleHelper.generateLessFromArray(properties.icon['mobile-v'], '.moto-widget-content_section-filters__filter-label-icon') }} }

    {{ StyleHelper.generateLessFromArray(properties.selected_indicator.desktop, '.moto-widget-content_section-filters__filter-selected-count') }}
    @media screen and (max-width: @const_media_tablet_max_width) { {{ StyleHelper.generateLessFromArray(properties.selected_indicator.tablet, '.moto-widget-content_section-filters__filter-selected-count') }} }
    @media screen and (max-width: @const_media_mobile-h_max_width) { {{ StyleHelper.generateLessFromArray(properties.selected_indicator['mobile-h'], '.moto-widget-content_section-filters__filter-selected-count') }} }
    @media screen and (max-width: @const_media_mobile-v_max_width) { {{ StyleHelper.generateLessFromArray(properties.selected_indicator['mobile-v'], '.moto-widget-content_section-filters__filter-selected-count') }} }

    {{ StyleHelper.generateLessFromArray(properties.content.desktop, '.moto-widget-content_section-filters__filter-options') }}
    @media screen and (max-width: @const_media_tablet_max_width) { {{ StyleHelper.generateLessFromArray(properties.content.tablet, '.moto-widget-content_section-filters__filter-options') }} }
    @media screen and (max-width: @const_media_mobile-h_max_width) { {{ StyleHelper.generateLessFromArray(properties.content['mobile-h'], '.moto-widget-content_section-filters__filter-options') }} }
    @media screen and (max-width: @const_media_mobile-v_max_width) { {{ StyleHelper.generateLessFromArray(properties.content['mobile-v'], '.moto-widget-content_section-filters__filter-options') }} }

    {{ StyleHelper.generateLessFromArray(properties.item_height.desktop, '.moto-widget-content_section-filters__header, .moto-widget-content_section-filters__filter-label') }}
    @media screen and (max-width: @const_media_tablet_max_width) { {{ StyleHelper.generateLessFromArray(properties.item_height.tablet, '.moto-widget-content_section-filters__header, .moto-widget-content_section-filters__filter-label') }} }
    @media screen and (max-width: @const_media_mobile-h_max_width) { {{ StyleHelper.generateLessFromArray(properties.item_height['mobile-h'], '.moto-widget-content_section-filters__header, .moto-widget-content_section-filters__filter-label') }} }
    @media screen and (max-width: @const_media_mobile-v_max_width) { {{ StyleHelper.generateLessFromArray(properties.item_height['mobile-v'], '.moto-widget-content_section-filters__header, .moto-widget-content_section-filters__filter-label') }} }

    {{ StyleHelper.generateLessFromArray(properties.item_border_closed.desktop.base, '.moto-widget-content_section-filters__filter-label, .moto-widget-content_section-filters__filter-options-wrapper') }}
    {{ StyleHelper.generateLessFromArray(properties.label_closed.desktop.base, '.moto-widget-content_section-filters__filter-label') }}
    {{ StyleHelper.generateLessFromArray(properties.icon_closed.desktop.base, '.moto-widget-content_section-filters__filter-label-icon') }}
    {{ StyleHelper.generateLessFromArray(properties.selected_indicator_closed.desktop.base, '.moto-widget-content_section-filters__filter-selected-count') }}

    .moto-widget-content_section-filters__filter:hover {
        {{ StyleHelper.generateLessFromArray(properties.item_border_closed.desktop.hover, '.moto-widget-content_section-filters__filter-label, .moto-widget-content_section-filters__filter-options-wrapper') }}
    }
    .moto-widget-content_section-filters__filter-label:hover {
        {{ StyleHelper.generateLessFromArray(properties.label_closed.desktop.hover) }}
        {{ StyleHelper.generateLessFromArray(properties.icon_closed.desktop.hover, '.moto-widget-content_section-filters__filter-label-icon') }}
    }
    .moto-widget-content_section-filters__filter.moto-widget-content_section-filters__filter_active {
        {{ StyleHelper.generateLessFromArray(properties.item_border_closed.desktop.active, '.moto-widget-content_section-filters__filter-label, .moto-widget-content_section-filters__filter-options-wrapper') }}
        {{ StyleHelper.generateLessFromArray(properties.label_closed.desktop.active, '.moto-widget-content_section-filters__filter-label') }}
        {{ StyleHelper.generateLessFromArray(properties.icon_closed.desktop.active, '.moto-widget-content_section-filters__filter-label-icon') }}
    }

    .moto-widget-content_section-filters__filter.moto-widget-content_section-filters__filter_opened {
        {{ StyleHelper.generateLessFromArray(properties.item_border_opened.desktop.base, '.moto-widget-content_section-filters__filter-label, .moto-widget-content_section-filters__filter-options-wrapper') }}
        {{ StyleHelper.generateLessFromArray(properties.label_opened.desktop.base, '.moto-widget-content_section-filters__filter-label') }}
        {{ StyleHelper.generateLessFromArray(properties.icon_opened.desktop.base, '.moto-widget-content_section-filters__filter-label-icon') }}
        {{ StyleHelper.generateLessFromArray(properties.selected_indicator_opened.desktop.base, '.moto-widget-content_section-filters__filter-selected-count') }}

        &:hover {
            {{ StyleHelper.generateLessFromArray(properties.item_border_opened.desktop.hover, '.moto-widget-content_section-filters__filter-label, .moto-widget-content_section-filters__filter-options-wrapper') }}
        }
        .moto-widget-content_section-filters__filter-label:hover {
            {{ StyleHelper.generateLessFromArray(properties.label_opened.desktop.hover) }}
            {{ StyleHelper.generateLessFromArray(properties.icon_opened.desktop.hover, '.moto-widget-content_section-filters__filter-label-icon') }}
        }
        &.moto-widget-content_section-filters__filter.moto-widget-content_section-filters__filter_active {
            {{ StyleHelper.generateLessFromArray(properties.item_border_opened.desktop.active, '.moto-widget-content_section-filters__filter-label, .moto-widget-content_section-filters__filter-options-wrapper') }}
            {{ StyleHelper.generateLessFromArray(properties.icon_opened.desktop.active, '.moto-widget-content_section-filters__filter-label-icon') }}
            {{ StyleHelper.generateLessFromArray(properties.label_opened.desktop.active, '.moto-widget-content_section-filters__filter-label') }}
        }
    }

    {% set borders = properties.item_border.desktop.base %}
    {% if not (borders['border-style'] == 'none') and not (borders['border-bottom-width'] == '0px') %}
        .moto-widget-content_section-filters__filter_opened .moto-widget-content_section-filters__filter-options-wrapper {
            margin-top: -{{ borders['border-bottom-width'] }};
        }
    {% endif %}
    {{ StyleHelper.generateLessFromArray(borders, '.moto-widget-content_section-filters__filter-label, .moto-widget-content_section-filters__filter-options-wrapper') }}
}