/* /Account/Components/ResetPasswordHints.razor.rz.scp.css */
.reset-password-hint[b-ide6rme4tv] {
    display: flex;
    flex-direction: row !important;
    align-items: center;
}

.reset-password-hint__icon[b-ide6rme4tv] {
    font-size: 0.875rem;
    line-height: 1;
}
/* /Account/ForgotPassword.razor.rz.scp.css */
.content[b-245epytulx] {
  margin-top: 20dvh;
}

.content *[b-245epytulx] {
  color: var(--tsocean);
}

h2[b-245epytulx] {
    color: var(--tsocean);
    font-weight: bold;
    font-size: 20px;
}

.hint[b-245epytulx] {
    color: var(--tsocean);
    margin-bottom: 12px;
    font-size: 13px;
}

.material-symbols-outlined[b-245epytulx] {
    margin: 5vw 0 0 0;
}
/* /Account/ForgotPasswordSent.razor.rz.scp.css */

.material-symbols-outlined[b-qoxa8va6si] {
    margin: 5vw 0 0 0;
}

.content[b-qoxa8va6si] {
    margin-top: 20dvh;
}

.content h2[b-qoxa8va6si] {
    color: var(--tsocean);
    font-weight: bold;
    font-size: 20px;
}

.login-link a[b-qoxa8va6si] {
    color: var(--tsocean);
    text-decoration: underline;
    font-size: 13px;
    font-weight: bold;
}

.hint-container[b-qoxa8va6si] {
    margin: 0 0 25px;
}

.hint-container .hint[b-qoxa8va6si] {
    margin: 0;
}
/* /Account/Login.razor.rz.scp.css */
body[b-t6dxmjxmra] {
    height: 100%;
}

.login-container[b-t6dxmjxmra] {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 0 auto;
    width: 100%;
    height: 100dvh;
    padding: 10dvh 0 0;
    box-sizing: border-box;
}

.login-form[b-t6dxmjxmra] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    flex: 1 1 auto;
}

.logo[b-t6dxmjxmra] { 
    position: relative; 
    max-width: 180px; 
    width: 70%; 
}

.logo-img[b-t6dxmjxmra] { 
    width: 100%; 
    height: auto; 
    display: block; 
}

.login-error-message[b-t6dxmjxmra] {
    background-color: var(--tscherry);
    color: #FFFFFF;
    padding: 0.75rem;
    margin: 2rem 0;
    border-radius: 8px;
}

.login-error-message p[b-t6dxmjxmra] {
    margin: 0;
}

.login-link a[b-t6dxmjxmra] {
    color: var(--tsocean);
    text-decoration: underline;
    font-size: 13px;
}

@supports(height:100svh) { 
    .login-container[b-t6dxmjxmra] { 
        height: 100svh; 

    } 
}
/* /Account/PasswordChangedConfirmation.razor.rz.scp.css */
.password-confirmation-container[b-mmq9lzd76z] {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    height: 100dvh;
    box-sizing: border-box;
    padding: 5vw 0 0;
}

.password-confirmation-container .material-symbols-outlined[b-mmq9lzd76z] {
    align-self: flex-start;
    margin-bottom: 2rem;
    color: var(--tsocean);
}

.password-confirmation-container .content[b-mmq9lzd76z] {
    width: 100%;
    margin-top: 20dvh;
}

.password-confirmation-container .content h2[b-mmq9lzd76z] {
    color: var(--tsocean);
    font-weight: 600;
    font-size: 1.5rem;
    margin-bottom: 1rem;
}

.password-confirmation-container .content .hint[b-mmq9lzd76z] {
    margin: 0 0 2rem;
    color: var(--rz-on-surface-medium-emphasis);
    font-size: 1rem;
}

.rz-button.rz-success.rz-shade-default[b-mmq9lzd76z] {
    width: 100% !important;
}
/* /Account/ResetPassword.razor.rz.scp.css */
.reset-container[b-lx286muqt8] {
    margin: 0 5vw;
}

.content[b-lx286muqt8] {
    margin-top: 20dvh;
}

.content *[b-lx286muqt8] {
    color: var(--tsocean);
}

h2[b-lx286muqt8] {
    color: var(--tsocean);
    font-weight: bold;
    font-size: 20px;
}

.hint[b-lx286muqt8] {
    color: var(--tsocean);
    margin-bottom: 12px;
    font-size: 13px;
}

.material-symbols-outlined[b-lx286muqt8] {
    margin: 5vw 0 0 0;
}

.reset-message[b-lx286muqt8] {
    margin-bottom: 16px;
    font-size: 14px;
}

.reset-message.error[b-lx286muqt8] {
    color: var(--tsdanger);
}

.reset-message.success[b-lx286muqt8] {
    color: var(--tsgrass);
}

.reset-password-button[b-lx286muqt8] {
    margin-top: 16px;
}
/* /Dashboard/Dashboard.razor.rz.scp.css */
.top-left-menu[b-kgi0mwzvhq] {
    position: absolute;
    top: 1rem;
    left: .5rem; 
}

img[b-kgi0mwzvhq] {
    width: 200px;
    height: 50px;
}

.latest-results[b-kgi0mwzvhq] {
    margin-top: 28px;
}
/* /Dashboard/NextStep.razor.rz.scp.css */
.step[b-jk4r4dbd6d] {
    margin-top: 2em;
}

p[b-jk4r4dbd6d] {
    width: 98%;
    margin-bottom: .5em;
}

