:root {
    --option-with-icon-width: 36px;
    --option-with-icon-large-width: 42px;
    --option-with-icon-svg-width: 20px;
    --option-with-icon-font-size: 13px;
    --emotion-love: #FA8072;
    --emotion-joy: #FFA407;
    --emotion-surprise: #7F00FF;
    --emotion-anger: #FF5722;
    --emotion-sadness: #6495ED;
    --emotion-fear: #2A3439;
    --emotion-disgust: #8B4513;
}

.filters-container {
    width: 100%;
    height: 100%;
    margin-right: 0;
    position: relative;
    border-radius: 0;
    background-color: #FFFFFF;
    display: flex;
    flex-direction: column;
    border-left: 1px solid #D9D9DE;

    &.disabled-filters {
        .filters-list-advanced {
            cursor: pointer
        }

        .filters-header-show-more-filters-container .base-toggle-button {
            background: initial;

            &:hover {
                background: initial;
            }
        }
    }

}

.filter-list-container .nano {
    overflow: inherit !important;
}

.filter-list-container .nano * {
    outline: 0 !important;
}

.filters-container .filters-header {

    .summary-display {
        font-family: var(--default-font-family);
        font-style: normal;
        font-weight: 400;
        font-size: 13px;
        padding: 22px 14px 8px 14px;
        color: #7c888a;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 2px;
        white-space: nowrap;
        img {
            width: 18px;
            height: 18px;
            margin-right: 4px;
        }

        .summary-new {
            color: var(--mainly-blue);
            cursor: pointer;
            padding-left: 2px;
        }

        .summary-total {
            color: var(--mainly-blue);
            cursor: pointer;
        }
    }
}


.filters-container .filters-header-search-container {
    width: 90%;
}

.filters-container .filters-header-calendar-container {

}

.filters-container .filters-header-calendar-container .calendar-element,
.filters-container .filters-header-calendar-container .calendar-widget-element {
    width: 100%;
    height: 36px;
}

.filters-container .filters-header-calendar-container .calendar-element {
    line-height: 36px;
}

.filters-container .filters-header-show-more-filters-container {
    margin-top: 10px;

    .base-toggle-button-label svg path {
        fill: var(--mainly-blue);
    }
}

