.shades-compare-section{padding:var(--section-space) 0;padding-top:5rem}.shades-compare-section h2{font-size:3.3rem;margin-bottom:8rem;text-align:center;letter-spacing:0}.shades-compare-section .shades-compare-outer{position:relative}.shades-compare-section .shades-compare-outer .shades-compare-inner{overflow:auto;padding-bottom:4.7rem}.shades-compare-section .shades-compare-outer .shades-compare-scroller{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap}.shades-compare-outer .shades-compare-scroller .shades-compare-labels{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;white-space:nowrap}.shades-compare-section .shades-compare-outer:before{opacity:0;left:0;-webkit-transform:scaleX(-1);-ms-transform:scaleX(-1);transform:scaleX(-1)}.shades-compare-section .shades-compare-outer:after,.shades-compare-section .shades-compare-outer:before{background-image:-webkit-gradient(linear,right top,left top,from(#fff),to(hsla(0,0%,100%,0)));background-image:linear-gradient(270deg,#fff,hsla(0,0%,100%,0));content:"";display:block;height:calc(100% - var(--scrollbarWidth));pointer-events:none;position:absolute;top:0;-webkit-transition:opacity .2s cubic-bezier(.785,.135,.15,.86);transition:opacity .2s cubic-bezier(.785,.135,.15,.86);width:15%;z-index:10}.shades-compare-section .shades-compare-outer:after{right:0}.shades-compare-section .shade{-ms-flex-negative:0;flex-shrink:0;font-family:Helvetica Neue LT Condensed,Menlo,Impact,sans-serif;font-size:1.6rem;text-align:center;width:17rem}.shades-compare-section .shade-image-wrap{margin:0 1rem;padding-top:50%;width:calc(100% - 2rem)}.shades-compare-section .shade-blends p,.shades-compare-section .shade-complements p,.shades-compare-section .shade-title-wrap h3{line-height:1;text-transform:uppercase;padding:1.9rem 0;font-family:helvetica-neue-condensed,sans-serif,Menlo,Impact;font-weight:400;font-size:1.6rem}.shades-compare-section .shade-blends,.shades-compare-section .shade-complements,.shades-compare-section .shade-title-wrap{border-bottom:.1rem solid #e5e5e5;margin:0}.shades-compare-section h3.shades-compare-label{line-height:1.6rem;font-family:helvetica-neue-std-black,sans-serif,Impact;text-transform:none;padding:1.1rem 0;font-size:1.2rem;pointer-events:none;width:13rem}.shades-compare-section .shades-compare-inner .shades-compare-right{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap}@media (min-width:992px){.shades-compare-section .shade{width:27rem}.shades-compare-section .shade-image-wrap{margin:0 2rem;width:calc(100% - 4rem)}.shades-compare-section h3.shades-compare-label{font-size:1.4rem;padding:1.9rem 6rem 1.9rem 0;pointer-events:auto;white-space:nowrap;width:auto}}@media (max-width:991px){.shades-compare-section .shades-compare-label{white-space:break-spaces}}@media (max-width:767px){.shades-compare-section .shades-compare-inner .shades-compare-right{overflow:auto;padding-bottom:1.7rem;margin-bottom:-1.7rem}.shades-compare-section .shades-compare-outer .shades-compare-inner{overflow:hidden}}