.template-suffix-quiz .main-content{margin-bottom:0!important}.Quiz-section{min-height:750px;display:grid;place-items:center;position:relative;overflow:hidden}.Quiz-section .img-bg.top{position:absolute;opacity:0;transform:translateY(-8%);transition:.7s ease-in}.Quiz-section .img-bg.bottom{position:absolute;opacity:0;transform:translateY(8%);transition:.7s ease-in}.Quiz-section.animate-show .img-bg.top{position:absolute;opacity:1;transform:translateY(0);animation:.7s animate-top ease-in}.Quiz-section.animate-show .img-bg.bottom{position:absolute;opacity:1;transform:translateY(0);animation:.7s animate-bottom ease-in}.Quiz-section .container{max-width:1440px;width:100%;height:100%;position:relative;display:grid;place-items:center;padding:0 20px}.Quiz-section .layout{display:none}.Quiz-section .layout.active{display:block}quiz-section{text-align:center;position:relative}quiz-section .main-layout{display:flex;flex-direction:column;align-items:center;padding:193px 5px}quiz-section h1{font-family:var(--fonts_font_heading_family);font-size:56px;font-style:normal;font-weight:700;line-height:113.91%;letter-spacing:-.56px;margin:0 auto 24px;text-transform:capitalize;max-width:960px}quiz-section .text{max-width:820px;font-family:var(--fonts_font_body_family);font-size:18px;font-style:normal;font-weight:400;line-height:140%;letter-spacing:-.18px;margin:0 auto 24px}quiz-section .subtext{max-width:550px;color:#7d7d7d}quiz-section .main-layout button{margin-top:8px;padding:13px 54px}.quiz-question{max-width:740px;padding:100px 0}.quiz-form{max-width:777px;padding:100px 0}.quiz-form .text{text-transform:uppercase}.quiz-form .policy{font-weight:600;margin:0 auto;max-width:600px}.quiz-form .row{max-width:600px;margin:0 auto 24px}.quiz-form .quiz-newsletter-form-input{max-width:none;width:100%}.quiz-result{padding:80px 0}.quiz-question h2,.quiz-form h2{text-transform:initial;font-family:var(--fonts_font_heading_family);font-size:44px;font-style:normal;font-weight:700;line-height:normal;letter-spacing:-.44px;margin:32px 0 40px}.quiz-question .answer-wrapper{border:0}.quiz-question .button-group{display:flex;justify-content:center;gap:12px;margin-top:40px}.quiz-question .button{padding:14px 52px;border:1px solid #232323;display:inline-flex;align-items:center;gap:4px}.quiz-question .button.back{color:#232323;background-color:#fff}.quiz-question .button.skip{margin-top:12px;color:#232323;background-color:#fff;border-color:transparent}.quiz-question .answer{border-radius:4px;cursor:pointer;display:flex;align-items:center;gap:20px;margin-bottom:8px;padding:15px 30px 15px 20px;background-color:#f2ecd952}.quiz-question .answer:has(input:checked){background-color:#88814b;color:#fff;accent-color:white}.quiz-question .answer:has(input:checked) label{color:#fff}.quiz-question .answer input{position:relative;margin:0;width:24px;height:24px;appearance:none;-webkit-appearance:none;-moz-appearance:none;background:transparent;border:1px solid black;border-radius:50%}.quiz-question .answer input:checked{border-color:#fff}.quiz-question .answer input:checked:before{content:"";position:absolute;top:50%;left:50%;width:16px;height:16px;border-radius:50%;transform:translate(-50%,-50%);background:#fff}.quiz-question .answer label{flex:1;text-align:left;font-family:var(--fonts_font_body_family);font-size:18px;font-style:normal;font-weight:400;line-height:normal;letter-spacing:-.09px;margin:0}.quiz-result .step-label{font-family:var(--fonts_font_body_family);font-size:14px;font-style:normal;font-weight:700;line-height:normal;text-transform:uppercase}.quiz-result>h2{text-transform:inherit;font-family:var(--fonts_font_heading_family);font-size:62px;font-style:normal;font-weight:700;line-height:normal;margin:24px 0 12px}.quiz-result>p{max-width:790px;margin:0 auto 72px;font-family:var(--fonts_font_body_family);color:#7d7d7d;font-size:24px;font-style:normal;font-weight:400;line-height:140%;letter-spacing:-.24px}.quiz-result .result-products{display:flex}.quiz-form .form-message{font-weight:600;margin:0 auto;max-width:600px;color:red;display:none}.quiz-form .form-message.show{display:block}@media (min-width: 1024px){.quiz-result .result-products .product-list-item{width:calc(100% / var(--product-count))}}@media (min-width: 750px) and (max-width: 1023px){.quiz-result .result-products .product-list-item{width:33%}.quiz-result .result-products{flex-wrap:wrap}}@media (min-width: 500px) and (max-width: 749px){.quiz-result .result-products .product-list-item{width:50%}.quiz-result .result-products{flex-wrap:wrap}}@media (max-width: 499px){.quiz-result .result-products .product-list-item{width:100%}.quiz-result .result-products{flex-wrap:wrap}}.Quiz-section .img-bg.top-left,.Quiz-section.animate-show .img-bg.top-left{top:8%;left:4%}.Quiz-section .img-bg.top-right,.Quiz-section.animate-show .img-bg.top-right{top:8%;right:5%}.Quiz-section .img-bg.bottom-left,.Quiz-section.animate-show .img-bg.bottom-left{bottom:-5%;left:10%}.Quiz-section .img-bg.bottom-right,.Quiz-section.animate-show .img-bg.bottom-right{bottom:-12%;right:7%}@keyframes animate-top{0%{transform:translateY(-8%)}to{transform:translateY(0)}}@keyframes animate-bottom{0%{transform:translateY(8%)}to{transform:translateY(0)}}@media screen and (max-width: 499px){.quiz-question .button-group{flex-wrap:wrap}.button-group .button{flex:1}.quiz-question h2{font-size:28px}.quiz-result>h2{font-size:34px}.result-products{flex-wrap:wrap}.Quiz-section .container{padding:0 15px}quiz-section h1{font-size:32px}.Quiz-section.animate-show .img-bg{display:none}.quiz-question .button{justify-content:center}}@media screen and (min-width: 500px) and (max-width: 1023px){.Quiz-section .container{padding-top:0}quiz-section h1{font-size:36px;max-width:660px}.Quiz-section .img-bg.top-left,.Quiz-section.animate-show .img-bg.top-left{top:74%;left:19%}.Quiz-section .img-bg.top-right,.Quiz-section.animate-show .img-bg.top-right{top:79%;right:29%}.Quiz-section .img-bg.bottom-left,.Quiz-section.animate-show .img-bg.bottom-left{bottom:-5%;left:-6%}.Quiz-section .img-bg.bottom-right,.Quiz-section.animate-show .img-bg.bottom-right{bottom:-20%;right:-11%}}
/*# sourceMappingURL=/cdn/shop/t/26/assets/quiz.css.map */