.learning__header{display:flex;flex-direction:column;gap:18px;margin-top:42px}.learning__header--input{max-width:868.7465820313px}.learning__header__filter{display:flex;gap:12px;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-ms-overflow-style:none;margin-top:12px}.learning__header__filter::-webkit-scrollbar{display:none}.learning__header__filter__item{align-items:center;display:flex;flex:0 0 auto;gap:12.35px;padding:5px 10px;width:fit-content}.learning__header__filter__item.active{backdrop-filter:blur(10px);border-color:#fa2828;box-shadow:0 0 30px 0 rgba(250,40,40,.7)}.learning__header__filter__item span{background:#fa2828;border-radius:50%;height:11.7712402344px;width:11.7712402344px}.learning__content{display:flex;flex-direction:column;gap:36px;margin-top:24px}.learning__item{backdrop-filter:blur(10px);background:rgba(0,0,0,.5);border:1px solid hsla(0,0%,100%,.2);border-radius:40px;display:flex;flex-direction:column;padding:40px 24px;position:relative}.learning__item--title{font-size:30px;font-weight:600;line-height:100%;margin-bottom:18px}.learning__item--description{font-size:18px;font-weight:400;margin-bottom:36px;max-width:458px}.learning__item--dots{display:flex;justify-content:space-between;margin-bottom:30px}.learning__item--dots .progressDots{max-width:755.9041748047px}.learning__item--progress{color:hsla(0,0%,100%,.4);font-size:36px}.learning__item--progress .completed{color:#fa2828}.learning__item--progress .total{color:hsla(0,0%,100%,.4)}.learning__item__btns{display:flex;gap:24px;justify-content:center}.learning__item--btn{backdrop-filter:blur(10px);background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.4);border-radius:20px;flex:1;font-size:30px;padding:17px}.learning__item--btn:hover{backdrop-filter:blur(10px);background:rgba(0,0,0,.5);border:1px solid #fa2828;box-shadow:0 0 30px 0 rgba(250,40,40,.7)}.learning__item.in-progress:after{content:"В процессе"}.learning__item.in-progress:after,.learning__item.new:after{backdrop-filter:blur(10px);background:rgba(250,40,40,.5);border:1px solid rgba(250,40,40,.5);border-radius:20px;color:#fff;font-size:24px;padding:17px 30px;position:absolute;right:-30px;top:-20px}.learning__item.new:after{content:"Новое"}@media(max-width:768px){.learning__item--title{font-size:22px}}