.color_compare{width:100%;position:fixed;bottom:-2px;max-height:0;transition:all .5s;background-color:#737373;color:#fff;z-index:997;font-size:18px;border-top:solid 2px #231f20;overflow:auto;transition:all 0.3s;left:0}.color_compare.color_compare__addMore{max-height:60px;overflow:hidden}.color_compare.color_compare__open{height:auto;max-height:90%}.color_compare.color_compare__open .color_compare_min img{-ms-transform:rotate(90deg);transform:rotate(90deg)}.color_compare .color_compare_topArea,.color_compare .color_compare_bottomArea{padding:8px 15px 8px;position:relative;clear:both;overflow:hidden}.color_compare .compare_text{font-weight:800;margin-right:10px;color:#fff;display:inline-block;vertical-align:text-top;float:left}.color_compare .large_chip_remove,.color_compare .large_chip_add{display:block;margin-bottom:5px;width:100%}.color_compare .large_chip_remove{background:#d60000;border:none}.color_compare .large_chip_remove:hover{background:#fff}.color_compare .large_chip_buy{width:100%;box-sizing:border-box;margin-bottom:10px}.color_compare .large_chip_buy:visited{color:#fff}.color_compare .large_chip_buy:hover{color:#333}.color_compare .small_chip_wrapper{float:left;margin:0 15px 2px 0}.color_compare .small_chip_color_area{width:30px;height:30px;border:solid 2px #fff;display:inline-block;vertical-align:middle;margin-right:7px}.color_compare .small_chip_color_area__filled{border-color:#231f20}.color_compare .small_chip_code{display:inline-block}.color_compare .color_compare_add_text{position:absolute;font-weight:600;right:100px;top:20px;line-height:110%;width:38%;text-align:right;font-size:16px}.color_compare .color_compare_exit{position:absolute;top:0;right:0;cursor:pointer;background:none;border:none;padding:11px 11px}.color_compare .color_compare_min{position:absolute;top:0;right:44px;cursor:pointer;background:none;border:none;padding:11px 11px}.color_compare .color_compare_min img{transition:all .3s;-ms-transform:rotate(-90deg);transform:rotate(-90deg)}.color_compare .large_chip_wrapper{width:calc((100%/3) - (15px));max-width:240px;float:left;margin-right:15px;margin-bottom:5px;transition:all .3s}.color_compare .large_chip_color_area{height:100px;border:solid 2px #fff;margin-bottom:12px;background:#424242}.color_compare .large_chip_color_area__filled{border-color:#231f20}.color_compare .large_chip_code{padding-bottom:7px;margin-bottom:20px;border-bottom:dotted 3px #fff}.color_compare .large_chip_brand{line-height:20px;font-weight:600;font-size:12px;margin-bottom:3px}.color_compare .large_chip_name,.color_compare .large_chip_code,.color_compare .large_chip_brand{line-height:1.1}.color_compare .large_chip_name,.color_compare .large_chip_code{font-weight:400}@media (max-width: 700px){.color_compare.color_compare__addMore{max-height:70px}.color_compare .color_compare_bottomArea{max-height:220px;overflow:auto;background:linear-gradient(to bottom, rgba(0,0,0,0.3) 0%, transparent 7%, transparent 93%, rgba(0,0,0,0.3) 100%);padding:15px 5px 8px}.color_compare .large_chip_brand{font-size:10px}.color_compare .large_chip_code{margin-bottom:10px}.color_compare .small_chip_code{font-size:14px}.color_compare .compare_text{width:100%}.color_compare .small_chip_wrapper.color1{clear:both}.color_compare .small_chip_wrapper{margin:10px 10px 9px 0}.color_compare .large_chip_color_area{height:70px;margin-bottom:8px}.color_compare .large_chip_wrapper{width:calc((100%/3) - (6px));margin:0 3px 5px;float:none;display:inline-block;vertical-align:top}.color_compare .large_chip_name,.color_compare .large_chip_code{font-size:13px}.color_compare .large_chip_wrapper .btn_tps{font-size:15px}.color_compare.color_compare__addMore .color_compare_topArea{font-size:14px}.color_compare .small_chip_color_area{width:15px;height:15px}}@media (max-width: 800px){.color_compare .color_compare_add_text{position:static;clear:both;width:100%;text-align:center}}
/*# sourceMappingURL=tps_colorCompare.css.map */
