.interactive-quiz{border-radius:var(--border-radius);display:grid;grid-template-columns:1fr;--color-button-border: var(--color-foreground);--color-button-background: var(--color-foreground);overflow:hidden}.interactive-quiz__content{position:relative}.interactive-quiz__content{text-align:center}.interactive-quiz__content--form{padding:var(--sp-10) var(--sp-6);background:var(--content-gradient-background, linear-gradient(249.71deg, #171717 -10%, #557cb3 136.6%))}.interactive-quiz__content--form .button{margin-top:var(--sp-7d5)}.interactive-quiz__content--severity{--color-foreground: 255, 255, 255;background-color:#f6f6f61a;color:rgb(var(--color-foreground));padding-bottom:65px;position:relative}.interactive-quiz__content--severity:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(96.45% 95.39% at 50% 10%,#5a7ba200,#5a7ba23d 51.44%,#5a7ba2,#1b344f);opacity:.8}.interactive-quiz__title{margin-bottom:var(--sp-5)}@media screen and (max-width: 767px){.interactive-quiz__content--form{order:2}}@media screen and (min-width: 768px){.interactive-quiz{grid-template-columns:1fr 1fr}.interactive-quiz__content--form{padding:var(--sp-20) var(--sp-10)}.interactive-quiz__content--severity{padding-bottom:50px}.interactive-quiz__title{margin-bottom:var(--sp-10)}}.quiz-input-wrapper{padding:0;margin:0;border:none}.quiz-input-wrapper>*+*{margin-top:var(--sp-5d5)}.quiz-input{display:flex;justify-content:center;flex-wrap:wrap;gap:var(--sp-2d5);font-size:var(--text-base)}.quiz-input span{padding-top:3px}.quiz-input select{background-color:transparent;border:none;border-bottom:1px solid currentColor;border-radius:0;font-size:var(--text-base);color:inherit;font-weight:var(--font-bold);padding:0 0 var(--sp-0d5) 0;text-align:left;width:8.25rem;height:auto;text-transform:lowercase;background:none!important}@media screen and (min-width: 768px){.quiz-input{font-size:var(--text-lg)}.quiz-input select{font-size:var(--text-lg);width:9.375rem}}.severity-slider__item-image{margin-left:auto;margin-right:auto;position:relative;width:100%;height:100%;max-width:58%;max-height:18.75rem}.severity-info{font-size:var(--text-sm);position:relative;z-index:2}.severity-info>*+*{margin-top:1rem}.severity-info__box{background:#2d496a80;border-radius:.4375rem;padding:.5rem 1rem;width:100%;max-width:11.9375rem;height:1.875rem;display:inline-flex;align-items:center;justify-content:center;font-size:var(--text-base)}@media screen and (min-width: 768px){.severity-info__box{font-size:var(--text-lg);height:2.125rem}.severity-info{font-size:var(--text-base)}}.severity-content{width:100%;max-width:500px;height:162px;overflow:hidden;margin:0 auto;position:relative}.severity-content__item{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0}.severity-content__item.active{opacity:1}.severity-media{height:100%;display:flex;align-items:center;justify-content:center}.severity-media video{width:100%;height:100%;display:block;position:absolute;top:0;left:0}@supports not (-webkit-hyphens: none){.severity-media video{filter:contrast(1.1) brightness(1.1)}}.severity-slider-wrapper{position:absolute;bottom:30px;left:18px;right:18px;z-index:2}@media screen and (min-width: 768px){.severity-content{height:300px}.severity-slider-wrapper{bottom:36px;left:55px;right:55px}}.slider-container{width:100%;max-width:400px;margin:20px auto 0;display:flex;align-items:center;position:relative}.severity-slider{-webkit-appearance:none;appearance:none;width:100%;border-radius:3px;height:3px;outline:none;background:linear-gradient(90deg,#b7c6d9,#fff)}.severity-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:38px;height:22px;border:0;background:url(/cdn/shop/files/custom-scrollbar-thumb.png?v=1745999028) no-repeat center center;background-size:38px 22px;cursor:pointer;border-radius:22px}@media screen and (min-width: 768px){.severity-slider{border-radius:5px;height:5px}.severity-slider::-webkit-slider-thumb{width:53px;height:31px;background-size:53px 31px}}.interactive-quiz .loader{display:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:40px;height:40px;border:4px solid rgba(45,73,106,.5);border-top:4px solid rgb(var(--color-foreground));border-radius:50%;animation:spin 1s linear infinite;z-index:10}@keyframes spin{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}.quiz-modal.x-modal .drawer__inner{max-width:71.25rem;color:#3b495f}.quiz-modal .drawer__scrollable{padding:0}.quiz-modal .button{--color-button-background: 59 73 95;--color-button-border: var(--color-button-background)}.quiz-modal__content{position:relative}.quiz-modal__content-details{padding:2.375rem 1.875rem;text-align:center}.quiz-modal__content-media{position:relative}@media screen and (max-width: 767px){.quiz-modal__content{display:flex;flex-direction:column;height:100%}.quiz-modal__content-media{order:2;min-height:15.625rem;flex-grow:1}.quiz-modal__content-details{flex-shrink:0}}@media screen and (min-width: 768px){.quiz-modal__content{display:grid;grid-template-columns:1fr 1fr}.quiz-modal__content-details{padding:4.875rem}.quiz-modal-text{padding-top:3.75rem}}.quiz-modal-text>*+*{margin-top:var(--sp-6d5)}.quiz-modal .drawer__close{position:absolute;top:1.0625rem;right:1.0625rem}@media screen and (max-width: 767px){.quiz-modal .drawer__close{width:var(--sp-7d5);height:var(--sp-7d5)}.quiz-modal .drawer__close .icon-sm{width:var(--sp-4);height:var(--sp-4)}}.quiz-modal .quiz-modal__heading{line-height:normal;background-color:#dfffcc;padding:.375rem 1.8rem;border-radius:.4375rem;color:#4aa90f;display:inline-flex;margin-bottom:0}.quiz-result-blocks>*+*{margin-top:var(--sp-2d5)}.quiz-result-block{display:flex;flex-wrap:nowrap;justify-content:space-between;gap:.5rem;align-items:center;border-radius:9px;border:1px solid #c5d0e0;background:#dfe6f1;padding:var(--sp-3d5);font-size:var(--text-sm)}@media screen and (min-width: 768px){.quiz-result-block{font-size:var(--text-base);padding:var(--sp-4)}.quiz-modal .quiz-modal__heading{padding:.5rem 1.8rem}}.quiz-modal__disclaimer{font-size:var(--text-xs);color:#3b495f;text-align:center;font-style:italic;margin-top:var(--sp-4)}.quiz-modal__eligible{position:absolute;width:53px;height:53px;z-index:2}.quiz-modal__eligible svg{width:100%;height:100%}@media screen and (max-width: 767px){.quiz-modal__eligible{left:50%;top:-26px;transform:translate(-50%)}}@media screen and (min-width: 768px){.quiz-modal__eligible{top:50%;right:-40px;transform:translateY(-50%);width:80px;height:80px}}
/*# sourceMappingURL=/cdn/shop/t/180/assets/interactive-quiz.css.map */