.filters-container .filters-header-show-more-filters-container .base-toggle-button {
    display: flex;
    flex-direction: row-reverse;
    justify-content: flex-end;
    /*transition: ease-in-out 0.3s all;*/
    padding: 8px;
    height: 50px;
    border-radius: 8px;
    background: linear-gradient(360deg, #F6F2FF, #ECDCFF), url("/images/dashboard/advanced-filters.svg") no-repeat calc(100% - 50px) center;
    background-blend-mode: color-burn;

    &.first-state {
        padding: 8px;
        border-radius: 8px;
        margin-bottom: 10px;
    }

    &:hover {
        background: linear-gradient(360deg, #F0E3FF, #E8D1FF), url("/images/dashboard/advanced-filters.svg") no-repeat calc(100% - 50px) center;

        .base-toggle-button-label {
            color: var(--mainly-blue);
        }

        .base-toggle-button-element svg path {
            fill: var(--mainly-blue) !important;
        }
    }
}

.filters-container .filters-header-show-more-filters-container .base-toggle-button .base-toggle-button-label {
    white-space: nowrap;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    font-weight: 500;

    svg {
        margin-right: 5px;
    }
}

.filters-container .filters-header-show-more-filters-container .base-toggle-button .base-toggle-button-element svg {
    width: 20px;
    height: 20px;
}

.filters-container .filters-header-close-button {
    padding: 4px;
    width: 16px;
    height: 16px;
    cursor: pointer;
    margin-left: 10px;
    margin-right: 10px;
    display: none;
}

.filters-container .filters-header-close-button svg {
    display: block;
    width: 8px;
    height: 8px;
}

.filters-container .filters-header-close-button svg path {
    fill: #7f6377;
    opacity: 1 !important;
}

.filters-container .filter-list-container {
    /*padding: 57px 0;*/
    height: 100%;
    width: 100%;
}

.filters-container .filters-list {
    height: 100%;
    overflow: auto;
}

.filters-container .filters-content {
    padding: 8px 18px 8px 18px;
}

.filters-container .filters-list-footer {
    padding: 0px 18px 8px 18px;
}

/* -----Start Filters Set Container ----- */

.filters-container .filters-set-container {
    /*background-color: #F6FAFD;*/
    padding: 8px 26px 8px 18px;
}

.filters-container .filters-set-container:empty {
    display: none;
}

.filters-container .filters-set-container .filters-segment-select .base-select-label {
    color: #363636;
    font-family: var(--default-font-family);
    font-size: 13px;
    padding-bottom: 7px;
}

.filters-container .filters-set-container .filters-segment-select .base-select {
    width: 100%;
}


.filters-container .filters-set-container .filters-segment-select .base-select-list .item {
    display: flex;
    align-items: center;
}

.filters-container .filters-set-container .filters-segment-select .base-select-list .delete-segment-icon {
    margin-left: auto;
}

.filters-container .filters-set-container .filters-segment-select .base-select-list .delete-segment-icon {
    width: 15px;
    height: 15px;
}

.filters-container .filters-set-container .filters-segment-select .base-select-list .delete-segment-icon svg {
    display: block;
}

.filters-container .filters-set-container .filters-segment-select .base-select-list .delete-segment-icon svg path {
    fill: var(--mainly-blue) !important;
}

.filters-container .filters-set-container .filters-segment-select .base-button-element {
    color: var(--mainly-blue);
}

.filters-container .filters-set-container .filters-set-label {
    color: #363636;
    font-family: var(--default-font-family);
    font-size: 13px;
}

.filters-container .filters-set-container .filters-segment-list .base-list-no-data-text,
.filters-container .tags-filter-block .no-review {
    font-family: var(--default-font-family);
    font-size: 12px;
    width: 100%;
    font-weight: 300;
    color: var(--metalic-silver);
    font-style: normal;
}

.filters-container .filters-set-container .filters-segment-list ul {
    display: flex;
    flex-wrap: wrap;
}

.filters-container .filters-set-container .filters-segment-list ul li {
    border: 1px solid #D9D9DE;
    border-radius: 18px;
    font-size: 13px;
    color: #363636;
    padding: 5px 8px;
    cursor: pointer;
    display: flex;
    align-items: center;
    margin-right: 10px;
    margin-bottom: 8px;
    position: relative;
}

.filters-container .filters-set-container .filters-segment-list ul li.selected-segment-filter {
    color: var(--mainly-blue);
    background-color: rgba(122, 102, 255, 0.2);
    border-color: transparent;
}


.filters-container .filters-set-container .filters-segment-list ul li .delete-segment-icon {
    display: flex;
    align-items: center;
    margin-left: 8px;
    width: 13px;
    height: 13px;
}

.filters-container .filters-set-container .filters-segment-list ul li .delete-segment-icon svg {
    width: 100%;
    height: 100%;
    display: block;
    pointer-events: none;
}

.filters-container .filters-set-container .filters-segment-list ul li .delete-segment-icon svg path {
    fill: black !important;
    opacity: 0.2;
}

/*.filters-container .filters-set-container .filters-segment-list ul li .delete-segment-icon {
    display: none;
}

.filters-container .filters-set-container .filters-segment-list ul li:hover .delete-segment-icon {
    display: block;
    position: absolute;
    left: 100%;
    z-index: 2;
    padding: 2px 8px;
    margin: 0 auto;
}*/


/* -----End Filters Set Container ----- */

.filters-container .filters-list .base-filter-block.content .radio-input-text-box:nth-child(3),
.filters-container .filters-list .base-filter-block.content .radio-input-text-box:nth-child(4),
.filters-container .filters-list .base-filter-block.content .radio-input-text-box:nth-child(5),
.filters-container .filters-list .base-filter-block.content .radio-input-text-box:nth-child(6),
.filters-container .filters-list .base-filter-block.content .base-radio-element:nth-child(7),
.filters-container .filters-list .base-filter-block.content .base-radio-element:nth-child(8) {
    display: none;
}

.filters-container .filters-list .no-filters-text {
    font-size: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px;
    color: #525373;
}

.base-filter-block {
    padding-bottom: 7px;
    /*border-bottom: dashed 1px #e8e8e8;*/
    &.new_mentions {
        display: none;
    }
}

.base-filter-block.filter-simple-block.tags-filter-block.tags .base-filter-block-title-container {
    margin-bottom: 0px;
}

.base-filter-block.filter-simple-block {
    padding: 12px 0;

    &.performance {
        padding-top: 0;
    }
}

.base-filter-block.hidden {
    display: none;
}

.base-filter-block-checkbox-container {
    height: auto;
    line-height: 1;
    vertical-align: middle;
    margin-top: 5px;

    .base-checkbox-element:not(.checkbox-checked) {
        padding-left: 10px;
    }
}

.base-filter-block-checkbox-container label {
    display: block;
    line-height: 1;
    height: auto;
    cursor: pointer;
}

.base-filter-block-checkbox-container svg,
.base-filter-block-value-container .base-filter-value-block .base-radio-element svg,
.base-filter-block-value-container .base-filter-value-block .base-checkbox-element svg {
    display: block;
}

.base-filter-block-checkbox-container .base-checkbox-icon,
.base-filter-block-value-container .base-filter-value-block .base-radio-element .base-radio-icon,
.base-filter-block-value-container .base-filter-value-block .base-checkbox-element .base-checkbox-icon {
    width: 14px;
}

.base-filter-block-checkbox-container .base-checkbox-label,
.base-filter-block-checkbox-container .base-radio-label {
    font-weight: 400;
}

.base-filter-block-value-container .base-filter-value-block .base-radio-label,
.base-filter-block-value-container .base-filter-value-block .base-checkbox-label {
    font-size: 13px;
    font-weight: 400;
}

.base-filter-block-value-container .base-filter-value-block .base-checkbox-label span,
.base-filter-block-value-container .base-filter-value-block .base-checkbox-label i {
    vertical-align: middle;
}


.base-filter-block-value-container .base-filter-value-block .base-checkbox-label .filters-reviews-stars {
    color: #FF9800;
}

.base-filter-block-value-container .base-filter-value-block .base-checkbox-label i {
    font-size: 10px;
}

.base-filter-block-checkbox-container .base-checkbox-element input[type="checkbox"]:checked ~ label .base-checkbox-label,
.base-filter-block-value-container .base-radio-element input[type="radio"]:checked ~ label .base-radio-label,
.base-filter-block-value-container .base-checkbox-element input[type="checkbox"]:checked ~ label .base-checkbox-label {
    font-weight: 700;
    color: #525273;
}

.base-filter-block-value-container {
    width: 100%;
    padding-left: 14px;
}

.base-filter-block-value-container .radio-input-text-box .base-input-text-element {
    padding-left: 24px;
    padding-bottom: 8px;
    height: 36px;
}

.base-filter-block-value-container .radio-input-text-box .base-input-text-element .base-input-text-label {
    font-size: 13px;
    height: 28px;
    line-height: 28px;
    font-weight: 400;
}

.base-filter-block-value-container .radio-input-text-box .base-input-text,
.base-filter-block-value-container .radio-input-date .select-container {
    height: 28px;
    line-height: 26px;
    display: flex;
    flex-direction: row;
    padding: 0 6px;
}

.int-filter-block .base-filter-block-value-container .radio-input-text-box .base-input-text,
.date-filter-block .base-filter-block-value-container .radio-input-text-box .base-input-text,
.base-filter-block-value-container .radio-input-date .select-container .base-select {
    width: 72px;
    float: left;
    text-align: center;
    margin-right: 10px;
}

.string-filter-block .base-filter-block-value-container .radio-input-text-box .base-input-text-label,
.limited_string-filter-block .base-filter-block-value-container .radio-input-text-box .base-input-text-label,
.json_string-filter-block .base-filter-block-value-container .radio-input-text-box .base-input-text-label {
    display: none;
}

.base-filter-block-value-container .base-filter-value-block {
    padding: 6px 10px;
    border-radius: 3px;
    background: #eeecff;
    margin-bottom: 3px;
    position: relative;
}

.base-filter-block-value-container .base-filter-value-block .close-button {
    width: 14px;
    height: 14px;
    position: absolute;
    padding: 4px;
    right: 8px;
    top: 8px;
    cursor: pointer;
    display: none;
}

.base-filter-block-value-container .base-filter-value-block .close-button svg {
    display: block;
    width: 8px;
    height: 8px;
}

.multiple .base-filter-block-value-container .base-filter-value-block .close-button {
    display: block;
}

.base-filter-block-value-container .base-filter-value-block:first-child .binding-operator {
    display: none !important;
}

.base-filter-block-value-container .base-filter-value-block .binding-operator {
    font-size: 10px;
    color: #adbec7;
    background: white;
    width: 40px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    border-radius: 2px;
    position: absolute;
    top: -12px;
    left: 50%;
    margin-left: -20px;
    cursor: pointer;
    z-index: 1;
}


.base-filter-block-value-container .base-filter-value-block .binding-operator .binding-operator-text {
    color: #525373;
}

.base-filter-block-value-container .base-filter-value-block .binding-operator .binding-operators-list ul {
    visibility: hidden;
    position: absolute;
    top: 100%;
    left: 0px;
    margin-top: 0px;
    z-index: 4;
    border-color: #7c5fe4;
    box-shadow: 0 4px 16px 0px rgba(203, 196, 228, .48);
    background: #fff;
}

.base-filter-block-value-container .base-filter-value-block .binding-operator .binding-operators-list ul li {
    cursor: pointer;
    display: block;
    border: none;
    height: auto;
    text-align: center;
    color: rgba(0, 0, 0, .87);
    /*font-size: 14px;*/
    text-transform: uppercase;
    /*font-weight: 400;*/
    box-shadow: none;
    line-height: 20px;
    padding: 0 9px;
    /*font-family: var(--default-font-family);*/
}

.base-filter-block-value-container .base-filter-value-block .binding-operator .binding-operators-list ul li.selected-operator {
    font-weight: bold;
}

.base-filter-block-value-container .base-filter-value-block .binding-operator .binding-operators-list ul li:hover {
    background-color: #ecf1fe;
}

.base-filter-block-value-container .base-filter-value-block .binding-operator.open {
    border: 1px solid #7C45E9;
    height: 62px;
}

.base-filter-block-value-container .base-filter-value-block .binding-operator.open .binding-operators-list {
    position: absolute;
}

.base-filter-block-value-container .base-filter-value-block .binding-operator.open .binding-operators-list ul {
    visibility: visible !important;
}

.base-filter-block-value-container .base-radio-element label,
.base-filter-block-value-container .base-checkbox-element label {
    display: inline-block;
    cursor: pointer;
    white-space: nowrap;
}

.base-filter-block-value-container .base-checkbox-element label {
    display: flex;
    width: 100%;
}

.base-filter-block-value-container .base-checkbox-element {
    padding: 5px 0;
}

.base-filter-block-value-container .base-checkbox-element label .base-checkbox-label {
    display: flex;
    flex-direction: column;
    width: 100%;
}

.multiple-filter-block .child {
    padding-left: 25px;
}

.multiple-filter-block .base-filter-block-add,
.radio_field-filter-block .base-filter-block-add,
.radio_field_operator-filter-block .base-filter-block-add {
    display: none !important;
}

.base-filter-block-add {
    padding: 6px 0 17px 22px;
}

.base-filter-block-add .base-button-element {
    height: 32px;
    line-height: 32px;
    border-radius: 8px;
    text-align: center;
    background-color: var(--lavender-mist);
    color: var(--purple-fog);
    font-family: var(--default-font-family);
    font-size: 12px;
    font-weight: 500;
    padding: 0 10px;
    display: inline-flex;
    align-items: center;
    justify-content: center;

    svg {
        width: 16px;
        height: 16px;
        margin-right: 5px;

        path {
            fill: #7c5fe4 !important;
        }
    }
}

.base-filter-block-add .base-button-element:hover {
    opacity: .9;
    color: var(--mainly-blue);
}

.base-filter-block-add .base-button-element:active {
    color: #fff;
    background: #7c5fe4;
}

.base-filter-block-value-container .radio-input-date .select-container .base-select,
.base-filter-block-value-container .base-searchable-select {
    height: 28px;
    text-align: left;
    line-height: 26px;
    padding-left: 14px;
    margin-right: 6px;
}

.base-filter-block-value-container .base-searchable-select {
    width: 190px;
    margin-left: 25px;
    margin-bottom: 7px;
    z-index: 999999;
}

.base-filter-block-value-container .base-searchable-select .base-select {
    height: 28px;
    line-height: 28px;
}

.date-filter-block .base-filter-value-block {
    padding-right: 0;
    padding-bottom: 16px;
}

.multiple-select-value-block-label-icon {
    width: 15px;
    height: 15px;
    display: inline-block;
    vertical-align: middle;
    line-height: 20px;
    margin-right: 4px;
}

.multiple-select-value-block-label-icon svg {
    width: 15px;
    height: 15px;
    display: inline-block;
    margin-top: -2px;
    margin-right: 10px;
}

.filters-container .filters-footer:empty {
    display: none;
}

.filters-container .filters-footer {
    width: 100%;
    height: 57px;
    z-index: 5;
    display: flex;
    justify-content: center;
    align-items: center;
}

.filters-container .filters-footer .base-button-element {
    width: 164px;
    height: 34px;
    color: #fff;
    border-radius: 3px;
    font-family: var(--default-font-family);
    font-size: 11px;
    font-weight: 500;
    line-height: 34px;
    display: inline-block;
    vertical-align: middle;
    background: #7c5fe4;
    outline: none;
    text-align: center;
}

.filters-container .filters-footer .base-button-element.disabled {
    background: #e1e0e2;
}

.filters-container .filters-footer .base-button-element svg {
    vertical-align: middle;
    display: inline-block;
    width: 12px;
    height: 12px;
    margin-right: 10px;
    margin-top: -3px;
}

.filters-container .filters-footer .base-button-element svg path {
    fill: #fff !important;
}

.filters-container .filters-footer .base-button-element:not(.disabled):hover {
    background: #6955af;
}

body.visible-header-bar .filters-container .filter-list-container {

}

body.visible-header-bar .filters-container .filters-footer {
    height: 97px;
}

/*.base-filter-block-value-container .base-filter-value-block*/


.filters-container .base-filter-block-title-container {
    margin-bottom: 4px;
}

.filters-container .base-filter-block-container {
    margin-bottom: 10px;
}

.filters-container .base-filter-block-container-title,
.filters-container .base-filter-block-title-container {
    color: #363636;
    font-family: var(--default-font-family);
    font-size: 13px;
    font-weight: 500;
    display: flex;
    align-items: center;
}

.filters-container .base-filter-block-container-title {
    padding-bottom: 9px;
}

/*-----START MULTIPLE VALUES FILTER-----*/
.filters-container .base-filter-block.multiple_values-filter-block .base-filter-block-value-container,
.filters-container .base-filter-block.tag_input-filter-block .base-filter-block-value-container,
.filters-container .base-filter-block.range_input-filter-block .base-filter-block-value-container,
.filters-container .base-filter-block.tags-filter-block .base-filter-block-value-container {
    padding-left: 0;
}

.filters-container .base-filter-block.multiple_values-filter-block.sources,
.filters-list-advanced .base-filter-block.tag_input-filter-block.country {
    padding-top: 0;
}

.filters-container .base-filter-block.multiple_values-filter-block.sources .base-filter-block-title-container,
.filters-container .base-filter-block.multiple_values-filter-block.sources .base-filter-block-container.social_and_web .base-filter-block-container-title,
.filters-container .base-filter-block.multiple_values-filter-block.emotion .base-filter-block-container .base-filter-block-container-title {
    display: none;
}

.filters-container .multiple_values-filter-block.sources .base-filter-block-container.reviews.no-review-sources .multiple-value-block-option-icon-count-tpl {
    /*opacity: .6;*/
}

.filters-container .multiple_values-filter-block.sources .base-filter-block-container.reviews.no-review-sources .multiple-value-block-option-icon-count-tpl .multiple-value-block-option-icon-count-tpl-icon svg,
.filters-container .multiple_values-filter-block.sources .base-filter-block-container.social_and_web .multiple-value-block-option-icon-count-tpl.disabled-option .multiple-value-block-option-icon-count-tpl-icon svg {
    path,
    polygon {
        color: #a5a5a7;
    }
}

.filters-container .base-filter-block.multiple_values-filter-block.sources .base-filter-block-container.reviews.no-review-sources .multiple-value-block-option-icon-count-tpl-count,
.filters-container .base-filter-block.multiple_values-filter-block.sources .base-filter-block-container.social_and_web .multiple-value-block-option-icon-count-tpl.disabled-option .multiple-value-block-option-icon-count-tpl-count {
    display: none;
}

.filters-container .base-filter-block.multiple_values-filter-block.sources .base-filter-block-container.reviews.no-review-sources .multiple-value-block-option-icon-count-tpl-icon {
    background-color: initial;
    border-color: #D9D9DE;
}

.filters-container .base-filter-block.multiple_values-filter-block.sources .base-filter-block-container.reviews.no-review-sources .medium-yellow {
    margin-left: 10px;
    font-size: 12px;
    padding: 4px 14px;
}

.filters-container .base-filter-block.multiple_values-filter-block.sources .base-filter-block-container .multiple-value-block-option-icon-count-tpl.instagram .medium-yellow {
    padding: 2px 12px;
    font-size: 12px;
}

.filters-container .base-filter-block.multiple_values-filter-block .base-filter-block-value-container .base-filter-value-block,
.filters-container .base-filter-block.tag_input-filter-block .base-filter-block-value-container .base-filter-value-block,
.filters-container .base-filter-block.range_input-filter-block .base-filter-block-value-container .base-filter-value-block,
.filters-container .base-filter-block.tags-filter-block .base-filter-block-value-container .base-filter-value-block,
.filters-container .base-filter-block.week_day-filter-block .base-filter-block-value-container .base-filter-value-block,
.filters-container .base-filter-block.hour_day-filter-block .base-filter-block-value-container .base-filter-value-block {
    background: #fff;
    padding-left: 0;
    padding-bottom: 0;
    padding-right: 0;
}

.filters-container .base-filter-block.week_day-filter-block .base-filter-block-value-container,
.filters-container .base-filter-block.hour_day-filter-block .base-filter-block-value-container {
    padding-left: 0;
}

.filters-container .base-filter-block.multiple_values-filter-block .base-toggle-button.show-hide-group-button {
    margin-right: 4px;
    margin-bottom: 10px;
}

.filters-container .base-filter-block.multiple_values-filter-block .show-hide-group-button .base-toggle-button-element {
    font-size: 13px;
    color: #363636;
    cursor: pointer;
    width: var(--option-with-icon-width);
    height: var(--option-with-icon-width);
    line-height: var(--option-with-icon-width);
    border: 1px solid #D9D9DE;
    text-align: center;
    border-radius: 50%;
    justify-content: center;
}

.filters-container .base-filter-block.multiple_values-filter-block .show-hide-group-button:hover .base-toggle-button-element {
    color: var(--mainly-blue);
    border-color: var(--mainly-blue);
}

.filters-container .multiple_values-filter-block .base-filter-block-container-content .multiple-value-block-option-base-tpl,
.filters-container .tags-filter-block .base-filter-block-container-content .multiple-value-block-option-base-tpl,
.filters-container .week_day-filter-block .base-filter-block-container-content .multiple-value-block-option-base-tpl,
.filters-container .hour_day-filter-block .base-filter-block-container-content .multiple-value-block-option-base-tpl {
    margin-right: 0;
    margin-bottom: 10px;
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.filters-container .tags-filter-block .base-filter-block-container-content .multiple-value-block-option-base-tpl {
    margin-right: 10px;
}

.filters-container .multiple_values-filter-block .base-filter-block-container-content .multiple-value-block-option-base-tpl:last-of-type,
.filters-container .tags-filter-block .base-filter-block-container-content .multiple-value-block-option-base-tpl:last-of-type {
    margin-right: 0;
}

.filters-container .multiple_values-filter-block .base-filter-block-container-content .multiple-value-block-option-base-tpl-name,
.filters-container .tags-filter-block .base-filter-block-container-content .multiple-value-block-option-base-tpl-name,
.filters-container .week_day-filter-block .base-filter-block-container-content .multiple-value-block-option-base-tpl-name,
.filters-container .hour_day-filter-block .base-filter-block-container-content .multiple-value-block-option-base-tpl-name {
    border: 1px solid #D9D9DE;
    border-radius: 18px;
    font-size: 13px;
    color: #363636;
    padding: 5px 8px;
    cursor: pointer;
    display: flex;
    align-items: center;
}

.filters-container .tags-filter-block .base-filter-block-container-content .multiple-value-block-option-base-tpl-name {
    flex-direction: row-reverse;
}

.filters-container .multiple_values-filter-block .base-filter-block-container-content .multiple-value-block-option-base-tpl svg,
.filters-container .tags-filter-block .base-filter-block-container-content .multiple-value-block-option-base-tpl svg {
    width: 16px;
    height: 16px;
    margin-right: 4px;
    display: block;
}

.filters-container .tags-filter-block .base-filter-block-container-content .multiple-value-block-option-base-tpl svg {
    margin-right: 0;
    margin-left: 8px;
    pointer-events: none;
    width: 13px;
    height: 13px;
}

.filters-container .multiple_values-filter-block.emotion .base-filter-block-container-content .multiple-value-block-option-base-tpl svg {

}

.filters-container .tags-filter-block .base-filter-block-container-content .multiple-value-block-option-base-tpl svg {
    polygon,
    path {
        fill: black !important;
        opacity: 0.2;
    }
}

.filters-container .multiple_values-filter-block .base-filter-block-container-content .multiple-value-block-option-base-tpl svg {
    polygon,
    path {
        fill: currentColor !important;
        color: #a5a7bc;
    }
}

.filters-container .multiple_values-filter-block .base-filter-block-container-content .multiple-value-block-option-base-tpl-name.negativeSentiment svg {
    polygon,
    path {
        color: #f0468b;
    }
}

.filters-container .multiple_values-filter-block .base-filter-block-container-content .multiple-value-block-option-base-tpl-name.positiveSentiment svg {
    polygon,
    path {
        color: #68B284;
    }
}

.filters-container .multiple_values-filter-block .base-filter-block-container-content .multiple-value-block-option-base-tpl-name.neutralSentiment svg {
    polygon,
    path {
        color: #A3A5BB;
    }
}


.filters-container .multiple_values-filter-block.emotion .base-filter-block-container-content .multiple-value-block-option-base-tpl .multiple-value-block-option-base-tpl-name .multiple-value-block-option-base-tpl-icon svg {
    fill: none;
    stroke: currentColor;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
    color: #6666FF;

    path {
        fill: currentColor !important;
        color: #6666FF;
    }
}

.filters-container .multiple_values-filter-block.emotion .base-filter-block-container-content .multiple-value-block-option-base-tpl .multiple-value-block-option-base-tpl-name.loveEmotion .multiple-value-block-option-base-tpl-icon svg {
    path {
        fill: none !important;
    }
}

.filters-container .multiple_values-filter-block.emotion .base-filter-block-container-content .multiple-value-block-option-base-tpl-name {
    /*padding: 4px;*/
}

.filters-container .multiple_values-filter-block.emotion .base-filter-block-container-content {
    column-gap: 4px;

    .multiple-value-block-option-base-tpl {

        &.loveEmotion {
            .multiple-value-block-option-base-tpl-name {
                .multiple-value-block-option-base-tpl-icon {
                    svg {
                        path {
                            stroke: currentColor;
                            color: var(--emotion-love);
                        }
                    }
                }
            }
        }

        &.joyEmotion {
            .multiple-value-block-option-base-tpl-name {
                svg, path {
                    color: var(--emotion-joy) !important;
                }
            }

        }

        &.fearEmotion {
            .multiple-value-block-option-base-tpl-name {
                svg, path {
                    color: var(--emotion-fear) !important;
                }
            }
        }

        &.angerEmotion {
            .multiple-value-block-option-base-tpl-name {
                svg, path {
                    color: var(--emotion-anger) !important;
                }
            }
        }

        &.sadnessEmotion {
            .multiple-value-block-option-base-tpl-name {
                padding-left: 10px;
                padding-right: 10px;
                svg, path {
                    color: var(--emotion-sadness) !important;
                }
            }
        }

        &.surpriseEmotion {
            .multiple-value-block-option-base-tpl-name {
                padding-left: 11px;
                padding-right: 11px;
                svg, path {
                    color: var(--emotion-surprise) !important;
                }
            }
        }

        &.disgustEmotion {
            .multiple-value-block-option-base-tpl-name {
                padding-right: 7px;
                svg, path {
                    color: var(--emotion-disgust) !important;
                }
            }
        }
    }
}

.filters-container .multiple_values-filter-block .base-filter-block-container-content .multiple-value-block-option-icon-count-tpl,
.filters-container .multiple_values-filter-block .base-filter-block-container-content .show-hide-group-button-container {
    margin-bottom: 12px;
    cursor: pointer;
    flex: 0 1 25%;
    align-items: center;
    justify-content: center;
}

.filters-container .multiple_values-filter-block .base-filter-block-container-content .show-hide-group-button-container {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}

.filters-container .multiple_values-filter-block .base-filter-block-container .multiple-value-block-option-icon-count-tpl .multiple-value-block-option-icon-count-tpl-icon {
    width: var(--option-with-icon-width);
    height: var(--option-with-icon-width);
    border-radius: 50%;
    background-color: #fff;
    border: 1px solid #D9D9DE;
    display: flex;
    align-items: center;
    justify-content: center;
}

.filters-container .multiple_values-filter-block .base-filter-block-container.social_and_web .multiple-value-block-option-icon-count-tpl:not(.selected):not(.disabled-option) .multiple-value-block-option-icon-count-tpl-icon,
.filters-container .multiple_values-filter-block.sentiment .base-filter-block-container-content .multiple-value-block-option-base-tpl:not(.selected) .multiple-value-block-option-base-tpl-name,
.filters-container .multiple_values-filter-block.emotion .base-filter-block-container-content .multiple-value-block-option-base-tpl:not(.selected) .multiple-value-block-option-base-tpl-name,
.filters-container .filters-set-container .filters-segment-list.base-filter-block li:not(.selected-segment-filter),
.filters-container .tags-filter-block .base-filter-block-container-content .multiple-value-block-option-base-tpl:not(.selected) .multiple-value-block-option-base-tpl-name {
    &:hover {
        background-color: #eeecff;
    }
}

.filters-container .multiple_values-filter-block .base-filter-block-container .multiple-value-block-option-icon-count-tpl.instagram:has(.medium-yellow) {
    .multiple-value-block-option-icon-count-tpl-icon {
        width: var(--option-with-icon-large-width);
        height: var(--option-with-icon-large-width);
        border: double 6px transparent;
        background-image: linear-gradient(white, white), radial-gradient(circle at top left, rgba(255, 0, 0, 0.8), rgba(122, 102, 255, 0.8));
        background-origin: border-box;
        background-clip: padding-box, border-box;
        margin-top: -4px;
    }

    .multiple-value-block-option-icon-count-tpl-name {
        padding-top: 2px;
    }

    .medium-yellow {
        background: linear-gradient(0deg, rgba(245, 0, 74, 0.1) 0%, rgba(122, 102, 255, 0.1) 100%);
        color: #7A66FF;
    }
}

.filters-container .multiple_values-filter-block .base-filter-block-container .multiple-value-block-option-icon-count-tpl .multiple-value-block-option-icon-count-tpl-icon svg {
    width: var(--option-with-icon-svg-width);
    height: var(--option-with-icon-svg-width);
}

.filters-container .multiple_values-filter-block .base-filter-block-container.reviews .multiple-value-block-option-icon-count-tpl .multiple-value-block-option-icon-count-tpl-icon.appstoreReviews svg {
    width: 36px;
    height: 36px;
}


.filters-container .multiple_values-filter-block .base-filter-block-container .multiple-value-block-option-icon-count-tpl .multiple-value-block-option-icon-count-tpl-icon svg {
    polygon,
    path {
        fill: currentColor !important;
        color: #6666FF;
    }
}


.filters-container .multiple_values-filter-block .multiple-value-block-option-icon-count-tpl-icon.youtube svg > g > path:first-child,
.filters-container .multiple_values-filter-block .multiple-value-block-option-icon-count-tpl-icon.appstoreReviews svg > path:nth-child(2),
.filters-container .multiple_values-filter-block .multiple-value-block-option-icon-count-tpl-icon.googlePlay svg > path:nth-child(1),
.filters-container .multiple_values-filter-block .multiple-value-block-option-icon-count-tpl-icon.tripadvisorReviews svg > path:nth-child(2) {
    color: #fff !important;
}

.filters-container .multiple_values-filter-block .multiple-value-block-option-icon-count-tpl-icon.appstoreReviews svg > path:nth-child(2),
.filters-container .multiple_values-filter-block .multiple-value-block-option-icon-count-tpl-icon.googlePlay svg > path:nth-child(1) {
    color: transparent !important;
}

.filters-container .multiple_values-filter-block .base-filter-block-container.selected .multiple-value-block-option-icon-count-tpl {
    background: rgba(122, 102, 255, 0.2);
}

.filters-container .multiple_values-filter-block .base-filter-block-container.selected .multiple-value-block-option-icon-count-tpl
.multiple-value-block-option-icon-count-tpl-icon svg path {
    fill: #A3A5BB !important;
}

.filters-container .multiple_values-filter-block .base-filter-block-container .multiple-value-block-option-icon-count-tpl .multiple-value-block-option-icon-count-tpl-name {
    color: #363636;
    font-family: var(--default-font-family), serif;
    font-size: var(--option-with-icon-font-size);
    font-weight: 500;
    opacity: .7;
    padding-top: 4px;
}

.filters-container .multiple_values-filter-block .base-filter-block-container .multiple-value-block-option-icon-count-tpl .multiple-value-block-option-icon-count-tpl-count,
.filters-container .multiple_values-filter-block .base-filter-block-container .multiple-value-block-option-base-tpl-count {
    color: var(--mainly-blue);
    font-family: var(--default-font-family), serif;
    font-size: var(--option-with-icon-font-size);
    font-weight: 500;
    opacity: .7;
}

.filters-container .multiple_values-filter-block .base-filter-block-container .multiple-value-block-option-icon-count-tpl.instagram.disabled-option .multiple-value-block-option-icon-count-tpl-count {
    display: none;
}

.filters-container .multiple_values-filter-block .base-filter-block-container .multiple-value-block-option-base-tpl-count {
    padding-top: 4px;
}

.filters-container .multiple_values-filter-block .multiple-value-block-option-icon-count-tpl.selected .multiple-value-block-option-icon-count-tpl-icon,
.filters-container .multiple_values-filter-block .multiple-value-block-option-base-tpl.selected .multiple-value-block-option-base-tpl-name,
.filters-container .tags-filter-block .multiple-value-block-option-base-tpl.selected .multiple-value-block-option-base-tpl-name,
.filters-container .week_day-filter-block .multiple-value-block-option-base-tpl.selected .multiple-value-block-option-base-tpl-name,
.filters-container .hour_day-filter-block .multiple-value-block-option-base-tpl.selected .multiple-value-block-option-base-tpl-name {
    color: var(--mainly-blue);
    background-color: rgba(122, 102, 255, 0.2);
    border-color: transparent;
}

.base-filter-block.multiple_values-filter-block.sources,
.base-filter-block.multiple_values-filter-block.mood,
.base-filter-block.tag_input-filter-block {
    padding: 5px 0;
}

/*-----END MULTIPLE VALUES FILTER-----*/


/*-----START SLIDER FILTER-----*/
.base-filter-block:has(.checkbox-checked) {
    padding: 3px 10px;
    border-radius: 8px;
    background: #eeecff;
    margin-bottom: 3px;
    margin-top: 6px;
    position: relative;

    .base-filter-value-block {
        background: transparent !important;
    }
}

.filters-container .base-filter-block.slider-filter-block .base-filter-block-value-container {
    padding-left: 0;
}

.filters-container .base-filter-block.slider-filter-block .base-filter-block-value-container .base-filter-value-block,
.filters-container .base-filter-block.tag_input-filter-block .base-filter-block-value-container .base-filter-value-block {
    background: #fff;
    padding-left: 0;
}

.filters-container .base-filter-block.tag_input-filter-block .autocomplete-tag-input .tags-input {
    display: flex;
    flex-wrap: wrap;
}

.filters-container .base-filter-block.tag_input-filter-block .autocomplete-tag-input .tags-element {
    width: auto;
}

.filters-container .base-filter-block.tag_input-filter-block .autocomplete-tag-input .tags-element .tags-input-element {
    width: 120px;
}

.filters-container .base-filter-block.tag_input-filter-block .autocomplete-tag-input .tags-element .tags-input .tags-element .tag-label {
    color: var(--mainly-blue);
}

.filters-container .base-filter-block.tag_input-filter-block .autocomplete-tag-input .base-input-text-element .base-input-text {
    min-width: 100%;
    width: 120px;
}

.filters-container .base-filter-block.tag_input-filter-block.language .autocomplete-tag-input .results-list-element ul li:nth-of-type(8) {
    border-bottom: 1px solid #d3d3d3;
}

.filters-container .base-filter-block.slider-filter-block .slider-value-block-container {
    margin-top: 10px;
    width: 97%;
}

.filters-container .base-filter-block.slider-filter-block .slider-value-block-container.slider-has-tooltips {
    margin-top: 20px;
}

.filters-container .base-filter-block.slider-filter-block .slider-inputs-container {
    margin-top: 14px;
}

.filters-container .base-filter-block.slider-filter-block .slider-inputs-container .base-input-text-element {
    width: 50%;
    display: flex;
    align-items: center;
}

.filters-container .base-filter-block.slider-filter-block .slider-inputs-container .slider-inputs-separator {
    padding: 0 20px;
}

.filters-container .base-filter-block.slider-filter-block .slider-inputs-container .base-input-text-element .base-input-text {
    font-size: 12px;
    height: 30px;
    line-height: 30px;
    padding-left: 6px;
    background: #F6FAFD;
    box-shadow: inset 0 2px 6px rgba(0, 0, 0, 0.08) !important;
    border-radius: 5px !important;
}

.filters-container .base-filter-block.slider-filter-block .slider-inputs-container .base-input-text-element:last-of-type {
    margin-right: 0;
}

.filters-container .slider-filter-block .noUi-target {
    background: var(--mainly-blue);
    box-shadow: none;
    height: 2px;
    border: none;
}

.filters-container .slider-filter-block .noUi-connects {
    background: #aaa;
}

.filters-container .slider-filter-block .noUi-connect {
    background: var(--mainly-blue);
}

.filters-container .slider-filter-block .noUi-handle {
    height: 18px;
    width: 18px;
    top: -8px;
    right: -9px; /* half the width */
    border-radius: 9px;
    background: var(--mainly-blue);
    box-shadow: none;
}

.filters-container .slider-filter-block .noUi-handle:after,
.filters-container .slider-filter-block .noUi-handle:before {
    display: none;
}

.filters-container .slider-filter-block .noUi-horizontal .noUi-tooltip {
    color: var(--purple-fog);;
    font-family: var(--default-font-family);
    font-size: 11px;
    background: none;
    box-shadow: none;
    border: none;
    bottom: 100%;
}

/*-----END SLIDER FILTER-----*/


/*-----START RANGE INPUT FILTER-----*/
.filters-container .range_input-filter-block .base-filter-value-block-inner-element .base-input-text-element label {
    display: initial;
    color: #535473;
    font-family: var(--default-font-family);
    font-size: 11px;
}

.filters-container .range_input-filter-block .base-filter-value-block-inner-element .base-input-text-element {
    width: 50%;
    margin-right: 30px;
}

.filters-container .range_input-filter-block .base-filter-value-block-inner-element .base-input-text-element:last-of-type {
    margin-right: 0;
}

/*-----END RANGE INPUT FILTER-----*/


/* ----START APPLIED FILTERS  -----*/


#applied_filters_container {
    position: sticky;
    width: 100%;
    background: #F6FAFD;
    top: -1px;
    z-index: 5;
    padding-left: 36px;
    padding-right: 36px;
    padding-top: 20px;

    &:empty {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }

    &:not(.is-pinned){
        @media all and (max-width: 1280px) {
            padding-left: 0;
            padding-right: 0;
            padding-top: 0;
        }
    }
}

#applied_filters_container.is-pinned {
    padding-top: 10px;
    padding-bottom: 10px;
    box-shadow: var(--applied-filters-shadow);
    transition: box-shadow 0.5s ease-in-out;
}

body.has-header #applied_filters_container.is-pinned {
    padding-top: 20px;
    padding-bottom: 20px;
}

