.shade-finder-steps{background-color:#000}.shade-finder-steps__items{list-style:none;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;margin:0;min-height:4.6875rem;padding:0}@media (min-width: 1022px){.shade-finder-steps__items{min-height:5.875rem}}.shade-finder-steps__items .shade-finder-steps__item{padding:0.9375rem;-webkit-box-flex:1;-webkit-flex:1 0 0;-ms-flex:1 0 0px;flex:1 0 0;color:#fff;height:5.3125rem}.shade-finder-steps__items .shade-finder-steps__item .step-title{font-family:montserrat-light,sans-serif;font-weight:700;font-size:.875rem /*rtl:1rem*/;color:#4e4e4e}.shade-finder-steps__items .shade-finder-steps__item .step-title.selected{color:#fff}.shade-finder-steps__items .shade-finder-steps__item .step-answer{font-family:"MontserratStd",Sans-serif;font-weight:700;font-size:.75rem /*rtl:.875rem*/;max-width:9.375rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.shade-finder-steps__items .shade-finder-steps__item .step-answer::first-letter{text-transform:uppercase}.shade-finder-landing .text-overlay{padding:0.9375rem 0.75rem}.shade-finder-landing .text-overlay h1{font-family:"Didot",sans-serif;font-weight:400;font-size:1.625rem /*rtl:1.75rem*/;max-width:20.625rem}.shade-finder-landing .text-overlay .btn{width:10.625rem}.shade-finder-landing .text-overlay .btn:hover{background-color:#fff;border:0.0625rem solid #000;color:#000}.shade-finder-landing .text-overlay p{margin-bottom:0.9375rem}@media (min-width: 768px){.shade-finder-landing .text-overlay{background-color:#fff;padding:3rem}}@media (min-width: 1022px){.shade-finder-landing .text-overlay{position:absolute;top:auto;bottom:0;-webkit-transform:translate(-50%);-ms-transform:translate(-50%);transform:translate(-50%);max-width:75rem;left:50%}.shade-finder-landing .text-overlay h1{font-size:2.125rem /*rtl:2.1875rem*/;line-height:2.375rem;max-width:100%}.shade-finder-landing .text-overlay p{margin-bottom:2.1875rem}}