.color_spec_filter {
    white-space: nowrap;
    color: transparent;
    display: inline-block;
    width: 24px;
    overflow: hidden;
    line-height: 24px;
}

.color_spec_filter:before {
    content: '';
    display: inline-block;
    border-radius: 30px;
    background-color: #f0f0f0;
    margin-right: 3px;
    margin-top: -1px;
    vertical-align: middle;
    border: 1px dotted #999;
    width: 30px;
    height: 30px;
}

.specs_snippets {
    float: right;
    width: 394px;
    font-size: 11px;
    padding-top: 5px;
    overflow: hidden;
}
.specs_snippets p {
    margin-bottom: 5px;
}
.specs_snippets a {
    margin-right: 5px;
}

.featured .color_spec_filter{
    color: transparent;
}
.featured .color_spec_filter:before{
    background-image: none;
}
.color_spec_filter.bezhevii_spec_filter:before {
    background-color: #ffebd9; /*#ffdaa9;*/
}
.color_spec_filter.bordovii_spec_filter:before {
    background-color: #c9053e;
}
.color_spec_filter.biriuzovii_spec_filter:before {
    background-color: #40E0D0;
}
.color_spec_filter.chernii_spec_filter:before {
    background-color: black;
}
.color_spec_filter.fioletovii_spec_filter:before {
    background-color: #9C4FC5;
}
.color_spec_filter.goluboi_spec_filter:before {
    background-color: #9adcff;
}
.color_spec_filter.korichnevii_spec_filter:before {
    background-color: #b56456;
}
.color_spec_filter.krasnii_spec_filter:before, .color_spec_filter.krasnaya_spec_filter:before {
    background-color: red;
}
.color_spec_filter.leopardovii_spec_filter:before {
    background: -moz-linear-gradient(right, #333 50%, #f8bb05 50%);
    background: -webkit-linear-gradient(right, #333 50%, #f8bb05 50%);
    background: linear-gradient(right, #333 50%, #f8bb05 50%);
}
.color_spec_filter.rozovii_bezhevii_spec_filter:before {
    background: -moz-linear-gradient(right, #FFC0CB 50%, #F5F5DC 50%);
    background: -webkit-linear-gradient(right, #FFC0CB 50%, #F5F5DC 50%);
    background: linear-gradient(right, #FFC0CB 50%, #F5F5DC 50%);
}
.color_spec_filter.oranzhevii_spec_filter:before {
    background-color: #ffa205;
}
.color_spec_filter.fuksiya_spec_filter:before {
    background-color: #FF00FF;
}
.color_spec_filter.rozovoe_zoloto_spec_filter:before {
    background-color: #E2C0B7;
}
.color_spec_filter.lilovii_spec_filter:before {
    background-color: #DA70D6;
}
.color_spec_filter.svetlo_korichnevii_spec_filter:before {
    background-color: #FFE4C4;
}
.color_spec_filter.temno_korichnevii_spec_filter:before {
    background-color: #8B4513;
}
.color_spec_filter.ultramarin_spec_filter:before {
    background-color: #120a8f;
}
.color_spec_filter.blond_spec_filter:before {
    background-color: #faf0be;
}
.color_spec_filter.haki_spec_filter:before {
    background-color: #F0E68C;
}
.color_spec_filter.kletka_spec_filter:before {
    background-size: 4px 4px;
    background: linear-gradient(0deg, #333, transparent 2px) linear-gradient(90deg, #333, transparent 2px) center center;
}
.color_spec_filter.raznocvetnii_spec_filter:before, .color_spec_filter.raznocvetnie_spec_filter:before {
    background:-webkit-repeating-linear-gradient(45deg, #FFF 0%, #FF4800 13%, #C5FF00 28%, #08E778 40%, #FF00B5 60%, #0008FF 85%, #000 100%);
    background:-o-repeating-linear-gradient(45deg, #FFF 0%, #FF4800 13%, #C5FF00 28%, #08E778 40%, #FF00B5 60%, #0008FF 85%, #000 100%);
    background:-moz-repeating-linear-gradient(45deg, #FFF 0%, #FF4800 13%, #C5FF00 28%, #08E778 40%, #FF00B5 60%, #0008FF 85%, #000 100%);
    background:repeating-linear-gradient(45deg, #FFF 0%, #FF4800 13%, #C5FF00 28%, #08E778 40%, #FF00B5 60%, #0008FF 85%, #000 100%);
}
.color_spec_filter.prozrachnii_spec_filter:before {
    background-color: transparent;
}
.color_spec_filter.rozovii_spec_filter:before {
    background-color: pink;
}
.color_spec_filter.serebristii_spec_filter:before {
    background: -moz-linear-gradient(right, #ccc, #f0f0f0);
    background: -webkit-linear-gradient(right, #ccc, #f0f0f0);
    background: linear-gradient(right, #ccc, #f0f0f0);
}
.color_spec_filter.serii_spec_filter:before {
    background-color: #ccc;
}
.color_spec_filter.sinii_spec_filter:before {
    background-color: blue;
}
.color_spec_filter.sirenevii_spec_filter:before {
    background-color: #E7A3FF;
}
.color_spec_filter.telesnii_spec_filter:before {
    background-color: #ffdda9;
}
.color_spec_filter.zelenii_spec_filter:before {
    background-color: #00C500;
}
.color_spec_filter.zheltii_spec_filter:before {
    background-color: #ffdb05;
}
.color_spec_filter.zolotistii_spec_filter:before {
    background: -moz-linear-gradient(right, #f8bb05, #ffdb05);
    background: -webkit-linear-gradient(right, #f8bb05, #ffdb05);
    background: linear-gradient(right, #f8bb05, #ffdb05);
}
.color_spec_filter.belii_spec_filter:before {
    background-color: #fff;
}
.filter-tag-item .color_spec_filter::before {
    border-radius: 10px;
    width: 10px;
    height: 10px;
    margin: 0;
}
.filter-tag-item .color_spec_filter {
    line-height: 8px;
}
.modal-filter .filter-modal-close {
    display: flex;
    justify-content: space-between;
}
.modal-filter .filter-tags-reset .icon-remove{
    background-image: url('data:image/svg+xml,<svg width="12" height="13" viewBox="0 0 12 13" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="2.55273" y="9.01025" width="8.5" height="1.25" rx="0.625" transform="rotate(-45 2.55273 9.01025)" fill="%23FFFFFF"/><rect x="3.43677" y="3" width="8.5" height="1.25" rx="0.625" transform="rotate(45 3.43677 3)" fill="%23FFFFFF"/></svg>');
}
.modal-filter .filter-tags-reset {
    padding: 12px 16px;
    gap: 8px;
    border-radius: 8px;
    font-size: 12px;
    font-weight: 500;
    pointer-events: revert;
}
.filter-tags-choice .filter-tag-item .color_spec_filter{
    width: 10px;
    height: 10px;
}
.modal-filter .label-title, .modal-filter label {
    display: inline-block;
    margin-bottom: .5rem;
    color: var(--primary-black);
    font-size: 15px;
    font-weight: 600;
    line-height: 100%;
    padding: 6px 0;
}
.modal-filter .icon-remove {
    background-image: url('data:image/svg+xml,<svg width="12" height="13" viewBox="0 0 12 13" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="2.55273" y="9.01025" width="8.5" height="1.25" rx="0.625" transform="rotate(-45 2.55273 9.01025)" fill="%23ED5D5D"/><rect x="3.43677" y="3" width="8.5" height="1.25" rx="0.625" transform="rotate(45 3.43677 3)" fill="%23ED5D5D"/></svg>');
    width: 12px;
    height: 12px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 12px;
    display: inline-block;
}
.modal-filter .groups-list-tag {
    display: flex;
    align-items: stretch;
    flex-wrap: wrap;
    gap: 10px;
}
.modal-filter .filter-tag-item {
    padding: 10px 16px 10px 16px;
    border-radius: 8px;
    background-color: rgb(244 244 254);
    display: flex;
    width: max-content;
    max-width: 100%;
    align-items: center;
    gap: 8px;
}
.modal-filter .filter-tag-item .title, .modal-filter .filter-tag-item .values {
    font-size: 12px;
    font-weight: 500;
    line-height: 15px;
    letter-spacing: 0em;
    text-align: left;
}
.modal-filter .filter-tag-item .values {
    display: flex;
    flex-wrap: wrap;
    line-height: revert;
}
.modal-filter .form-item:not(:last-child) {
    margin-bottom: 24px;
}
.filter-applied {
    position: absolute;
    color: #fff;
    font-size: 7px;
    line-height: 7px;
    font-weight: 700;
    background-color: var(--secondary_green,#27AE60);
    border-radius: 34px;
    padding: 2px 3px;
    right: -3px;
    top: -3px;
    height: 14px;
    width: 14px;
    border: 2px solid white;
    display: none;
}