#applied_filters_container:empty {
    display: none;
}

.applied-filters-container {
    display: flex;
    align-items: baseline;
    max-height: 250px;
    overflow: auto;

    .base-applied-filter-container{
        gap: 5px;
    }
}

.applied-filters-container .applied-filters-container-left {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 5px;
}

.applied-filters-container .applied-filters-container-left .cancel-button.simple-text-button {
    border-radius: 12px;
    border: none;
    padding: 2px 5px;
    color: var(--purple-fog);
    background: linear-gradient(0deg, rgba(245, 0, 74, 0.1) 0%, rgba(122, 102, 255, 0.1) 100%);
    font-family: var(--default-font-family);
    font-size: 14px;
    font-weight: 300;
    text-align: center;
    display: flex;
    align-items: center;
    height: 19px;
}

.applied-filters-container .applied-filters-container-left .cancel-button.simple-text-button:first-child {
    margin-right: 4px;
}

.applied-filters-container .applied-filters-container-left .cancel-button.simple-text-button:hover {
    background: linear-gradient(0deg, rgba(245, 0, 74, 0.2) 0%, rgba(122, 102, 255, 0.2) 100%);
    color: #7A66FF;
}

.applied-filters-container .applied-filters-container-left .cancel-button.simple-text-button.save-filters-button > div,
.applied-filters-container .applied-filters-container-left .cancel-button.simple-text-button.clear-filters-button > div {
    display: flex;
    align-items: center;
}