.border-box[b-jk4r4dbd6d] {
    border-radius: 42px;
    width: 70px;
    height: 20px;
    border: 1px solid;
    display: flex;
    flex-direction: row;
    color: var(--tscarrot);
    align-items: center;
    font-size: 10px;
    justify-content: space-evenly;
}

    .border-box .material-symbols-outlined[b-jk4r4dbd6d] {
        font-size: 12px;
    }

.card-container:hover[b-jk4r4dbd6d] {
    border: unset;
}

.step-container:hover[b-jk4r4dbd6d] {
    padding: 8px 0 0 8px;
}
/* /Learning/Components/ProgressionIcon.razor.rz.scp.css */
.progress-icon[b-vufsbvug3m] {
    border-radius: 5px;
    flex: 1 1 0;
    height: 5px;
    min-width: 5px;
}

.bg-green[b-vufsbvug3m] {
    background-color: var(--tsgreen);
}

.bg-aluminium[b-vufsbvug3m] {
    background-color: var(--tsaluminium);
}
/* /Learning/Components/ProgressionIcons.razor.rz.scp.css */

span[b-haxxstfnid] {
    color: var(--tsgranite);
    font-size: 13px;
    font-weight: 500;
}

.progress[b-haxxstfnid] {
    background-color: inherit;
    color: var(--tsgreen);
    font-size: 12px;
    margin-left: 4px;
}

.highlight[b-haxxstfnid] {
    color: var(--tsocean);
}

.icons-list[b-haxxstfnid] {
    align-items: center;
    display: flex;
    flex-direction: row;
    gap: 1px;
    justify-content: space-evenly;
}
/* /Learning/ExerciseDetails/Attempts/ExerciseAttemptsList.razor.rz.scp.css */
p[b-fmnc2kgch7] {
    color: var(--tssea);
    font-size: 15px;
}

span[b-fmnc2kgch7] {
    font-size: 40px;
    margin: 0;
}

.title[b-fmnc2kgch7] {
    font-size: 28px;
    font-weight: 500;
    line-height: 36px;
    width: 256px;
}

h3[b-fmnc2kgch7] {
    color: var(--tssea);
    font-size: 16px;
    font-weight: 500;
}

.status-text[b-fmnc2kgch7] {
    color: var(--tssea);

}
/* /Learning/ExerciseDetails/Completed/ExerciseCompleted.razor.rz.scp.css */

p[b-dz4xvt94c2] {
    font-size: 15px;
}

span[b-dz4xvt94c2] {
    font-size: 40px;
    margin: 0;
}

.title[b-dz4xvt94c2] {
    font-size: 28px;
    font-weight: 500;
    line-height: 36px;
    width: 256px;
}

.btn-container[b-dz4xvt94c2] {
    align-items: center;
    bottom: 2dvh;
    display: flex;
    flex-direction: column;
    gap: 20px;
    left: 0;
    position: absolute;
    right: 0;
    width: 100%;
}
/* /Learning/ExerciseDetails/Details/ExerciseDetails.razor.rz.scp.css */

.img-ex[b-sages0td27] {
    margin: 24px 0 24px 0;
    height: 10em;
}

p[b-sages0td27] {
    color: var(--tssea);
    font-size: 16px;
}
/* /Learning/ExerciseList/ExerciseList.razor.rz.scp.css */

.container[b-5p4s0gprnk] {
    border: none;
}

.prev-width[b-5p4s0gprnk] {
    max-width: 90%;
}
/* /Learning/MachineList/Learning.razor.rz.scp.css */
/* /Learning/SectionList/SectionList.razor.rz.scp.css */

.container[b-zhlt7m3php] {
    min-height: 58px;
}
/* /Results/AttemptDetails/ProgressReports/Components/AttemptBar.razor.rz.scp.css */
.bar-chart[b-9gizpk3kpd] {
    background-color: var(--tsgreen);
    border-radius: 2px;
    margin-top: 10px;
    width: 18vw;
    max-width: 100px;
    min-height: 2px;
}

.fail[b-9gizpk3kpd] {
    background-color: var(--tscherry);
}

.score-text[b-9gizpk3kpd] {
    font-weight: 600;
    text-align: center;
}

.date-time[b-9gizpk3kpd] {
    font-size: 0.8em;
    text-align: center;
}
/* /Results/AttemptDetails/ProgressReports/Components/BarChartContainer.razor.rz.scp.css */
.bar-chart-container[b-w2jy76sp9g] {
    position: relative;
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    overflow-x: scroll;
    overflow-y: hidden;
    height: 200px;
    scrollbar-gutter: stable both-edges;
    padding-bottom: 12px;
    scrollbar-width: auto;
}

.bar-chart-container[b-w2jy76sp9g]::-webkit-scrollbar {
    height: 4px;
}

.bar-chart-container[b-w2jy76sp9g]::-webkit-scrollbar-track {
    background: transparent;
}

.bar-chart-container[b-w2jy76sp9g]::-webkit-scrollbar-thumb {
    background-color: rgba(0,0,0,0.3);
    border-radius: 6px;
}

.target-line-container[b-w2jy76sp9g] {
    position: sticky;
    left: 0;
    align-self: flex-end;
    z-index: 3;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    flex-shrink: 0;
    direction: ltr;
}

.target-line-container[b-w2jy76sp9g]::after {
    content: '';
    position: absolute;
    left: 100%;
    width: 100vw;
    border-top: 1px dashed var(--tssteel);
    pointer-events: none;
    bottom: 0;
}

.target-line[b-w2jy76sp9g] {
    display: none;
}

