.page[name='studentHome'] > .content {
    position: absolute;
    top: 96px;
    bottom: 0;
    padding-right: 20px;
    padding-bottom: 20px;
    padding-left: 20px;
    overflow-y: scroll;
    display:flex;
    flex-wrap:wrap;
    box-sizing:border-box;
    align-items:flex-start;
    align-content:flex-start;
}
.page[name='studentHome'] > .content > .meetings {
    width:calc((100% - 56px) / 3);
    display:flex;
    flex-direction:column;
    box-sizing:border-box;
    padding:16px;
    border-radius:24px;
}
.page[name='studentHome'] > .content > .meetings > .title {
    display:flex;
    align-items:center;
    margin-bottom:24px;
    font-size:18px;
    font-weight:600;
}
.page[name='studentHome'] > .content > .meetings > .title > .icon {
    width:40px;
    height:40px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:12px;
}
.page[name='studentHome'] > .content > .meetings > .title > .icon > img {
    width:20px;
    height:20px;
}
.page[name='studentHome'] > .content > .meetings > .button {
    height:52px;
    margin-top:auto;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:16px;
    font-size:14px;
    font-weight:600;
}
.page[name='studentHome'] > .content > .meetings > .button > img {
    width:16px;
    height:16px;
}
.page[name='studentHome'] > .content > .meetings > .currentMeeting > .image {
    height:276px;
    position:relative;
    overflow:hidden;
    border-radius:20px;
}
.page[name='studentHome'] > .content > .meetings > .currentMeeting > .image > img {
    width:100%;
    height:100%;
    display:block;
    object-fit:cover;
}
.page[name='studentHome'] > .content > .meetings > .currentMeeting > .image > .liveInfo {
    width:100%;
    display:flex;
    justify-content:space-between;
    position:absolute;
    top:16px;
    box-sizing:border-box;
}
.page[name='studentHome'] > .content > .meetings > .currentMeeting > .image > .liveInfo > .live,
.page[name='studentHome'] > .content > .meetings > .currentMeeting > .image > .liveInfo > .views {
    display:flex;
    align-items:center;
    padding-left:14px;
    padding-right:14px;
    border-radius:14px;
    font-size:12px;
    font-weight:600;
}
.page[name='studentHome'] > .content > .meetings > .currentMeeting > .image > .liveInfo > .live,
.page[name='studentHome'] > .content > .meetings > .currentMeeting > .image > .liveInfo > .views,
.page[name='studentHome'] > .content > .meetings > .meetingList > .list > .items > .date,
.page[name='studentHome'] > .content > .homeworks > .homeworkList > .list > .items > .date,
.page[name='studentHome'] > .content > .exams > .week > .list > .items > .date {
    padding-top:6px;
    padding-bottom:6px;
}
.page[name='studentHome'] > .content > .meetings > .currentMeeting > .image > .liveInfo > .live > img,
.page[name='studentHome'] > .content > .meetings > .currentMeeting > .image > .liveInfo > .views > img {
    width:16px;
    height:16px;
}
.page[name='studentHome'] > .content > .meetings > .currentMeeting > .image > .info {
    width:100%;
    position:absolute;
    bottom:0;
    box-sizing:border-box;
    padding-top:64px;
    padding-bottom:16px;
}
.page[name='studentHome'] > .content > .meetings > .currentMeeting > .image > .info > .title {
    font-size:18px;
    font-weight:600;
}
.page[name='studentHome'] > .content > .meetings > .currentMeeting > .image > .info > .details {
    display:flex;
    align-items:center;
    margin-top:12px;
    font-size:12px;
    font-weight:600;
}
.page[name='studentHome'] > .content > .meetings > .currentMeeting > .image > .info > .details > div,
.page[name='studentHome'] > .content > .meetings > .currentMeeting > .image > .info > .teacher > .duration {
    display:flex;
    align-items:center;
}
.page[name='studentHome'] > .content > .meetings > .currentMeeting > .image > .info > .details > .wrapper {
    border-radius: 12px;
}
.page[name='studentHome'] > .content > .meetings > .currentMeeting > .image > .info > .details > .wrapper > div[key='subject'] {
    padding-top:6px;
    padding-bottom:6px;
    border-top-left-radius:16px;
    border-bottom-left-radius:16px;
}
.page[name='studentHome'] > .content > .meetings > .currentMeeting > .image > .info > .details > .wrapper > div[key='type'] {
    padding: 2px 10px;
    border-radius:12px;
}
.page[name='studentHome'] > .content > .meetings > .currentMeeting > .image > .info > .details > [key='week'] {
    padding: 6px 14px;
    border-radius:16px;
}
.page[name='studentHome'] > .content > .meetings > .currentMeeting > .image > .info > .details > [key='week'] > img {
    width:16px;
    height:16px;
}
.page[name='studentHome'] > .content > .meetings > .currentMeeting > .image > .info > .teacher {
    display:flex;
    align-items:center;
    margin-top:16px;
    font-size:12px;
    font-weight:500;
}
.page[name='studentHome'] > .content > .meetings > .currentMeeting > .image > .info > .teacher > .avatar {
    width:24px;
    height:24px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:50%;
}
.page[name='studentHome'] > .content > .meetings > .currentMeeting > .image > .info > .teacher > .avatar > img,
.page[name='studentHome'] > .content > .meetings > .currentMeeting > .image > .info > .teacher > .duration > img {
    width:16px;
    height:16px;
}
.page[name='studentHome'] > .content > .meetings > .currentMeeting > .button {
    height:56px;
    margin-top:12px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:16px;
    font-size:16px;
    font-weight:600;
}
.page[name='studentHome'] > .content > .meetings > .currentMeeting > .button > span,
.page[name='studentHome'] > .content > .meetings > .meetingList > .list > .items > .details,
.page[name='studentHome'] > .content > .homeworks > .homeworkList > .list > .items > .details,
.page[name='studentHome'] > .content > .exams > .today > .list > .items > .details,
.page[name='studentHome'] > .content > .exams > .week > .list > .items > .details {
    display:flex;
    align-items:center;
}
.page[name='studentHome'] > .content > .meetings > .currentMeeting > .button > span > img {
    width:16px;
    height:16px;
}
.page[name='studentHome'] > .content > .meetings > .meetingList {
    margin-top:32px;
    margin-bottom:28px;
    overflow:hidden;
    border-radius:16px;
}
.page[name='studentHome'] > .content > .meetings > .meetingList > .listHeader,
.page[name='studentHome'] > .content > .homeworks > .currentHomework > .listTop,
.page[name='studentHome'] > .content > .homeworks > .homeworkList > .listHeader,
.page[name='studentHome'] > .content > .exams > .today > .listHeader,
.page[name='studentHome'] > .content > .exams > .week > .listHeader {
    display:flex;
    align-items:center;
    justify-content:space-between;
    font-size:16px;
    font-weight:600;
}
.page[name='studentHome'] > .content > .meetings > .currentMeeting > .image > .liveInfo,
.page[name='studentHome'] > .content > .meetings > .currentMeeting > .image > .info,
.page[name='studentHome'] > .content > .meetings > .meetingList > .listHeader,
.page[name='studentHome'] > .content > .homeworks > .currentHomework > .listTop,
.page[name='studentHome'] > .content > .homeworks > .homeworkList > .listHeader,
.page[name='studentHome'] > .content > .exams > .today > .listHeader,
.page[name='studentHome'] > .content > .exams > .week > .listHeader {
    padding-left:16px;
    padding-right:16px;
}
.page[name='studentHome'] > .content > .meetings > .meetingList > .listHeader,
.page[name='studentHome'] > .content > .homeworks > .currentHomework > .listTop,
.page[name='studentHome'] > .content > .homeworks > .homeworkList > .listHeader,
.page[name='studentHome'] > .content > .exams > .today > .listHeader,
.page[name='studentHome'] > .content > .exams > .week > .listHeader {
    padding-top:16px;
    padding-bottom:16px;
}
.page[name='studentHome'] > .content > .meetings > .meetingList > .listHeader > .count,
.page[name='studentHome'] > .content > .homeworks > .currentHomework > .listTop > .count,
.page[name='studentHome'] > .content > .homeworks > .homeworkList > .listHeader > .count,
.page[name='studentHome'] > .content > .exams > .today > .listHeader > .count,
.page[name='studentHome'] > .content > .exams > .week > .listHeader > .count {
    border-radius:14px;
    font-size:12px;
    font-weight:500;
}
.page[name='studentHome'] > .content > .meetings > .meetingList > .listHeader > .count,
.page[name='studentHome'] > .content > .homeworks > .currentHomework > .listTop > .count,
.page[name='studentHome'] > .content > .homeworks > .homeworkList > .listHeader > .count,
.page[name='studentHome'] > .content > .exams > .today > .listHeader > .count,
.page[name='studentHome'] > .content > .exams > .week > .listHeader > .count,
.page[name='studentHome'] > .content > .meetings > .meetingList > .list > .items > .date,
.page[name='studentHome'] > .content > .homeworks > .homeworkList > .list > .items > .date,
.page[name='studentHome'] > .content > .exams > .week > .list > .items > .date {
    padding-left:20px;
    padding-right:20px;
}
.page[name='studentHome'] > .content > .homeworks > .currentHomework > .list > .item > .details > div,
.page[name='studentHome'] > .content > .homeworks > .currentHomework > .list > .item > .stats > div {
    padding-left:8px;
    padding-right:8px;
}
.page[name='studentHome'] > .content > .meetings > .meetingList > .listHeader > .count,
.page[name='studentHome'] > .content > .homeworks > .currentHomework > .listTop > .count,
.page[name='studentHome'] > .content > .homeworks > .homeworkList > .listHeader > .count,
.page[name='studentHome'] > .content > .exams > .today > .listHeader > .count,
.page[name='studentHome'] > .content > .exams > .week > .listHeader > .count,
.page[name='studentHome'] > .content > .exams > .today > .list > .items > .questions,
.page[name='studentHome'] > .content > .homeworks > .currentHomework > .list > .item > .details > div,
.page[name='studentHome'] > .content > .homeworks > .currentHomework > .list > .item > .stats > div {
    padding-top:4px;
    padding-bottom:4px;
}
.page[name='studentHome'] > .content > .meetings > .meetingList > .list,
.page[name='studentHome'] > .content > .homeworks > .currentHomework,
.page[name='studentHome'] > .content > .homeworks > .homeworkList > .list,
.page[name='studentHome'] > .content > .exams > .today > .list,
.page[name='studentHome'] > .content > .exams > .week > .list,
.page[name='studentHome'] > .content > .exams > .today {
    overflow:hidden;
    border-radius:16px;
}
.page[name='studentHome'] > .content > .meetings > .meetingList > .list > .items,
.page[name='studentHome'] > .content > .homeworks > .homeworkList > .list > .items,
.page[name='studentHome'] > .content > .exams > .today > .list > .items,
.page[name='studentHome'] > .content > .exams > .week > .list > .items {
    display:flex;
    align-items:center;
    justify-content:space-between;
    margin-left:12px;
    margin-right:12px;
    font-size:16px;
    padding-top:26px;
    padding-bottom:26px;
}
.page[name='studentHome'] > .content > .meetings > .meetingList > .list > .items + .items,
.page[name='studentHome'] > .content > .homeworks > .homeworkList > .list > .items + .items,
.page[name='studentHome'] > .content > .exams > .today > .list > .items + .items,
.page[name='studentHome'] > .content > .exams > .week > .list > .items + .items {
    border-top:1px solid;
}
.page[name='studentHome'] > .content > .meetings > .meetingList > .list > .items > .details > .dot,
.page[name='studentHome'] > .content > .homeworks > .homeworkList > .list > .items > .details > .dot,
.page[name='studentHome'] > .content > .exams > .today > .list > .items > .details > .dot,
.page[name='studentHome'] > .content > .exams > .week > .list > .items > .details > .dot {
    width:16px;
    height:16px;
    box-sizing:border-box;
    border:4px solid;
    border-radius:50%;
}
.page[name='studentHome'] > .content > .meetings > .meetingList > .list > .items > .details > .time,
.page[name='studentHome'] > .content > .homeworks > .homeworkList > .list > .items > .details > .time,
.page[name='studentHome'] > .content > .exams > .today > .list > .items > .details > .time,
.page[name='studentHome'] > .content > .exams > .week > .list > .items > .details > .time {
    font-weight:500;
}
.page[name='studentHome'] > .content > .meetings > .meetingList > .list > .items > .details > .name,
.page[name='studentHome'] > .content > .homeworks > .homeworkList > .list > .items > .details > .name,
.page[name='studentHome'] > .content > .exams > .today > .list > .items > .details > .name,
.page[name='studentHome'] > .content > .exams > .week > .list > .items > .details > .name {
    font-weight:600;
}
.page[name='studentHome'] > .content > .meetings > .meetingList > .list > .items > .date,
.page[name='studentHome'] > .content > .homeworks > .homeworkList > .list > .items > .date,
.page[name='studentHome'] > .content > .exams > .week > .list > .items > .date {
    border-radius:16px;
    font-size:12px;
    font-weight:600;
}
.page[name='studentHome'] > .content > .homeworks {
    width:calc((100% - 56px) / 3);
    display:flex;
    flex-direction:column;
    box-sizing:border-box;
    padding:16px;
    border-radius:24px;
}
.page[name='studentHome'] > .content > .homeworks > .title {
    display:flex;
    align-items:center;
    margin-bottom:24px;
    font-size:18px;
    font-weight:600;
}
.page[name='studentHome'] > .content > .homeworks > .title > .icon {
    width:40px;
    height:40px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:12px;
}
.page[name='studentHome'] > .content > .homeworks > .title > .icon > img {
    width:20px;
    height:20px;
}
.page[name='studentHome'] > .content > .homeworks > .button {
    height:52px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:16px;
    font-size:14px;
    font-weight:600;
}
.page[name='studentHome'] > .content > .homeworks > .button > img {
    width:16px;
    height:16px;
}
.page[name='studentHome'] > .content > .homeworks > .currentHomework > .list {
    white-space: nowrap;
    overflow-x:auto;
    box-sizing:border-box;
    padding:16px;
    border-top-left-radius:16px;
    border-top-right-radius:16px;
}
.page[name='studentHome'] > .content > .homeworks > .currentHomework > .list > .item {
    width:calc(68% - 14px);
    display: inline-block;
    box-sizing:border-box;
    padding:8px;
    border-radius:16px;
}
.page[name='studentHome'] > .content > .homeworks > .currentHomework > .list > .item > .wrapper {
    display:flex;
    flex-direction:column;
    align-items:center;
}
.page[name='studentHome'] > .content > .homeworks > .currentHomework > .list > .item > .wrapper > .icon {
    width:32px;
    height:32px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:10px;
}
.page[name='studentHome'] > .content > .homeworks > .currentHomework > .list > .item > .wrapper > .icon > img {
    width:16px;
    height:16px;
}
.page[name='studentHome'] > .content > .homeworks > .currentHomework > .list > .item > .wrapper > .subject {
    margin-top:8px;
    font-size:14px;
    font-weight:600;
}
.page[name='studentHome'] > .content > .homeworks > .currentHomework > .list > .item > .details {
    display:flex;
    margin-top:8px;
}
.page[name='studentHome'] > .content > .homeworks > .currentHomework > .list > .item > .details > div {
    flex:1;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:12px;
    font-size:12px;
    font-weight:500;
}
.page[name='studentHome'] > .content > .homeworks > .currentHomework > .list > .item > .stats {
    display:flex;
    margin-top:8px;
}
.page[name='studentHome'] > .content > .homeworks > .currentHomework > .list > .item > .stats > div {
    flex:1;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:12px;
    font-size:12px;
    font-weight:500;
}
.page[name='studentHome'] > .content > .homeworks > .currentHomework > .list > .item > .stats > div > img {
    width:12px;
    height:12px;
}
.page[name='studentHome'] > .content > .homeworks > .currentHomework > .list > .item > .button {
    height:32px;
    margin-top:8px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:10px;
    font-size:12px;
    font-weight:600;
}
.page[name='studentHome'] > .content > .homeworks > .currentHomework > .navigation {
    display:flex;
    justify-content:center;
    padding-bottom:16px;
}
.page[name='studentHome'] > .content > .homeworks > .currentHomework > .navigation > .button {
    width:32px;
    height:32px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:50%;
    border:1px solid;
}
.page[name='studentHome'] > .content > .homeworks > .currentHomework > .navigation > .button > img {
    width:12px;
    height:12px;
}
.page[name='studentHome'] > .content > .homeworks > .currentHomework > .navigation > .button[key='previous'] > img {
    transform:rotate(180deg);
}
.page[name='studentHome'] > .content > .homeworks > .homeworkList,
.page[name='studentHome'] > .content > .exams > .week {
    margin-top:16px;
    margin-bottom:28px;
    overflow:hidden;
    border-radius:16px;
}
.page[name='studentHome'] > .content > .exams {
    width:calc((100% - 56px) / 3);
    display:flex;
    flex-direction:column;
    align-self:flex-start;
    box-sizing:border-box;
    padding:16px;
    border-radius:24px;
}
.page[name='studentHome'] > .content > .exams > .title {
    display:flex;
    align-items:center;
    margin-bottom:24px;
    font-size:18px;
    font-weight:600;
}
.page[name='studentHome'] > .content > .exams > .title > .icon {
    width:40px;
    height:40px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:12px;
}
.page[name='studentHome'] > .content > .exams > .title > .icon > img {
    width:20px;
    height:20px;
}
.page[name='studentHome'] > .content > .exams > .button {
    height:52px;
    margin-top:auto;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:16px;
    font-size:14px;
    font-weight:600;
}
.page[name='studentHome'] > .content > .exams > .button > img {
    width:16px;
    height:16px;
}
.page[name='studentHome'] > .content > .exams > .today > .list > .items > .questions {
    display: flex;
    align-items: center;
    gap: 4px;
    padding-left:12px;
    padding-right:12px;
    border-radius:12px;
    font-size:12px;
    font-weight:500;
}
.page[name='studentHome'] > .content > .exams > .today > .list > .items > .questions > .time {
    display:inline-block;
    margin-left:8px;
    padding-left:8px;
}
.page[name='studentHome'] > .content > .exams > .today > .list > .items > .button {
    height:32px;
    display:flex;
    align-items:center;
    justify-content:center;
    padding-left:14px;
    padding-right:14px;
    border-radius:10px;
    font-size:12px;
    font-weight:600;
}
.page[name='studentHome'] > .content > .exams > .today > .list > .items > .button > img {
    width:12px;
    height:12px;
}
.page[name='studentHome'] > .content > .exams > .today > .list > .items,
.page[name='studentHome'] > .content > .exams > .week > .list > .items {
    flex-wrap:wrap;
    row-gap:12px;
}
.page[name='studentHome'] > .content > .exams > .today > .list > .items > .details,
.page[name='studentHome'] > .content > .exams > .week > .list > .items > .details {
    flex-grow:1;
}

