.comparator{background:#fff;border-radius:4px;bottom:calc(100% + 10px);box-shadow:0 0 50px 0 rgba(0,0,0,.1);padding:20px;position:absolute;z-index:9}.comparator--hidden{display:none}.comparator__title{font-size:15px;font-weight:500;letter-spacing:.4px;margin-top:10px;text-align:center;text-transform:uppercase}.comparator__title>span{color:#e30613}.comparator__items{list-style:none;padding:0}.comparator__item{background:#f4f5f5;border-radius:5px;height:74px}.comparator__items>.comparator__item:not(:last-child){margin-bottom:20px}.button.comparator__compare{padding:15px 30px}.button.comparator__compare:disabled{opacity:.5}.button.comparator__cancel{padding-left:0}.comparator-model{align-items:center;border:1px solid #e2e2e2;border-radius:5px;display:flex;position:relative}.comparator-model__image-wrapper{display:grid;height:74px;min-width:74px;place-items:center;width:74px}.comparator-model__image{width:100%}.comparator-model__content{background:#fff;border-radius:0 5px 5px 0;display:flex;flex-direction:column;height:74px;justify-content:center;padding:10px;width:100%}.comparator-model__remove{cursor:pointer;position:absolute;right:-10px;top:-10px}.comparator-model__remove *{pointer-events:none}.comparator-model__icon{background:#fff;border-radius:50%;transform:rotate(45deg)}.comparator-model__icon *{stroke:#8b8d8e}.comparator-model__type{font-size:9px;margin:0 0 4px}.comparator-model__title{font-size:13px;font-weight:500;letter-spacing:.23px;margin:0}.comparator-model__title,.comparator-model__type{max-width:186px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.disabled{opacity:.5;pointer-events:none;user-select:none}.compare-icon{height:15px;position:relative;width:15px}.compare-icon span{background:#fff;border:1px solid #2c333d;display:block;height:10px;position:absolute;width:10px}.compare-icon>span:first-child{animation:toggle3 .3s ease-in-out;bottom:0;left:0}.compare-icon>span:last-child{animation:toggle4 .3s ease-in-out;right:0;top:0}.model--active .compare-icon>span:first-child{animation:toggle .3s ease-in-out}.model--active .compare-icon>span:last-child{animation:toggle2 .3s ease-in-out}.model--active .compare-icon span{border-color:#e30613}.model--active .compare-icon>span:last-child:before{background:#e30613;bottom:0;content:"";display:block;height:4px;left:0;position:absolute;width:4px}@keyframes toggle{0%{bottom:0;left:0}50%{bottom:2.5px;left:2.5px}to{bottom:0;left:0}}@keyframes toggle3{0%{bottom:0;left:0}50%{bottom:2.5px;left:2.5px}to{bottom:0;left:0}}@keyframes toggle2{0%{right:0;top:0}50%{right:2.5px;top:2.5px}to{right:0;top:0}}@keyframes toggle4{0%{right:0;top:0}50%{right:2.5px;top:2.5px}to{right:0;top:0}}@media (max-width:767px){.comparator{display:none}}