.cm-opacity-0{opacity:0}@media (max-width: 640px){.footer-mobile__common{display:none}}@media (min-width: 1025px){div#cm-quiz-template{height:calc(100vh - 79px);min-height:532px}.stuck.cm-fixed .header__wrapper header svg *{color:#1b1c21;fill:#1b1c21!important}}@media (max-width: 1024px){.stuck.cm-fixed .header__wrapper header svg *{color:#1b1c21;fill:#1b1c21!important}}.collection-banner-slider-wrapper .items .container-fluid{padding:0}.collection-banner-slider-wrapper .items{height:auto!important}.sf-header .right-menu svg *,.sf-header .header__wrapper .sf-logo svg,.sf-header .header__wrapper .sf-logo svg *{color:#fff!important;fill:#fff!important}.sf-header header{color:#fff!important}.sf-menu-logo-bar .left-section-desktop a{background:transparent;color:#fff;border-color:#e7e7e8}.header-bottom-menu,.header-bottom-menu ul{background-color:transparent;color:#fff}svg.cm--menu-btn-svg *{stroke:#fff}.sf-header header svg *,.sf-menu-logo-bar .left-section-desktop svg *{fill:#fff!important}.stuck.cm-fixed.sf-header .header__wrapper header,div .sf-header .header__wrapper:hover header{color:#1c1c21!important;background-color:#fff!important}header .right-menu svg *,.stuck.cm-fixed .header__wrapper header .right-menu svg *,.cm-fixed .transparent-on-top.header__wrapper .sf-logo svg *,.stuck.cm-fixed.sf-header .header__wrapper .sf-logo svg *,.sf-header .header__wrapper:hover .right-menu svg *,.sf-header .header__wrapper:hover .sf-logo svg,.sf-header .header__wrapper:hover .sf-logo svg *{color:#1c1c21!important;fill:#1c1c21!important}svg.close-menu-btn-svg *{stroke:inherit!important}.prevent-scroll div .sf-header header svg *,.prevent-scroll .header__wrapper .bg-color-topbar-background.sf-topbar .sf__text-link svg *{fill:var(--color-body-text)}.prevent-scroll div .sf-header header svg *,.prevent-scroll .header__wrapper .bg-color-topbar-background.sf-topbar .sf__text-link svg *{fill:var(--color-body-text)!important}.stuck.cm-fixed.sf-header .left-section-desktop a,.header__wrapper:hover .left-section-desktop a{background:#e7e7e8;color:var(--color-body-text);border:1px solid transparent}.stuck.cm-fixed-wrap .header__wrapper .left-section-desktop svg *,div .header__wrapper:hover .left-section-desktop svg *{fill:#1c1c21!important}.sf__product-listing.sf__col-four .sf__col-item{margin-bottom:24px}main#MainContent{background-image:url(/cdn/shop/files/quiz-banner.png?v=1669130805);background-repeat:no-repeat;background-position:center;background-size:cover;height:100vh;background-attachment:scroll;margin-top:40px;min-height:748px}@media (max-width: 640px){main#MainContent{background-image:url(/cdn/shop/files/quiz-banner-mobile.png?v=1669132371);height:auto;min-height:auto;padding-top:0;padding-bottom:20px}}@media (max-width: 1024px){button:hover{box-shadow:none!important}}.c-quiz-questions__progress-bar{background:#1c1c211a}.c-quiz-questions__progress-bar .c-quiz-questions__progress{-webkit-transition:width .3s ease-in-out;-o-transition:width .3s ease-in-out;transition:width .3s ease-in-out;height:8px;background-color:var(--color-body-text)}div#cm-quiz-popp-wrap.cm-pop-up{position:fixed;top:0;overflow-y:auto;height:100vh;width:100%!important;z-index:99;background-image:url(/cdn/shop/files/02-Bg.jpg?v=1649951566);background-repeat:no-repeat;background-position:center;background-size:cover;background-color:#dbdcdd}@media (max-width: 640px){div#cm-quiz-popp-wrap.cm-pop-up{overflow-y:hidden}}div#cm-quiz-popp-wrap.cm-pop-up.step-2{background-image:url(/cdn/shop/files/01-Bg.jpg?v=1649951873)}@media (max-width: 640px){div#cm-quiz-popp-wrap.cm-pop-up.step-2{background-image:none}}div#cm-quiz-popp-wrap.cm-pop-up.step-7{background-image:url(/cdn/shop/files/03-Bg.jpg?v=1649954897)}@media (max-width: 640px){div#cm-quiz-popp-wrap.cm-pop-up.step-7{background-image:none}}div#cm-quiz-popp-wrap.cm-pop-up .u-pa{font-weight:600;font-size:14px;line-height:24px;letter-spacing:.02em;color:#555;display:block!important}div#cm-quiz-popp-wrap.cm-pop-up .u-pa .c-quiz-questions__nav{position:relative;padding:27px 58px;text-align:center}@media (max-width: 640px){div#cm-quiz-popp-wrap.cm-pop-up .u-pa .c-quiz-questions__nav{padding:16px 58px;background:#e8e8e8}}div#cm-quiz-popp-wrap.cm-pop-up .u-pa .c-quiz-questions__nav .c-quiz-questions__nav-button{position:absolute;right:30px;text-transform:uppercase;top:23px;align-items:center;display:flex;font-weight:600;font-size:14px;line-height:24px;letter-spacing:.02em;color:#555}div#cm-quiz-popp-wrap.cm-pop-up .u-pa .c-quiz-questions__nav .c-quiz-questions__nav-button svg{margin-right:5px}div#cm-quiz-popp-wrap.cm-pop-up .u-pa .c-quiz-questions__nav .u-fs12{font-weight:600;font-size:14px;line-height:17px;text-align:center;letter-spacing:.04em;color:#555}#cm-quiz-template .container{padding:0;max-width:100%;height:100%;transition:all .5s ease 0s}@media (max-width: 1024px){#cm-quiz-template .container{flex-flow:column-reverse;height:86vh}}#cm-quiz-template .container .back-button{position:absolute;width:60px;height:auto;top:30px;left:30px;cursor:pointer;transition:all .5s ease 0s;z-index:9;display:flex;align-items:center;text-transform:uppercase;font-weight:600;font-size:14px;line-height:24px;letter-spacing:.02em;color:#555}#cm-quiz-template .container .back-button img{margin-right:5px}@media (max-width: 640px){#cm-quiz-template .container .back-button{left:20px;top:30px}}#cm-quiz-template .container.ourFade{opacity:0}#cm-quiz-template .container .product-filter-data{padding:40px 0}#cm-quiz-template .container .product-filter-data h3{font-weight:700;font-size:32px;line-height:42px;margin-bottom:16px;text-align:center;font-family:var(--font-stack-body)}@media (max-width: 1024px){#cm-quiz-template .container .product-filter-data h3{font-size:28px;line-height:32px}}#cm-quiz-template .container .product-filter-data .boost-pfs-filter-product-item-image:hover img{visibility:visible}#cm-quiz-template .container .product-filter-data .bottom-area{text-align:center}#cm-quiz-template .container .product-filter-data .bottom-area .sf__btn{margin:0 20px}@media (max-width: 1024px){#cm-quiz-template .container .product-filter-data .bottom-area .sf__btn{margin:10px 0;width:60%}}#cm-quiz-template .container .left-side{height:100%;padding:0 16px;position:relative;display:-webkit-box;display:-ms-flexbox;text-align:center;max-height:800px;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}@media (max-width: 640px){#cm-quiz-template .container .left-side .small-hide{display:none!important}}#cm-quiz-template .container .left-side.starting-step{justify-content:left;padding-left:42px;text-align:left;align-items:center;flex-direction:row}@media (max-width: 640px){#cm-quiz-template .container .left-side.starting-step{justify-content:center;text-align:center;padding-top:0;align-items:flex-end;padding-left:16px;height:100%}}#cm-quiz-template .container .left-side.starting-step .align-center{margin-bottom:120px}@media (max-width: 640px){#cm-quiz-template .container .left-side.starting-step .align-center{margin-bottom:0;margin-top:48px}}#cm-quiz-template .container .left-side.starting-step h2{font-family:Albra!important;font-weight:500;font-size:46px;line-height:55px;text-align:left;letter-spacing:.01em;color:var(--color-body-text);margin-bottom:12px}@media (max-width: 640px){#cm-quiz-template .container .left-side.starting-step h2{font-weight:400;font-size:28px;line-height:36px;text-align:center;letter-spacing:.01em;position:static;color:var(--color-body-text)}}#cm-quiz-template .container .left-side.starting-step p{font-weight:500;font-size:20px;text-align:left;line-height:150%;letter-spacing:.02em;color:#6e6e6e;margin-bottom:36px}@media (max-width: 640px){#cm-quiz-template .container .left-side.starting-step p{font-size:18px;margin-bottom:27px;text-align:center}}#cm-quiz-template .container .left-side.starting-step button{font-weight:600;font-size:18px;line-height:24px;text-align:center;letter-spacing:.01em;padding:18px 20px 17px;vertical-align:middle;color:#fff}@media (max-width: 640px){#cm-quiz-template .container .left-side.starting-step button{font-size:16px}}#cm-quiz-template .container .left-side.starting-step button svg{display:none;margin-left:5px;height:17px;vertical-align:text-bottom}#cm-quiz-template .container .left-side .cm-no-prefrence-wrap{margin-top:0;-webkit-box-flex:0;-ms-flex:0 0 auto;padding-top:12px;flex:0 0 auto;padding-bottom:12px}#cm-quiz-template .container .left-side .cm-no-prefrence-wrap button{color:var(--color-body-text);padding-top:16px!important;border-color:#fff;padding-bottom:16px!important;background:#fff;border:1px solid #E8E8E8;overflow:hidden;min-width:262px}@media (max-width: 640px){#cm-quiz-template .container .left-side .cm-no-prefrence-wrap button{position:fixed;bottom:0;width:100%;left:0}}@media (max-width: 640px){#cm-quiz-template .container .left-side .cm-no-prefrence-wrap{position:fixed;bottom:0;width:100%;left:0;padding-bottom:0}#cm-quiz-template .container .left-side .cm-no-prefrence-wrap button{width:100%}}#cm-quiz-template .container .left-side.gender-step{align-items:center;justify-content:center}@media (max-width: 640px){#cm-quiz-template .container .left-side.gender-step{justify-content:unset}}#cm-quiz-template .container .left-side.gender-step svg{display:inline-block;position:relative;top:-3px}@media (max-width: 640px){#cm-quiz-template .container .left-side.gender-step .align-center{margin-left:-8px;margin-right:-8px}}#cm-quiz-template .container .left-side.gender-step .btn-cover{margin-bottom:0}@media (min-width: 1025px){#cm-quiz-template .container .left-side.gender-step .btn-cover div{min-width:550px}}#cm-quiz-template .container .left-side.gender-step .btn-cover button{margin-left:16px;margin-right:16px;margin-bottom:0;background:#fff;border:1px solid #E8E8E8;padding-top:19px;padding-bottom:19px;font-weight:600;font-size:16px;line-height:18px;width:auto;min-width:224px;text-align:center;letter-spacing:.01em;color:var(--color-body-text);transition:none}@media (max-width: 640px){#cm-quiz-template .container .left-side.gender-step .btn-cover button{width:calc(50% - 16px);padding:16px 0 24px;margin-left:8px;min-width:auto;margin-right:8px}#cm-quiz-template .container .left-side.gender-step .btn-cover button img{margin-bottom:24px}}@media (max-width: 640px){#cm-quiz-template .container .left-side.gender-step .btn-cover{flex-wrap:nowrap}}@media (max-width: 640px){#cm-quiz-template .container .left-side.last-step{justify-content:center;width:100%;position:relative;margin:0}#cm-quiz-template .container .left-side.last-step form{max-width:100%;margin-top:0;min-width:100%}#cm-quiz-template .container .left-side.last-step .align-center{width:100%}}#cm-quiz-template .container .left-side .floting-btn{margin-top:0;-webkit-box-flex:0;-ms-flex:0 0 auto;padding-top:12px;flex:0 0 auto;padding-bottom:12px}@media (min-width: 1025px){#cm-quiz-template .container .left-side .floting-btn{width:100%;text-align:center}}@media (max-width: 640px){#cm-quiz-template .container .left-side .floting-btn{position:fixed;top:auto;bottom:0;left:0;right:0;width:100%;padding-bottom:0}#cm-quiz-template .container .left-side .floting-btn button{width:100%}}#cm-quiz-template .container .left-side.full-width .btn-cover.material{justify-content:center}@media (max-width: 1024px){#cm-quiz-template .container .left-side.full-width .btn-cover.material{align-items:flex-start}}#cm-quiz-template .container .left-side.full-width .btn-cover.material button{border:4px solid transparent;border-radius:0}@media (max-width: 640px){#cm-quiz-template .container .left-side.full-width .btn-cover.material button{padding:0;border:none}}@media (max-width: 1024px){#cm-quiz-template .container .left-side.full-width .btn-cover.material button{text-align:left;width:100%}#cm-quiz-template .container .left-side.full-width .btn-cover.material button p{text-align:left;margin-left:0;max-width:100%!important;margin-right:0}#cm-quiz-template .container .left-side.full-width .btn-cover.material button label{width:120px;display:inline-block;text-align:center}}@media (max-width: 1024px) and (max-width: 640px){#cm-quiz-template .container .left-side.full-width .btn-cover.material button label{width:100%}#cm-quiz-template .container .left-side.full-width .btn-cover.material button label .align-center{display:flex}#cm-quiz-template .container .left-side.full-width .btn-cover.material button label .align-center img{max-width:152px;margin:0!important;max-height:152px}#cm-quiz-template .container .left-side.full-width .btn-cover.material button label .align-center .cm-content{width:100%;padding:18px 24px 10px 16px}}@media (max-width: 640px){#cm-quiz-template .container .left-side.full-width .btn-cover p{position:static}}@media (min-width: 1025px){#cm-quiz-template .container .left-side.full-width{padding:0 16px}#cm-quiz-template .container .left-side.full-width .btn-cover.material button{width:31%;margin:0 10px 16px;padding:10px 0}#cm-quiz-template .container .left-side.full-width .btn-cover button{width:calc(100% / 3);display:inline-block;vertical-align:top}#cm-quiz-template .container .left-side.full-width .btn-cover.color-section button{width:20%;margin-bottom:28px}#cm-quiz-template .container .left-side.full-width .btn-cover.pick-style-btn{justify-content:center}#cm-quiz-template .container .left-side.full-width.divide_four .btn-cover{width:60%;justify-content:space-between}#cm-quiz-template .container .left-side.full-width.divide_four .btn-cover button{width:20%}}@media (max-width: 640px){#cm-quiz-template .container .left-side.full-width.divide_three{align-items:center;display:flex}#cm-quiz-template .container .left-side.full-width.divide_three .btn-cover{margin:0}#cm-quiz-template .container .left-side.full-width.divide_three .btn-cover button{width:100%;padding:0}#cm-quiz-template .container .left-side.full-width.divide_three .btn-cover button .cm-inner{display:block}#cm-quiz-template .container .left-side.full-width.divide_three .btn-cover button .cm-inner img{margin:0;max-width:62px}#cm-quiz-template .container .left-side.full-width.divide_three .btn-cover button .cm-inner .align-center{display:flex;align-items:center}#cm-quiz-template .container .left-side.full-width.divide_three .btn-cover button .cm-inner .align-center .cm-content{margin-left:32px}#cm-quiz-template .container .left-side.full-width.divide_three .btn-cover button .cm-inner p{position:static;text-align:left}}@media (max-width: 1024px){#cm-quiz-template .container .left-side.full-width{padding:24px 16px}}@media (max-width: 1024px){#cm-quiz-template .container .left-side{padding:24px}#cm-quiz-template .container .left-side.last-step{padding:20px 24px 24px}}#cm-quiz-template .container .left-side h2{font-size:36px;line-height:1;font-family:Albra!important;text-align:center;letter-spacing:.01em;color:var(--color-body-text);margin-bottom:15px}@media (max-width: 640px){#cm-quiz-template .container .left-side h2{font-size:20px;line-height:24px;text-align:center}}#cm-quiz-template .container .left-side h3{font-family:Proxima Nova!important;font-style:normal;font-weight:600;margin-bottom:20px;font-size:16px;line-height:19px;text-align:center;letter-spacing:.02em;text-transform:uppercase;color:#6e6e6e}@media (max-width: 1024px){#cm-quiz-template .container .left-side h3{font-size:28px;line-height:32px}}#cm-quiz-template .container .left-side p{margin-bottom:24px;font-weight:600;font-size:16px;line-height:19px;text-align:center;letter-spacing:.02em;color:#6e6e6e}@media (max-width: 640px){#cm-quiz-template .container .left-side p{font-size:14px;line-height:17px;text-align:center}}#cm-quiz-template .container .left-side .cm-content p{position:static}#cm-quiz-template .container .left-side .btn-cover{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;margin:0 auto;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-flex:1;-ms-flex:1 0 auto;flex:1 0 auto;justify-content:center}@media (max-width: 640px){#cm-quiz-template .container .left-side .btn-cover{padding-bottom:40px;align-items:unset}}#cm-quiz-template .container .left-side .btn-cover button{width:42%;margin-bottom:16px;overflow:hidden;font-weight:700;transition:all .2s ease 0s;font-family:var(--font-stack-body)}@media (max-width: 640px){#cm-quiz-template .container .left-side .btn-cover button{width:50%;font-size:20px;display:inline-block;vertical-align:top}#cm-quiz-template .container .left-side .btn-cover button:hover{box-shadow:none}}@media (max-width: 1024px){#cm-quiz-template .container .left-side .btn-cover button label{padding:2px 8px;min-width:120px;display:inline-block}}#cm-quiz-template .container .left-side .btn-cover button label p{position:static}#cm-quiz-template .container .left-side .btn-cover button img{margin:0 auto 32px}#cm-quiz-template .container .left-side .btn-cover button p{font-size:14px;line-height:18px;font-weight:400;color:#d5d5d5;width:60%;margin:5px auto 0}@media (max-width: 1024px){#cm-quiz-template .container .left-side .btn-cover button p{width:100%}}#cm-quiz-template .container .left-side .btn-cover button.selected{color:#fff}#cm-quiz-template .container .left-side .btn-cover button.selected label{box-shadow:4px 4px 24px #6f6f6f1a}#cm-quiz-template .container .left-side .btn-cover.color-section{justify-content:flex-start}@media (max-width: 640px){#cm-quiz-template .container .left-side .btn-cover.color-section{justify-content:center}}#cm-quiz-template .container .left-side .continueBtn{margin-top:18px;text-transform:uppercase;letter-spacing:2px;background:#fff;border:1px solid #ffffff;font-weight:600;font-size:16px;line-height:19px;text-align:center;letter-spacing:.01em;color:var(--color-body-text);padding:18px 40px!important;min-width:262px}@media (max-width: 1024px){#cm-quiz-template .container .left-side .continueBtn{margin-top:20px}}#cm-quiz-template .container .left-side form{max-width:100%;min-width:412px;width:100%;margin-left:auto;margin-right:auto}#cm-quiz-template .container .left-side form div{min-width:412px;max-width:412px}@media (max-width: 640px){#cm-quiz-template .container .left-side form div{min-width:100%}}#cm-quiz-template .container .left-side form input{width:100%;text-align:left;border-bottom:2px solid #000;background:#fff;border:1px solid #E8E8E8;box-sizing:border-box;box-shadow:4px 4px 24px #6f6f6f1a;border-radius:4px;font-weight:400;font-size:14px;line-height:14px;letter-spacing:.005em;color:#6e6e6e;padding:21px 22px}#cm-quiz-template .container .left-side form .klaviyo_messages .success_message,#cm-quiz-template .container .left-side form .klaviyo_messages .error_message{text-align:left;margin-top:5px;font-weight:600;font-family:var(--font-stack-body)}#cm-quiz-template .container .left-side form .klaviyo_messages .success_message{color:#42ba96}#cm-quiz-template .container .left-side form .klaviyo_messages .error_message{color:#f33}#cm-quiz-template .container .left-side form .klaviyo_form_actions{text-align:center;margin-top:18px}#cm-quiz-template .container .left-side form .klaviyo_form_actions button{height:auto;text-transform:uppercase;display:block;width:100%;padding:16px;letter-spacing:.0025em;color:#fff;font-weight:600;font-size:14px;background:var(--color-body-text);border:1px solid var(--color-body-text);border-radius:8px;line-height:24px}#cm-quiz-template .container .left-side form .klaviyo_form_actions .retake-quiz a{color:#6e6d6d;margin-bottom:16px;margin-top:32px;text-align:center;display:inline-block;border-bottom:2px solid #d5d5d5;letter-spacing:1px;font-family:var(--font-stack-body)}#cm-quiz-template .container .left-side form .klaviyo_form_actions .sharing-options{text-align:center;margin-top:32px}#cm-quiz-template .container .left-side form .klaviyo_form_actions .sharing-options label{line-height:28px;font-size:18px;margin-bottom:20px;text-align:center;font-family:var(--font-stack-body)}#cm-quiz-template .container .left-side form .klaviyo_form_actions .sharing-options a{border-radius:8px;border:2px solid #000;padding:10px;display:inline-block;width:fit-content}#cm-quiz-template .container .left-side form .klaviyo_form_actions .sharing-options a svg{width:25px;height:25px}@media (max-width: 640px){#cm-quiz-template .container .left-side{height:calc(100% - 80px);overflow-y:auto;padding-bottom:0!important}}#cm-quiz-template .container .right-side{flex:1 50%;background-repeat:no-repeat;background-position:center;height:100%;background-size:cover}@media (max-width: 1024px){#cm-quiz-template .container .right-side{min-height:55vh;overflow:hidden;width:100%;flex:1;position:relative;background-position:center;background-repeat:no-repeat;background-size:cover}}#cm-quiz-template .container .right-side img{width:100%;height:100%;object-fit:cover;display:none}@media (max-width: 1024px){#cm-quiz-template .container .right-side img{display:none}}@media (max-width: 1024px){#cm-quiz-template .container.prescription .right-side{min-height:70vh}}#cm-quiz-template .container .left-side.cm-step-1{max-width:954px;margin:0 auto}#cm-quiz-template .container .left-side.cm-step-1.step2.step-style{max-width:1220px}#cm-quiz-template .container .left-side.cm-step-1.step2.step-style .btn-cover button{width:25%}@media (max-width: 640px){#cm-quiz-template .container .left-side.cm-step-1.step2.step-style .btn-cover button{width:50%}}@media (max-width: 640px){#cm-quiz-template .container .left-side.cm-step-1.step2{padding-left:16px;padding-right:16px}#cm-quiz-template .container .left-side.cm-step-1.step2 button{padding:0 8px}#cm-quiz-template .container .left-side.cm-step-1.step2 button label{min-height:182px}#cm-quiz-template .container .left-side.cm-step-1.step2 button label p{position:static}}@media (max-width: 640px){#cm-quiz-template .container .left-side.cm-step-1.step2.step-color button label{min-height:120px}}@media (max-width: 640px){#cm-quiz-template .container .left-side.cm-step-1{display:flex;align-items:center;width:100%}}#cm-quiz-template .container .left-side.cm-step-1 button{padding:0 16px}#cm-quiz-template .container .left-side.cm-step-1 button label,#cm-quiz-template .container .left-side.cm-step-1 button .cm-inner{background:#fff;border:1px solid #E8E8E8;box-sizing:border-box;border-radius:8px;display:block;padding:20px;position:relative;cursor:pointer;display:flex;align-items:center;justify-content:center;min-height:324px}@media (max-width: 640px){#cm-quiz-template .container .left-side.cm-step-1 button label,#cm-quiz-template .container .left-side.cm-step-1 button .cm-inner{min-height:auto}}#cm-quiz-template .container .left-side.cm-step-1 button label p,#cm-quiz-template .container .left-side.cm-step-1 button .cm-inner p{font-size:12px;line-height:12px;text-align:center;letter-spacing:.01em;color:#555;width:100%;font-weight:500}#cm-quiz-template .container .left-side.cm-step-1 button label p.heading,#cm-quiz-template .container .left-side.cm-step-1 button .cm-inner p.heading{font-size:20px;line-height:20px;color:var(--color-body-text)}@media (max-width: 640px){#cm-quiz-template .container .left-side.cm-step-1 button label p.heading,#cm-quiz-template .container .left-side.cm-step-1 button .cm-inner p.heading{font-size:16px;line-height:16px;margin-top:0}}#cm-quiz-template .container .left-side.cm-step-1 button label p:last-child,#cm-quiz-template .container .left-side.cm-step-1 button .cm-inner p:last-child{margin-top:12px}#cm-quiz-template .container .left-side.cm-step-1 button label:after,#cm-quiz-template .container .left-side.cm-step-1 button .cm-inner:after{content:"";background-image:url(/cdn/shop/files/Tick_Square.svg?v=1649577812);width:42px;height:42px;position:absolute;top:0;right:0;background-color:var(--color-body-text);background-repeat:no-repeat;background-position:center;transition:all .3s ease;opacity:0}#cm-quiz-template .container .left-side.cm-step-1 button.selected label:after{opacity:1}#cm-quiz-template .container .left-side.cm-step-1.step-color.full-width{max-width:1352px;padding-left:20px;padding-right:20px}.material-step label{display:block!important;padding:0!important}.material-step label img{margin-left:0!important;margin-right:0!important;width:100%;margin-bottom:35px!important}#cm-quiz-template .container .left-side.cm-step-1.material-step.full-width button label p:last-child{max-width:162px;font-size:12px;line-height:20px}#cm-quiz-template .container .left-side.cm-step-1.step7.full-width button{width:auto;background:#fff;border:1px solid #E8E8E8;box-sizing:border-box;font-weight:600;font-size:16px;line-height:19px;text-align:center;letter-spacing:.01em;color:var(--color-body-text);display:inline-block;padding-top:20px;padding-bottom:19px;margin:0 16px;min-width:232px;border-radius:var(--btn-border-radius, 0);position:relative}@media (max-width: 640px){#cm-quiz-template .container .left-side.cm-step-1.step7.full-width button{min-width:auto;margin:0 8px;width:calc(50% - 16px);padding-left:0;padding-right:0}#cm-quiz-template .container .left-side.cm-step-1.step7.full-width button span{display:block;padding:5px 0}}#cm-quiz-template .container .left-side.cm-step-1.step7.full-width button svg{display:inline-block;margin-left:10px}@media (max-width: 640px){#cm-quiz-template .container .left-side.cm-step-1.step7.full-width button svg{display:none}}#cm-quiz-template .container .left-side.cm-step-1.step7.full-width button.show-me-both{text-transform:uppercase}@media (max-width: 640px){#cm-quiz-template .container .left-side.cm-step-1.step7.full-width button.show-me-both{bottom:0;position:fixed;left:0;margin:0;width:100%}}.retake-quiz{padding-bottom:12px;padding-top:12px}@media (max-width: 640px){.retake-quiz{bottom:0;left:0;right:0;position:fixed;padding-bottom:0}}.retake-quiz button{background:#fff;border:1px solid #E8E8E8;box-sizing:border-box;font-weight:600;font-size:16px;line-height:19px;position:relative;text-align:center;letter-spacing:.01em;color:#000;display:inline-block;border-radius:0;padding:20px;min-width:252px}@media (max-width: 640px){.retake-quiz button{width:100%}}@media (min-width: 1025px){button.hover-effect:after{position:absolute;content:"";display:block;left:0;top:0;right:0;bottom:0;width:100%;height:100%;z-index:-1;transition:transform .45s cubic-bezier(.785,.135,.15,.86);transform:scaleX(0);transform-origin:right center;background-color:var(--color-body-text)!important}button.hover-effect.black:after{background-color:#fff!important}button.hover-effect.black:hover{color:#fff!important;border-color:var(--color-body-text)!important;background-color:var(--color-body-text)!important}button.hover-effect:hover{color:#fff!important;border-color:var(--color-body-text)!important;background-color:transparent!important}button.hover-effect:hover:after{transform-origin:left center;transform:scale(1)}button.hover-effect:hover svg *{fill:#fff}}button.c-quiz-questions__nav-button{position:absolute;right:70px;top:29px;text-transform:uppercase;font-weight:600;font-size:14px;line-height:24px;letter-spacing:.02em;color:#555}@media (max-width: 640px){button.c-quiz-questions__nav-button{right:10px;top:20px}}img.female-img,div#cm-quiz-popp-wrap[data-gender=Male] img.female-img{display:none}.selected .cm-inner:after{opacity:1!important}div#cm-quiz-popp-wrap[data-gender=Female] img.female-img{display:block}div#cm-quiz-popp-wrap[data-gender=Female] img.male-img{display:none}button.c-quiz-questions__nav-button svg{display:inline-block;margin-right:10px}@media (min-width: 1920px){.c-quiz-questions__flex-static{padding-top:48px}#cm-quiz-template .container .left-side h2{font-size:42px}}@media (min-width: 768px) and (max-width: 1199px){#cm-quiz-template .container .left-side.cm-step-1.step-color.full-width button{width:20%;padding:0 10px}#cm-quiz-template .container .left-side.full-width .btn-cover.material{flex-flow:unset;align-items:center}#cm-quiz-template .container .left-side.full-width .btn-cover.material button{text-align:center;width:33.33%}#cm-quiz-template .container .left-side.full-width .btn-cover.material button label{width:auto}#cm-quiz-template .container .left-side.full-width .btn-cover.material button label p{text-align:center;padding-left:10px;padding-right:10px}#cm-quiz-template .container .left-side.cm-step-1.full-width.divide_three .c-quiz-questions__options button{width:33.33%}}@media (max-width: 640px){#cm-quiz-template .container .left-side{padding:24px 16px}}.c-quiz-questions__options{width:100%}#cm-quiz-template .container .left-side.step-color .btn-cover button{display:inline-block;vertical-align:top}#cm-quiz-template .container .left-side.step-color .btn-cover button img{max-width:108px;margin-bottom:0}@media screen and (min-width: 1536px){#cm-quiz-template .container .left-side.starting-step{padding-left:57px}}button[data-active-value=Continue]{background-color:var(--color-body-text)!important;color:#fff!important;border-color:var(--color-body-text)!important}@media screen and (min-width: 1280px){body #CollectionProductGrid{width:100%!important}}
/*# sourceMappingURL=/cdn/shop/t/272/assets/quiz.scss.css.map */