.color-collection{padding:20px;border-radius:10px;background-color:#fff}.color-collection__container.swiper{position:unset;margin:0 0 0 -40px}.color-collection__container .swiper-wrapper{padding:40px}.color-collection__wrapper{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px}.color-collection__title{margin-right:auto;font-weight:600;font-size:16px;color:#2d4779}.color-collection__search{max-width:165px}.color-collection__search.custom-select{width:100%;max-width:210px}.color-collection__search.custom-select .choices{font-size:12px}.color-collection__search.custom-select .choices__inner{min-height:27px;padding:4px 10px !important}.color-collection__search.custom-select .choices__list{padding:0 10px}.color-collection__search.custom-select .choices__list--single .choices__item{font-size:12px;padding:5px 0 !important}.color-collection__search .search-base-control:after{right:10px}.color-collection__search .search-base-control .search-base-control__inp{padding:6px 30px 6px 10px;font-size:12px}.color-collection__body{display:none;position:relative}.color-collection__body.active{display:block}.color-collection__body .custom-slide-nav--prev,.color-collection__body .custom-slide-nav--next{display:none}.color-collection__body .swiper-initialized .custom-slide-nav--prev,.color-collection__body .swiper-initialized .custom-slide-nav--next{display:flex}.color-collection__body .custom-slide-nav--prev{left:-40px}.color-collection__body .custom-slide-nav--next{right:-40px}.color-collection__content{display:grid;max-width:208px;grid-template-columns:repeat(6, 1fr);gap:5px}.color-collection__content .color-matrix__item{position:relative}.color-collection__content .color-matrix__item.active .color-tooltip__wrap{display:none}.color-collection__content .color-matrix__item.active .color-matrix__tooltip{z-index:2;display:flex;visibility:visible;opacity:1;transform:translate(-47%, -72%) rotate(0) skewX(0) skewY(0) scaleX(0.65) scaleY(0.65);left:50%;top:50%;box-sizing:border-box;border-width:2px;border-style:solid;border-color:#e5e7eb;transition-duration:100ms;box-shadow:0 0 rgba(0,0,0,0),0 0 rgba(0,0,0,0),0 0 2px 0 rgba(0,0,0,.25)}.color-collection__content .color-matrix__item.active.color-top .color-matrix__tooltip{top:0;transform:translate(-50%, -35%) rotate(0) skewX(0) skewY(0) scaleX(0.65) scaleY(0.65)}.color-collection__content .color-matrix__item.active.color-left .color-matrix__tooltip{left:0;transform:translate(-35%, -50%) rotate(0) skewX(0) skewY(0) scaleX(0.65) scaleY(0.65)}.color-collection__content .color-matrix__item.active.color-right .color-matrix__tooltip{left:3px;transform:translate(-35%, -50%) rotate(0) skewX(0) skewY(0) scaleX(0.65) scaleY(0.65)}.color-collection__content .color-matrix__item.active.color-bottom .color-matrix__tooltip{top:0;transform:translate(-50%, -35%) rotate(0) skewX(0) skewY(0) scaleX(0.65) scaleY(0.65)}.color-collection__content .color-matrix__item.active.color-top,.color-collection__content .color-matrix__item.active.color-left,.color-collection__content .color-matrix__item.active.color-right,.color-collection__content .color-matrix__item.active.color-bottom{z-index:11}.color-collection__content .color-matrix__item.active.color-middle{z-index:12}.color-collection__content .color-matrix__item.active.color-middle .color-tooltip__wrap{display:flex}.color-collection__content .color-matrix__item.active.color-middle .color-matrix__tooltip{transform:translate(-50%, -50%) rotate(0) skewX(0) skewY(0) scaleX(1) scaleY(1)}.color-collection__content .color-matrix__box{width:30px;height:30px;cursor:pointer}.color-collection__content .color-matrix__tooltip{display:none;position:absolute;transform:translate(-100%, -100%);top:0;left:-4%;visibility:hidden;opacity:0;transition:.25s ease-in}.color-collection__content .color-tooltip{align-items:stretch;overflow:hidden;box-shadow:0 4px 20px 0 rgba(0,0,0,.7);border-radius:4px}.color-collection__content .color-tooltip__rect{width:86px;height:86px}.color-collection__content .color-tooltip__wrap{position:absolute;top:0;left:0;padding:5px;width:100%;height:100%;display:flex;flex-direction:column;justify-content:space-between;box-sizing:border-box}.color-collection__content .color-tooltip__like{position:absolute;top:5px;right:5px;z-index:1;width:16px;height:16px;display:flex;align-items:center;justify-content:center;border-radius:50%;background-color:rgba(207,207,207,.55)}.color-collection__content .color-tooltip__like.active svg:first-child{display:none}.color-collection__content .color-tooltip__like.active svg:last-child{display:block}.color-collection__content .color-tooltip__like svg{width:10px;height:10px}.color-collection__content .color-tooltip__like svg:last-child{display:none}.color-collection__content .color-tooltip__section{margin-bottom:10px}.color-collection__content .color-tooltip__label{margin-bottom:2px;font-size:7px;line-height:11px;color:#000;filter:invert(1)}.color-collection__content .color-tooltip__title{font-size:8px;font-weight:500;color:#000;filter:invert(1)}.color-collection__content .color-tooltip__num{margin-bottom:2px;font-weight:400;font-size:6px;color:#000;filter:invert(1)}.color-collection__content .color-tooltip__collection{font-weight:500;font-size:8px;line-height:13px;color:#000;filter:invert(1)}.color-collection__content .color-tooltip__select.button{border:0;background-color:unset;padding:0;height:auto;line-height:0;text-align:left}.color-collection__content .color-tooltip__select.button:hover{border:0;background-color:unset}.product-price__tags-item--red{font-weight:700;color:#fff;background-color:#a51c13}