.target-label[b-w2jy76sp9g] {
    color: var(--tsocean);
    font-size: 0.85em;
    padding-right: 8px;
    white-space: nowrap;
    background: white;
    margin-bottom: 2px;
}
/* /Results/AttemptDetails/ProgressReports/Components/MetricBarGroup.razor.rz.scp.css */
.bar-chart[b-gfuxbwmmni] {
    background-color: var(--tsgreen);
    border-radius: 2px;
    margin-top: 10px;
    width: 18vw;
    max-width: 100px;
    min-height: 2px;
}

.fail[b-gfuxbwmmni] {
    background-color: var(--tscherry);
}

.score-text[b-gfuxbwmmni] {
    font-weight: 600;
    text-align: center;
}

.simultaneous-value[b-gfuxbwmmni] {
    font-size: 0.75em;
    color: var(--tsocean);
    text-align: center;
}

.date-time[b-gfuxbwmmni] {
    font-size: 0.8em;
    text-align: center;
}
/* /Results/AttemptDetails/ProgressReports/Components/ProgressReportCard.razor.rz.scp.css */
.step-container[b-kocxpidqgs] {
    margin: 1em 0 0 0;
}

.card[b-kocxpidqgs] {
    padding: 1rem;
}

.overview .report-card-header[b-kocxpidqgs] {
    -webkit-align-items: center;
    align-items: center;
}

.overview .report-card-header[b-kocxpidqgs]  h5,
.overview .report-card-header[b-kocxpidqgs]  h6 {
    margin: 0;
    padding: 0;
    text-align: center;
}

.icon-container[b-kocxpidqgs] {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--tsocean);
    border-radius: 50%;
    height: 40px;
    width: 40px;
    min-width: 40px;
    margin-right: 10px;
}

.icon-container.small[b-kocxpidqgs] {
    height: 2em;
    width: 2em;
    min-width: 2em;
}

.icon-container .material-symbols-outlined[b-kocxpidqgs] {
    color: var(--tssnow);
    font-size: 24px;
}

.icon-container.small .material-symbols-outlined[b-kocxpidqgs] {
    font-size: 1em;
}

[b-kocxpidqgs] .icon-container img.blob-image {
    display: block;
    max-width: 100%;
    max-height: 100%;
}
/* /Results/AttemptDetails/ProgressReports/ProgressReport.razor.rz.scp.css */
[b-bpfid62fka] .scoring-category {
    height: 2em;
    width: 2em;
}

.metric-bg[b-bpfid62fka] {
    align-items: center;
    background-color: var(--tsocean);
    border-radius: 50%;
    height: 2em;
    justify-content: center;
    width: 2em;
}

.metric-bg img[b-bpfid62fka] {
    align-items: center;
    height: 2em;
    justify-content: center;
    width: 2em;
}

[b-bpfid62fka] .metric-bg img.blob-image,
[b-bpfid62fka] .rounded-circle img.blob-image {
    display: block;
    max-width: 100% !important;
    max-height: 100% !important;
}

.rounded-circle[b-bpfid62fka] {
    background-color: var(--tsocean);
    max-width: 30px;
    max-height: 30px;
    margin: 0 10px 0 0;
}

.progress-report-row[b-bpfid62fka] {
    font-size: 18px;
    align-items: center;
}

.card[b-bpfid62fka] {
    padding: 1rem;
}

.overview .rounded-circle[b-bpfid62fka] {
    max-width: 40px;
    max-height: 40px;
}

.overview .report-card-header[b-bpfid62fka] {
    -webkit-align-items: center;
    align-items: center;
}

.overview .report-card-header h5[b-bpfid62fka] {
    margin: 0;
    text-align: center;
}

.step-container[b-bpfid62fka] {
    margin: 1em 0 0 0;
}
/* /Results/AttemptDetails/ProgressReports/ProgressReportList.razor.rz.scp.css */

div[b-n7xjl8lk46] {
    font-size: 18px;
}

.score-text[b-n7xjl8lk46] {
    font-size: 15px;
}

.bar-chart[b-n7xjl8lk46] {
    background-color: var(--tsgreen);
    border-radius: 2px;
    width: 14vw;
}

.material-symbols-outlined[b-n7xjl8lk46] {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--tsocean);
    color: var(--tssnow);
    font-size: 24px;
    margin-right: 8px;
    margin-bottom: 8px;
    height: 30px !important;
    width: 30px !important;
}

.date-time[b-n7xjl8lk46] {
    font-size: 12px;
}

.score-type[b-n7xjl8lk46] {
    background-color: var(--tsaluminium);
    color: var(--tsocean);
    cursor: pointer;
    font-size: 16px;
    font-weight: 600;
    height: 40px;
    padding-right: 2em;
    padding-left: 2em;
    white-space: nowrap;
}

.score-type.active[b-n7xjl8lk46] {
    background-color: var(--tsocean);
    color: var(--tsgreen);
}


.no-scrollbar[b-n7xjl8lk46] {
    scrollbar-width: none;
    -ms-overflow-style: none;
    overflow-x: auto;
}

.no-scrollbar[b-n7xjl8lk46]::-webkit-scrollbar {
    display: none;
}

.bar-chart-container[b-n7xjl8lk46] {
    position: relative;
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    overflow-x: scroll;
    overflow-y: hidden;
    height: 200px;
    scrollbar-gutter: stable both-edges;
    padding-bottom: 12px;
    scrollbar-width: auto;
}

.bar-chart-container[b-n7xjl8lk46]::-webkit-scrollbar {
    height: 4px;
}

.bar-chart-container[b-n7xjl8lk46]::-webkit-scrollbar-track {
    background: transparent;
}