.applied-filters-container .applied-filters-container-left .cancel-button.simple-text-button.save-filters-button svg {
    width: 12px;
    height: 12px;
}

.applied-filters-container .applied-filters-container-left .cancel-button.simple-text-button.clear-filters-button svg {
    width: 14px;
    height: 14px;
    margin: 0 2px;
}

.applied-filters-container .applied-filters-container-left .cancel-button.simple-text-button.save-filters-button svg {
    margin: 0 2px;
}

.applied-filter-block-element {
    display: flex;
    align-items: center;
    padding: 5px 8px;
    border-radius: 8px;
    background-color: #6C5CE7;
    width: max-content;
}

.applied-filter-block-element .applied-filter-block-element-label {
    color: #fff;
    font-family: var(--default-font-family);
    font-size: 14px;
    padding-right: 2px;
    white-space: nowrap;
}

.applied-filter-block-element .base-button-element.remove-filter-button {
    padding: 0 2px;
}

.applied-filter-block-element .base-button-element.remove-filter-button > div {
    display: flex;
    align-items: center;
    justify-content: center;
}

.applied-filter-block-element .base-button-element.remove-filter-button svg {
    width: 8px;
    height: 8px;
}

.applied-filter-block-element .base-button-element.remove-filter-button svg path {
    fill: currentColor !important;
    opacity: 1 !important;
    color: #fff;
}

