.quiz-popup-container{--scale-factor: .8;align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#0009;display:none;height:100%;justify-content:center;left:0;padding:0 calc(20px * var(--scale-factor));position:fixed;top:0;width:100%;z-index:1000}.quiz-popup-loader{align-items:center;background:#00000080;display:none;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:2}.quiz-popup-main-form-content .quiz-popup-checkmark{align-items:center;border:1px solid var(--border-color-1);border-radius:50%;display:flex;height:calc(20px * var(--scale-factor));justify-content:center;padding-left:1px;position:absolute;right:12px;top:12px;width:calc(20px * var(--scale-factor))}.quiz-popup-main-form-content .quiz-popup-checkmark svg{display:none;height:calc(12px * var(--scale-factor));width:calc(12px * var(--scale-factor))}.quiz-popup-main-form-content .quiz-popup-main-form-content-button-selected .quiz-popup-checkmark{background-color:var(--primary-color);border-color:var(--primary-color)}.quiz-popup-main-form-content .quiz-popup-main-form-content-button-selected .quiz-popup-checkmark svg{display:block}.quiz-popup-main-error{align-items:flex-start;background:#fff5f5;border:calc(1px * var(--scale-factor)) solid #ffcccc;border-radius:calc(15px * var(--scale-factor));display:none;gap:calc(16px * var(--scale-factor));justify-content:flex-start;padding:calc(20px * var(--scale-factor))}.quiz-popup-main-error svg{width:calc(24px * var(--scale-factor))}.quiz-popup-main-error p{color:#000;font-family:Graphie;font-size:calc(16px * var(--scale-factor));font-weight:400;letter-spacing:calc(1px * var(--scale-factor))}.quiz-popup-main{animation:.5s slide-up forwards;animation-delay:.1s;background-color:#fff;border-radius:calc(20px * var(--scale-factor));display:none;flex-direction:column;gap:calc(24px * var(--scale-factor));max-height:80vh;max-width:calc(510px * var(--scale-factor));overflow:auto;padding:calc(24px * var(--scale-factor)) calc(32px * var(--scale-factor));position:relative;scrollbar-width:none;transform:translateY(calc(50px * var(--scale-factor)));width:100%}.quiz-popup-main-header{align-items:center;display:grid;grid-template-columns:36px 1fr 36px;justify-items:center}.quiz-popup-main-header img{width:calc(109px * var(--scale-factor))}.quiz-popup-main-header button{align-items:center;background:#f5f5f5;border-radius:50%;border:none;cursor:pointer;display:flex;height:calc(36px * var(--scale-factor));justify-content:center;justify-self:end;transition:transform .1s ease;width:calc(36px * var(--scale-factor))}.quiz-popup-main-header button svg{height:calc(20px * var(--scale-factor));width:calc(20px * var(--scale-factor))}.quiz-popup-main-heading-1,.quiz-popup-main-heading-2,.quiz-popup-main-heading-3,.quiz-popup-main-heading-4,.quiz-popup-main-heading-5,.quiz-popup-main-heading-6{align-items:center;display:flex;flex-direction:column;gap:calc(8px * var(--scale-factor));justify-content:center}.quiz-popup-main-heading-2,.quiz-popup-main-heading-3,.quiz-popup-main-heading-4,.quiz-popup-main-heading-5,.quiz-popup-main-heading-6{display:none}.quiz-popup-main-progress{display:flex;flex-direction:column;gap:calc(4px * var(--scale-factor));text-align:center}.quiz-popup-main-progress p{color:var(--text-color-1);font-size:calc(14px * var(--scale-factor))}.quiz-popup-main-progress-bar-container{align-items:center;display:flex;gap:calc(4px * var(--scale-factor));justify-content:center}.quiz-popup-main-progress-bar{background-color:#e5e7eb;border-radius:calc(8px * var(--scale-factor));height:calc(6px * var(--scale-factor));width:calc(40px * var(--scale-factor))}.quiz-popup-main-progress-bar-fill{background-color:var(--primary-color);border-radius:calc(8px * var(--scale-factor));height:calc(6px * var(--scale-factor));width:0%;transition:width .3s ease}.quiz-popup-main h1{color:#000;font-family:Graphie;font-size:calc(32px * var(--scale-factor));font-weight:700;line-height:120%;margin:0 auto;text-align:center}.quiz-popup-main-heading-1 p,.quiz-popup-main-heading-2 p,.quiz-popup-main-heading-3 p,.quiz-popup-main-heading-4 p,.quiz-popup-main-heading-5 p,.quiz-popup-main-heading-6 p{color:#000;font-family:Graphie;font-size:calc(16px * var(--scale-factor));font-weight:400;letter-spacing:calc(.8px * var(--scale-factor));margin:0 auto;text-align:center}.quiz-popup-main-info{align-items:center;display:flex;gap:calc(8px * var(--scale-factor));justify-content:center}.quiz-popup-main-info svg{height:calc(14px * var(--scale-factor));width:calc(14px * var(--scale-factor))}.quiz-popup-main-info p{color:#666;font-size:calc(14px * var(--scale-factor))}.quiz-popup-main form{display:flex;flex-direction:column;gap:calc(24px * var(--scale-factor))}.quiz-popup-main .quiz-popup-main-step-2-home,.quiz-popup-main .quiz-popup-main-step-2-road,.quiz-popup-main .quiz-popup-main-step-3,.quiz-popup-main .quiz-popup-main-step-4,.quiz-popup-main .quiz-popup-main-step-5{display:none}.quiz-popup-main-form-content{color:#101828;display:flex;flex-direction:column;gap:calc(16px * var(--scale-factor));font-family:Inter;font-size:calc(20px * var(--scale-factor));font-weight:400;letter-spacing:calc(-.5px * var(--scale-factor))}.quiz-popup-main-form-content ul{display:flex;flex-direction:column;gap:calc(12px * var(--scale-factor));list-style:none}.quiz-popup-main-form-content ul li button{align-items:center;background:none;border:calc(2px * var(--scale-factor)) solid #e5e7eb;border-radius:calc(10px * var(--scale-factor));color:#364153;cursor:pointer;display:flex;font-family:Inter;font-size:calc(16px * var(--scale-factor));font-weight:400;gap:calc(16px * var(--scale-factor));letter-spacing:calc(-.3px * var(--scale-factor));padding:calc(16px * var(--scale-factor));position:relative;text-align:left;width:100%}.quiz-popup-main-form-content ul li button svg{height:calc(32px * var(--scale-factor));width:calc(32px * var(--scale-factor))}.quiz-popup-main-form-content ul li button div{display:flex;flex-direction:column;gap:calc(4px * var(--scale-factor))}.quiz-popup-main-form-content ul li button div h3{color:#1e2939;font-family:Inter;font-size:calc(16px * var(--scale-factor));font-weight:700}.quiz-popup-main-form-content ul li button div h3{color:#1e2939;font-family:Inter;font-size:calc(16px * var(--scale-factor))}.quiz-popup-main-form-select-all{align-items:center;background:none;cursor:pointer;border:none;display:flex;gap:calc(8px * var(--scale-factor))}.quiz-popup-main-form-select-all p{color:#1e2939;font-family:Inter;font-size:calc(16px * var(--scale-factor))}.quiz-popup-main-form-select-all svg{height:calc(16px * var(--scale-factor));width:calc(16px * var(--scale-factor))}.quiz-popup-main-step-2-road-next-message,.quiz-popup-main-step-2-home-next-message{border-radius:calc(16px * var(--scale-factor));border:calc(.5px * var(--scale-factor)) solid #008061;background:#0080610d;display:flex;flex-direction:column;gap:calc(8px * var(--scale-factor));padding:calc(16px * var(--scale-factor))}.quiz-popup-main-step-2-road-next-message h5,.quiz-popup-main-step-2-home-next-message h5{color:#008061;font-family:Inter;font-size:calc(16px * var(--scale-factor));font-weight:700}.quiz-popup-main form label.quiz-popup-main-step-3-checkbox{align-items:flex-start;display:flex;flex-direction:row;gap:calc(16px * var(--scale-factor))}.quiz-popup-main-step-2-road-next-message p,.quiz-popup-main-step-2-home-next-message p{color:#008061;font-family:Inter;font-size:calc(16px * var(--scale-factor));font-weight:400}.quiz-popup-main form button[type=submit]{align-items:center;background-color:#008061;border:none;border-radius:50rem;box-shadow:0 66px 18px #00806100,0 42px 17px #00806103,0 24px 14px #0080610d,0 11px 11px #00806117,0 3px 6px #0080611a;color:#fff;cursor:pointer;display:flex;font-size:calc(16px * var(--scale-factor));gap:calc(8px * var(--scale-factor));height:calc(56px * var(--scale-factor));justify-content:center;letter-spacing:calc(.4px * var(--scale-factor));padding:calc(14px * var(--scale-factor))}.quiz-popup-main form button[type=submit] span{align-items:center;background-color:#fff;border-radius:50%;display:flex;height:calc(24px * var(--scale-factor));justify-content:center;width:calc(24px * var(--scale-factor))}.quiz-popup-main form button[type=submit] span svg{height:calc(12px * var(--scale-factor));width:calc(12px * var(--scale-factor))}.quiz-popup-main form button[type=submit]:disabled{background-color:#030213;border-color:#030213;cursor:not-allowed;opacity:.5}.quiz-popup-main-button-container{display:flex;flex-direction:column;gap:calc(16px * var(--scale-factor));width:100%}.quiz-popup-main-button-container p{color:#676767;font-family:Graphie;font-size:calc(14px * var(--scale-factor));font-weight:400;letter-spacing:calc(.7px * var(--scale-factor));text-align:center}.quiz-popup-main-button-container a{display:none}.quiz-popup-main-form-row{align-items:center;display:grid;gap:calc(8px * var(--scale-factor));grid-template-columns:1fr 1fr}.quiz-popup-main form label{color:#364153;display:flex;flex-direction:column;font-family:Inter;font-size:calc(14px * var(--scale-factor));font-weight:400;gap:calc(8px * var(--scale-factor));letter-spacing:calc(-.2px * var(--scale-factor))}.quiz-popup-main form input[type=text]{border:calc(2px * var(--scale-factor)) solid #e3e5ea;border-radius:calc(10px * var(--scale-factor));font-family:Inter;font-size:calc(16px * var(--scale-factor));font-weight:400;letter-spacing:calc(-.3px * var(--scale-factor));padding:calc(12px * var(--scale-factor)) calc(16px * var(--scale-factor));width:100%}.quiz-popup-main-form-content ul li .quiz-popup-main-form-content-button-selected{background-color:#f2fffd;border-color:#008061}.quiz-popup-main-step-3-plan-card{background-color:#fff;border:calc(1px * var(--scale-factor)) solid var(--primary-color);border-radius:calc(15px * var(--scale-factor));color:#000;cursor:pointer;display:flex;flex-direction:column;overflow:hidden;text-decoration:none;transition:transform .3s ease;transition-delay:.1s}.quiz-popup-main-step-3-plan-card-image{position:relative}.quiz-popup-main-step-3-plan-card-image img:first-child{filter:brightness(.5);height:100px;object-fit:cover;width:100%}.quiz-popup-main-step-3-plan-card-image img:last-child{left:50%;position:absolute;transform:translate(-50%,-50%);top:50%;width:calc(267px * var(--scale-factor))}.quiz-popup-main-step-3-plan-card-text{display:grid;flex:1;grid-template-rows:auto auto 1fr auto auto auto;padding:calc(16px * var(--scale-factor)) calc(24px * var(--scale-factor)) calc(24px * var(--scale-factor)) calc(24px * var(--scale-factor))}.quiz-popup-main-step-3-plan-card-text h3{font-family:Graphie;font-size:calc(40px * var(--scale-factor));font-weight:600;line-height:110%}.quiz-popup-main-step-3-plan-card-text hr{margin:8px 0 16px}.quiz-popup-main-step-3-plan-card-text div{align-items:center;display:flex;gap:calc(8px * var(--scale-factor))}.quiz-popup-main-step-3-plan-card-text p{font-family:Graphie;font-size:calc(16px * var(--scale-factor))}.quiz-popup-main form .quiz-popup-main-step-3-plan-card-text ul{display:flex;flex-direction:column;gap:calc(16px * var(--scale-factor))}.quiz-popup-main-step-3-plan-card-text ul li{align-items:center;display:grid;gap:calc(8px * var(--scale-factor));grid-template-columns:calc(16px * var(--scale-factor)) 1fr}.quiz-popup-main-step-3-plan-card-text ul li span{align-items:center;background-color:#008061;border-radius:50%;display:flex;height:calc(16px * var(--scale-factor));justify-content:center;width:calc(16px * var(--scale-factor))}.quiz-popup-main-step-3-plan-card-text ul li span svg{height:calc(12px * var(--scale-factor));width:calc(12px * var(--scale-factor))}.quiz-popup-main-step-3-plan-card-text ul li p{font-family:Graphie;font-size:calc(16px * var(--scale-factor));line-height:calc(16px * var(--scale-factor))}.quiz-popup-main-step-3-plan-card-text h3 span{font-size:calc(18px * var(--scale-factor));font-weight:400}.quiz-popup-main-step-3-plan-card-text button{align-items:center;background-color:#fff;border:calc(2px * var(--scale-factor)) solid black;border-radius:calc(4px * var(--scale-factor));color:#000;display:flex;font-weight:700;gap:calc(8px * var(--scale-factor));height:calc(56px * var(--scale-factor));justify-content:center;transition:.2s opacity}.quiz-popup-main-step-3-plan-card-text button svg{display:none;height:calc(16px * var(--scale-factor));justify-content:center;width:calc(16px * var(--scale-factor))}.quiz-popup-main-step-3-continue{align-items:center;background:none;border:none;color:var(--text-color-1);cursor:pointer;display:flex;font-size:calc(16px * var(--scale-factor));gap:calc(4px * var(--scale-factor));justify-content:center;padding:0;text-align:center;text-decoration:underline}.quiz-popup-main-step-3-continue svg{height:calc(16px * var(--scale-factor));width:calc(16px * var(--scale-factor))}.quiz-popup-main-form-content .quiz-popup-step-3-qualification-message{cursor:pointer;display:flex;flex-direction:column;gap:calc(16px * var(--scale-factor))}.quiz-popup-main-form-content .quiz-popup-step-3-qualification-message h5{font-size:calc(16px * var(--scale-factor));text-align:center}.quiz-popup-main-form-content .quiz-popup-step-3-qualification-message ul{display:grid;grid-template-columns:1fr 1fr 1fr;gap:calc(8px * var(--scale-factor))}.quiz-popup-main-form-content .quiz-popup-step-3-qualification-message ul li{align-items:center;background-color:#f5f5f5;border:1px dashed var(--border-color-1);border-radius:calc(8px * var(--scale-factor));display:flex;flex-direction:column;gap:calc(8px * var(--scale-factor));justify-content:space-between;padding:calc(8px * var(--scale-factor))}.quiz-popup-main-form-content .quiz-popup-step-3-qualification-message ul li span{align-items:center;background-color:#fff;border:.5px solid var(--border-color-1);border-radius:50%;box-shadow:var(--box-shadow-1);display:flex;height:calc(18px * var(--scale-factor));justify-content:center;width:calc(18px * var(--scale-factor))}.quiz-popup-main-form-content .quiz-popup-step-3-qualification-message ul li h4{color:var(--text-color-1);font-size:calc(14px * var(--scale-factor));font-weight:600;line-height:1;text-align:center}.quiz-popup-main-form-content .quiz-popup-step-3-qualification-message ul li p{align-items:center;color:var(--text-color-1);display:flex;font-size:calc(12px * var(--scale-factor));gap:calc(4px * var(--scale-factor))}.quiz-popup-main-form-content .quiz-popup-step-3-qualification-message ul li svg{height:calc(8px * var(--scale-factor));width:calc(8px * var(--scale-factor))}.quiz-popup-main-step-5{align-items:center;display:flex;flex-direction:column;gap:16px}.quiz-popup-step-5-badge{background-color:#000;border-radius:50rem;color:#fff;font-size:calc(16px * var(--scale-factor));padding:8px 16px}.quiz-popup-main-step-5 img{height:auto;width:calc(136px * var(--scale-factor))}.quiz-popup-main-step-5-text{align-items:center;display:flex;flex-direction:column;gap:calc(8px * var(--scale-factor));text-align:center}.quiz-popup-main-step-5-text h2{font-size:calc(32px * var(--scale-factor));font-weight:600;line-height:120%}.quiz-popup-main-step-5-text h3{font-size:calc(24px * var(--scale-factor));font-weight:600;line-height:120%}.quiz-popup-main-step-5-text p{font-size:calc(16px * var(--scale-factor))}.quiz-popup-main-step-5 ul{display:grid;grid-template-columns:1fr 1fr;gap:calc(8px * var(--scale-factor))}.quiz-popup-main-step-5 ul li{align-items:center;border:calc(1px * var(--scale-factor)) solid var(--primary-color);background-color:#0080610d;border-radius:8px;display:flex;flex-direction:column;gap:calc(8px * var(--scale-factor));padding:calc(16px * var(--scale-factor));text-align:center}.quiz-popup-main-step-5 ul li span{align-items:center;background-color:var(--primary-color);border-radius:50%;display:flex;height:calc(16px * var(--scale-factor));justify-content:center;width:calc(16px * var(--scale-factor))}.quiz-popup-main-step-5 ul li span svg{height:calc(12px * var(--scale-factor));width:calc(12px * var(--scale-factor))}.quiz-popup-main-step-5 ul li h4{color:var(--primary-color);font-size:calc(16px * var(--scale-factor));font-weight:600;line-height:1.1}.quiz-popup-main-step-5 ul li p{color:var(--primary-color);font-size:calc(14px * var(--scale-factor))}@media(max-width:650px){.quiz-popup-main{padding:calc(16px * var(--scale-factor))}.quiz-popup-main h1{font-size:calc(24px * var(--scale-factor))}.quiz-popup-main p{font-size:calc(16px * var(--scale-factor))}.quiz-popup-main-step-4-phone-container{display:none}}
/*# sourceMappingURL=/cdn/shop/t/725/assets/quiz-popup.css.map */