.introduction{display:flex;gap:30px;padding:30px 20px;background:linear-gradient(90deg,rgba(6,81,88,.9),rgba(73,74,86,.9)),url(/images/background_question.avif);background-size:cover;background-position:50%;flex-direction:column;justify-content:center;height:360px}.introduction__title{font-family:var(--font-primary);font-size:var(--font-size-3xl);font-weight:900;color:var(--color-white);line-height:48px;white-space:pre-line}.introduction__subtitle{font-family:var(--font-primary);font-size:var(--font-size-lg);font-weight:600;color:var(--color-gray-light);line-height:24px}@media(min-width:512px){.introduction{padding:30px 20px}}@media(min-width:768px){.introduction{padding:40px;height:380px}}@media(min-width:1024px){.introduction{padding:50px;height:400px}}@media(min-width:1280px){.introduction{padding:60px;height:420px}}@media(min-width:1440px){.introduction{padding:80px;height:460px}}@media(min-width:1536px){.introduction{padding:100px;height:500px}}.modeselector{padding:30px 20px;gap:60px}.modeselector,.modeselector__container{display:flex;flex-direction:column;align-items:center}.modeselector__container{justify-content:center;gap:10px}.modeselector__container__select{border-radius:12px;overflow:hidden}.modeselector__container__select__button{width:347px;display:flex;justify-content:space-between;align-items:center;text-align:center;gap:12px;padding:10px 40px;background:var(--color-green);color:var(--color-white);font-family:var(--font-primary);font-size:var(--font-size-md);font-weight:600;border:none;cursor:pointer}.modeselector__container__select__button svg{width:11px;height:18px}.modeselector__container__select__options{display:flex;flex-direction:column;justify-content:center;gap:20px;color:var(--color-green);border-radius:0 0 12px 12px;font-size:var(--font-size-md);font-weight:600;border:1px solid var(--color-green);cursor:pointer;padding:10px 40px}.modeselector__container__search{align-items:center;display:flex;gap:8px;border:1px solid var(--color-gray-dark);border-radius:20px;padding:10px 16px;width:100%;max-width:500px}@media(min-width:768px){.modeselector__container__search{max-width:350px}}.modeselector__container__search__icon{display:flex}.modeselector__container__search__icon svg{display:flex;width:18px;height:18px}.modeselector__container__search__input{width:100%;border:none;outline:none;background:rgba(0,0,0,0);font-size:14px}.modeselector__container__buttons{display:none}.modeselector__container__line{height:1px;width:347px;background:var(--color-green)}.modeselector__content{width:100%}@media(min-width:512px){.modeselector{padding:30px 20px;align-items:center}}@media(min-width:768px){.modeselector{padding:30px 40px;align-items:flex-start}.modeselector__container{justify-content:space-between;align-items:flex-start;width:100%;flex-direction:row}.modeselector__container__select{display:none}.modeselector__container__buttons{display:flex;width:100%}.modeselector__container__buttons__button{background:var(--color-white);font-family:var(--font-primary);font-size:var(--font-size-md);font-weight:600;color:var(--color-green);border-bottom:0;border:1px solid var(--color-green);padding:10px 40px;cursor:pointer}.modeselector__container__buttons__button.active,.modeselector__container__buttons__button:hover{background:var(--color-green);color:var(--color-white)}.modeselector__container__buttons button:first-child{border-radius:10px 0 0 0}.modeselector__container__buttons button:nth-child(3){border-radius:0 10px 0 0}.modeselector__container__line{width:calc(327px*var(--cards-count) + 20px*(var(--cards-count) - 1))}}@media(min-width:1024px){.modeselector{padding:30px 50px}.modeselector__container__line{width:calc(320px*var(--cards-count) + 20px*(var(--cards-count) - 1))}}@media(min-width:1280px){.modeselector{padding:30px 60px}}@media(min-width:1440px){.modeselector{padding:30px 80px}}@media(min-width:1536px){.modeselector{padding:30px 100px}}