.shade-finder-question{padding-top:3.75rem;padding-bottom:3.75rem}.shade-finder-question h2{font-family:"Didot",sans-serif;font-size:1.625rem /*rtl:1.75rem*/;font-weight:400}@media (min-width: 768px){.shade-finder-question h2{font-size:2.125rem /*rtl:2.1875rem*/}}.shade-finder-question p{color:#4e4e4e;margin:0.625rem 0 1.25rem;font-size:.875rem /*rtl:1rem*/}.shade-finder-question .shade-finder-answer{cursor:pointer;margin-right:0.625rem}@media (min-width: 768px){.shade-finder-question .shade-finder-answer{margin-right: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-right: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;left: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:0;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:.875rem /*rtl: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-left: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-right: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:.625rem /*rtl:.75rem*/;margin-top:1.25rem}