/* head items */
.hpsm__panel > .elementor {
    width: 100%;
}
.hpsm__head-items {
    margin: auto;
    display: flex;
    max-width: 1240px;
    position: relative;
}

.hpsm__head-item {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 1 1 100%;
    min-height: 48px;
}

.hpsm:not(.hpsm--stacked) .hpsm__head-item {
    cursor: pointer;
    transition: all .2s;
}

.hpsm__head-item-highlighter {
    bottom: 0;
    left: 0;
    position: absolute;
    height: 3px;
    transition: left 250ms ease-in-out, width 250ms ease-in-out;
    background-color: #333333;
    z-index: 1;
}

.hpsm__tabs-dropdown,
.hpsm__tabs-dropdown .mdc-select,
.hpsm__tabs-dropdown .mdc-list-item__text { width: 100%; }

/* panels and buttons */
.hpsm__content {
    margin: auto;
    max-width: 1240px;
}

.hpsm__panel {
    display: none;
    flex-wrap: wrap;
    justify-content: center;
    padding: 10px;
}

.hpsm.hpsm--stacked .hpsm__panel,
.hpsm__panel.hpsm__panel--selected {
    display: flex;
}

.hpsm__item-wrapper { padding: 6px 4px; }

.hpsm__item {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    transition: all .2s;
    white-space: nowrap;
}

.hpsm__item-icon-wrapper {
    align-items: flex-end;
    display: flex;
    overflow: hidden;
}

.hpsm__multi-select-button { text-align: center; }

@media all and (min-width: 768px) {
    .hpsm__content--inline {
        display: flex;
        align-items: center;
    }
    .hpsm__content--inline .hpsm__panel,
    .hpsm__content--inline .hpsm__multi-select { width: 100%; }
}

body[data-elementor-device-mode="mobile"] .hpsm .hpsm__panel .hpsm__item-wrapper {
    flex: 1 1 calc(100%/2);
}

.hpsm__panel[data-panel-type=new_vehicles] .hpsm__item-wrapper,
.hpsm__panel[data-panel-type=used_vehicles] .hpsm__item-wrapper { flex: 1 1 calc(100%/11); }
.hpsm__panel[data-panel-type=price_range] .hpsm__item-wrapper { flex: 1 1 calc(100%/3); }
.hpsm__panel[data-panel-type=vehicle_type] .hpsm__item-wrapper,
.hpsm__panel[data-panel-type=fuel_type] .hpsm__item-wrapper { flex: 1 1 calc(100%/5); }
.hpsm__panel[data-panel-type=mpg] .hpsm__item-wrapper { flex: 1 1 calc(100%/4); }
.hpsm__panel[data-panel-type=year_range] .hpsm__item-wrapper { flex: 1 1 calc(100%/8); }

/* mobile dropdown */
.hpsm__tabs-dropdown .mdc-select .mdc-select__anchor { padding-left: 0; }
.hpsm__tabs-dropdown .mdc-select .mdc-select__selected-text-container { padding-left: 16px; }
.hpsm__tabs-dropdown .mdc-select .mdc-select__dropdown-icon {
    height: 100%;
    margin: 0;
    padding: 0 16px 0 32px;
}
.hpsm__tabs-dropdown .mdc-select .mdc-select__dropdown-icon .material-icons {
    align-items: center;
    display:flex;
    height: 100%;
    justify-content: center;
    width: 100%;
}

/* visibility */
body[data-elementor-device-mode="tablet"] .hpsm .hpsm__head-items-wrapper--dropdown .hpsm__tabs-dropdown,
body[data-elementor-device-mode="desktop"] .hpsm .hpsm__head-items-wrapper--dropdown .hpsm__tabs-dropdown,
body[data-elementor-device-mode="mobile"] .hpsm .hpsm__head-items-wrapper--dropdown .hpsm__head-item-highlighter,
body[data-elementor-device-mode="mobile"] .hpsm .hpsm__head-items-wrapper--dropdown .hpsm__head-item {
    display: none;
}

body[data-elementor-device-mode="mobile"] .hpsm .hpsm__head-item:not(.show_on_mobile),
body[data-elementor-device-mode="tablet"] .hpsm .hpsm__head-item:not(.show_on_desktop),
body[data-elementor-device-mode="desktop"] .hpsm .hpsm__head-item:not(.show_on_desktop) {
    display: none;
}

body[data-elementor-device-mode="mobile"] .hpsm .hpsm__panel:not(.show_on_mobile),
body[data-elementor-device-mode="tablet"] .hpsm .hpsm__panel:not(.show_on_desktop),
body[data-elementor-device-mode="desktop"] .hpsm .hpsm__panel:not(.show_on_desktop) {
    display: none;
}