body{display:flex;justify-content:center;height:100vh;margin:0;background-color:#f1f4e8}header,.shopify-section-group-header-group{display:none!important}body .shopify-section{width:100%}.quiz-header svg{max-width:185px}.quiz-header,.quiz-trustpilot{display:flex;justify-content:center}.quiz-container{text-align:center;width:min(100% - 20px,1100px);margin:auto;position:relative;padding-top:clamp(0px,13vh,150px)}label+input .quiz-header{margin-bottom:20px}#quiz{display:flex;flex-wrap:wrap}#quiz h2{flex:0 0 100%;color:#000;margin-bottom:24px}#quiz-wrapper{position:relative;overflow:hidden;min-height:200px;margin:auto auto 40px}#nextBtn{width:min(100% - 20px,345px);height:55px;border-radius:30px}#completionPanel button{border-radius:30px;height:55px;font-size:27px;font-weight:700;text-transform:capitalize;padding:0 80px}#quiz,#completionPanel{position:absolute;display:flex;align-items:center;justify-content:center;gap:5px;flex-direction:column;left:0;width:100%;opacity:0;transform:translate(100%);transition:opacity .5s ease-in-out,transform .5s ease-in-out}#quiz.quiz-show,#completionPanel.quiz-show{opacity:1;transform:translate(0)}.hidden{display:none}.option-item{border-radius:8px;overflow:hidden}.option-item label{height:100%;display:flex;align-items:center;text-align:center}.small-text{font-size:12px;text-align:left}#quiz-wrapper input{max-width:565px;width:100%;background-color:#fff;padding:20px 0;height:auto;margin:auto;border:2px solid #666;border-radius:8px;text-align:center;font-size:20px;font-weight:700}#quiz-wrapper h2{font-size:32px;font-weight:700;margin-bottom:10px}#completionPanel p{margin-bottom:10px}.quiz-progress-bar{position:relative;width:min(100% - 15px,421px);background:#e0e0e0;height:5px;border-radius:5px;margin:auto auto 63px}#progress{height:100%;background:#ff4454;width:0%;border-radius:5px;transition:width .3s ease}#progressPercent{position:absolute;bottom:-25px;left:0;font-size:12px;color:#555}button{background-color:#ff4454;color:#fff;border:none;padding:10px 20px;margin:5px;cursor:pointer;font-weight:600}button:hover{background-color:#d0444a}button:disabled{background-color:#ccc}.quiz{position:absolute;width:100%;top:0;left:0;opacity:1;transform:translate(0);transition:transform .5s ease-in-out,opacity .5s ease-in-out}.slide-out-left{transform:translate(-100%);animation:slide-out-left .5s forwards}.slide-out-right{transform:translate(100%);animation:slide-out-right .5s forwards}.slide-in-right{transform:translate(100%);animation:slide-in-right .5s forwards}.slide-in-left{transform:translate(-100%);animation:slide-in-left .5s forwards}#nextBtn,#completionPanel button{margin-top:40px;font-size:18px}#completionPanel button{margin-bottom:20px}.custom-radio input,.custom-checkbox input{display:none}.quiz input{text-align:center;font-size:20px}.custom-radio,.custom-checkbox{line-height:1;font-size:20px;color:#212427;border:1px solid rgb(33,36,39);border-radius:8px;padding:19px;font-weight:400}.options-wrapper{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;width:100%}label{background-color:#fff;overflow:hidden}input:checked+label,input+label:hover{border-color:#ff4454;background-color:#ff4454;color:#fff}[type=radio],[type=checkbox]{display:none!important}#backBtn{width:100%;background-color:transparent;color:#000;text-transform:lowercase;font-size:20px;margin-top:35px;display:flex;justify-content:center;align-items:center;gap:5px}#completionPanel button[disabled]{background-color:#e67076}.quiz-trustpilot svg{max-width:240px}@keyframes slide-out-left{0%{transform:translate(0);opacity:1}to{transform:translate(-100%);opacity:0}}@keyframes slide-out-right{0%{transform:translate(0);opacity:1}to{transform:translate(100%);opacity:0}}@keyframes slide-in-right{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slide-in-left{0%{transform:translate(-100%);opacity:0}to{transform:translate(0);opacity:1}}.quiz-header{position:sticky;top:0;left:0;right:0;z-index:2;padding-top:20px;padding-bottom:20px;text-align:center;background-color:#f1f4e8}.shopify-section--header,.shopify-section-group-footer-group{display:none}.small-text{width:min(100% - 20px,565px);margin:auto}@media(max-width:767px){.quiz-container{padding-top:0;margin-top:10px}#quiz-wrapper input{padding:10px 0;font-size:16px}.option-item label{font-size:14px;padding:10px}#completionPanel button{font-size:16px;padding:0 30px}}
/*# sourceMappingURL=/cdn/shop/t/205/assets/quiz.css.map */