.bar-chart-container[b-n7xjl8lk46]::-webkit-scrollbar-thumb {
    background-color: rgba(0,0,0,0.3);
    border-radius: 6px;
}

.overview .rounded-circle[b-n7xjl8lk46] {
    height: 40px !important;
    width: 40px !important;
    max-width: 40px;
    max-height: 40px;
    margin: 0 10px 0 0;
}

.overview .report-card-header[b-n7xjl8lk46] {
    -webkit-align-items: center;
    align-items: center;
    margin: 0;
}

.overview .report-card-header h5[b-n7xjl8lk46] {
    margin: 0;
    text-align: center;
    white-space: nowrap;
}

.step-container[b-n7xjl8lk46] {
    padding: 1rem;
}
/* /Results/AttemptDetails/ScoringOverview.razor.rz.scp.css */

h2[b-nztsl3zvg5] {
    color: var(--tssnow);
    font-size: 20px;
    font-weight: 500;
    margin: 0;
}

p[b-nztsl3zvg5] {
    color: var(--tssnow);
    font-size: 13px;
    font-weight: 500;
    margin: 0;
}

.bg-green[b-nztsl3zvg5] {
    background-color: var(--tsgreen);
}

.bg-cherry[b-nztsl3zvg5] {
    background-color: var(--tscherry);
}

.bg-carrot[b-nztsl3zvg5] {
    background-color: var(--tscarrot);
}

.bg-sea[b-nztsl3zvg5] {
    background-color: var(--tssea);
}

.attempt-summary[b-nztsl3zvg5] {
    align-items: center;
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    gap: 8px;
    height: 15vh;
    justify-content: center;
    text-align: center;
    width: 32%;
}


@media (min-width: 800px) {
    p[b-nztsl3zvg5] {
        font-size: 18px;
    }
}
/* /Results/AttemptDetails/ScoringReports/AttemptDetails.razor.rz.scp.css */
.score-type[b-1nbh5esrwb] {
    background-color: var(--tsaluminium);
    color: var(--tsocean);
    cursor: pointer;
    font-size: 16px;
    font-weight: 600;
    height: 40px;
    padding-right: 2em;
    padding-left: 2em;
}

.step-container[b-1nbh5esrwb] {
    width: 26vw;
    height: 15vh;
}

.category[b-1nbh5esrwb] {
    background-color: var(--tsgreen);
    border-radius: 50px;
    height: 2em !important;
    width: 2em !important;
}

[b-1nbh5esrwb] .scoring-category {
    height: 2em;
    width: 2em;
}

p[b-1nbh5esrwb] {
    font-weight: 500;
    margin: 0;
}

.score-type.active[b-1nbh5esrwb] {
    background-color: var(--tsocean);
    color: var(--tsgreen);
}

.total-progress-circle[b-1nbh5esrwb] {
    margin-left: 6px;
    margin-bottom: 8px;
    margin-top: 0;
}

.half-circle-lg[b-1nbh5esrwb] {
    align-items: center;
    align-self: center;
    display: flex;
    justify-content: center;
    margin-bottom: unset;
    margin-right: sem;
    margin-top: 8em;
}

/* Keep labels aligned under the donut chart in a fixed layout */
.donut-summary[b-1nbh5esrwb] {
    width: 300px; /* matches OuterRadius=150 */
    margin: 0 auto;
}

.donut-minmax[b-1nbh5esrwb] {
    position: relative;
    width: 300px;
    height: 20px;
    margin: 0 auto;
}

.donut-minmax .min[b-1nbh5esrwb],
.donut-minmax .max[b-1nbh5esrwb] {
    position: absolute;
    top: 0;
}

.donut-minmax .min[b-1nbh5esrwb] {
    left: 0;
}

.donut-minmax .max[b-1nbh5esrwb] {
    right: 0;
}

.no-scrollbar[b-1nbh5esrwb] {
    scrollbar-width: none;
    -ms-overflow-style: none;
    overflow-x: auto;
}

.no-scrollbar[b-1nbh5esrwb]::-webkit-scrollbar {
    display: none; 
}

.category-icon[b-1nbh5esrwb] {
    background-color: var(--tsgreen);
    border-radius: 50%;
    position: absolute;
    margin-top: 28px;
    margin-right: 16px;
    height: 32px;
    width: 32px;
}

.value[b-1nbh5esrwb] {
    color: var(--tsgray);
    font-size: 12px;
    font-weight: 500;
}

.value.min[b-1nbh5esrwb] {
    margin-left: 2px;
}

.value.max[b-1nbh5esrwb] {
    margin-right: 11px;
}

.donut-points-text[b-1nbh5esrwb] {
    color: var(--tsgray);
    font-size: 14px;
}

h3[b-1nbh5esrwb] {
    font-size: 15px;
}

.custom-vertical-space[b-1nbh5esrwb] {
    justify-content: start;
}

.larger[b-1nbh5esrwb] {
    margin-right: .1em;
    margin-left: .1em;
    margin-top: .2em;
    transform: scale(1.2);
}

