.task-bank-page{margin-bottom:100px}@media (max-width:768px){.task-bank-page{margin-bottom:60px}}.task-bank-page__title{text-align:left;margin-bottom:30px}.task-bank-page__search-form{align-items:center;gap:16px;margin-bottom:22px;display:flex}@media (max-width:992px){.task-bank-page__search-form{flex-wrap:wrap}}@media (max-width:768px){.task-bank-page__search-form{flex-direction:column;align-items:stretch}}.task-bank-page__select{flex:828 1 0}@media (max-width:992px){.task-bank-page__select{flex:100%}}@media (max-width:768px){.task-bank-page__select{flex:none}}.task-bank-page__search{flex:706 1 0}@media (max-width:992px){.task-bank-page__search{flex:calc(60% - 16px);min-width:200px}}@media (max-width:768px){.task-bank-page__search{flex:none;min-width:0}}.task-bank-page__submit{flex:277 1 0}@media (max-width:992px){.task-bank-page__submit{flex:calc(40% - 16px);min-width:160px}}@media (max-width:768px){.task-bank-page__submit{flex:none;min-width:0}}.task-bank-page__toolbar{justify-content:space-between;align-items:center;gap:16px 24px;margin-bottom:30px;display:flex}@media (max-width:1200px){.task-bank-page__toolbar{flex-direction:column;align-items:flex-start}}@media (max-width:768px){.task-bank-page__toolbar{margin-bottom:24px}}.task-bank-page__filters{flex-wrap:wrap;gap:12px 36px;display:flex}.task-bank-page__filter-item{position:relative}.task-bank-page__filter-menu{z-index:10;background:#fff;border:1px solid #0519331f;border-radius:14px;flex-direction:column;gap:14px;min-width:240px;padding:20px;list-style:none;display:flex;position:absolute;top:calc(100% + 12px);left:0;box-shadow:0 10px 30px #14161a14}@media (max-width:768px){.task-bank-page__filter-menu{min-width:200px}}.task-bank-page__filter-option{color:#14161a;font-family:Inter,sans-serif;font-size:15px;font-weight:400;line-height:120%}.task-bank-page__filter-option .checkbox__box{width:20px;height:20px}.task-bank-page__filter-option .checkbox input:checked+.checkbox__box:after{top:1px;left:5px}.task-bank-page__filter-option .checkbox__text{line-height:120%}.task-bank-page__filter{cursor:pointer;color:#14161a;background:0 0;align-items:center;gap:16px;font-family:Inter,sans-serif;font-size:16px;font-weight:500;line-height:120%;display:flex}.task-bank-page__filter:after{content:"";background:url(/icons/chevron-down.svg) 50%/contain no-repeat;width:12px;height:8px}.task-bank-page__filter--open:after{background-image:url(/icons/chevron-up.svg)}@media (max-width:768px){.task-bank-page__filter{font-size:13px}}.task-bank-page__stats{flex-wrap:wrap;gap:10px;display:flex}.task-bank-page__stat{color:#5a6890;background:#e3ebfa;border-radius:100px;align-items:center;gap:24px;padding:8px 24px;font-family:Inter,sans-serif;font-size:14px;font-weight:400;line-height:120%;display:flex}@media (max-width:768px){.task-bank-page__stat{gap:12px;padding:6px 16px;font-size:12px}}.task-bank-page__stat-value{color:#393c5b}.task-bank-page__list{flex-direction:column;gap:20px;display:flex}@media (max-width:768px){.task-bank-page__list{gap:16px}}.task-bank-page__task{background:#fff;border:1px solid #0519331f;border-radius:18px;overflow:hidden}.task-bank-page__task-main{padding:32px}@media (max-width:768px){.task-bank-page__task-main{padding:20px}}.task-bank-page__task-head{align-items:center;gap:12px;margin-bottom:22px;display:flex}@media (max-width:768px){.task-bank-page__task-head{flex-wrap:wrap;margin-bottom:16px}}.task-bank-page__task-number,.task-bank-page__task-status{color:#14161a;border-radius:100px;padding:8px 16px;font-family:Inter,sans-serif;font-size:14px;font-weight:700;line-height:120%}@media (max-width:768px){.task-bank-page__task-number,.task-bank-page__task-status{padding:6px 12px;font-size:12px}}.task-bank-page__task-number{background:#b9cffb}.task-bank-page__task-status{border:1px solid #0519331f}.task-bank-page__task-status--idle{background:#fff}.task-bank-page__task-status--correct{background:#8bf56c;border-color:#8bf56c}.task-bank-page__task-status--wrong{color:#fff;background:#ea6a64;border-color:#ea6a64}.task-bank-page__task-report{cursor:pointer;color:#0e0e1280;background:0 0;align-items:center;gap:8px;margin-left:auto;font-family:Inter,sans-serif;font-size:13px;font-weight:400;line-height:120%;display:flex}.task-bank-page__task-report:before{content:"";background:url(/task-bank/warning.svg) 50%/contain no-repeat;width:16px;height:16px}@media (max-width:768px){.task-bank-page__task-report{font-size:12px}}.task-bank-page__task-topic{color:#0e0e1280;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:20px;font-family:Inter,sans-serif;font-size:16px;font-weight:400;line-height:144%;display:flex}.task-bank-page__task-topic span+span:before{content:"";background:url(/task-bank/arrow-right.svg) 50%/contain no-repeat;width:14px;height:10px;margin-right:8px;display:inline-block}@media (max-width:768px){.task-bank-page__task-topic{font-size:13px}}.task-bank-page__task-body{flex-direction:column;gap:24px;margin-bottom:24px;display:flex}.task-bank-page__task-body--side{flex-direction:row;justify-content:space-between;align-items:flex-start;gap:40px}@media (max-width:992px){.task-bank-page__task-body--side{flex-direction:column}}.task-bank-page__task-text{color:#14161a;flex-direction:column;gap:16px;font-family:Inter,sans-serif;font-size:16px;font-weight:400;line-height:140%;display:flex}.task-bank-page__task-text ol{padding-left:20px}@media (max-width:768px){.task-bank-page__task-text{font-size:13px}}.task-bank-page__task-image{justify-content:center;display:flex}.task-bank-page__task-image img{max-width:100%;height:auto}.task-bank-page__task-footer{justify-content:space-between;align-items:flex-end;gap:24px;display:flex}@media (max-width:768px){.task-bank-page__task-footer{flex-direction:column;align-items:stretch}}.task-bank-page__task-check{flex-direction:column;gap:16px;width:100%;max-width:480px;display:flex}.task-bank-page__task-input{color:#14161a;border:2px solid #0519331f;border-radius:14px;height:56px;padding:0 16px;font-family:Inter,sans-serif;font-size:16px;font-weight:400}.task-bank-page__task-input::placeholder{color:#0e0e1280}.task-bank-page__task-input:focus{border:2px solid #0519331f}.task-bank-page__task-input--correct,.task-bank-page__task-input--correct:focus{border-color:#8bf56c}.task-bank-page__task-input--wrong,.task-bank-page__task-input--wrong:focus{border-color:#ea6a64}@media (max-width:768px){.task-bank-page__task-input{height:52px;font-size:13px}}.task-bank-page__task-check-btn{color:#fff;background:#c4bdbd;border-radius:14px;width:160px;height:56px;font-family:Inter,sans-serif;font-size:16px;font-weight:500}.task-bank-page__task-check-btn:disabled{cursor:not-allowed}@media (max-width:768px){.task-bank-page__task-check-btn{width:100%;height:52px}}.task-bank-page__task-actions{align-items:center;gap:40px;display:flex}@media (max-width:768px){.task-bank-page__task-actions{justify-content:space-between;gap:16px}}.task-bank-page__task-favorite,.task-bank-page__task-toggle{cursor:pointer;color:#14161a;background:0 0;align-items:center;gap:12px;font-family:Inter,sans-serif;font-size:16px;font-weight:500;line-height:120%;display:flex}.task-bank-page__task-favorite:before,.task-bank-page__task-favorite:after,.task-bank-page__task-toggle:before,.task-bank-page__task-toggle:after{content:"";flex-shrink:0}@media (max-width:768px){.task-bank-page__task-favorite,.task-bank-page__task-toggle{font-size:13px}}.task-bank-page__task-favorite:before{background:url(/task-bank/heart.svg) 50%/contain no-repeat;width:22px;height:20px}.task-bank-page__task-favorite--active:before{background-image:url(/task-bank/heart-filled.svg)}.task-bank-page__task-toggle:before{background:url(/icons/chevron-down.svg) 50%/contain no-repeat;width:12px;height:8px}.task-bank-page__task-toggle--open:before{background-image:url(/icons/chevron-up.svg)}.task-bank-page__task-solution{color:#14161a;border-top:1px solid #0519331f;padding:28px 32px 32px;font-family:Inter,sans-serif;font-size:16px;line-height:140%}@media (max-width:768px){.task-bank-page__task-solution{padding:20px;font-size:13px}}.task-bank-page__task-solution-label{color:#0e0e1280;margin-bottom:20px}.task-bank-page__task-solution-answer{margin-bottom:16px}
