body{text-align:center}form#SurveyForm{max-width:600px;margin:0 auto}.survey-button{background-color:#8f787b;color:#fff;border:none;padding:10px 20px;cursor:pointer;border-radius:5px}.survey-button:hover{background-color:#8f787b}.product-button{display:none;margin:0 auto;background-color:#8f787b;color:#fff;border:none;padding:10px 20px;cursor:pointer;border-radius:5px}.product-button:hover{background-color:#8f787b}.survey-result{margin-top:2rem;margin-bottom:2rem;text-align:center;display:none;min-height:400px;scroll-margin-top:20px}.survey-result img{max-width:70%;border-radius:5px;margin:0 auto}#recommendationReason{text-align:left}.question-image{margin-bottom:3rem}.question-image select{width:60%;padding:.5rem;margin-bottom:1rem;-webkit-appearance:none;appearance:none;height:2.8em;border:none;border-bottom:2px solid #d0d0d0;background-color:#fff;color:gray;font-size:1em;cursor:pointer;text-align:center}.question-image select:focus{outline:none}.progBar{width:80%;height:50px;background-color:#ececec;position:relative;border-radius:10px;overflow:hidden;margin:20px auto}.progBar .bar{width:0%;height:100%;background-color:#8f787b;position:absolute;top:0;left:0;margin:0 auto}.progBar .percent{position:absolute;left:50%;transform:translate(-50%,-50%);color:#fff;z-index:2;font-size:26px;font-weight:700;line-height:50px}.options{display:grid;justify-content:center;place-items:center}@media screen and (min-width: 768px){.options-q1,.options-q2,.options-q3{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}}@media screen and (max-width: 767px){.options-q1,.options-q2,.options-q3{grid-template-columns:repeat(2,minmax(150px,1fr))}}.image-label{margin:.5rem;text-align:center}label{cursor:pointer;text-align:center;display:inline-block}.option-content{border:1px solid transparent;border-radius:10px;transition:border .3s ease}label input[type=radio]{display:none}label img{width:100%;height:100%;object-fit:cover;border-radius:5px;display:block}.option-content{position:relative;overflow:hidden}.option-content:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:#0000;transition:background .3s ease;border-radius:5px}.checkmark{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:3rem;color:#fff;opacity:0;transition:opacity .3s ease;pointer-events:none}input[type=radio]:checked+label .option-content:before{background:#0006}input[type=radio]:checked+label .checkmark{opacity:1}#surveyResultImage,#colorCombinationText,#recommendationReason,#product-button{transition:opacity 1s ease}#loadingVideo{width:80%;margin:0 auto;display:block;opacity:0;transition:opacity 1s ease}
/*# sourceMappingURL=/cdn/shop/t/1/assets/survey2.css.map */