@media (min-width: 768px) {
    .donut-summary[b-1nbh5esrwb] {
        width: 460px;
    }

    .donut-minmax[b-1nbh5esrwb] {
        width: 460px;
        height: 28px;
    }

    .donut-summary .half-circle-lg[b-1nbh5esrwb] {
        transform: scale(2);
        margin-right: 5em;
        margin-top: 17em;
    }

    .donut-points-text[b-1nbh5esrwb] {
        margin-left: 6em;
    }

    .value[b-1nbh5esrwb] {
        font-size: 14px;
        line-height: 16px;
        margin-top: 2em;
    }

        .value.min[b-1nbh5esrwb] {
            margin-left: -3.75em;
        }

        .value.max[b-1nbh5esrwb] {
            margin-right: -3.75em;
        }

    .custom-margin-top[b-1nbh5esrwb] {
        margin-top: 2em;
    }

    .total-progress-circle[b-1nbh5esrwb] {
        margin-bottom: 40px;
        margin-right: 21px;
        transform: scale(1.6);
    }

    .donut-points-text[b-1nbh5esrwb] {
        font-size: 8px;
    }

    .category-icon[b-1nbh5esrwb] {
        margin-left: 30px;
        margin-top: 30px;
    }

    .custom-vertical-space[b-1nbh5esrwb] {
        justify-content: center;
    }

    .header-spacing[b-1nbh5esrwb] {
        margin-bottom: 2em;
        margin-left: 2em;
    }
}
/* /Results/AttemptDetails/ScoringReports/ScoringReport.razor.rz.scp.css */
.result[b-mnfjqtn2sg] {
    border: 1px solid var(--tscarrot);
    border-radius: .4em;
    min-height: 2em;
    padding-top: 4px;
    width: 9em;
}

.target[b-mnfjqtn2sg] {
    border: 1px solid var(--tsgreen);
    border-radius: .4em;
    margin-top: 4px;
    min-height: 2em;
    width: 9em;
}

.metric-bg[b-mnfjqtn2sg] {
    align-items: center;
    background-color: var(--tsgreen);
    border-radius: 50%;
    display: flex;
    height: 2em;
    justify-content: center;
    overflow: hidden;
    width: 2em;
}

    .metric-bg.circle-img[b-mnfjqtn2sg] {
        margin-top: 28px;
        margin-right: 16px;
    }

    [b-mnfjqtn2sg] .metric-bg img.blob-image {
        display: block;
        max-width: 100% !important;
        max-height: 100% !important;
    }

    .metric-bg img[b-mnfjqtn2sg] {
        display: block;
        width: 2em;
        height: 2em;
        object-fit: contain;
    }

.axis-circle[b-mnfjqtn2sg] {
    border-radius: 50%;
    height: 1em;
    margin-right: .25em;
    width: 1em;
}

.bg-lightgreen[b-mnfjqtn2sg] {
    background-color: var(--tslightgreen);
}

.bg-darkgreen[b-mnfjqtn2sg] {
    background-color: var(--tsdarkgreen);
}

.bg-lightforest[b-mnfjqtn2sg] {
    background-color: var(--tslightforest);
}

.bg-forest[b-mnfjqtn2sg] {
    background-color: var(--tsforest);
}

.bg-darkforest[b-mnfjqtn2sg] {
    background-color: var(--tsdarkforest);
}

.bg-gray[b-mnfjqtn2sg] {
    background-color: var(--tsgray);
}

.bg-darkgray[b-mnfjqtn2sg] {
    background-color: var(--tsdarkgray);
}

.bg-dark[b-mnfjqtn2sg] {
    background-color: var(--tsdark);
}

.metric-title[b-mnfjqtn2sg] {
    max-width: 75vw;
}

.metric-header[b-mnfjqtn2sg] {
    align-items: center;
}

.metric-header-text[b-mnfjqtn2sg] {
    min-height: 2em;
    justify-content: center;
}

.metric-header-text:has(.metric-additional)[b-mnfjqtn2sg] {
    justify-content: space-between;
}

.metric-header-text h3[b-mnfjqtn2sg] {
    margin: 0;
}

.pie-chart[b-mnfjqtn2sg] {
    height: 100px;
    width: 120px;
    min-width: 120px;
    margin-right: -16px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
/* /Results/Attempts/AttemptsOverview.razor.rz.scp.css */
.attempts[b-glao7grbo2] {
    background-color: var(--tsbadgedark);
    color: var(--tssnow);
    height: 35px;
    width: 35px;
}

.form-select[b-glao7grbo2] {
    background-color: unset;
    border: none;
}

.material-symbols-outlined[b-glao7grbo2] {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--tsocean);
    color: var(--tssnow);
    font-size: 24px;
    margin: 0;
    height: 30px !important;
    width: 30px !important;
    flex-shrink: 0;
}

option[b-glao7grbo2] {
    background-color: var(--tslight);
    color: var(--tsocean);
    font-size: 22px;
    font-weight: 500;
    margin-right: 8px;
}

.attempts-title-wrapper[b-glao7grbo2] {
    position: relative;
    display: inline-flex;
}

.attempts-title-item[b-glao7grbo2] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    min-height: 30px;
}

.attempts-title-text[b-glao7grbo2] {
    cursor: pointer;
    user-select: none;
    font-size: 22px;
    font-weight: 500;
    color: var(--tsocean);
    line-height: 1.2;
}

.attempts-title-text--selected[b-glao7grbo2] {
    text-decoration: underline;
}

/* Radzen dropdown should size to the selected content (rectangle). */
[b-glao7grbo2] .attempts-title-dropdown {
    display: inline-flex;
    align-items: center;
    width: auto;
    box-sizing: border-box;
    border: 0;
    background-color: var(--tslight);
    outline: none;
    height: 45px;
    padding-left: 0;
    box-shadow: none !important;
}

/* Only the dropdown itself should overlap other elements. */
.attempts-title-dropdown[b-glao7grbo2]  .rz-dropdown {
    position: relative;
    z-index: 20;
    border: none;
    background: transparent;
    padding: 0;
    min-width: 0;
    width: auto;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    box-shadow: none;
    overflow: visible;
}

