.shade-finder-question{padding-top:3.75rem;padding-bottom:3.75rem}.shade-finder-question h2{font-family:"Didot",sans-serif;font-size:1.75rem;font-weight:400}@media (min-width: 768px){.shade-finder-question h2{font-size:2.125rem}}.shade-finder-question p{color:#4e4e4e;margin:0.625rem 0 1.25rem;font-size:.875rem}.shade-finder-question .shade-finder-answer{cursor:pointer;margin-left:0.625rem}@media (min-width: 768px){.shade-finder-question .shade-finder-answer{margin-left:1.875rem}}.shade-finder-question .shade-finder-answer.active-answer{width:20.625rem}@media (min-width: 768px){.shade-finder-question .shade-finder-answer.active-answer{width:auto;margin-left:1.25rem}}.shade-finder-question .shade-finder-answer.selected{border:0.0625rem solid #000}.shade-finder-question .shade-finder-answer.selected picture{position:relative}.shade-finder-question .shade-finder-answer.selected picture::before{content:'';position:absolute;height:100%;width:100%;-webkit-box-shadow:0 0 0 0.375rem #000 inset;box-shadow:0 0 0 0.375rem #000 inset}.shade-finder-question .shade-finder-answer.selected picture::after{content:'';position:absolute;right:50%;top:50%;-webkit-transform:translate(50%, -50%);-ms-transform:translate(50%, -50%);transform:translate(50%, -50%);background-image:url("../../../../images/tick.svg");background-position:100%;background-repeat:no-repeat;background-size:100%;height:7.5rem;width:2.5rem}.shade-finder-question .shade-finder-answer h5{font-family:"Montserrat-Medium",sans-serif;padding-top:1.25rem;font-size:1rem;max-width:14.0625rem}.shade-finder-question .action-btn{margin-top:1.25rem}@media (min-width: 768px){.shade-finder-question .action-btn{margin-top:3.75rem}}.shade-finder-question .action-btn .continue-step-btn{padding:1.125rem 0.75rem;width:100%;margin-bottom:1.625rem}@media (min-width: 768px){.shade-finder-question .action-btn .continue-step-btn{width:10.625rem;margin-right:0.625rem}}.shade-finder-question .action-btn .continue-step-btn:hover{background-color:#fff;border:0.0625rem solid #000;color:#000}.shade-finder-question .action-btn .previous-step-btn{background:none;color:#000;border:none;margin-top:1.625rem}@media (min-width: 768px){.shade-finder-question .action-btn .previous-step-btn{margin-left:0.625rem;margin-top:0}}.shade-finder-question .action-btn .previous-step-btn::first-letter{text-transform:uppercase}.shade-finder-question .error-msg{font-family:"MontserratStd",Sans-serif;font-weight:600;color:#ab000d;font-size:.75rem;margin-top:1.25rem}