.shade-image,.shade-image-wrap:before{width:100%;height:100%;position:absolute}.shades-chart-section{text-align:center;padding:var(--section-space) 0}.shades-chart-section h2{line-height:.7;margin-bottom:5rem}.shades-chart-section .shades-chart-filters{grid-gap:1.5rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;font-size:1.6rem;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-bottom:7.5rem;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.shades-chart-section .shades-chart-filters .custom-dropdown-wrapper label{display:none}.shades-chart-section .shades-chart-filters .custom-dropdown-wrapper select{background-position:calc(100% - 1.3rem) 54%;font-size:1.4rem;padding:.7rem 3.5rem .7rem 1.3rem;font-weight:400;color:#000}.shades-chart-section .shades-chart-filters .remove-filter{font-size:1.4rem;text-decoration:underline;background:0 0;border:none;color:var(--text-color);font-weight:400;letter-spacing:normal;padding:0}.shades-chart-section .shades-chart-filters .remove-filter:focus{color:var(--primary-color)}.shades-shart-inner .shade-chart-results{grid-gap:2.8rem;display:grid;grid-template-columns:repeat(2,1fr);text-align:center}.shade-button,.shade-image-wrap:before{display:block;opacity:0;pointer-events:none;visibility:hidden}.shades-shart-inner .shades-chart-footer{margin-top:7.9rem;text-align:center}.shade-image-wrap{height:0;margin-bottom:1rem;overflow:hidden;padding-top:80%;position:relative;width:100%}.shade-image-wrap:before{background-color:rgba(0,0,0,.5);content:"";left:0;top:0;-webkit-transition:.2s cubic-bezier(.785,.135,.15,.86);transition:.2s cubic-bezier(.785,.135,.15,.86);-webkit-transition-property:opacity,visibility;transition-property:opacity,visibility;z-index:3}.shade-image{left:0;top:0;-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);-webkit-transition:-webkit-transform .2s cubic-bezier(.785,.135,.15,.86);transition:transform .2s cubic-bezier(.785,.135,.15,.86);transition:transform .2s cubic-bezier(.785,.135,.15,.86),-webkit-transform .2s cubic-bezier(.785,.135,.15,.86);z-index:0}.shade-button{background-color:#b30013;color:#fff;font-size:1.7rem;left:50%;padding:1.1rem 4rem;top:50%;-webkit-transform:translate3d(-50%,-50%,0) scale(.9);transform:translate3d(-50%,-50%,0) scale(.9);-webkit-transition:.2s cubic-bezier(.785,.135,.15,.86);transition:.2s cubic-bezier(.785,.135,.15,.86);-webkit-transition-property:opacity,visibility,-webkit-transform;transition-property:opacity,visibility,transform;transition-property:opacity,visibility,transform,-webkit-transform;z-index:10;position:absolute}.shade:active .shade-image-wrap:before,.shade:focus .shade-image-wrap:before,.shade:hover .shade-image-wrap:before{opacity:1;pointer-events:auto;visibility:visible}.shade:active .shade-image,.shade:focus .shade-image,.shade:hover .shade-image{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.shade:active .shade-button,.shade:focus .shade-button,.shade:hover .shade-button{opacity:1;pointer-events:auto;-webkit-transform:translate(-50%,-50%) scale(1);-ms-transform:translate(-50%,-50%) scale(1);transform:translate(-50%,-50%) scale(1);visibility:visible}.shades-shart-inner .shade-chart-results h3,h4{font-family:helvetica-neue-condensed,sans-serif;font-weight:400}.shades-shart-inner .shade-chart-results h3{font-size:1.6rem;margin-bottom:.3rem}.shades-shart-inner .shade-chart-results h4{font-size:1.4rem;opacity:.6}.shades-chart-section .shades-chart-filters .custom-dropdown-wrapper{margin-bottom:0}.shades-chart-footer .shades-result-counter{color:#909294;margin-bottom:1.3rem}@media (min-width:768px){.shades-chart-section .shades-chart-filters{display:grid;grid-template-columns:repeat(2,1fr)}.shades-shart-inner .shade-chart-results{grid-template-columns:repeat(3,1fr)}}@media (min-width:992px){.shades-chart-section .shades-chart-filters{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.shades-chart-section .shades-chart-filters .custom-dropdown-wrapper{max-width:22rem}.shades-chart-section h2{font-size:10rem}.shades-shart-inner .shade-chart-results{grid-template-columns:repeat(4,1fr)}}@media (min-width:1200px){.shades-shart-inner .shade-chart-results{grid-template-columns:repeat(7,1fr)}}@media (min-width:1800px){.shades-shart-inner .shade-chart-results{grid-template-columns:repeat(9,1fr)}}@media (min-width:768px) and (max-width:991px){.shades-chart-section .shades-chart-filters legend.shades-chart-sortby{grid-column:1/-1;text-align:left}.shades-chart-section .shades-chart-filters .remove-filter{grid-column:2;text-align:end}}@media (max-width:767px){.shades-chart-section .shades-chart-filters .custom-dropdown-wrapper{width:100%}.shades-chart-section .shades-chart-filters legend.shades-chart-sortby{width:100%;text-align:left}.shades-chart-section .shades-chart-filters .remove-filter{margin-left:auto}}