.theory{align-items:center;background:#000000a6;display:flex;flex-direction:column;max-height:100%;width:100%}.theory__logo{height:7.59vh;margin-bottom:2.96vh;margin-top:7.78vh;width:8.33vh}.theory__title{color:#fff;font-size:2.22vh;font-weight:700;margin-bottom:5.93vh}.theory__container{align-items:center;display:flex;flex-direction:column;width:65%}.theory__button{align-items:center;bottom:5.93vh;display:flex;left:5.93vh;position:absolute}.theory__button__text{color:#fff;font-size:1.48vh;font-weight:400;margin-left:0.74vh}.theory_mobile .theory__title{font-size:3.33vh}.theory_mobile .theory__button-mobile{display:flex;flex-direction:column}.theory_mobile .theory__button-mobile span{font-weight:600}.theory_mobile .categories__item{font-size:2.22vh!important;margin-right:1.65vh;margin-top:1.65vh}.theory_mobile .content__text,.theory_mobile .content__title{font-size:2.775vh!important}.theory .categories{align-items:center;border-bottom:0.09vh solid #ffffff26;border-top:0.09vh solid #ffffff26;cursor:pointer;display:flex;flex-wrap:wrap;justify-content:center;padding:2.96vh 0;width:100%}.theory .categories__item{align-items:center;background:#ffffff26;border-radius:2.96vh;color:#fff;display:flex;font-size:1.48vh;margin-left:1.11vh;margin-top:1.11vh;padding:1.48vh 2.96vh;transition:color 0.2s,background 0.2s,box-shadow 0.2s}.theory .categories__item:first-child{margin-left:0}.theory .categories__item img{height:2vh;margin-left:0.4vh;width:2vh}.theory .categories .active{background:#fff;box-shadow:0vh 0.74vh 2.96vh #ffffff3d;color:#272727}.theory__wrapper{height:50vh;width:100%}.theory__content{display:flex;flex-direction:column;overflow-y:auto;padding:5.93vh 6vh 5.93vh 0;position:relative;width:100%}.theory .content__item{margin-bottom:2.96vh;width:100%}.theory .content__title{color:#fff;font-size:1.85vh;font-weight:400;margin-bottom:2.96vh}.theory .content__text{color:#ffffffb3;display:flex;flex-direction:column;font-size:1.85vh;font-weight:300}.theory .content__text-divider{height:1.85vh;width:100%}.theory .content__text-row{align-items:flex-end;display:flex;flex-wrap:wrap}.theory .content__text img{height:4vh;margin-right:0.6vh;width:4vh}