.page[name='studentPracticeExams'] > .content {
    position:absolute;
    top:96px;
    bottom:0;
    box-sizing:border-box;
    padding-bottom:20px;
    overflow-y:auto;
}
.page[name='studentPracticeExams'] > .content > .exams {
    box-sizing:border-box;
    padding:32px;
}
.page[name='studentPracticeExams'] > .content > .exams > .nextExam {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 22px;
    margin-top:40px;
    box-sizing:border-box;
    padding:16px;
    border-radius:20px;
}
.page[name='studentPracticeExams'] > .content > .exams > .nextExam > .cover {
    overflow:hidden;
    border-radius:16px;
}
.page[name='studentPracticeExams'] > .content > .exams > .nextExam > .cover > img {
    width:100%;
    height:100%;
    display:block;
    object-fit:cover;
}.page[name='studentPracticeExams'] > .content > .exams > .nextExam > .wrapper > .info {
    margin-bottom: 12px;
}
.page[name='studentPracticeExams'] > .content > .exams > .nextExam > .wrapper > .info > .title {
    font-size:20px;
    font-weight:700;
}
.page[name='studentPracticeExams'] > .content > .exams > .nextExam > .wrapper > .info > .description {
    margin-top:8px;
    font-size:14px;
    line-height:22px;
}
.page[name='studentPracticeExams'] > .content > .exams > .nextExam > .wrapper > .info > .details {
    display:flex;
    column-gap:8px;
    margin-top:16px;
}
.page[name='studentPracticeExams'] > .content > .exams > .nextExam > .wrapper > .info > .details > div {
    display:flex;
    align-items:center;
    column-gap:6px;
    padding-top:6px;
    padding-right:12px;
    padding-bottom:6px;
    padding-left:12px;
    border-radius:16px;
    font-size:12px;
    font-weight:500;
}
.page[name='studentPracticeExams'] > .content > .exams > .nextExam > .wrapper > .info > .details > div > img {
    width:14px;
    height:14px;
}
.page[name='studentPracticeExams'] > .content > .exams >  .nextExam > .wrapper > .countdown > .title {
    padding-top:16px;
    border-top-left-radius:16px;
    border-top-right-radius:16px;
    font-size:12px;
    font-weight:600;
}
.page[name='studentPracticeExams'] > .content > .exams >  .nextExam > .wrapper > .countdown > .timer {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 16px;
    padding: 12px 12px 20px;
    margin-bottom: 12px;
    border-bottom-left-radius:16px;
    border-bottom-right-radius:16px;
}
.page[name='studentPracticeExams'] > .content > .exams >  .nextExam > .wrapper > .countdown > .timer > .unit {
    box-sizing:border-box;
    padding:20px 12PX;
    border-radius:12px;
}
.page[name='studentPracticeExams'] > .content > .exams >  .nextExam > .wrapper > .countdown > .timer > .unit > .value {
    font-size:24px;
    font-weight:700;
}
.page[name='studentPracticeExams'] > .content > .exams >  .nextExam > .wrapper > .countdown > .timer > .unit > .label {
    margin-top:4px;
    font-size:10px;
    font-weight:500;
}
.page[name='studentPracticeExams'] > .content > .exams >  .nextExam > .wrapper > .countdown > .button {
    height:44px;
    display:flex;
    align-items:center;
    justify-content:center;
    column-gap:8px;
    border-radius:12px;
    font-size:14px;
    font-weight:600;
}
.page[name='studentPracticeExams'] > .content > .exams >  .nextExam > .wrapper > .countdown > .button > img {
    width:14px;
    height:14px;
}
.page[name='studentPracticeExams'] > .content > .exams > .pastExams > .title {
    margin-top:40px;
    margin-bottom:16px;
    font-size:18px;
    font-weight:600;
}
.page[name='studentPracticeExams'] > .content > .exams > .pastExams > .list > .item {
    display: grid;
    grid-template-columns: 3fr 1fr 1fr;
    gap: 60px;
    align-items: center;
    box-sizing: border-box;
    padding: 16px;
    border-radius: 20px;
}
.page[name='studentPracticeExams'] > .content > .exams > .pastExams > .list > .item + .item {
    margin-top:16px;
}
.page[name='studentPracticeExams'] > .content > .exams > .pastExams > .list > .item > .wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.page[name='studentPracticeExams'] > .content > .exams > .pastExams > .list > .item > .wrapper > .date {
    width:56px;
    box-sizing:border-box;
    padding-top:8px;
    padding-bottom:8px;
    border-radius:12px;
}
.page[name='studentPracticeExams'] > .content > .exams > .pastExams > .list > .item > .wrapper > .date > [key='month'] {
    font-size:10px;
    font-weight:600;
}
.page[name='studentPracticeExams'] > .content > .exams > .pastExams > .list > .item > .wrapper > .date > [key='day'] {
    font-size:20px;
    font-weight:700;
}
.page[name='studentPracticeExams'] > .content > .exams > .pastExams > .list > .item > .wrapper > .date > [key='year'] {
    font-size:10px;
    font-weight:500;
}
.page[name='studentPracticeExams'] > .content > .exams > .pastExams > .list > .item > .wrapper > .info > .type {
    font-size:10px;
    font-weight:600;
}
.page[name='studentPracticeExams'] > .content > .exams > .pastExams > .list > .item > .wrapper > .info > .name {
    margin-top:4px;
    font-size:14px;
    font-weight:700;
}
.page[name='studentPracticeExams'] > .content > .exams > .pastExams > .list > .item > .wrapper > .info > .details {
    margin-top:4px;
    font-size:12px;
}
.page[name='studentPracticeExams'] > .content > .exams > .pastExams > .list > .item > .wrapper > .net > .label {
    font-size:12px;
}
.page[name='studentPracticeExams'] > .content > .exams > .pastExams > .list > .item > .wrapper > .net > .value > [key='net'] {
    font-size:20px;
    font-weight:700;
}
.page[name='studentPracticeExams'] > .content > .exams > .pastExams > .list > .item > .wrapper > .net > .value > [key='total'] {
    font-size:12px;
}
.page[name='studentPracticeExams'] > .content > .exams > .pastExams > .list > .item > .result > .bar {
    display:flex;
    height:6px;
    overflow:hidden;
    border-radius:4px;
}
.page[name='studentPracticeExams'] > .content > .exams > .pastExams > .list > .item > .result > .bar > div {
    height:100%;
}
.page[name='studentPracticeExams'] > .content > .exams > .pastExams > .list > .item > .result > .bar > .correct {
    width:40%;
}
.page[name='studentPracticeExams'] > .content > .exams > .pastExams > .list > .item > .result > .bar > .wrong {
    width:30%;
}
.page[name='studentPracticeExams'] > .content > .exams > .pastExams > .list > .item > .result > .bar > .empty {
    width:30%;
}
.page[name='studentPracticeExams'] > .content > .exams > .pastExams > .list > .item > .result > .counts {
    display:flex;
    justify-content: space-evenly;
    column-gap:12px;
    margin-top:8px;
    font-size:12px;
    font-weight:600;
}
.page[name='studentPracticeExams'] > .content > .exams > .pastExams > .list > .item > .actions {
    display:flex;
    column-gap:12px;
}
.page[name='studentPracticeExams'] > .content > .exams > .pastExams > .list > .item > .actions > .button {
    display:flex;
    align-items:center;
    justify-content: center;
    column-gap:6px;
    padding: 12px 24px;
    border-radius: 12px;
    white-space: nowrap;
    font-size:12px;
    font-weight:600;
}
.page[name='studentPracticeExams'] > .content > .exams > .pastExams > .list > .item > .actions > .button[key='answerKey'] {
    border:1px solid;
}
.page[name='studentPracticeExams'] > .content > .exams > .pastExams > .list > .item > .actions > .button > img {
    width:14px;
    height:14px;
}
.page[name='studentPracticeExams'] > .content > .exams > .performance {
    overflow:hidden;
}
.page[name='studentPracticeExams'] > .content > .exams > .performance > .title {
    margin-top:40px;
    margin-bottom:16px;
    font-size:18px;
    font-weight:600;
}
.page[name='studentPracticeExams'] > .content > .exams > .performance > .netAverage {
    width:59%;
    box-sizing:border-box;
    padding:24px;
    border-radius:20px;
}
.page[name='studentPracticeExams'] > .content > .exams > .performance > .netAverage > .header {
    display:flex;
    justify-content:space-between;
    align-items:flex-start;
}
.page[name='studentPracticeExams'] > .content > .exams > .performance > .netAverage > .header > .info > .title {
    font-size:14px;
    font-weight:700;
}
.page[name='studentPracticeExams'] > .content > .exams > .performance > .netAverage > .header > .info > .description {
    margin-top:4px;
    font-size:12px;
}
.page[name='studentPracticeExams'] > .content > .exams > .performance > .netAverage > .header > .button {
    display:flex;
    align-items:center;
    column-gap:8px;
    padding-top:6px;
    padding-right:12px;
    padding-bottom:6px;
    padding-left:12px;
    border:1px solid;
    border-radius:12px;
    font-size:12px;
    font-weight:600;
}
.page[name='studentPracticeExams'] > .content > .exams > .performance > .netAverage > .header > .button > .dot {
    width:5px;
    height:5px;
    border-radius: 50%;
}
.page[name='studentPracticeExams'] > .content > .exams > .performance > .netAverage > .chart {
    height:200px;
    margin-top:16px;
}
.page[name='studentPracticeExams'] > .content > .exams > .performance > .stats {
    width:calc(41% - 16px);
}
.page[name='studentPracticeExams'] > .content > .exams > .performance > .stats > .item {
    width:calc(50% - 8px);
    box-sizing:border-box;
    padding-top:32px;
    padding-bottom:32px;
    border-radius:20px;
}
.page[name='studentPracticeExams'] > .content > .exams > .performance > .stats > .item[key='highestNet'],
.page[name='studentPracticeExams'] > .content > .exams > .performance > .stats > .item[key='successRate'] {
    margin-top:16px;
}
.page[name='studentPracticeExams'] > .content > .exams > .performance > .stats > .item > .icon {
    width:48px;
    height:48px;
    display:flex;
    align-items:center;
    justify-content:center;
    margin-right:auto;
    margin-left:auto;
    border-radius:12px;
}
.page[name='studentPracticeExams'] > .content > .exams > .performance > .stats > .item > .icon > img {
    width:24px;
    height:24px;
}
.page[name='studentPracticeExams'] > .content > .exams > .performance > .stats > .item > .value {
    margin-top:12px;
    font-size:24px;
    font-weight:700;
}
.page[name='studentPracticeExams'] > .content > .exams > .performance > .stats > .item > .name {
    margin-top:4px;
    font-size:12px;
    font-weight:500;
}
.page[name='studentPracticeExams'] > .content > .exams > .lessons > .title {
    margin-top:40px;
    margin-bottom:16px;
    font-size:18px;
    font-weight:600;
}
.page[name='studentPracticeExams'] > .content > .exams > .lessons > .card {
    box-sizing:border-box;
    padding:24px;
    border-radius:20px;
}
.page[name='studentPracticeExams'] > .content > .exams > .lessons > .card > .header {
    display:flex;
    justify-content:space-between;
    align-items:center;
}
.page[name='studentPracticeExams'] > .content > .exams > .lessons > .card > .header > .description {
    font-size:12px;
}
.page[name='studentPracticeExams'] > .content > .exams > .lessons > .card > .header > .button {
    display:flex;
    align-items:center;
    column-gap:8px;
    padding-top:6px;
    padding-right:12px;
    padding-bottom:6px;
    padding-left:12px;
    border:1px solid;
    border-radius:12px;
    font-size:12px;
    font-weight:600;
}
.page[name='studentPracticeExams'] > .content > .exams > .lessons > .card > .header > .button > img {
    width:12px;
    height:12px;
    transform: rotate(90deg);
}
.page[name='studentPracticeExams'] > .content > .exams > .lessons > .card > .list {
    margin-top:16px;
}
.page[name='studentPracticeExams'] > .content > .exams > .lessons > .card > .list > .item {
    display:flex;
    padding-top:6px;
    padding-bottom:6px;
}
.page[name='studentPracticeExams'] > .content > .exams > .lessons > .card > .list > .item + .item {
    margin-top:12px;
}
.page[name='studentPracticeExams'] > .content > .exams > .lessons > .card > .list > .item > .name {
    width:200px;
    display:flex;
    align-items:center;
    column-gap:8px;
    font-size:14px;
    font-weight:600;
}
.page[name='studentPracticeExams'] > .content > .exams > .lessons > .card > .list > .item > .name > .dot {
    width:8px;
    height:8px;
    border-radius:50%;
}
.page[name='studentPracticeExams'] > .content > .exams > .lessons > .card > .list > .item > .bar {
    height:8px;
    overflow:hidden;
    border-radius:4px;
}
.page[name='studentPracticeExams'] > .content > .exams > .lessons > .card > .list > .item > .bar > .fill {
    height:100%;
    border-radius:4px;
}
.page[name='studentPracticeExams'] > .content > .exams > .lessons > .card > .list > .item > .value {
    font-size:14px;
}
.page[name='studentPracticeExams'] > .content > .exams > .lessons > .card > .list > .item > .value > [key='average'] {
    font-weight:700;
}
.page[name='studentPracticeExams'] > .content > .exams > .lessons > .card > .list > .item > .value > [key='max'] {
    font-size:12px;
}
.page[name='studentPracticeExams'] > .content > .exams > .lessons > .card > .list > .item[key='mathematics'] > .bar > .fill {
   width: 70%;
}
.page[name='studentPracticeExams'] > .content > .exams > .lessons > .card > .list > .item[key='science'] > .bar > .fill {
   width: 40%;
}
.page[name='studentPracticeExams'] > .content > .exams > .lessons > .card > .list > .item[key='turkish'] > .bar > .fill {
   width: 30%;
}
.page[name='studentPracticeExams'] > .content > .exams > .lessons > .card > .list > .item[key='socialStudies'] > .bar > .fill {
   width: 80%;
}
.page[name='studentPracticeExams'] > .content > .exams > .lessons > .card > .list > .item[key='english'] > .bar > .fill {
   width: 70%;
}
.page[name='studentPracticeExams'] > .content > .exams > .lessons > .card > .list > .item[key='religiousCulture'] > .bar > .fill {
   width: 10%;
}

