@media (min-width: 576px){.main{width:546px;display:flex;align-self:center;margin-inline:auto}}.result,.create{padding:60px 20px;gap:24px}.quiz{padding:0 20px;gap:24px}@media (min-width: 576px){.quiz{width:100%;padding:20px}}.welcome{padding:0 20px 20px;gap:24px}@media (min-width: 576px){.welcome{padding:20px}}.finish{padding-top:20px;gap:24px}.rate_item,.question{gap:12px}.result_item{gap:42px}.welcome,.quiz,.rate_item,.question,.result,.result_item,.result_min,.finish,.create{display:flex;flex-direction:column;flex-wrap:wrap}.result{justify-content:space-between}h1{font-size:28px;font-weight:950}.text_mid{font-size:16px;font-weight:400}.text_mid_semi{font-size:16px;font-weight:700}.text_mid_bold{font-size:16px;font-weight:900}.text_s{font-size:11px;font-weight:700}.text_mid_b{font-size:18px;font-weight:700}.text_button{font-size:23px;font-weight:700}.w_48{width:48%}.w_100{width:100%}.self_center{align-self:center}.self_start{align-self:start}.self_end{align-self:end}.ml_60{margin-left:60px}.mr_60{margin-right:60px}.info{display:flex;flex-direction:column;gap:16px}.info_item{display:flex;border:1px solid black;border-radius:6px;padding:8px 12px;position:relative}.info_item p{width:150px}.info_item svg,.info_item img{position:absolute}.hat_position{top:-6px;left:-10px}.coin_position{top:-14px;right:0}.spec_text{border-left:3px solid black;padding-left:12px}.offer_question{text-align:center}.start_bttn{border-radius:35px;background-color:#524fd5;color:#fff;border:none;padding:4px 32px;align-self:center}.finish_bttn{border-radius:35px;background-color:#524fd5;color:#fff;border:none;padding:4px 32px;align-self:start}.start_bttn:active{background-color:#3734d5}.arrow{display:flex;justify-content:space-between}.range{width:100%;background-color:#ddd}.rate{text-align:right;padding-top:3px;background-color:#524fd5;transition:width .5s ease-in;width:0px}.thinking_duck{margin-top:24px;width:250px;height:auto;align-self:center}.questions{display:flex;flex-wrap:wrap;gap:12px}.questions button,.questions a{border-radius:16px;background-color:#ececec;text-align:center;border:none;max-height:76px;color:#000;padding:16px;align-content:center}.questions button:active,.questions a:active{background-color:#d4d3d3;color:#000}.desc{display:flex;flex-direction:column;gap:24px}.desc_item{display:flex;flex-direction:column;gap:12px}.mpe{display:flex;justify-content:space-between;gap:24px}.mpe_item{display:flex;flex-direction:column;gap:0px}.mpe_svg{width:auto;height:77px}.slider_track{width:100%;display:flex;flex-direction:column;gap:8px}.slider_txt{display:flex;justify-content:space-between}.slider_rnge{position:relative}input[type=range]:focus{outline:none}input[type=range]:disabled{opacity:1}input[type=range]{--track-gradient: linear-gradient(to right, red, orange, yellow, lime);--thumb-sz: 28px;--thumb-br: 10px;--track-h: 18px;-webkit-appearance:none;margin-top:40px;display:block;width:100%}input[type=range]::-webkit-slider-runnable-track{height:var(--track-h);width:100%;border-radius:1000px;background:var(--track-gradient);cursor:pointer}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;position:relative;top:50%;height:var(--thumb-sz);width:var(--thumb-sz);border-radius:50%;transform:translateY(-50%);background:#fff;border:2px solid #C4C4C4;cursor:pointer}input[type=range]::-moz-range-track{height:var(--track-h);width:100%;border:none;border-radius:1000px;background:var(--track-gradient);cursor:pointer}input[type=range]::-moz-range-thumb{-webkit-appearance:none;height:var(--thumb-sz);width:var(--thumb-sz);border:none;border-radius:50%;background:#fff;cursor:pointer}input[type=range]::-ms-track{height:var(--track-h);width:100%;cursor:pointer;border-color:transparent;color:transparent;background:transparent}input[type=range]::-ms-fill-lower{border-radius:1000px;background:var(--track-gradient)}input[type=range]::-ms-fill-upper{border-radius:1000px;background:var(--track-gradient)}input[type=range]::-ms-thumb{-webkit-appearance:none;position:relative;top:50%;height:var(--thumb-sz);width:var(--thumb-sz);border:none;border-radius:50%;transform:translateY(-50%);background:#fff;cursor:pointer}.procent{color:#524fd5;font-size:30px;font-weight:900;position:absolute;right:50px}.loading{display:flex;align-self:center;width:150px;height:150px;justify-content:center;align-items:center;background:transparent;border-radius:50%}.circular-chart{width:100%;height:100%;transform:rotate(0)}.circle-bg{fill:none;stroke:transparent;stroke-width:3.8}.circle{fill:none;stroke-width:3.8;stroke-linecap:round;stroke:#524fd5;animation:progress 1s ease-out forwards}.percentage{fill:#524fd5;font-size:.4em;font-weight:700;text-anchor:middle}@keyframes progress{0%{stroke-dasharray:0 100}}.create form{display:flex;flex-direction:column;gap:24px}.create .form_item{display:flex;flex-direction:column;gap:8px;width:100%}.create .form_item input{padding:16px 8px;border-radius:16px;border:1px solid black;height:48px}input[type=date]{appearance:none;-webkit-appearance:none;-moz-appearance:none;padding:16px 8px!important;border-radius:16px;border:1px solid black;width:100%!important;background-color:#fff;height:48px}.finish{height:100vh;background-image:url(/img/finish.png);background-repeat:no-repeat;background-position:bottom}.finish h1,.finish button{margin:0 20px}@media (min-width: 576px){.finish{background-size:cover;background-position:0px 10px}}.fade_in{opacity:0;transform:translateY(10px);animation:fadeInUp 1s ease-in-out forwards;animation-delay:.3s}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}.loader{position:fixed;z-index:2;inset:0;background-color:#0000008b;display:flex}.loader_item{margin:auto;width:50px;aspect-ratio:1;border-radius:50%;background:radial-gradient(farthest-side,#f6e7d1 94%,#0000) top/8px 8px no-repeat,conic-gradient(#0000 30%,#f6e7d1);-webkit-mask:radial-gradient(farthest-side,rgba(0,0,0,0) calc(100% - 8px),#000 0);animation:l13 1s infinite linear}@keyframes l13{to{transform:rotate(1turn)}}.modal-overlay{position:fixed;inset:0;background:#0000008b;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-window{background:#fff;padding:20px 24px;border-radius:8px;max-width:500px;width:100%;position:relative;box-shadow:0 10px 25px #0003;outline:none}.modal-close{position:absolute;top:12px;right:12px;background:transparent;border:none;font-size:24px;cursor:pointer;line-height:1}*{box-sizing:border-box;font-family:Montserrat;margin:0;padding:0}a{text-decoration:none}