.base-select-element.filters-segment-select {
    display: none;
}

/* ----END APPLIED FILTERS  -----*/

/* ----START FILTERS POPUP  -----*/
.base-popup.filters-popup .base-popup-header,
.base-popup.filters-popup .base-popup-footer {
    display: none;
}

.base-popup.filters-popup .base-popup-inner {
    padding-bottom: 0;
    height: 100%;
    display: flex;
}

.base-popup.filters-popup .base-popup-inner .filters-container {
    width: 100%;
    margin: 0;
    height: 100%;
}

/* ----END FILTERS POPUP  -----*/

.filters-upgrade-element {
    .filters-upgrade-button {
        background: linear-gradient(180deg, #84A5FF 0.19%, #7A66FF 100%);
        border-radius: 9px;
        text-align: center;
        font-family: var(--default-font-family);
        font-style: normal;
        font-weight: 700;
        font-size: 13px;
        line-height: 15px;
        padding: 15px 20px;
        margin-top: 20px;

        .filters-upgrade-crown {
            svg path {
                fill: #FFDC6C !important;
            }
        }

        .filters-upgrade-button-text {
            color: #FFFFFF;
            margin-top: 10px;
        }

        .filters-upgrade-icons {
            display: flex;
            flex-wrap: wrap;
            align-items: center;
            justify-content: center;
            gap: 10px;
            margin-top: 10px;

            .filters-upgrade-icon {
                flex: 0 0 25%;
                display: flex;
                align-items: center;
                justify-content: center;
                flex-direction: column;

                .icon {
                    border-radius: 50%;
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    border: 1px solid #D9D9DE;
                    width: 40px;
                    height: 40px;

                    svg {
                        width: 18px;
                        height: 18px;

                        polygon,
                        path {
                            fill: #D9D9DE !important;
                        }
                    }
                }

                .label {
                    margin-top: 5px;
                    color: #D9D9DE;
                    font-weight: 400;
                    font-size: 12px;
                }
            }
        }

        .filters-upgrade-button-cta {
            display: inline-block;
            padding: 0 20px;
            line-height: 30px;
            background: #FFDC6C;
            color: #535473;
            filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
            border-radius: 20px;
            margin-top: 10px;
        }

        &:hover {
            svg polygon,
            svg path {
                fill: #FFDC6C !important;
            }
        }
    }

    &.influencers {
        display: none;
        margin-bottom: 10px;
    }
}

.advanced-filters-upgrade-element {
    background: #d7d4ff; /*linear-gradient(180deg, #84A5FF 0.19%, #7A66FF 100%);*/
    border-radius: 9px;
    cursor: pointer;
    margin-top: 4px;

    .notification-element {
        background: none !important;

        .notification-content {
            .notification-icon {
                padding-left: 22px;

                svg {
                    path {
                        fill: #7A66FF !important;
                    }
                }
            }

            .notification-text {
                color: #7A66FF;
                padding-left: 0;
                font-style: normal;
                font-weight: 400;
                font-size: 14px;
            }
        }
    }

}

.disabled-filter {
    pointer-events: none !important;
    user-select: none !important;

    .base-checkbox-label {
        color: var(--disabled-color) !important;
    }

    .base-checkbox-icon {
        svg {
            rect:first-child {
                fill: var(--disabled-color) !important;
            }
        }
    }
}

.twitter_hashtags:not(:has(.checkbox-checked)) {
    .hashtags_no {
        display: none;
    }
}

.upgrade-info-box {
    width: 100%;
    background: var(--box-gradient-light);
    padding: 20px;
    border-radius: 6px;
    position: relative;
    overflow: hidden;
    margin: 0 0 20px 0;

    &:before {
        content: '';
        background-image: url("/images/account/create-project/upgrade-decoration.svg");
        position: absolute;
        bottom: -50px;
        right: 0;
        width: 212px;
        height: 124px;
        z-index: 0;
    }


    .upgrade-info-box__text {
        max-width: 80%;
        text-align: left;
        margin-bottom: 5px;
        position: relative;
        z-index: 1;

        strong {
            white-space: nowrap;
            color: var(--mainly-blue);
        }
    }

    .upgrade-info-box__footer {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        font-weight: bold;
        position: relative;
        z-index: 1;

        .link-button {
            white-space: nowrap;
            strong {
                font-weight: bold !important;
                text-decoration: underline;
                padding: 0 !important;

                &:hover {
                    text-decoration: none;
                }
            }
        }
    }

    .upgrade-info-box__close {
        position: absolute;
        top: 5px;
        right: 5px;
    }
}

#page_content:has(.no-results-placeholder){
    .upgrade-info-box{
        display: none;
    }
}