@media(max-width: 480px) {
    .page[name='studentPracticeExams'] > .content > .exams {
        padding: 20px;
    }
    .page[name='studentPracticeExams'] > .content > .exams >  .nextExam > .wrapper > .countdown  > .timer {
        grid-template-columns: 1fr 1fr;
    }
    .page[name='studentPracticeExams'] > .content > .exams > .nextExam > .wrapper > .info > .details {
       flex-direction: column;
       align-items: flex-start;
       gap: 12px;
    }
    .page[name='studentPracticeExams'] > .content > .exams > .pastExams > .list > .item > .wrapper {
       gap: 10px;
    }
    .page[name='studentPracticeExams'] > .content > .exams > .pastExams > .list > .item > .wrapper > .net {
        width:120px;
    }
    .page[name='studentPracticeExams'] > .content > .exams > .pastExams > .list > .item > .result > .counts {
        column-gap:6px;
        font-size:10px;
    }
    .page[name='studentPracticeExams'] > .content > .exams > .pastExams > .list > .item > .actions > .button {
        display:flex;
        width:100%;
    }
    .page[name='studentPracticeExams'] > .content > .exams > .performance > .title {
        font-size:16px;
    }
    .page[name='studentPracticeExams'] > .content > .exams > .performance > .netAverage {
        padding:12px;
    }
    .page[name='studentPracticeExams'] > .content > .exams > .performance > .netAverage > .header {
        display:block;
    }
    .page[name='studentPracticeExams'] > .content > .exams > .performance > .netAverage > .header > .button {
        display:inline-flex;
        margin-top:12px;
    }
    .page[name='studentPracticeExams'] > .content > .exams > .performance > .netAverage > .chart {
        height:150px;
    }
    .page[name='studentPracticeExams'] > .content > .exams > .performance > .stats > .item {
        width:100%;
        float:none;
        margin-top:12px;
        margin-left:0;
        padding-top:20px;
        padding-bottom:20px;
    }
    .page[name='studentPracticeExams'] > .content > .exams > .lessons > .card > .header {
        flex-direction: column-reverse;
        gap: 4px;
        align-items: flex-start;
    }
}
@media(min-width: 481px) {
    .page[name='studentPracticeExams'] > .content {
        padding-right:20px;
        padding-left:20px;
    }
    .page[name='studentPracticeExams'] > .content > .exams {
        border-radius:24px;
    }
    .page[name='studentPracticeExams'] > .content > .exams > .pastExams > .list > .item > .wrapper > .info {
        flex: 1;
    }
}
@media(max-width: 768px) {
    .page[name='studentPracticeExams'] > .content > .exams > .nextExam {
        grid-template-columns: 1fr;
    }
    .page[name='studentPracticeExams'] > .content > .exams > .performance > .netAverage {
        padding:16px;
    }
    .page[name='studentPracticeExams'] > .content > .exams > .performance > .netAverage > .chart {
        height:180px;
    }
    .page[name='studentPracticeExams'] > .content > .exams > .performance > .stats > .item {
        padding-top:24px;
        padding-bottom:24px;
    }
    .page[name='studentPracticeExams'] > .content > .exams > .lessons > .card > .list > .item {
        flex-direction: column;
        gap: 8px;
    }
}
@media(min-width: 769px) {
    .page[name='studentPracticeExams'] > .content > .exams > .nextExam > .wrapper > .info {
        padding-right:24px;
        padding-left:24px;
        flex:1;
    }
    .page[name='studentPracticeExams'] > .content > .exams > .lessons > .card > .list > .item > .value {
        width:100px;
    }
    .page[name='studentPracticeExams'] > .content > .exams > .lessons > .card > .list > .item > .bar {
        flex:1;
    }
    .page[name='studentPracticeExams'] > .content > .exams > .lessons > .card > .list > .item {
        align-items:center;
    }
}
@media(max-width: 1024px) {
    .page[name='studentPracticeExams'] > .content > .exams > .pastExams > .list > .item {
        grid-template-columns: 1fr;
        gap: 26px;
    }
    .page[name='studentPracticeExams'] > .content > .exams > .pastExams > .list > .item > .actions {
        flex-direction: column;
        gap: 8px;
    }
}
@media(max-width:1200px) {
    .page[name='studentPracticeExams'] > .content > .exams > .performance > .netAverage {
        width:100%;
        float:none;
    }
    .page[name='studentPracticeExams'] > .content > .exams > .performance > .stats {
        width:100%;
        float:none;
        margin-top:16px;
        overflow:hidden;
    }
}