.hair-color-compare .hair-color-compare-wrap[data-v-dfe92300]{padding:0 3%}.hair-color-compare .intro[data-v-dfe92300]{position:relative;width:100%;text-align:left;padding-left:3%;padding-right:3em;margin:1em 0}.hair-color-compare .intro .icon-caret-down[data-v-dfe92300]{position:absolute;top:0;right:.5em;display:inline-block;-webkit-transition:transform .35s ease;-moz-transition:transform .35s ease;-ms-transition:transform .35s ease;-o-transition:transform .35s ease;transition:transform .35s ease}.hair-color-compare .intro.open .icon-caret-down[data-v-dfe92300]{-webkit-transform:rotate(-180deg);-ms-transform:rotate(-180deg);transform:rotate(-180deg)}.hair-color-compare .compare-text[data-v-dfe92300]{padding-left:3%}.hair-color-compare .shade-comparer[data-v-dfe92300]{max-height:0;overflow:hidden;-webkit-transition:max-height .4s ease-in-out;-moz-transition:max-height .4s ease-in-out;-ms-transition:max-height .4s ease-in-out;-o-transition:max-height .4s ease-in-out;transition:max-height .4s ease-in-out}.hair-color-compare .shade-comparer.open[data-v-dfe92300]{max-height:65em}.hair-color-compare .shade-comparer .btn-link[data-v-dfe92300]{text-decoration:underline}.hair-color-compare .shade-comparer .shade[data-v-dfe92300]{display:inline-block;vertical-align:top;width:9.5em;min-height:10em;margin:.5em}.hair-color-compare .shade-comparer .shade .prod-image img[data-v-dfe92300]{width:100%;vertical-align:top}.hair-color-compare .shade-comparer .shade .prod-image .remove[data-v-dfe92300]{position:absolute;top:.25em;right:.25em;background-color:#434343;border-radius:50%;text-align:center}.hair-color-compare .shade-comparer .shade .prod-info .prod-desc[data-v-dfe92300]{padding:0 5%}.hair-color-compare .shade-comparer .shade .prod-info .see-details[data-v-dfe92300]{padding:.75em 0}.hair-color-compare .shade-comparer .empty-box[data-v-dfe92300]{position:relative;display:inline-block;width:9.5em;height:9.5em;border:1px solid #999;color:#999}@media only screen and (min-width: 560px) and (max-width: 759px){.hair-color-compare .hair-color-compare-wrap[data-v-dfe92300]{padding:0 12%}.hair-color-compare .shade-comparer .shade[data-v-dfe92300]{width:10em;margin:.75em}.hair-color-compare .shade-comparer .empty-box[data-v-dfe92300]{width:10em;height:10em}}@media only screen and (min-width: 760px){.hair-color-compare .intro[data-v-dfe92300]{text-align:center;padding:0 5%}.hair-color-compare .compare-text[data-v-dfe92300]{padding-left:0}.hair-color-compare .shade-comparer.open[data-v-dfe92300]{max-height:45em}.hair-color-compare .shade-comparer .shade[data-v-dfe92300]{width:10em;margin:.75em}.hair-color-compare .shade-comparer .empty-box[data-v-dfe92300]{width:10em;height:10em}}.swatch .a-box-xs-1x1[data-v-efa7fe7a]{border-radius:100%;overflow:hidden;width:99%}.swatch .name[data-v-efa7fe7a]{white-space:break-spaces}.swatch .btn-link[data-v-efa7fe7a]{text-decoration:underline}.hair-color-chart .intro[data-v-04755c03],.hair-color-chart .swatches[data-v-04755c03],.hair-color-chart .compact-filters[data-v-04755c03]{padding:0 6%}.hair-color-chart .swatches .peanut[data-v-04755c03]{-webkit-box-flex:5;-moz-box-flex:5;-webkit-flex-grow:5;-ms-flex:5;flex-grow:5;-webkit-flex-shrink:1;-moz-flex-shrink:1;-ms-flex:1;flex-shrink:1;-webkit-flex-basis:0;flex-basis:0}.hair-color-chart .compact-filters[data-v-04755c03]{display:flex;-webkit-box-direction:normal;-webkit-box-orient:horizontal;-moz-box-direction:normal;-moz-box-orient:horizontal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:stretch;-moz-box-align:stretch;-ms-flex-align:stretch;-webkit-align-items:stretch;align-items:stretch}.hair-color-chart .filters-button[data-v-04755c03]{padding:0 2em}.hair-color-chart[data-v-04755c03] .multi-select-dropdown{width:14.5em;margin:0}.hair-color-chart[data-v-04755c03] .multi-select-dropdown .filter-item{width:14.5em 0}.hair-color-chart[data-v-04755c03] .multi-select-dropdown .toggle-button{padding:0 .8em;height:3em}.hair-color-chart[data-v-04755c03] .multi-select-dropdown .dropdown-wrap{position:relative}.hair-color-chart[data-v-04755c03] .multi-select-dropdown .dropdown-wrap .options{position:absolute;border:.8px solid #979797}.hair-color-chart[data-v-04755c03] .multi-select-dropdown .dropdown-wrap .options .option label{padding-right:unset}.hair-color-chart .all-filters .filter-title[data-v-04755c03]{text-align:left;padding-left:3%;margin-bottom:.5em}.hair-color-chart .all-filters .filter-item[data-v-04755c03]{width:14.5em}.hair-color-chart .all-filters[data-v-04755c03] .multi-select-buttons{margin-bottom:2em;display:flex;align-item:stretch}.hair-color-chart .all-filters[data-v-04755c03] .multi-select-buttons .multi-select-button{padding:0;height:3.5em}.hair-color-chart .all-filters .cta-wrap[data-v-04755c03]{position:fixed;left:0;right:0;bottom:0;padding:1em 4%;background-color:#ebebeb;border-top:1px solid #cbc8c7}.hair-color-chart .all-filters .cta-wrap .mr-btn[data-v-04755c03]{width:48%;max-width:16em}.hair-color-chart .all-filters .cta-wrap .mr-btn[data-v-04755c03]:first-child{margin-right:4%}@media only screen and (min-width: 760px){.all-filters .filter-label[data-v-04755c03]{white-space:nowrap;letter-spacing:.001em}.all-filters[data-v-04755c03] .multi-select-dropdown{margin-left:1.5em}.all-filters[data-v-04755c03] .multi-select-dropdown .dropdown-wrap{position:relative}.all-filters[data-v-04755c03] .multi-select-dropdown .dropdown-wrap .options{position:absolute;border:.8px solid #979797}.all-filters[data-v-04755c03] .multi-select-dropdown .dropdown-wrap .options .option label{padding-right:unset}}