.joinClassInfo-container{z-index:4;flex-direction:column;justify-content:space-between;align-items:center;gap:32px;display:flex;position:relative;overflow-y:auto}.joinClassInfo-container__content{flex-direction:column;gap:20px;width:100%;display:flex}.joinClassInfo-container__content__title{font-size:28px;font-weight:700}@media screen and (max-width:768px){.joinClassInfo-container__content__title{font-size:22px}}.joinClassInfo-container__content__subtitle{text-align:center}.joinClassInfo-container__content__list{flex-direction:column;gap:8px;display:flex}.joinClassInfo-container__content__list__info-subscribe{text-wrap:nowrap;align-items:center;gap:20px;display:flex}.joinClassInfo-container__content__list__info-subscribe>span:first-child{min-width:110px}.joinClassInfo-container__content__list__roles-counter{gap:40px;display:flex}.joinClassInfo-container__content__list__role{text-wrap:nowrap;justify-content:space-between;align-items:center;gap:20px;min-width:165px;display:flex}.joinClassInfo-container__content__error{text-align:center}.joinClassInfo-container__link{cursor:pointer;display:block}.joinClassInfo-container__link:hover{color:inherit;transform:scale(1)}
.progress-bar{background-color:var(--background);border-radius:4px;flex-wrap:wrap;justify-content:center;align-items:center;width:100%;display:flex;position:relative}.progress-bar__line{background-color:var(--primary-green-soft);border-radius:4px;width:100%;height:100%;position:absolute}.progress-bar__wrapper{background-color:var(--primary-green);border-radius:4px;max-width:100%;height:100%;transition:width .15s ease-out;position:absolute;left:0}.progress-bar__count{z-index:1;color:#fff;font-size:.875em;font-weight:500;line-height:16px}