.quiz-body{display:flex;flex-direction:column;overflow:hidden;height:100vh}.quiz-body .content-for-layout{flex:1 1 auto;overflow-y:auto;display:flex;flex-direction:column;padding-bottom:28px}.quiz-width{flex:1 1 auto;max-width:1410px;width:100%;padding-inline:15px;margin-inline:auto;display:flex;flex-direction:column}.quiz-section{flex:1 1 auto;background:linear-gradient(90deg,#0066b740,#6bbdff40);padding:25px;border-radius:25px;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden}.quiz-step{width:100%;display:none;opacity:0;visibility:hidden;transition:all ease-in-out .25s}.quiz-step.open{display:block;opacity:1;visibility:visible}.quiz-step.background-block{flex:1 1 auto}.quiz-step-width{width:100%;max-width:774px;margin-inline:auto}.quiz-step.step-2 .quiz-step-width{max-width:1082px}.quiz-step.step-3 .quiz-step-width{max-width:1199px}.quiz-step.step-4 .quiz-step-width{max-width:1069px}.quiz-step.step-5 .quiz-step-width{max-width:1244px}.quiz-step.step-6 .quiz-step-width{max-width:546px}.quiz-step.step-7 .quiz-step-width{max-width:774px}.quiz-step.step-9 .quiz-step-width{max-width:1098px}.quiz-step.step-11 .quiz-step-width{max-width:886px}.quiz-step.step-14 .quiz-step-width{max-width:980px}.quiz-step .heading{margin:0;text-align:center;font-size:36px;font-weight:600;letter-spacing:0;line-height:1.11111111111}.quiz-step.step-2 .heading{max-width:892px;margin-inline:auto}.quiz-step .rte-txt{color:#222823;font-size:16px;text-align:center;margin-top:15px;line-height:1.25;font-weight:300;letter-spacing:0}.quiz-step .rte-txt strong{font-weight:700}.quiz-step .rte-txt p{margin:0}.quiz-step-list-wrapper{padding-top:15px}.quiz-step.step-3 .quiz-step-list-wrapper{max-width:1048px;width:100%;margin-inline:auto}.quiz-step.step-4 .quiz-step-list-wrapper{max-width:774px;width:100%;margin-inline:auto}.quiz-step.step-9 .quiz-step-list-wrapper{max-width:968px;width:100%;margin-inline:auto}.quiz-step.step-14 .quiz-step-list-wrapper{max-width:686px;width:100%;margin-inline:auto}.quiz-step-list{display:flex;flex-wrap:wrap;margin:-7px}.quiz-step-list .quiz-step-item{padding:7px;width:33.3333%}.quiz-step-item input{display:none}.quiz-step-item label{width:100%;background-color:#fff;border:1px solid #fff;border-radius:50px;box-shadow:0 5px 20px #a476ca26;font-size:16px;line-height:1.1;font-weight:500;color:#222823;text-align:center;letter-spacing:0;min-height:46px;display:flex;align-items:center;justify-content:center;padding:5px;cursor:pointer;margin:0;transition:border-color ease-in-out .25s}.quiz-step-item input:checked+label{border-color:#222823!important}.quiz-step-item-card input:checked+label span{border-color:#222823!important}.slide-16-txt p{font-size:16px!important}.quiz-step-item-card label span{border:2px solid #ffffff!important;border-radius:50px;transition:border-color ease-in-out .25s}.quiz-step-link{text-align:center;padding-top:110px}.step-link{display:inline-flex;gap:5px;align-items:center;line-height:1.1;color:#000;font-size:16px;font-weight:400;text-transform:uppercase;letter-spacing:0}.quiz-step-buttons{padding-top:15px;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px 15px}.step-button{border:1px solid #222823;text-decoration:none;color:#222823;font-size:16px;font-weight:400;letter-spacing:0;padding:16px 26px;display:inline-block;border-radius:50px;line-height:1.1;text-transform:uppercase;text-align:center;position:relative;z-index:3}.step-button.filled{color:#fff;background-color:#0066b7;border-color:#222823;font-weight:700}.quiz-step-buttons p{margin:0;width:100%;text-align:center;color:#22282396;letter-spacing:0;font-size:12px;font-weight:500;line-height:1.2}.quiz-step-card-list-wrapper{padding-top:15px}.quiz-step-card-list{display:flex;flex-wrap:wrap;margin:-7px}.quiz-step-item-card{width:25%;padding:7px}.quiz-step-item-card input{display:none}.quiz-step-item-card label{width:100%;display:flex;position:relative;cursor:pointer;flex-direction:column;height:100%}.quiz-step-item-card label :is(img,svg){width:100%;height:auto;aspect-ratio:1 / 1;object-fit:cover;display:block}.quiz-step-item-card label span{flex:1 1 auto;display:flex;align-items:center;justify-content:center;margin-top:-13px;background-color:#fff;border:2px solid #fff;box-shadow:0 5px 20px #a476ca26;color:#222823;position:relative;z-index:2;text-align:center;letter-spacing:0;font-weight:500;border-radius:50px;padding:12px 25px;width:calc(100% - 50px);margin-inline:auto;line-height:1.25}.gif-card{width:100%;border-radius:20px;overflow:hidden;aspect-ratio:1.43 / 1;margin-inline:auto;background:#ffffff80;margin-top:15px}.gif-card :is(img,svg){width:100%;height:100%}.quiz-step-background{width:100%;min-height:500px;height:100%;overflow:hidden;border-radius:25px;position:relative;padding:60px 15px 70px}.quiz-step-background picture{position:absolute;top:0;left:0;width:100%;height:100%;display:block;z-index:1}.quiz-step-background .background{width:100%;height:100%;object-fit:cover}.quiz-step-background:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:2;background-color:#00000040}.quiz-step[data-step="16"] .quiz-step-background:before{display:none}.quiz-step-content{position:relative;z-index:3;max-width:927px;width:100%;margin-inline:auto;color:#fff;text-align:center;display:flex;flex-direction:column;justify-content:center;height:100%}.quiz-step.step-10 .quiz-step-content{max-width:1222px}.quiz-step.step-13 .quiz-step-content{max-width:864px}.quiz-step.step-16 .quiz-step-content{max-width:729px}.quiz-step-content .quiz-step-box{background-color:#222823;display:inline-block;padding:20px 30px;font-weight:700;font-size:30px;letter-spacing:0;line-height:1.333;border-radius:50px}.quiz-step.step-10 .quiz-step-content .quiz-step-box,.quiz-step.step-16 .quiz-step-content .quiz-step-box{font-size:36px}.quiz-step-content .heading{color:#fff;max-width:820px;margin-inline:auto;font-weight:500;margin-top:29px}.quiz-step.step-10 .quiz-step-content .heading{font-weight:300;max-width:645px}.quiz-step.step-16 .quiz-step-content .heading{font-weight:300;max-width:727px}.quiz-step-content .loading-image{width:80px;height:auto;display:block;margin-inline:auto;margin-top:14px}.quiz-step-content .men-group-image{height:auto;max-width:400px;margin:15px auto}.background-rte-txt{color:#ffffffbf;font-size:24px;letter-spacing:0}.background-rte-txt p{margin:0}.quiz-step-content .quiz-step-buttons{padding-top:40px}.quiz-step-content .step-button{border-color:#fff;color:#fff}.quiz-step-content .step-button.black-btn{border-color:#000;color:#000}.final-step .heading{font-weight:500}.final-step .rte-txt{max-width:570px;margin-inline:auto}.column-step-list-wrapper{max-width:805px;margin-inline:auto;width:100%;margin-top:15px;position:relative}.column-step-list-wrapper:after{content:"";border-top:2px dashed #222823;width:100%;display:block;position:absolute;left:0;right:0;bottom:17%}.column-step-list{display:flex;flex-wrap:wrap;margin:-5px;position:relative;z-index:2}.column-step-list .column-step-item{width:20%;padding:5px;text-align:center;display:flex;flex-direction:column;justify-content:flex-end}.column-step-item .column-step-text-wrapper{flex:1 1 auto;display:flex;align-items:flex-end;justify-content:center}.column-step-text{line-height:1.25;font-size:16px;font-weight:500;letter-spacing:0;text-align:center;color:#222823;padding-bottom:10px}.column-step-item:last-child .column-step-text{font-weight:300;width:calc(100% + 124px);min-width:calc(100% + 170px);padding-bottom:17px;position:relative}.column-step-item:last-child .column-step-text:after{content:"";background-image:url('data:image/svg+xml,<svg width="15" height="9" viewBox="0 0 15 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M14.0413 1.94219L7.79131 8.19219C7.73327 8.2503 7.66434 8.2964 7.58846 8.32785C7.51259 8.3593 7.43126 8.37549 7.34912 8.37549C7.26699 8.37549 7.18566 8.3593 7.10979 8.32785C7.03391 8.2964 6.96498 8.2503 6.90694 8.19219L0.656938 1.94219C0.56943 1.85478 0.509826 1.74337 0.485669 1.62207C0.461513 1.50076 0.473891 1.37502 0.521236 1.26076C0.568581 1.14649 0.648765 1.04884 0.751636 0.980175C0.854507 0.911506 0.97544 0.874903 1.09913 0.875H13.5991C13.7228 0.874903 13.8437 0.911506 13.9466 0.980175C14.0495 1.04884 14.1297 1.14649 14.177 1.26076C14.2244 1.37502 14.2367 1.50076 14.2126 1.62207C14.1884 1.74337 14.1288 1.85478 14.0413 1.94219Z" fill="%23222823"/></svg>');position:absolute;bottom:6px;left:0;right:0;margin-inline:auto;width:14px;height:8px;background-repeat:no-repeat}.column-step-item:last-child .column-step-text strong{font-weight:500;display:block}.column-step-bar{aspect-ratio:.2 / 1;width:43px;border-radius:25px;background-color:#ffffff80;display:block;position:relative;margin-inline:auto}.column-step-bar .column-step-inner{height:var(---height);display:block;position:absolute;bottom:0;left:0;width:100%;background:#fff;box-shadow:0 5px 50px #0066b740;border-radius:25px}[data-next-button]{touch-action:manipulation}.column-step-name{line-height:1.25;font-size:16px;font-weight:500;letter-spacing:0;text-align:center;margin-top:10px;color:#222823}.column-box-item{background-color:#222823;color:#fff;display:flex;align-items:center;gap:20px;font-size:16px;font-weight:400;line-height:1.1;justify-content:center;border-radius:50px;letter-spacing:0;padding:11px;max-width:943px;width:100%;margin-inline:auto;margin-top:15px}.mobile-column-step-text{display:none}@media(max-width:992px){.quiz-body{overflow:unset;height:auto}.quiz-header{padding:5px 15px 2px;position:sticky;top:0;left:0;right:0;z-index:999;background-color:#fff}.quiz-header .header-logo{max-width:152px}.quiz-body .content-for-layout{padding-bottom:15px}.quiz-section{padding:17px;border-radius:15px}.quiz-step-content .men-group-image{max-width:290px}.quiz-width{padding-inline:10px}.quiz-step .heading{font-size:24px}.quiz-step .rte-txt{font-size:14px;margin-top:10px}.quiz-step-list .quiz-step-item{width:100%}.quiz-step-link{padding-top:50px}.quiz-step-buttons{padding-top:25px;gap:10px}.quiz-step.step-4 .quiz-step-buttons{padding-top:70px}.step-button{font-size:14px;padding:14px 19px}.quiz-step-card-list{margin:-3px}.quiz-step-item-card{width:50%;padding:3px}.quiz-step-item-card label :is(img,svg){aspect-ratio:1.1 / 1;object-position:top}.quiz-step-item-card label span{font-size:12px;width:100%;padding:5px;border-radius:0;margin:0}.quiz-step.background-block.open{display:flex;flex-direction:column}.quiz-step-background{padding:50px 10px;border-radius:15px;flex:1 1 auto}.quiz-step-content .quiz-step-box{font-size:24px;border-radius:15px;padding:15px 10px}.quiz-step-content .heading{margin-top:7px}.background-rte-txt{font-size:14px;line-height:1.2}.quiz-step.step-10 .quiz-step-content .quiz-step-box{font-size:24px}.quiz-step.step-16 .quiz-step-content .quiz-step-box{font-size:24px;max-width:283px;margin-inline:auto;padding:15px 20px}.final-step .rte-txt{font-size:16px}.final-step .quiz-step-buttons{padding-top:16px}.final-step .quiz-step-buttons .step-button.filled{order:1;padding:14px 15px;width:100%}.final-step .quiz-step-buttons .step-button:not(.filled){order:2}.final-step .quiz-step-buttons .question-text{order:3}.column-step-bar{width:32px}.column-step-name{font-size:11px;margin-top:6px}.column-step-text{font-size:11px;padding-bottom:6px}.column-step-item:last-child .column-step-text{width:calc(100% + 35px);min-width:calc(100% + 35px)}}@media(max-width:767px){.column-step-item .column-step-text-wrapper{justify-content:flex-end}.column-step-item:last-child .column-step-text{text-align:right;min-width:calc(100% + 80px);width:calc(100% + 80px)}.column-step-item:last-child .column-step-text:after{left:auto;right:calc(26% - 14px)}}.black-text{color:#000!important}
/*# sourceMappingURL=/cdn/shop/t/30/assets/template-men-quiz.css.map */