@media (min-width:1025px) and (max-width:1200px) {
    .page[name='studentHome'] > .content > .homeworks > .currentHomework > .list > .item {
        width:calc(54% - 14px);
    }
    .page[name='studentHome'] > .content > .homeworks > .currentHomework > .list > .item > .stats {
        flex-direction: column;
        gap: 6px;
    }
    .page[name='studentHome'] > .content > .meetings,
    .page[name='studentHome'] > .content > .homeworks,
    .page[name='studentHome'] > .content > .exams {
        padding:12px;
    }
    .page[name='studentHome'] > .content > .meetings > .currentMeeting > .image {
        height:220px;
    }
}
@media (min-width:769px) and (max-width:1024px) {
    .page[name='studentHome'] > .content > .homeworks > .currentHomework > .list > .item {
        width:calc(54% - 14px);
    }
    .page[name='studentHome'] > .content > .homeworks > .currentHomework > .list > .item > .stats {
        flex-direction: column;
        gap: 6px;
    }
    .page[name='studentHome'] > .content > .meetings,
    .page[name='studentHome'] > .content > .homeworks,
    .page[name='studentHome'] > .content > .exams {
        padding:12px;
    }
    .page[name='studentHome'] > .content > .meetings > .currentMeeting > .image {
        height:220px;
    }
}
@media (min-width:481px) and (max-width:900px) {
    .page[name='studentHome'] > .content {
        flex-direction: column;
        gap: 20px;
        align-items: center;
        bottom: unset;
        overflow-y: visible;
    }
    .page[name='studentHome'] > .content > .meetings,
    .page[name='studentHome'] > .content > .homeworks,
    .page[name='studentHome'] > .content > .exams {
        width: 100%;
    }
    .page[name='studentHome'] > .content > .homeworks > .currentHomework > .list > .item {
        width:calc(34% - 14px);
    }
    .page[name='studentHome'] > .content > .homeworks > .currentHomework > .navigation {
        display:none;
    }
}

