.swatches-container .header{background-color:#36c6d3;color:#fff;display:flex;flex-direction:row;font-weight:700}.swatches-container .header>*{float:left;padding:10px;text-align:center}.swatches-container .header:before{content:"#";display:inline-block;line-height:40px;text-align:center;width:50px}.swatches-container .header .swatch-slug,.swatches-container .header .swatch-title,.swatches-container .header .swatch-value{flex:1}.swatches-container .header .swatch-image,.swatches-container .header .swatch-is-default{width:120px}.swatches-container .header .remove-item{width:80px}.swatches-container .swatches-list{counter-reset:swatches-list;float:left;list-style:none;margin:0 0 15px;padding:0;width:100%}.swatches-container .swatches-list li{align-items:center;counter-increment:swatches-list;display:flex;flex-direction:row;padding-left:50px;position:relative}.swatches-container .swatches-list li+li{margin-top:1px}.swatches-container .swatches-list li:nth-child(odd){background-color:#f0f0f0}.swatches-container .swatches-list li:before{align-items:center;background-color:#bbb;color:#fff;content:counter(swatches-list);cursor:move;display:flex;height:100%;justify-content:center;left:0;position:absolute;top:0;width:50px}.swatches-container .swatches-list li>*{float:left;padding:10px;text-align:center}.swatches-container .swatches-list li .swatch-slug,.swatches-container .swatches-list li .swatch-title,.swatches-container .swatches-list li .swatch-value{flex:1}.swatches-container .swatches-list li .swatch-image,.swatches-container .swatches-list li .swatch-is-default{width:120px}.swatches-container .swatches-list li .image-box-container{font-size:0;margin:0 auto;position:relative;width:34px}.swatches-container .swatches-list li .image-box-container img{border:1px solid #ccc;height:34px;width:34px}.swatches-container .swatches-list li .remove-item{width:50px}.swatches-container .swatches-list .list-photo-hover-overlay{display:none}
