.logo-cardan-academy{margin-inline-end:1rem}.theme-switch-button{--color-shape:var(--color-grey-text);border:1px solid var(--color-grey-text);border-radius:var(--radius-lg);outline-offset:2px;width:4rem;height:2rem;transition-property:opacity,color,background-color;transition-duration:var(--duration-sm);background-color:#0000;outline:2px solid #0000;justify-content:center;align-items:center;gap:.8rem;display:flex;position:relative}.theme-switch-button:after{z-index:-1;content:"";z-index:0;border-radius:var(--radius-lg);background-color:var(--color-black);width:2rem;height:2rem;transition:transform var(--duration-sm);margin:auto;position:absolute;left:-1px;transform:translate(0)}.theme-switch-button .iconify{z-index:1;color:var(--color-shape);font-size:var(--theme-switch-font-size,var(--font-size-lg))}.theme-switch-button .iconify[class*=material-symbols\:light-mode-outline-rounded]{color:var(--color-white)}.theme-switch-button:disabled{opacity:.5}.theme-switch-button:not(:disabled){cursor:pointer}.theme-switch-button:not(:disabled):hover{border-color:var(--color-text)}.theme-switch-button:not(:disabled):hover .iconify{filter:contrast(2)}.theme-switch-button:focus-visible{outline-color:var(--focus-color)}.dark-mode .theme-switch-button:after{transform:translate(100%)}.dark-mode .theme-switch-button .iconify[class*=material-symbols\:light-mode-outline-rounded]{color:var(--color-black)}.dark-mode .theme-switch-button .iconify[class*=material-symbols\:dark-mode-outline-rounded]{color:var(--color-white)}.app-header{background-color:var(--color-bg);grid-area:header}@media (height>=380px){.app-header{z-index:1;position:sticky;top:0}}.app-header .back-link{display:none}@media (width>=768px){.app-header .back-link{display:flex}}.app-header-content{padding-inline:var(--app-padding-inline);height:var(--app-header-height);align-items:center;margin-inline:auto;display:flex}.app-header-right{align-items:center;gap:1rem;margin-inline-start:auto;display:flex}.app-sidebar-nav{margin-block-start:2.25rem}.app-sidebar-nav .course-nav-link{white-space:nowrap;max-width:280px}.app-sidebar-nav .course-nav-link .button-text{max-width:200px}.app-sidebar-nav ul{gap:.5rem;margin-block-end:1rem;display:grid}.app-sidebar-nav li:nth-of-type(3){border-block-start:1px solid var(--color-grey-light);margin-block-start:.5rem;margin-inline:calc(-1 * var(--sidebar-padding));padding-inline:var(--sidebar-padding)}.app-sidebar-nav li:nth-of-type(3) a{margin-block-start:1rem}@media (width>=768px){.sidebar-is-collapsed .app-sidebar-nav .course-nav-link{transition:background-color var(--duration-sm), color var(--duration-sm), gap var(--duration-lg) var(--duration-md), max-width var(--duration-lg);gap:0;max-width:2rem}.sidebar-is-collapsed .app-sidebar-nav .course-nav-link .button-text{opacity:0;max-width:0;transition:max-width var(--duration-lg), opacity var(--duration-md)}.sidebar-is-collapsed .app-sidebar-nav .course-nav-link .iconify{transition-duration:0s}}body:has(.mobile-dialog[open]){overflow:hidden}.dark-mode .mobile-dialog{--color-grey-light:var(--color-grey-bg)}.mobile-dialog{overscroll-behavior:contain;width:100%;min-height:100dvh;max-width:var(--width,360px);background-color:var(--color-dialog-bg);border:none;padding:0}.mobile-dialog::backdrop{background-color:var(--color-backdrop)}.mobile-dialog .close-button{z-index:1;background-color:#0000;position:absolute;top:1.25rem;right:1.25rem}.mobile-dialog .dialog-content{align-content:start;min-height:100svh;padding-block:4rem;display:grid}.mobile-dialog .mobile-nav{padding-inline:var(--app-padding-inline)}.mobile-dialog .nav-label{margin-block-end:1rem;margin-inline-start:2rem}.mobile-dialog-position--inline-start{border-inline-end:1px solid var(--card-border-color);margin-inline-start:0}.mobile-dialog-position--inline-start[open]{animation:slideInLeft var(--duration-md) forwards}.mobile-dialog-position--inline-start[open]::backdrop{animation:fadeIn var(--duration-sm) forwards}.mobile-dialog-position--inline-start[closing]{animation:slideOutLeft var(--duration-md) forwards;display:block}.mobile-dialog-position--inline-start[closing]::backdrop{animation:fadeOut var(--duration-sm) forwards}.mobile-dialog-position--inline-start .dialog-content{padding-inline-start:calc(1.25rem + env(safe-area-inset-left));display:grid}.mobile-dialog-position--inline-end{border-inline-start:1px solid var(--card-border-color);margin-inline:auto 0}.mobile-dialog-position--inline-end[open]{animation:slideInRight var(--duration-md) forwards}.mobile-dialog-position--inline-end[open]::backdrop{animation:fadeIn var(--duration-sm) forwards}.mobile-dialog-position--inline-end[closing]{animation:slideOutRight var(--duration-md) forwards;display:block}.mobile-dialog-position--inline-end[closing]::backdrop{animation:fadeOut var(--duration-sm) forwards}.mobile-dialog-position--inline-end .dialog-content{padding-inline-end:calc(1.25rem + env(safe-area-inset-right));display:grid}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes slideInLeft{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes slideOutLeft{0%{transform:translate(0)}to{transform:translate(-100%)}}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0%)}}@keyframes slideOutRight{0%{transform:translate(0%)}to{transform:translate(100%)}}.mobile-dialog .logo-cardan-academy{margin-inline-start:.25rem}.mobile-dialog .dialog-content{padding-block-start:1.5rem;padding-inline:var(--sidebar-padding)}:where(label){font-weight:var(--font-weight-medium);-webkit-user-select:none;user-select:none}:where(legend){font-weight:var(--font-weight-medium);-webkit-user-select:none;user-select:none;padding:0}:where(fieldset){border:none;margin-inline:0;padding:0}.color-theme-fieldset legend{width:100%;font-size:var(--font-size-xs);color:var(--color-grey-text);margin-block-end:.5rem}.theme-options-list{justify-content:space-between;gap:.5rem;display:inline-flex}.color-theme-option{flex-grow:1}.color-theme-option input[type=radio]{z-index:-1;opacity:0;position:absolute}.color-theme-option input[type=radio]+label{font-size:var(--font-size-xs);border:1px solid var(--color-grey-light);border-radius:var(--radius-md);min-width:75px;color:var(--color-grey-text);justify-content:center;align-items:center;gap:.35rem;padding-block:.35rem;padding-inline:.5rem;display:flex}.color-theme-option input[type=radio]+label:hover{color:var(--color-text);border-color:var(--color-grey-graphic)}.color-theme-option input[type=radio]:focus-visible+label{outline:2px solid var(--focus-color);outline-offset:2px}.color-theme-option input[type=radio]:checked+label{color:var(--color-accent-text);border-color:var(--color-accent-graphic);background-color:var(--color-accent-bg)}.avatar-wrapper{width:var(--avatar-size);height:var(--avatar-size);font-size:var(--avatar-font-size,var(--font-size-md));border:1px solid var(--avatar-border-color,transparent);border-radius:var(--radius-full);font-weight:var(--font-weight-semibold);background-color:var(--color-grey-light);color:var(--color-grey-text);transition:color var(--duration-sm), background-color var(--duration-sm);flex-shrink:0;place-items:center;display:grid;overflow:clip}.avatar-image{height:100%}.avatar-button{width:2.5rem;height:2.5rem;font-weight:var(--font-weight-semibold);background-color:var(--color-grey-light);border-radius:var(--radius-full);transition:color var(--duration-sm), background-color var(--duration-sm);border:none;place-content:center;display:grid}.avatar-button:hover,.avatar-button:hover .avatar-wrapper{color:var(--color-text);background-color:color-mix(in srgb, var(--color-grey-light) 95%, var(--color-black))}.avatar-button .iconify{font-size:var(--font-size-lg)}.user-menu-wrapper{height:var(--app-header-height);place-content:center;display:grid;position:relative}.user-menu-popover{z-index:9;top:calc(1px + var(--app-header-height));transform-origin:50% 0;position:absolute;right:0}.user-menu-popover .user-menu-content{border-radius:0 0 var(--radius-md) var(--radius-md);border:1px solid var(--card-border-color);background-color:var(--color-dialog-bg);border-block-start:none}.user-menu-popover .user-info-wrapper{padding-block:1rem .75rem;padding-inline:1rem}.user-menu-popover .user-info{align-items:center;gap:.35rem;display:flex}.user-menu-popover .user-name{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);line-height:var(--line-height-heading)}.user-menu-popover .user-email{color:var(--color-grey-text);font-size:var(--font-size-sm)}.user-menu-popover .theme-select-wrapper{padding:1rem}.user-menu-popover .language-select-wrapper{padding:1rem}.user-menu-popover .language-select-wrapper .language-options-list{width:100%}.logout-dialog .dialog-content p{margin-block:0 1.5rem}.stretch-fade-enter-active,.stretch-fade-leave-active{transition:all var(--duration-sm) ease-in-out}.stretch-fade-enter-from,.stretch-fade-leave-to{opacity:0;transform:scaleY(.95)}.user-menu-popover .user-menu-content{inline-size:min(280px, 100vw - 2 * var(--app-padding-inline))}.user-menu-popover .user-info-wrapper{overflow-wrap:anywhere;display:grid}.user-menu-popover hr{background-color:var(--color-grey-light);margin:0}.app-sidebar-header{transition:transform var(--duration-lg);justify-content:space-between;padding-block-start:.5rem;display:flex}.app-sidebar-header .logo-cardan-academy{transition:opacity var(--duration-md) var(--duration-sm);transform:translate(.25rem)}@media (width>=768px){.sidebar-is-collapsed .app-sidebar-header{gap:0}.sidebar-is-collapsed .app-sidebar-header .logo-cardan-academy{opacity:0;transition:opacity var(--duration-md)}}.app-sidebar-toggle-button{cursor:pointer;right:var(--sidebar-padding);top:var(--sidebar-padding);width:2rem;height:2rem;transition:background-color var(--duration-sm);background-color:#0000;border:none;border-radius:6px;flex-shrink:0;place-items:center;display:grid;position:absolute}.app-sidebar-toggle-button .iconify{font-size:var(--font-size-lg)}.app-sidebar-toggle-button:hover{background-color:var(--color-grey-bg)}.app-sidebar-toggle-button:focus-visible{outline:2px solid var(--focus-color)}.app-sidebar{padding-inline:var(--sidebar-padding);border-inline-end:1px solid var(--color-grey-light);overscroll-behavior:contain;grid-area:sidebar;grid-template-rows:auto 1fr;height:100svh;padding-block-start:var(--sidebar-padding);display:grid;position:relative;overflow:hidden auto}@media (height>=380px){.app-sidebar{position:sticky;top:0;overflow-y:clip}}.logout-dialog{width:100%;min-width:320px;max-width:360px}.logout-dialog .button-group{justify-content:space-between;margin-block-start:2.5rem}.logout-dialog .button-group>.button{flex-grow:1}.password-confirmation-dialog{width:100%;max-width:490px}.password-confirmation-dialog p{margin-block-start:0}.password-confirmation-dialog .password-confirmation-form{gap:1rem;display:grid}.password-confirmation-dialog .password-confirmation-divider{background-color:var(--color-grey-light);block-size:1px;margin-block-start:1.5rem}.password-confirmation-dialog .dialog-buttons{margin-block-start:1.5rem}.password-confirmation-dialog .dialog-buttons .button{--button-font-size:var(--font-size-sm)}.toast{pointer-events:all;border-radius:var(--radius-sm);border:1px solid var(--color-grey-light);background-color:var(--color-card-bg);justify-content:space-between;align-items:center;gap:.5rem;max-width:100%;margin-block-end:.5rem;padding-block:.5rem;padding-inline:1rem .5rem;display:flex;position:relative;overflow:hidden}@media (width>=768px){.toast{max-width:480px}}.toast__content{align-items:center;gap:.75rem;display:inline-flex}.toast__timer{background-color:var(--color-grey-bg);transform-origin:0;width:100%;height:4px;animation:linear forwards scale-x;animation-delay:var(--duration-xl);animation-duration:var(--animation-duration);animation-play-state:var(--animation-play-state);position:absolute;inset-block:auto 0;inset-inline:0}.toast__message{flex-direction:column;gap:.25rem;display:flex;overflow:hidden}.toast__icon{font-size:var(--font-size-lg)}.toast__label{font-weight:var(--font-weight-medium);font-size:var(--font-size-sm);color:var(--color-text);margin-block:0}.toast-color--blue .toast__icon{color:var(--color-blue-text)}.toast-color--blue .toast__timer{background-color:var(--color-blue)}.toast-color--green .toast__icon{color:var(--color-green-graphic)}.toast-color--green .toast__timer{background-color:var(--color-green)}.toast-color--red .toast__icon{color:var(--color-red-graphic)}.toast-color--red .toast__timer{background-color:var(--color-red)}.toast-color--orange .toast__icon{color:var(--color-orange-graphic)}.toast-color--orange .toast__timer{background-color:var(--color-orange)}.toast-color--accent .toast__icon{color:var(--color-accent-graphic)}.toast-color--accent .toast__timer{background-color:var(--color-accent-graphic)}.hide-toast-timer .toast__timer{background-color:#0000}.toast-move{transition:all var(--duration-md) var(--cubic-bezier)}.toast-leave-active,.toast-enter-active{animation-fill-mode:both;animation-duration:var(--duration-md);animation-timing-function:var(--cubic-bezier)}.toast-enter-active{animation-name:toastInBottom}@media (width>=768px){.toast-enter-active{animation-name:toastInRight}}.toast-leave-active{animation-name:toastOutBottom}@media (width>=768px){.toast-leave-active{animation-name:toastOutRight}}@keyframes scale-x{to{transform:scaleX(0)}}@keyframes toastInBottom{0%{opacity:0;transform:translateY(100%)}}@keyframes toastInRight{0%{opacity:0;transform:translate(100%)}}@keyframes toastOutBottom{to{opacity:0;border-block-width:0;block-size:0;margin-block-end:0;padding-block:0;transform:translateY(100%)}}@keyframes toastOutRight{to{opacity:0;border-block-width:0;block-size:0;margin-block-end:0;padding-block:0;transform:translate(100%)}}.toast-manager{pointer-events:none;z-index:99999;flex-direction:column;align-items:center;width:100vw;padding-inline:.75rem;display:inline-flex;position:fixed;inset-block:auto 0;inset-inline:0}@media (width>=768px){.toast-manager{align-items:flex-end;width:auto;padding-block-end:1rem;inset-inline:auto 0}}.default-layout{transition:grid-template-columns var(--duration-lg);grid-template-rows:auto 1fr;grid-template-areas:"header""main";align-content:start;display:grid}.default-layout .app-sidebar{display:none}.default-layout .mobile-nav-toggle{margin-inline-end:.5rem}@media (width>=768px){.default-layout .mobile-nav-toggle{display:none}}@media (width>=768px){.default-layout:not(:has(.auth-page)){grid-template-columns:var(--app-sidebar-width) 1fr;grid-template-areas:"sidebar header""sidebar main"}.default-layout:not(:has(.auth-page)) .app-sidebar{display:grid}.default-layout:not(:has(.auth-page)) .app-header .logo-cardan-academy{display:none}.default-layout:not(:has(.auth-page)).sidebar-is-collapsed{--app-sidebar-width:3.5rem}}.default-layout:not(:has(.auth-page)) main{padding-inline:var(--main-padding-inline);min-height:calc(100svh - var(--app-header-height) - 2px);outline-offset:calc(-1 * var(--main-outline-offset));grid-area:main;scroll-margin-block-start:var(--app-header-height)}.default-layout:not(:has(.auth-page)) .app-header{border-block-end:1px solid var(--color-grey-light)}.password-confirmation-dialog{--dialog-padding-inline:1.5rem;border-radius:var(--radius-md);margin-inline:var(--app-padding-inline);width:calc(100% - var(--app-padding-inline) * 2);justify-self:center}.password-confirmation-dialog h1{font-size:var(--font-size-lg)}.password-confirmation-dialog p{color:var(--color-grey-text)}.password-confirmation-dialog .dialog-buttons{flex-wrap:wrap}:is(.light-mode,.dark-mode) .password-confirmation-dialog{--color-dialog-border:var(--color-grey-light);border-width:1px}