@media (min-width:320px) and (max-width:480px) {
    .page[name='studentHome'] > .content {
        flex-direction: column;
        gap: 20px;
        align-items: center;
        bottom: unset;
        overflow-y: visible;
        padding-right: 12px;
        padding-left: 12px;
    }
    .page[name='studentHome'] > .content > .meetings,
    .page[name='studentHome'] > .content > .homeworks,
    .page[name='studentHome'] > .content > .exams {
        width: 100%;
        padding:12px;
    }
    .page[name='studentHome'] > .content > .homeworks > .currentHomework > .list > .item {
        width:calc(62% - 14px);
    }
    .page[name='studentHome'] > .content > .homeworks > .currentHomework > .navigation {
        display:none;
    }
    .page[name='studentHome'] > .content > .homeworks > .currentHomework > .list > .item > .wrapper > .icon {
        width:42px;
        height:42px;
    }
    .page[name='studentHome'] > .content > .homeworks > .currentHomework > .list > .item > .wrapper > .icon > img {
        width:22px;
        height:22px;
    }
    .page[name='studentHome'] > .content > .meetings > .currentMeeting > .image {
        height:220px;
    }
    .page[name='studentHome'] > .content > .meetings > .meetingList > .list > .items,
    .page[name='studentHome'] > .content > .homeworks > .homeworkList > .list > .items,
    .page[name='studentHome'] > .content > .exams > .today > .list > .items,
    .page[name='studentHome'] > .content > .exams > .week > .list > .items {
        padding-top:20px;
        padding-bottom:20px;
    }
}