.upgrade-unlock-popup {
    overflow: hidden;
    width: 700px !important;
    max-width: 100%;

    .base-popup-header {
        display: flex;
        align-items: center;
        background: var(--box-gradient-light);
        margin: 0 !important;
        line-height: 1 !important;
        height: auto !important;
        padding: 30px !important;
        position: relative;
        overflow: hidden;

        &:before {
            content: '';
            background-image: url("/images/account/create-project/upgrade-decoration.svg");
            position: absolute;
            bottom: -50px;
            right: 0;
            width: 212px;
            height: 124px;
        }

        .base-popup-title {
            line-height: 1.5 !important;
            font-weight: 400 !important;
            padding-right: 50px;

            strong {
                font-weight: bold !important;
                color: var(--mainly-blue);
            }
        }
    }

    .base-popup-inner {
        padding-top: 30px !important;
        padding-bottom: 30px !important;
        color: #525373;
        font-size: 15px;
        font-weight: 400;

        > div:not(:last-child) {
            margin-bottom: 15px;

            strong {
                font-size: 17px;
            }
        }
    }

    .base-popup-footer {
        position: static !important;
        padding-top: 0 !important;
        padding-bottom: 20px !important;
        height: auto !important;

        .medium-button.simple-button {
            line-height: 47px;
            height: 47px;
            border-radius: 27px;
            padding: 0 30px !important;
            font-size: 17px;
        }
    }
}

.base-filter-block.published{
    display: none;
}