.widget{width:100%;padding:0;margin:0}@media screen and (min-width:1200px){.widget{width:90%;margin-left:auto;margin-right:auto}}@media screen and (min-width:2000px){.widget{width:80%;margin-left:auto;margin-right:auto}}.restart-btn .svg,.back-btn .svg,.home-btn .svg,.browse-btn .svg{height:10px;width:10px;stroke-width:3px}.next-btn .svg{height:10px;width:10px;stroke-width:5px}.tooltip-trigger .svg{width:20px;height:20px;color:#90a1b9;transition:all .2s}.tooltip{position:absolute;visibility:hidden;width:250px;padding:15px;background-color:#fff;border:1px solid #BBBBBB;border-radius:10px;box-shadow:#00000020 0 1px 10px .2px;translate:30px -30px;opacity:0;transition:opacity .2s}.tooltip-trigger:hover .svg{color:#314158}.tooltip-trigger:hover .tooltip,.tooltip-trigger:focus .tooltip{visibility:visible;opacity:1}@media screen and (min-width:400px){.tooltip-trigger:hover .svg{width:21px;height:21px;translate:-.5px -.5px}.tooltip{width:300px}}@media screen and (min-width:500px){.tooltip{width:350px}}.progress-container{display:grid;grid-template-columns:40px auto 40px;flex-direction:row;align-items:center;gap:15px;background-color:#fff;padding:10px 20px;border-bottom:1px solid #F1F5F9}.progress-container.results{grid-template-columns:50px auto 90px}@media screen and (min-width:300px){.progress-container{grid-template-columns:50px auto 40px}}@media screen and (min-width:400px){.progress-container{grid-template-columns:90px auto 40px}.progress-container.results{grid-template-columns:90px auto 90px}}@media screen and (min-width:500px){.progress-container{grid-template-columns:100px auto 40px}.progress-container.results{grid-template-columns:100px auto 90px}}#progress-bar{height:7px;background-color:#e2e8f0;border-radius:10px}#progress-content{width:0%;height:100%;border-radius:10px;background-color:#2b7fff;transition:width .2s ease-in-out}#progress-display{letter-spacing:1px;padding-left:10px}.step-container{display:none;grid-template-columns:100%}@media screen and (min-width:600px){.step-container{grid-template-columns:300px auto}}@media screen and (min-width:800px){.step-container{grid-template-columns:400px auto}}.step-display{width:fit-content;padding:5px 10px;border-radius:20px;background-color:#eff6ff;color:#2b7fff;font-weight:700;letter-spacing:1px}.question-container-wrapper{display:flex;flex-direction:column;justify-content:space-between;padding:30px 50px 15px;border-right:1px solid #F1F5F9;border-bottom:1px solid #F1F5F9}.question-container-wrapper.container-compact{padding:20px 30px 0}@media screen and (max-width:599px){.question-container-wrapper.container-default{display:none}}@media screen and (min-width:600px){.question-container-wrapper.container-compact{display:none}}.question{font-size:2em;font-weight:600;letter-spacing:1px}.select-container-wrapper{display:flex;flex-direction:column;justify-content:space-between;border-bottom:1px solid #F1F5F9}.option-container{display:grid;padding:20px;gap:10px;background-color:#f8fafc}.option-btn{display:flex;flex-direction:column;align-items:center;background-color:#fff;border:2px solid #E2E8F0;padding:20px 10px 10px;border-radius:20px;transition:border .2s ease-out,box-shadow .1s ease-out,background-color .2s ease-out;min-width:110px}@media screen and (hover:hover){.option-btn:hover{cursor:pointer;background-color:#f5f8fd;border:2px solid #8EC5FF;box-shadow:#00000020 0 5px 10px .2px}}.option-btn.selected{background-color:#eff6ff;border:2px solid #2B7FFF;box-shadow:#00000006 0 5px 10px .1px}.option-text{color:#000}.option-descr{display:none;color:#93a1b9}.option-btn.selected .option-text{color:#193cb8}.option-btn.selected .option-descr{color:#2b7fff}.option-container-4,.option-container-5{grid-template-columns:repeat(2,1fr)}@media screen and (min-width:450px){.option-container-5{grid-template-columns:repeat(3,1fr)}.option-descr{display:block}}.icon-wrapper{background-color:#e3efff;border-radius:15px;padding:15px}.navigation{display:flex;flex-direction:row;justify-content:space-between;padding:20px}@media screen and (min-width:200px)and (max-width:599px){.question-container-wrapper.container-compact .navigation{padding:10px 0 15px}}.select-container-wrapper .navigation{background-color:#f8fafc}.prev-btn,.browse-btn{background:none;border:none;color:#90aad1;text-decoration-color:#90aad1;transition:color .2s ease-out}.prev-btn:hover,.browse-btn:hover{color:#314158;text-decoration-color:#314158;cursor:pointer}.next-btn{background-color:#155dfc;color:#fff;box-shadow:#00000020 0 5px 10px .2px;border-radius:15px;border:none;padding:5px 15px;font-weight:700;transition:background-color .2s ease-out}@media screen and (min-width:300px){.next-btn{padding:8px 20px}}@media screen and (min-width:500px){.next-btn{padding:13px 25px}}@media screen and (min-width:1000px){.next-btn{padding:18px 30px}}.next-btn:hover{background-color:#1447e6;cursor:pointer}.next-btn:disabled{background-color:#f1f5f9;color:#cad5e6;pointer-events:none;cursor:not-allowed;box-shadow:none}.results-display{color:#90aad1;font-weight:400;text-decoration:underline;border:none;background:none;transition:color .2s ease-out}.results-display:hover{cursor:pointer;color:#314158}.media{height:100%;padding-bottom:100px}#results-container{display:none;padding:30px 40px}#match-text{font-weight:700;font-size:.85em;letter-spacing:.5px;color:#2b7fff}#match-text .svg{width:20px;translate:0 6px;margin-right:5px}#results-header{letter-spacing:1px;font-weight:600;margin-top:0;font-size:2em}#results-grid{display:grid;margin-top:20px;list-style:none;padding:30px 40px;gap:20px}.grid-container-1,.grid-container-2,.grid-container-3,.grid-container-4,.grid-container-5,.grid-container-6{grid-template-columns:repeat(1,1fr)}@media screen and (min-width:450px){.grid-container-2,.grid-container-3,.grid-container-4,.grid-container-5,.grid-container-6{grid-template-columns:repeat(2,1fr)}#match-text{font-size:1em;letter-spacing:1px}#results-header{font-size:3em}}@media screen and (min-width:600px){.grid-container-3,.grid-container-4,.grid-container-5,.grid-container-6{grid-template-columns:repeat(3,1fr)}}@media screen and (min-width:800px){.grid-container-4,.grid-container-5,.grid-container-6{grid-template-columns:repeat(4,1fr)}}@media screen and (min-width:990px){.grid-container-5,.grid-container-6{grid-template-columns:repeat(5,1fr)}}@media screen and (min-width:1200px){.grid-container-6{grid-template-columns:repeat(6,1fr)}}#final-nav{text-align:right}
/*# sourceMappingURL=/cdn/shop/t/3/assets/selection-tool.css.map */