.attempts-title-dropdown[b-glao7grbo2]  .rz-dropdown:focus,
.attempts-title-dropdown[b-glao7grbo2]  .rz-dropdown:focus-visible,
.attempts-title-dropdown[b-glao7grbo2]  .rz-dropdown.rz-state-focus {
    outline: none;
    border: none;
    box-shadow: none;
}

.attempts-title-dropdown[b-glao7grbo2]  .rz-dropdown-label {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 0;
    height: auto;
    line-height: 1.2;
    overflow: visible;
}

.attempts-title-dropdown[b-glao7grbo2]  .rz-dropdown-trigger {
    display: none;
}

/* Disabled Radzen dropdown sometimes re-introduces default styles/trigger; keep it consistent. */
.attempts-title-dropdown[b-glao7grbo2]  .rz-dropdown.rz-state-disabled,
.attempts-title-dropdown[b-glao7grbo2]  .rz-dropdown[disabled],
.attempts-title-dropdown[b-glao7grbo2]  .rz-dropdown:disabled {
    background-color: transparent;
    opacity: 1;
}

.attempts-title-dropdown[b-glao7grbo2]  .rz-dropdown.rz-state-disabled .rz-dropdown-trigger,
.attempts-title-dropdown[b-glao7grbo2]  .rz-dropdown[disabled] .rz-dropdown-trigger,
.attempts-title-dropdown[b-glao7grbo2]  .rz-dropdown:disabled .rz-dropdown-trigger {
    display: none;
}

.attempts-title-dropdown[b-glao7grbo2]  .rz-dropdown.rz-state-disabled .rz-dropdown-label,
.attempts-title-dropdown[b-glao7grbo2]  .rz-dropdown[disabled] .rz-dropdown-label,
.attempts-title-dropdown[b-glao7grbo2]  .rz-dropdown:disabled .rz-dropdown-label {
    background-color: transparent;
}

.attempts-title-dropdown[b-glao7grbo2]  .rz-dropdown-panel {
    z-index: 9999;
    background: var(--tslight);
    border: 1px solid rgba(0, 0, 0, 0.08);
    border-radius: 6px;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.14);
}

/* Items in the popup should not be underlined */
.attempts-title-dropdown[b-glao7grbo2]  .rz-dropdown-items .attempts-title-text {
    text-decoration: none;
}

.header-spacing[b-glao7grbo2] {
    margin-left: 1.5em;
}

.attempts-title-static[b-glao7grbo2] {
    display: inline-flex;
    align-items: center;
    background-color: var(--tslight);
    height: 45px;
    padding-left: 0;
    border: 0;
    box-shadow: none;
    cursor: default;
    user-select: none;
}

.attempts-title-static .attempts-title-text[b-glao7grbo2] {
    cursor: default;
}
/* /Results/MachineResults/MachineResults.razor.rz.scp.css */

h2[b-b8jyxzwsth] {
    font-size: 20px;
}

img[b-b8jyxzwsth] {
    height: 33px;
    width: 47px;
}

.machine-name[b-b8jyxzwsth] {
    margin-top: .75em;
}
/* /Settings/Account.razor.rz.scp.css */
.settings-account-title[b-btsdi7n7c7] {
    margin: 20px 0;
}

