#quiz-popup{background-color:#fff;width:100%;height:100%;max-width:800px;margin:0;border:0;overflow:hidden}#quizCalculator #quiz-popup{max-width:100%}@media (min-width: 905px){#quiz-popup{max-height:670px}#quizCalculator #quiz-popup{max-height:100%}#quiz-popup .fancybox-close-small{top:16px;right:16px}}@media (max-width: 768px){#quizCalculator #quiz-popup .step2.steps .step-navigation,#quizCalculator #quiz-popup .step3.steps .step-navigation{padding-top:125px;height:auto}#quizCalculator #quiz-popup .steps .step-body{overflow:visible;height:auto}}#quiz-popup .quiz-progress-container{background-color:var(--color-white);width:100%;height:10px;position:absolute;bottom:0;left:0;right:0;z-index:999}#quiz-popup .quiz-progress-container .quiz-progress-bar{background-color:var(--color-black);height:100%;width:0;transition:width .5s}@media (min-width: 905px){#quiz-popup .quiz-progress-container{bottom:auto;top:0;height:16px}}#quiz-popup .steps{display:flex;flex-wrap:wrap;width:100%;height:100%;position:absolute;top:0;left:0;right:0;bottom:0}#quizCalculator #quiz-popup .steps{position:initial}#quiz-popup .steps .step-body{overflow:auto;height:calc(100% - 100px);width:100%;flex-grow:2;padding:16px}@media (min-width: 905px){#quiz-popup .steps .step-body{padding:40px 65px}}#quiz-popup .steps .step-body2{width:100%;flex-grow:0;flex-shrink:0;padding:0;height:fit-content;display:block;align-self:stretch;margin:0}@media (min-width: 905px){#quiz-popup .steps .step-body2{padding:0}}#quiz-popup .steps .step-body3{overflow:auto;height:auto;width:100%;flex-grow:2;padding:16px}@media (min-width: 905px){#quiz-popup .steps .step-body3{padding:16px 65px}}#quiz-popup .steps .step-navigation{height:100px;width:100%;flex-grow:2;align-self:flex-end;align-items:center;justify-content:space-between;display:flex;padding:0 16px}@media (min-width: 905px){#quiz-popup .steps .step-navigation{padding:0 65px}#quiz-popup .steps:is(.step1) .step-navigation{justify-content:end}}#quiz-popup .steps:not(.step1) .step-navigation .btn:not(.mb-block){width:45%}@media (min-width: 905px){#quiz-popup .steps:not(.step1) .step-navigation .btn:not(.mb-block){width:auto}#quiz-popup .steps .step-navigation .btn{padding-left:40px;padding-right:40px}}#quiz-popup h5{font-family:var(--font-family-base);font-weight:400;font-size:16px;line-height:20px;margin:0 0 15px}@media (min-width: 905px){#quiz-popup h3{font-size:16px;line-height:20px}}#quiz-popup h4{font-family:var(--font-family-heading);font-weight:400;font-size:40px;line-height:48px}@media (min-width: 905px){#quiz-popup h4{font-size:40px;line-height:48px}}#quiz-popup h3{font-family:var(--font-family-sub-heading-alt);font-weight:400;font-size:21px;line-height:24px;margin:0 0 15px}@media (min-width: 905px){#quiz-popup h3{font-size:28px;line-height:32px}}#quiz-popup h2{font-family:var(--font-family-base);font-weight:400;font-size:16px;line-height:20px;margin:0 0 15px}@media (min-width: 905px){#quiz-popup h2{font-size:16px;line-height:20px}}.quiz-intro-box{background-color:#f5f5f5;padding:16px;text-align:left;margin:16px auto;border-radius:4px;display:inline-block;width:auto}#quiz-popup p{font-size:14px;font-family:var(--font-family-base);font-style:normal;font-weight:500;line-height:18px}@media (min-width: 905px){#quiz-popup p{font-size:22px;line-height:33px}}#quiz-popup .steps.intro img{margin-bottom:40px}@media (min-width: 905px){#quiz-popup .steps.intro .step-body{align-self:flex-end;height:initial;padding-top:0}#quiz-popup .steps.intro img{max-width:100%}#quiz-popup .steps.intro h3{text-align:center}#quiz-popup .steps.intro .step-navigation{justify-content:center}}#quiz-popup .style-grid-container{display:flex;flex-wrap:wrap;justify-content:space-around}#quiz-popup .style-grid-container .style-grid-item{width:calc(50% - 8px);border-radius:8px;background-color:#f2f2f2;border:2px solid #f2f2f2;margin:4px}@media (min-width: 905px){#quiz-popup .style-grid-container .style-grid-item{width:calc(33.33% - 16px);margin:8px}}#quiz-popup .style-grid-container .style-grid-item.selected,#quiz-popup .style-grid-container .style-grid-item:hover{border-color:#aaa}#quiz-popup .style-grid-container .style-grid-item .style-name{text-align:center;font-size:14px;font-family:var(--font-family-base);font-style:normal;font-weight:500;line-height:18px;padding:8px}#quiz-popup .steps.answer .quiz-result,#quiz-popup .steps.errorNotFound .quiz-result{font-size:80px;font-family:var(--font-family-heading);font-style:normal;font-weight:400;line-height:96px;margin:0 0 20px}#quiz-popup .steps.answer .step-body,#quiz-popup .steps.errorNotFound .step-body{align-self:center;height:auto}#quiz-popup .steps.answer .btn-view-collection .selected-style{text-transform:uppercase}#quiz-popup .steps.answer .step-navigation,#quiz-popup .steps.errorNotFound .step-navigation{justify-content:center}#quiz-popup .steps.answer .step-navigation .login .btn-login,#quiz-popup .steps.errorNotFound .step-navigation .login .quiz-calculator-btn{width:auto}#quiz-popup .slider-wrapper{padding-top:35px;position:relative;top:50%;transform:translateY(-150%)}@media (min-width: 905px){#quiz-popup .slider-wrapper{transform:translateY(100%);top:auto}}#quiz-popup .ruler{position:relative}#quiz-popup .ruler .ruler-line{height:1px;width:100%;position:absolute;background:var(--color-black)}#quiz-popup .tick{position:absolute;transform:translateY(-50%);width:1px;background:var(--color-black)}#quiz-popup .tick.small{height:15px}#quiz-popup .tick.medium{height:25px}#quiz-popup .tick.large{height:35px}#quiz-popup .tick.large span{position:absolute;top:0;left:0;transform:translate(-100%,-100%);font-size:12px;font-family:var(--font-family-base);font-style:normal;font-weight:500}#quiz-popup .slider-container{position:relative}#quiz-popup .slider-container input.range-slider{opacity:0;height:80px;position:absolute;top:-20px;bottom:0;z-index:99}#quiz-popup .slider-handle{position:absolute;transform:translate(-50%);width:fit-content;padding-top:52px;top:0}#quiz-popup .slider-handle:before{content:attr(data-value) "\a0 cm";font-size:17px;font-family:var(--font-family-base);font-style:normal;font-weight:500;background:var(--color-linen-gray);color:var(--color-black);padding:0 16px;height:40px;line-height:40px;border-bottom:1px solid var(--color-black);display:block}#quiz-popup .slider-handle:after{content:"";position:absolute;top:20px;left:50%;transform:translate(-50%);border-left:16px solid transparent;border-right:16px solid transparent;border-top:28px solid var(--color-black);transform:rotate(180deg) translate(50%);cursor:pointer}#quizCalculator{display:flex;width:100%}.step-image{min-height:330px}#quizCalculator #quiz-popup .quiz-progress-container{position:initial}
/*# sourceMappingURL=/cdn/shop/t/61/assets/site-quiz.css.map */