body:has(div#main.main .shopify-section.section-quiz)>.shopify-section{display:none}@-webkit-keyframes progress-bar-stripes{0%{background-position-x:1rem}}@keyframes progress-bar-stripes{0%{background-position-x:1rem}}.section-quiz .progress{display:flex;height:6px;background:#0003;border-radius:10px;margin:10px;overflow:clip}.section-quiz .progress .progress-bar{height:100%;background:#074a97!important;transition:width .6s ease}@keyframes slideInFromRight{0%{opacity:0;transform:translate(100px)}to{opacity:1;transform:translate(0)}}@keyframes slideOutToLeft{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(-100px)}}@keyframes slideRight{0%,50%,75%{left:0}to{left:85%}}.shopify-section.section-quiz .page-content--medium{max-width:800px}.shopify-section.section-quiz .quiz-block{padding-block:50px;display:none}.shopify-section.section-quiz .quiz-block{--secondary-button-background: 7, 74, 151;--secondary-button-text-color: 255,255,255}.shopify-section.section-quiz .quiz-block.visible{z-index:1;opacity:1;visibility:visible;display:block}.shopify-section.section-quiz .quiz-block.visible:not(:first-child):not(.no-animation){animation-name:slideInFromRight;animation-duration:.2s;animation-timing-function:ease-in;animation-delay:0s;animation-iteration-count:1;animation-direction:normal;animation-fill-mode:none;animation-play-state:unset}.shopify-section.section-quiz .quiz-block.hidden{display:none;z-index:0;opacity:0;animation-name:slideOutToLeft;animation-duration:.2s;animation-timing-function:ease-in;animation-delay:0s;animation-iteration-count:1;animation-direction:normal;animation-fill-mode:none;animation-play-state:unset}.shopify-section.section-quiz .quiz-block .quiz-grid input[type=radio],.shopify-section.section-quiz .quiz-block .quiz-grid input[type=checkbox]{opacity:0;position:absolute;z-index:-1}.shopify-section.section-quiz .quiz-block .quiz-grid{display:grid;gap:10px;margin-inline:auto;width:430px;max-width:100%}.shopify-section.section-quiz .quiz-block .quiz-grid.columns_on_desktop_2{grid-template-columns:repeat(2,1fr)}.shopify-section.section-quiz .quiz-block .quiz-grid.columns_on_desktop_3{grid-template-columns:repeat(3,1fr)}.shopify-section.section-quiz .quiz-block .quiz-grid.columns_on_desktop_4{grid-template-columns:repeat(2,1fr)}.shopify-section.section-quiz .quiz-block .quiz-grid.columns_on_desktop_5,.shopify-section.section-quiz .quiz-block .quiz-grid.columns_on_desktop_6{grid-template-columns:repeat(3,1fr)}@media (min-width: 768px){.shopify-section.section-quiz .quiz-block .quiz-grid{gap:20px}.shopify-section.section-quiz .quiz-block.block-1 .quiz-grid .answer_block .answer_content{padding:15px;font-size:15px}.shopify-section.section-quiz .quiz-block .quiz-grid.columns_on_desktop_4{grid-template-columns:repeat(4,1fr)}.shopify-section.section-quiz .quiz-block .quiz-grid.columns_on_desktop_5{grid-template-columns:repeat(5,1fr)}}@media (min-width: 1000px){.shopify-section.section-quiz .quiz-block .quiz-grid.columns_on_desktop_6{grid-template-columns:repeat(6,1fr)}}.shopify-section.section-quiz .quiz-block .quiz-grid .answer_block img{display:black;margin:0 auto}.shopify-section.section-quiz .quiz-block .quiz-grid.columns_on_desktop_1 .answer_block{position:relative;cursor:pointer;display:flex;background:#fff;padding:1em;border-width:2px;border-style:solid;border-color:#eaeaeb;border-radius:5px;flex-direction:row;justify-content:unset;align-items:flex-start;gap:8px;text-align:left}.shopify-section.section-quiz .quiz-block .quiz-grid.columns_on_desktop_1 .answer_block.option_img_position-left{text-align:left}.shopify-section.section-quiz .quiz-block.block-1 .quiz-grid .answer_block{display:flex;flex-direction:column;border:2px solid rgba(7,74,151,.6);background:rgba(var(--background),1);border-radius:10px;overflow:clip;cursor:pointer}.shopify-section.section-quiz .quiz-block.block-1 .quiz-grid .answer_block .answer_content{background:#074a9799;color:rgba(var(--secondary-button-text-color),1);font-weight:600;padding:10px;font-size:14px}.shopify-section.section-quiz .quiz-block .quiz-grid.columns_on_desktop_1 .answer_block:hover,.shopify-section.section-quiz .quiz-block .quiz-grid.columns_on_desktop_1 input:checked+.answer_block{background:#074a97;border-color:#074a97;color:#fff}.shopify-section.section-quiz .quiz-block .quiz-grid.columns_on_desktop_1 .answer_block:hover .answer_img img,.shopify-section.section-quiz .quiz-block .quiz-grid.columns_on_desktop_1 input:checked+.answer_block .answer_img img{filter:brightness(0) saturate(100%) invert(100%) sepia(3%) saturate(566%) hue-rotate(324deg) brightness(119%) contrast(100%)}.shopify-section.section-quiz .quiz-block.block-1 .quiz-grid .answer_block:hover,.shopify-section.section-quiz .quiz-block.block-1 .quiz-grid input:checked+.answer_block{border-color:#074a97}.shopify-section.section-quiz .quiz-block.block-1 .quiz-grid .answer_block:hover .answer_content,.shopify-section.section-quiz .quiz-block.block-1 .quiz-grid input:checked+.answer_block .answer_content{background:#074a97;color:#fff}.shopify-section.section-quiz .quiz-block.block-1 .quiz-grid .answer_img img{max-width:100%;margin:0 auto}.shopify-section.section-quiz .quiz-block .button-wrapper{margin-top:30px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:12px}.shopify-section.section-quiz .quiz-block .button-wrapper button.previous_quiz{display:inline-flex;align-items:center;gap:8px}.shopify-section.section-quiz .quiz-block .button-wrapper button.previous_quiz svg.button-icon{width:16px;height:16px}.shopify-section.section-quiz .quiz-block.block-1 .quiz-question{margin-block-end:30px}.shopify-section.section-quiz .quiz-block .quiz-grid.columns_on_desktop_1 .answer_block .answer_content:has(.answer_subtext) .answer_text{font-weight:700}.shopify-section.section-quiz .quiz-block .quiz-grid.columns_on_desktop_1 .answer_block .answer_content .answer_subtext{font-size:14px;line-height:120%}.shopify-section.section-quiz .quiz-block .summery-block .summary-result-card{display:flex;padding:.8em;flex-direction:column;gap:.4em;align-self:stretch;border-radius:var(--radius-8);background:var(--White);margin:auto;box-shadow:0 0 10px #00000014;background-color:#fff!important;border-radius:8px}.shopify-section.section-quiz .quiz-block .summery-block .summery-block-header{display:flex;justify-content:space-between}.shopify-section.section-quiz .quiz-block .summery-block .summery-block-header h2{font-size:22px}.shopify-section.section-quiz .quiz-block .summery-block .summery-block-header span.badge{background-color:#fce3e3!important;background-color:#074a974d!important;border-style:solid;border-top-width:1px;border-bottom-width:1px;border-left-width:1px;border-right-width:1px;border-color:#f9bdbd!important;border-color:#074a97!important;color:#074a97!important;align-self:center;padding:3px 15px;border-radius:10px;font-size:14px;font-weight:700}.shopify-section.section-quiz .quiz-block .summery-block .summary-result-progress-bar{border-radius:15px;background:#f8f7fa!important;width:100%;display:flex;align-items:center;padding:.4em;margin-bottom:.4em;position:relative}.shopify-section.section-quiz .quiz-block .summery-block .summary-result-card-progress .summary-result-progress-bar .summary-result-progress-bar-inner{background-image:linear-gradient(90deg,#96d9ff 1.63%,#b7f5a8 24.72%,#f9eb7c 54.9%,#e96b58 81.94%);border-radius:8px;width:100%;height:13px;display:block}.shopify-section.section-quiz .quiz-block .summery-block .summary-result-card-progress .summary-result-progress-bar .circle{position:absolute;z-index:5;top:50%;width:2em;height:2em;background:#fff;border:.3em solid rgba(63,72,82,.2);box-shadow:0 .3em .7em #4446404d;border-radius:2em;transform:translateY(-50%);transition:all 1.5s ease-in-out;left:85%;animation:slideRight 1.5s ease-in-out forwards}.shopify-section.section-quiz .quiz-block .summery-block .summary-result-card-progress .summary-result-progress-bar .circle .tool{opacity:0;animation:fadeIn 1s ease-in-out forwards;position:absolute;top:-4em;left:50%;display:flex;align-items:center;justify-content:center;width:9em;height:2.4em;background:#074a97;text-align:center;transform:translate(-50%);border-radius:.4em}.shopify-section.section-quiz .quiz-block .summery-block .summary-result-card-progress .summary-result-progress-bar .circle .tool:after{content:"";position:absolute;top:100%;left:50%;border-top:.6em solid rgba(7,74,151,1);border-right:.5em solid transparent;border-left:.5em solid transparent;transform:translate(-50%,-.1em)}.shopify-section.section-quiz .quiz-block .summery-block .summary-result-card-progress .summary-result-progress-bar .circle .tool .app-text{color:#fff;font-weight:700;font-size:1.2em;line-height:150%}.shopify-section.section-quiz .quiz-block .summery-block .summary-result-card-progress .scale-panel{display:flex;justify-content:space-between;align-items:flex-start;padding:0 1.2em .8em}.shopify-section.section-quiz .quiz-block .summery-block .summary-result-card-progress .scale-panel p{margin:0}.shopify-section.section-quiz .quiz-block .summery-block .summary-result-card-progress .alert-message.warning{display:flex;padding:12px;border-radius:8px;background-color:#fce3e3!important;background-color:#074a974d!important;gap:14px;max-width:980px;margin-inline:auto}.shopify-section.section-quiz .quiz-block .summery-block .summary-result-card-progress .alert-message.warning .image{flex:none;padding:1em .8em;border-radius:.4em;background:var(--Red-100);color:var(--Red-400);height:3.2em;width:3.2em;display:flex;align-items:center;justify-content:center;background-color:#f9bdbd!important;background-color:#074a97!important;color:#f04d4d!important;color:#fff!important}.shopify-section.section-quiz .quiz-block .summery-block .summary-result-card-progress .alert-message.warning .label{margin:0 0 .5em;padding:0;display:block;text-align:left;font-size:1em;line-height:140%;font-weight:700}.shopify-section.section-quiz .quiz-block .summery-block .summary-result-card-progress .alert-message.warning .p6{font-size:1em;line-height:140%;margin:0;padding:0;display:block}.shopify-section.section-quiz .quiz-block .summery-block .type-list{gap:.8em;display:grid;margin-bottom:2.4em;margin-top:20px}@media (min-width: 768px){.shopify-section.section-quiz .quiz-block .summery-block .type-list{grid-template-columns:repeat(2,1fr)}}.shopify-section.section-quiz .quiz-block .summery-block .type-list .type-list-item{display:flex;padding:.8em;align-items:center;gap:.8em;flex:1 1 calc(50% - .8em);border-radius:.8em;background:var(--White);box-shadow:0 0 5px #00000010;background-color:#fff!important}.shopify-section.section-quiz .quiz-block .summery-block .type-list .type-list-item .image{display:flex;width:3.2em;height:3.2em;padding:.4em;justify-content:center;align-items:center;gap:.8em;border-radius:.8em;background:#20b1d312}.shopify-section.section-quiz .quiz-block .summery-block .type-list .type-list-item .image img{width:2em;height:2em;flex-shrink:0}.shopify-section.section-quiz .quiz-block .summery-block .type-list .type-list-item .text .p6{font-size:1em;line-height:140%;padding:0;margin:0;display:block;text-align:left}.shopify-section.section-quiz .quiz-block .summery-block .type-list .type-list-item .text .p5.result{font-size:1.2em;line-height:150%;font-weight:700;margin:0;padding:0;display:block;text-align:left}.quiz-question .progress-container{width:600px;height:400px;padding:20px;position:relative;margin-left:auto;margin-right:auto}.quiz-question .bar-container{display:flex;justify-content:space-between;align-items:flex-end;height:300px;padding-bottom:40px;position:relative}.quiz-question .bar-wrapper{position:relative;width:80px;margin:0 5px}.quiz-question .background-bar{position:absolute;width:100%;height:275px;background-color:#fff;border-radius:15px;bottom:0;box-shadow:0 0 2px #0000004d}.quiz-question .bar{position:absolute;bottom:0;width:100%;border-radius:15px;transform-origin:bottom;transform:scaleY(0);animation:riseUp 1s ease forwards}.quiz-question .month-label{position:absolute;bottom:-30px;width:100%;text-align:center;color:#000;font-family:Arial,sans-serif;z-index:999}.quiz-question .goal-indicator{position:absolute;left:50%;transform:translate(0);z-index:10;opacity:0;animation:goalFadeIn .5s ease forwards 1s}.quiz-question .goal-bubble{background:#4caf50;color:#fff;padding:4px 12px;border-radius:12px;font-family:Arial,sans-serif;font-size:14px;margin-bottom:10px}.quiz-question .goal-circle{width:20px;height:20px;background:#4caf50;border-radius:50%;position:relative;left:50%;transform:translate(-50%);border:4px solid white;box-shadow:0 0 0 2px #4caf50}@keyframes riseUp{0%{transform:scaleY(0)}to{transform:scaleY(1)}}@keyframes goalFadeIn{0%{opacity:0;transform:translate(-50%) translateY(10px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.quiz-question .goal-bubble,.quiz-question .goal-circle{animation-name:goalFadeIn}.quiz-question #oct{background:#e6978c;height:250px}.quiz-question #nov1{background:#e6b18c;height:180px}.quiz-question #nov2{background:#f4cc9c;height:210px}.quiz-question #nov3{background:#f4e69d;height:160px}.quiz-question #nov4{background:#9ce579;height:110px}.quiz-question #dec,body.pi-template-suffix-men-quiz-page .quiz-question #dec{background:#85c1e9;height:80px}body.pi-template-suffix-men-quiz-page .quiz-question #nov4{background:#9ce579;height:110px}body.pi-template-suffix-men-quiz-page .quiz-question #nov3{background:#f4e69d;height:140px}body.pi-template-suffix-men-quiz-page .quiz-question #apr1{background:#f9d3d3;height:160px}body.pi-template-suffix-men-quiz-page .quiz-question #may1{background:#ffabab;height:180px}body.pi-template-suffix-men-quiz-page .quiz-question #june1{background:#e6b18c;height:200px}body.pi-template-suffix-men-quiz-page .quiz-question #nov2{background:#f4cc9c;height:230px}body.pi-template-suffix-men-quiz-page .quiz-question #oct{background:#e6978c;height:260px}@media screen and (max-width: 768px){.quiz-question .progress-container{width:100%;max-width:600px;height:auto;padding:10px;margin-top:40px}.quiz-question .bar-container{height:250px;padding-bottom:30px}.quiz-question .bar-wrapper{width:80px;margin:0 2px}.quiz-question .background-bar{height:275px}.quiz-question .month-label{font-size:12px;bottom:-25px}.quiz-question .goal-bubble{font-size:12px;padding:3px 8px}.quiz-question .goal-circle{width:16px;height:16px}}@media screen and (max-width: 480px){.quiz-question .progress-container{margin-top:0}.quiz-question .bar-wrapper{width:55px;margin:0 1px}.quiz-question .bar-container{height:200px;gap:5px}.quiz-question .background-bar{height:175px}.quiz-question .month-label{font-size:14px}.quiz-question .goal-indicator{bottom:85px}.quiz-question #oct{height:160px}.quiz-question #nov1{height:115px}.quiz-question #nov2{height:135px}.quiz-question #nov3{height:102px}.quiz-question #nov4{height:70px}.quiz-question #dec{height:51px}}@media screen and (min-width: 481px){.quiz-question .goal-indicator{bottom:120px!important}.quiz-question .bar-container{display:flex;justify-content:center;align-items:flex-end;gap:15px;height:300px;padding-bottom:40px;position:relative}}@media screen and (max-width: 480px){body.pi-template-suffix-men-quiz-page .quiz-question #dec{height:50px}body.pi-template-suffix-men-quiz-page .quiz-question #nov4{height:65px}body.pi-template-suffix-men-quiz-page .quiz-question #nov3{height:80px}body.pi-template-suffix-men-quiz-page .quiz-question #apr1{height:95px}body.pi-template-suffix-men-quiz-page .quiz-question #may1{height:110px}body.pi-template-suffix-men-quiz-page .quiz-question #june1{height:125px}body.pi-template-suffix-men-quiz-page .quiz-question #nov2{height:140px}body.pi-template-suffix-men-quiz-page .quiz-question #oct{height:160px}body.pi-template-suffix-men-quiz-page .quiz-question .goal-indicator{bottom:70px}}@media screen and (min-width: 481px){body.pi-template-suffix-men-quiz-page .quiz-question .goal-indicator{bottom:140px!important}}.progress-wrapper{width:100%;max-width:500px;margin:25px auto;transition:all .5s cubic-bezier(.4,0,.2,1)}.progress-wrapper.visible{opacity:1;height:60px;margin:25px auto}.progress-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.progress-title{font-size:.9em;color:#333}.progress-percentage{font-size:.9em;color:#333;font-weight:500}.progress-container-svg{position:relative;width:100%;height:12px}.progress-bar{width:100%;height:100%;overflow:hidden;border-radius:999px;background-color:#e8f5e9!important}.progress-bar svg{width:100%;height:100%;display:block}.progress-bar path.background{stroke:#e8f5e9!important;stroke-width:12px;stroke-linecap:round}.progress-bar path.progress{stroke:#4caf50!important;stroke-width:12px;stroke-linecap:round;transition:stroke-dashoffset .5s cubic-bezier(.4,0,.2,1);stroke-dasharray:100;stroke-dashoffset:100}.check-icon{color:#429e71;display:none}.check-icon.visible{display:block}.popup-overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);z-index:999;opacity:0;transition:opacity .3s ease}.popup{display:none;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);padding:20px;background:#fff;box-shadow:0 0 10px #0000001a;z-index:1000;text-align:center;max-width:300px;border-radius:8px;opacity:0;transition:opacity .3s ease,transform .3s ease;transform:translate(-50%,-45%)}.popup .subtitle{color:#4a4a4a;font-size:.9em;margin-bottom:8px}.popup .main-text{font-size:1.1em;margin-bottom:16px;line-height:1.4}.popup button{margin:8px 5px;padding:0 24px;font-size:1.125em;cursor:pointer;border:none;border-radius:9999px;color:#fff;transition:opacity .3s;font-family:Montserrat,sans-serif}.popup.visible,.popup-overlay.visible{opacity:1}.popup.visible{transform:translate(-50%,-50%)}.popup button:hover{opacity:.9}.check-icon{color:#4caf50;display:none}.check-icon svg{width:16px;height:16px}.quiz-block .progress-wrapper{display:none}.quiz-block .progress-wrapper.visible{height:auto;display:block}@media (max-width: 768px){h2{font-size:26px}.popup{width:80%!important}#id-b4c03f35{padding-left:10px;padding-right:10px}}.pi-template-suffix-quiz-page .shopify-section.section-quiz .quiz-block.block-1 .quiz-grid .answer_block,.pi-template-suffix-quiz-page .shopify-section.section-quiz .quiz-block.block-1 .quiz-grid input:checked+.answer_block{border-color:#f8b2b499}.pi-template-suffix-quiz-page .shopify-section.section-quiz .quiz-block.block-1 .quiz-grid .answer_block .answer_content{background:#f8b2b499;color:#000}.pi-template-suffix-quiz-page .shopify-section.section-quiz .quiz-block.block-1 .quiz-grid input:checked+.answer_block .answer_content{background:#f8b2b499;color:#000}.pi-template-suffix-quiz-page .shopify-section.section-quiz .quiz-block .quiz-grid.columns_on_desktop_1 .answer_block:hover,.pi-template-suffix-quiz-page .shopify-section.section-quiz .quiz-block .quiz-grid.columns_on_desktop_1 input:checked+.answer_block{background:#f8b2b4;border-color:#f8b2b4}.pi-template-suffix-quiz-page .button.next_quiz,.pi-template-suffix-quiz-page .button.button--secondary{background:#f8b2b4}.pi-template-suffix-quiz-page .section-quiz .progress .progress-bar{background:#f8b2b4!important}.pi-template-suffix-quiz-page .shopify-section.section-quiz .quiz-block .summery-block .summery-block-header span.badge{background-color:#fce3e3!important;border-color:#f9bdbd!important;color:#f9bdbd!important}.pi-template-suffix-quiz-page .shopify-section.section-quiz .quiz-block .summery-block .summary-result-card-progress .summary-result-progress-bar .circle .tool{background:#f9bdbd}.shopify-section.section-quiz .quiz-block .summery-block .summary-result-card-progress .summary-result-progress-bar .circle .tool .app-text{color:#000}.pi-template-suffix-quiz-page .shopify-section.section-quiz .quiz-block .summery-block .summary-result-card-progress .summary-result-progress-bar .circle .tool:after{border-top-color:#f9bdbd}.pi-template-suffix-quiz-page .shopify-section.section-quiz .quiz-block .summery-block .summary-result-card-progress .alert-message.warning{background-color:#f9bdbd4d!important}.pi-template-suffix-quiz-page .shopify-section.section-quiz .quiz-block .summery-block .summary-result-card-progress .alert-message.warning .image{background-color:#f9bdbd!important}
/*# sourceMappingURL=/cdn/shop/t/26/assets/quiz-section.css.map */