#selected-filter {
    display: flex;
    padding: 0px 3px 2px 2px;
    background-color: #fff;
    border: 1px solid #c6c6c6;
    border-radius: 5px;
    margin-bottom: 10px;
    justify-content: space-between;
}

#selected-filter-container {
    display: flex;
    flex-wrap: wrap;
}

#selected-filter .selected-filter {
    display: inline-flex;
    align-items: center;
    position: relative;
    background-color: #455A64;
    color: #fff;
    float: left;
    font-size: 11px;
    margin-right: 0.125rem;
    margin-top: 0.125rem;
    padding: 0.3125rem 0.875rem;
    white-space: normal;
    word-break: break-all;
    border-radius: 0.1875rem;
    transition: color ease-in-out 0.15s, background-color ease-in-out 0.15s;
    cursor: default;
}

#selected-filter .selected-filter--disabled {
    opacity: 0.75;
}

#selected-filter .selected-filter--disabled .selected-filter__delete {
    display: none;
}

#selected-filter  .selected-filter span {
    margin-right: 10px;
}

#selected-filter .selected-filter.deal-focus-filter span {
    padding-left: 15px;
}

#selected-filter .selected-filter.deal-focus-filter span:before {
    content: '';
    display: inline-block;
    position: absolute;
    width: 21px;
    height: 21px;
    left: 5px;
    top: 3px;
    background-color: transparent;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url('data:image/svg+xml,%3Csvg style%3D%22fill%3A%23fff%22 xmlns%3D%22http%3A//www.w3.org/2000/svg%22 shape-rendering%3D%22geometricPrecision%22 text-rendering%3D%22geometricPrecision%22 color%3D%22%23fff%3B%22 image-rendering%3D%22optimizeQuality%22 fill-rule%3D%22evenodd%22 clip-rule%3D%22evenodd%22 width%3D%2220px%22 class%3D%22mr-1%22 viewBox%3D%220 0 512 512%22%3E%3Cpath d%3D%22M501.558 245.558c5.766 0 10.442 4.676 10.442 10.443 0 5.767-4.676 10.442-10.442 10.442H313.113c-2.152 11.845-7.897 22.437-16.066 30.605-8.168 8.17-18.761 13.914-30.605 16.066v188.444c0 5.766-4.676 10.442-10.443 10.442-5.767 0-10.442-4.676-10.442-10.442V313.114c-11.845-2.152-22.437-7.896-30.605-16.066-8.17-8.168-13.914-18.76-16.066-30.605H10.442C4.676 266.443 0 261.768 0 256.001s4.676-10.443 10.442-10.443h188.444c2.152-11.844 7.896-22.437 16.066-30.605 8.168-8.169 18.76-13.914 30.605-16.066V10.442C245.557 4.676 250.232 0 255.999 0s10.443 4.676 10.443 10.442v188.445c11.844 2.152 22.437 7.897 30.605 16.066 8.169 8.168 13.914 18.761 16.066 30.605h188.445zM283.148 49.657c46.608 6.073 88.373 27.565 120 59.195 31.63 31.627 53.122 73.392 59.195 120h-21.085c-5.931-40.835-25.04-77.399-52.876-105.234-27.835-27.836-64.399-46.945-105.234-52.876V49.657zM462.343 283.15c-6.073 46.608-27.565 88.372-59.195 120-31.627 31.629-73.392 53.121-120 59.194V441.26c40.835-5.931 77.399-25.04 105.234-52.876 27.836-27.835 46.945-64.399 52.876-105.234h21.085zM228.85 462.344c-46.608-6.073-88.372-27.565-120-59.194-31.629-31.628-53.121-73.392-59.194-120H70.74c5.931 40.835 25.04 77.399 52.876 105.234 27.835 27.836 64.399 46.945 105.234 52.876v21.084zM49.656 228.852c6.073-46.608 27.565-88.373 59.194-120 31.628-31.63 73.392-53.122 120-59.195v21.085c-40.835 5.931-77.399 25.04-105.234 52.876-27.836 27.835-46.945 64.399-52.876 105.234H49.656zm233.492-104.453c26.206 5.379 49.631 18.388 67.849 36.604 18.216 18.218 31.225 41.643 36.604 67.849h-21.41c-5.015-20.428-15.562-38.682-29.961-53.082-14.4-14.399-32.654-24.946-53.082-29.961v-21.41zM387.601 283.15c-5.379 26.205-18.388 49.631-36.604 67.848-18.218 18.216-41.643 31.226-67.849 36.604v-21.409c20.428-5.016 38.682-15.562 53.082-29.961 14.399-14.401 24.946-32.654 29.961-53.082h21.41zM228.85 387.602c-26.205-5.378-49.631-18.388-67.848-36.604-18.216-18.217-31.226-41.643-36.604-67.848h21.409c5.016 20.428 15.562 38.681 29.961 53.082 14.401 14.399 32.654 24.945 53.082 29.961v21.409zm-104.452-158.75c5.378-26.206 18.388-49.631 36.604-67.849 18.217-18.216 41.643-31.225 67.848-36.604v21.41c-20.428 5.015-38.681 15.562-53.082 29.961-14.399 14.4-24.945 32.654-29.961 53.082h-21.409zm131.601-14.196c22.835 0 41.345 18.51 41.345 41.345 0 22.835-18.51 41.344-41.345 41.344-22.835 0-41.344-18.509-41.344-41.344s18.509-41.345 41.344-41.345z%22%3E%3C/path%3E%3C/svg%3E');
}

#selected-filter  .selected-filter__delete {
    all: unset;
    cursor: pointer;
    font-size: 0.875rem;
    margin-top: 0.18752rem;
    line-height: 1;
    opacity: 0.75;
    transition: opacity ease-in-out 0.15s;
}

#selected-filter__reset-all {
    all: unset;
    cursor: pointer;
    position: relative;
}

#selected-filter__reset-all:before {
    content: '×';
    font-size: 31px;
    position: absolute;
    top: -8px;
    right: 0px;
}