.account-settings_content[b-btsdi7n7c7] {
    display: flex;
    flex-direction: column;
}
/* /Settings/ChangePassword.razor.rz.scp.css */
.change-password[b-kfojpcsddo] {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.change-password-content[b-kfojpcsddo] {
    display: flex;
    flex-direction: column;
}

.settings-account-title[b-kfojpcsddo] {
    margin: 20px 0;
}

.change-password-error[b-kfojpcsddo] {
    background-color: var(--tscherry);
    color: var(--tssnow);
    padding: 0.75rem;
    margin-top: 1rem;
    border-radius: 8px;
    text-align: center;
}
.change-password-success[b-kfojpcsddo] {
    background-color: var(--tsgreen);
    color: var(--tssnow);
    padding: 0.75rem;
    margin-top: 1rem;
    border-radius: 8px;
    text-align: center;
}
/* /Settings/Components/SettingsLink.razor.rz.scp.css */
.settings-link[b-vhd1f3ytkl] {
    all: unset;
    display: block;
    padding: 21px;
    border: 1px solid #E7E7E7 !important;
    border-radius: 8px !important;
}
/* /Settings/SettingsPage.razor.rz.scp.css */
:root[b-fhws2wsf0p] {
    --bottom-nav-height: 0 !important;
}

[b-fhws2wsf0p] .rz-stack {
    justify-content: flex-start;
    align-items: flex-start;
    text-align: left;
}

.settings-page[b-fhws2wsf0p] {
    flex: 1 1 auto;
    min-height: 0;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: stretch;
}

.settings-page > button.settings-link[b-fhws2wsf0p] {
    margin-top: auto;
}

.settings-link[b-fhws2wsf0p] {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 0.5rem;
    padding: 0.5rem 0.75rem;
    background-color: transparent;
    border: var(--rz-border-width, 1px) solid var(--rz-border, var(--rz-border-color, #E7E7E7));
    border-radius: 8px;
    color: inherit;
    text-decoration: none;
    cursor: pointer;
    width: 100%;
}

.links-container[b-fhws2wsf0p] {
    width: 100%;
}

.settings-link-icon[b-fhws2wsf0p] {
    display: inline-flex;
    align-items: center;
}

.settings-link-text[b-fhws2wsf0p] {
    line-height: 1;
}

.avatar-fallback[b-fhws2wsf0p] {
    font-size: clamp(1.8rem, 8vw, 3rem);
    letter-spacing: .5px;
    background-color: #D9D9D9;
    width: clamp(72px, 25vw, 140px);
    height: clamp(72px, 25vw, 140px);
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 24px auto;
}

[b-fhws2wsf0p] .fullname {
    margin-bottom: 40px;
}
/* /Shared/Components/IconTextInput.razor.rz.scp.css */
.input-with-icon[b-ia8cnnb7lj] {
    position: relative;
    display: inline-block;
    width: 100%;
    border: 1px solid #66727D54;
    border-radius: 10px;
}

.input-with-icon .login-input[b-ia8cnnb7lj] { 
    padding-left: 50px; 
    box-sizing: border-box;
}

.input-icon[b-ia8cnnb7lj] { 
    position: absolute; 
    top: 50%; 
    left: 10px; 
    transform: translateY(-50%); 
    width: 20px; 
    height: 20px; 
    pointer-events: auto;
    cursor: pointer;
}

.login-input[b-ia8cnnb7lj] {
    font-size: 1rem; 
    min-height: 48px;
}

.login-input:focus[b-ia8cnnb7lj], .login-input:focus-visible[b-ia8cnnb7lj] {
    outline: 1px solid #66727D54;
}

.toggle-visibility-btn[b-ia8cnnb7lj] {
    all: unset;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 20px;
    height: 20px;
    pointer-events: auto;
    right: 10px;
    color: var(--rz-primary);
    background-color: transparent;
}
/* /Shared/Layout/AccountLayout.razor.rz.scp.css */
.account-layout[b-hoyfxbilhw] {
    width: 90%;
    margin: auto;
}
/* /Shared/Layout/BackIcon.razor.rz.scp.css */

i[b-xszptcmquv] {
    position: absolute;
    top: 23px;
    left: 14px;
    z-index: 1;
}
/* /Shared/Layout/Components/AttemptCard.razor.rz.scp.css */

h1[b-7zxtei4y3v] {
    color: var(--tssea);
    font-size: 20px;
    font-weight: 600;
    margin: 0;
}

p[b-7zxtei4y3v] {
    color: var(--tssea);
    font-size: 14px;
    font-weight: 500;
}

.half-circle[b-7zxtei4y3v] {
    width: 4em;
}

h3[b-7zxtei4y3v] {
    font-size: 16px;
    margin: 0;
}

.card-container[b-7zxtei4y3v] {
    padding: 0;
}
/* /Shared/Layout/Components/CompleteCircle.razor.rz.scp.css */
.circle[b-e82tillcxs] {
    min-width: 24px;
    height: 24px;
    border-radius: 50%;
    background-color: var(--tsgreen);
}

    .circle.is-locked[b-e82tillcxs] {
        background-color: var(--tsgranite);
        opacity: .7;
    }

.circle i[b-e82tillcxs] {
    color: var(--tssnow);
}
/* /Shared/Layout/Components/DonutChart.razor.rz.scp.css */
.score-donut-chart[b-2mj7o323e2] {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 120px;
}

.donut-chart-root[b-2mj7o323e2] {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.donut-chart-center[b-2mj7o323e2] {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    pointer-events: none;
}

.step.percent[b-2mj7o323e2] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 43px;
    width: 43px;
    font-size: 14px;
    font-weight: 500;
    text-align: center;
    color: var(--tssnow);
    margin: -1.5px 0 0 -1.5px;
}

.rz-chart[b-2mj7o323e2] {
    height: 50px;
    width: 50px;
}

p[b-2mj7o323e2] {
    display: flex;
    height: 100%;
    justify-content: center;
    align-items: center;
    font-size: 2em;
    font-weight: 500;
}

.donutchart[b-2mj7o323e2] {
    margin-top: 10px;
    font-size: 20px;
    text-align: center;
    font-weight: bold;
    top: 20px;
}

.donutchart-completed[b-2mj7o323e2] {
    color: var(--tsforest);
}

.donutchart-aborted[b-2mj7o323e2] {
    color: var(--tssea);
}

.donutchart-crashed[b-2mj7o323e2] {
    color: var(--tscherry);
}

.donutchart-errors[b-2mj7o323e2] {
    color: var(--tscarrot);
}

.donutchart-large-text[b-2mj7o323e2] {
    align-items: center;
    display: flex;
    font-size: 48px;
    font-weight: 500;
    justify-content: center;
    margin-left: 72px;
    margin-top: 48px;
    width: 100px;
}

@media (min-width: 768px) {
    .donutchart-large-text[b-2mj7o323e2] {
        font-size: 25px;
        margin-left: 2.9em;
        margin-top: 2.5em;
    }
}
/* /Shared/Layout/Components/ExercisePreview.razor.rz.scp.css */

/* /Shared/Layout/Components/ExercisePreviewBadge.razor.rz.scp.css */

.border-box[b-8px5sytvaw] {
    border-radius: 42px;
    width: 70px;
    height: 20px;
    border: 1px solid var(--tscarrot);
    display: flex;
    flex-direction: row;
    color: var(--tscarrot);
    align-items: center;
    font-size: 10px;
    justify-content: space-evenly;
}

    .border-box .material-symbols-outlined[b-8px5sytvaw] {
        font-size: 12px;
    }
/* /Shared/Layout/Components/MachineCard.razor.rz.scp.css */
.machine-card[b-loejb2ljud] {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    height: 11dvh;
}

.machine-card-root[b-loejb2ljud] {
    height: 82px;
}

.machine-icon[b-loejb2ljud] {
    width: 50px;
    height: 35px;
}

.machine-title[b-loejb2ljud] {
    margin-top: .75em;
    max-width: 48vw;
}

.machine-img[b-loejb2ljud] {
    width: 65px;
    margin-right: 4px;
}

@media only screen and (max-width: 430px) {
    .machine-card-root .machine-title[b-loejb2ljud] {
        width: 65% !important;
    }
}
/* /Shared/Layout/Components/ResultCard.razor.rz.scp.css */

h3[b-cjj5e2tjm6] {
    margin-top: 4px;
    margin-bottom: 0px;
    width: 99%;
}

span[b-cjj5e2tjm6] {
    font-size: 13px;
    font-weight: 400;
}

p[b-cjj5e2tjm6] {
    font-size: 11px;
    font-weight: 300;
    margin-bottom: 8px;
    opacity: .8;
}

.step-container:hover[b-cjj5e2tjm6] {
    border: 2px solid var(--tsgreen);
}
/* /Shared/Layout/Components/StatusIcon.razor.rz.scp.css */
.success-icon-sm[b-otm3ku33n3] {
    color: var(--tssnow) !important;
    height: 20px !important;
    width: 20px !important;
    flex-shrink: 0 !important;
    border-radius: 50% !important;
}

.success-icon-lg[b-otm3ku33n3] {
    color: var(--tssnow) !important;
    height: 27px !important;
    width: 27px !important;
    flex-shrink: 0 !important;
    border-radius: 50% !important;
}

.material-symbols-outlined.sm[b-otm3ku33n3] {
    height: 100%;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    font-size: 12px;
}

.material-symbols-outlined.lg[b-otm3ku33n3] {
    height: 100%;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    font-size: 16px;
}

.bg-green[b-otm3ku33n3] {
    background-color: var(--tsgreen);
}

.bg-cherry[b-otm3ku33n3] {
    background-color: var(--tscherry);
}

.bg-carrot[b-otm3ku33n3] {
    background-color: var(--tscarrot);
}

.bg-sea[b-otm3ku33n3] {
    background-color: var(--tssea);
}

.bg-dark[b-otm3ku33n3] {
    background-color: var(--tsbadgedark);
}
/* /Shared/Layout/MainLayout.razor.rz.scp.css */
.page[b-tz2f382hkf] {
    position: relative;
    padding-bottom: var(--bottom-nav-height);
}

.content[b-tz2f382hkf] {
    padding-top: 3rem;
}
/* /Shared/Layout/NavMenu.razor.rz.scp.css */

.nav-menu-background[b-26bomw503c] {
    position: fixed;
    bottom: 0;
    left: 0;
    height: 6%;
    min-height: 50px;
    width: 100%;
    display: flex;
    justify-content: space-around;
    background-color: var(--tsocean);
    padding: 5px 0;
    font-size: 12px;
    z-index: 2;
}

@media only screen and (max-width: 430px) {
    .nav-menu-background[b-26bomw503c] {
        max-height: 50px;
    }
}


@media only screen and (min-height: 800px) {
    .nav-menu-background[b-26bomw503c] {
        font-size: 14px;
    }
}
/* /Shared/Layout/SettingsLayout.razor.rz.scp.css */
[b-fgpqcpmjpx] i.material-symbols-outlined,
[b-fgpqcpmjpx] span.material-symbols-outlined {
    position: static !important;
    z-index: 1;
}

.page[b-fgpqcpmjpx] {
    width: 90vw;
    height: calc(100dvh - 10vw);
    margin: 5vw auto;
    display: flex;
    flex-direction: column;
}

.page > main[b-fgpqcpmjpx] {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    min-height: 0;
}

.page > main > .content.settings-layout[b-fgpqcpmjpx] {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    min-height: 0;
}
/* /Shared/Layout/TopMenu.razor.rz.scp.css */
.top-right-menu[b-lgl3y2jwra] {
    position: absolute;
    top: 1em;
    right: 10px;
    z-index: 1;
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 1em;
}

.top-leftt-menu[b-lgl3y2jwra] {
    position: absolute;
    top: 1em;
    left: 1em;
    z-index: 1;
}

.topmenu[b-lgl3y2jwra] {
    height: .5em;
    margin-bottom: 2em;
}

.avatar-btn[b-lgl3y2jwra] {
    all: unset;
}

.avatar-img[b-lgl3y2jwra] {
    width: 2em;
    height: 2em;
    object-fit: cover;
    border: 1px solid var(--tsaluminium); 
}

.avatar-fallback[b-lgl3y2jwra] {
    font-size: 12px;
    letter-spacing: .5px;
    background-color: #D9D9D9;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.settings-link[b-lgl3y2jwra] {
    all: unset;
}
.avatar-wrapper[b-lgl3y2jwra] {
    position: relative;
    z-index: 10;
}

.logout-popup[b-lgl3y2jwra] {
    display: none;
    position: absolute;
    overflow: hidden;
    height: 360px;
    width: 600px;
    border: var(--rz-panel-border);
    background-color: var(--rz-panel-background-color);
    box-shadow: var(--rz-panel-shadow);
    border-radius: var(--rz-border-radius)
}
/* /Storage/Images/BlobImage.razor.rz.scp.css */
img.blob-image[b-rorlcfpe8k] {
    width: 65px;
    max-width: 100%;
}

img.blob-image.scoring-category[b-rorlcfpe8k] {
    height: 2em;
    width: 2em;
}