.quiz{min-height:650px;width:calc(100vw - 70px);max-width:1080px;display:flex;flex-direction:column}.quiz__loading{justify-self:center;min-height:650px}@media screen and (max-width:600px){.quiz{width:100%;height:calc(100svh - 50px)}}.quiz-options{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:max-content;grid-gap:5px;gap:5px;flex-grow:1}@media screen and (max-width:900px){.quiz-options{grid-template-columns:repeat(3,1fr)}}@media screen and (max-width:700px){.quiz-options{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width:420px){.quiz-options{grid-template-columns:1fr}}.quiz__title{font-size:clamp(30px,2.6vw,36px);font-weight:700;color:var(--brown);line-height:1.1;max-width:900px;padding-right:40px}.quiz__title span{font-weight:300;font-size:22px}.quiz-content{margin-top:25px;display:flex;flex-direction:column;flex-grow:1}.quiz-content--end{margin-top:0}.quiz-content--end .quiz__next{padding:0 20px;width:100%;max-width:300px}.quiz-content__header{display:flex;width:100%;align-items:center;justify-content:space-between;margin-bottom:15px}.quiz__count{font-size:20px;font-weight:300}.quiz__question{font-size:clamp(20px,1.6vw,24px);font-weight:600;color:var(--brown)}.quiz-options__item{cursor:pointer;position:relative;padding:5px;overflow:hidden;border-radius:var(--border-radius)}.quiz-options__item:hover img{border-color:var(--gold-acsent)}.quiz-options__item img{border:4px solid var(--white);border-radius:var(--border-radius);transition:.3s;width:100%;aspect-ratio:5/4;display:block;height:auto}.quiz-options__item--active img{border-color:var(--gold-acsent)}.quiz-options__text{width:100%;font-weight:500;letter-spacing:.06em;text-align:center;margin-top:10px;font-size:clamp(18px,1.6vw,22px)}.quiz__help{background:rgba(0,0,0,0);border:0;justify-content:flex-start;padding:0!important;font-weight:400!important;gap:10px;color:#656565;font-size:clamp(20px,1.6vw,22px)!important}.quiz__footer,.quiz__help{display:flex;align-items:center}.quiz__footer{width:100%;justify-content:space-between}@media screen and (max-width:420px){.quiz__footer{flex-direction:column;gap:10px;margin-top:20px}.quiz__footer .quiz__next{width:100%}}@media screen and (max-width:860px){.quiz__footer--end{flex-direction:column;gap:15px}.quiz__footer--end .quiz__next{width:100%!important;max-width:none!important}}.quiz__next{height:58px!important}.quiz .quiz__next[disabled]{position:relative;cursor:not-allowed;opacity:.6}.quiz .quiz__next[disabled]:hover:after{content:attr(data-tooltip);position:absolute;bottom:110%;left:50%;transform:translateX(-50%);background:var(--white);color:var(--dark);box-shadow:2px 2px 9.2px 3px rgba(0,0,0,.25);padding:6px 10px;border-radius:6px;font-size:14px;width:200px;white-space:wrap;pointer-events:none}.quiz__info-text{font-size:clamp(20px,1.7vw,22px);font-weight:500;color:#a1a1a1;max-width:600px;flex-grow:1}.quiz__info-text svg{margin-right:5px;margin-bottom:-2px;fill:#a1a1a1}.loader-container{display:flex;justify-content:center;align-items:center;height:100%;width:100%}.spinner{width:50px;height:50px;border-top:5px solid var(--gold-acsent);border:5px solid var(--gold-acsent);border-top:5px solid rgba(0,0,0,0);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}