.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(--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(var(--sidebar-padding)*-1);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}}.tooltip-content-wrapper{--gap:1rem;position-area:var(--placement,block-start);position-try-fallbacks:flip-block,flip-inline,flip-block flip-inline;position-try-order:most-block-size;max-inline-size:var(--max-width,none);border:1px solid var(--popover-border-color);border-radius:var(--radius-md);color:var(--color-text);background-color:var(--color-card-bg);transition-behavior:allow-discrete;margin:0;transition-property:display,overlay,opacity,translate;transition-duration:0s;inset:auto}.tooltip-content-wrapper:popover-open{opacity:1;transition-duration:var(--duration-sm);translate:0}@starting-style{.tooltip-content-wrapper:popover-open{opacity:0}}.tooltip-content{font-size:var(--font-size-sm);padding-block:1rem;padding-inline:1.35rem}.tooltip-content p:first-child{margin-block-start:0}.tooltip-content p:last-child{margin-block-end:0}.tooltip-content-wrapper[data-placement=top]{--placement:block-start;margin-block-end:var(--gap)}@starting-style{.tooltip-content-wrapper[data-placement=top]:popover-open{translate:0 .5rem}}.tooltip-content-wrapper[data-placement=top][data-span=left]{position-area:var(--placement) span-inline-start}.tooltip-content-wrapper[data-placement=top][data-span=right]{position-area:var(--placement) span-inline-end}.tooltip-content-wrapper[data-placement=bottom]{--placement:block-end;margin-block-start:var(--gap)}@starting-style{.tooltip-content-wrapper[data-placement=bottom]:popover-open{translate:0 -.5rem}}.tooltip-content-wrapper[data-placement=bottom][data-span=left]{position-area:var(--placement) span-inline-start}.tooltip-content-wrapper[data-placement=bottom][data-span=right]{position-area:var(--placement) span-inline-end}.tooltip-content-wrapper[data-placement=left]{--placement:inline-start;margin-inline-end:var(--gap)}@starting-style{.tooltip-content-wrapper[data-placement=left]:popover-open{translate:.5rem}}.tooltip-content-wrapper[data-placement=left][data-span=top]{position-area:var(--placement) span-block-start}.tooltip-content-wrapper[data-placement=left][data-span=bottom]{position-area:var(--placement) span-block-end}.tooltip-content-wrapper[data-placement=right]{--placement:inline-end;margin-inline-start:var(--gap)}@starting-style{.tooltip-content-wrapper[data-placement=right]:popover-open{translate:-.5rem}}.tooltip-content-wrapper[data-placement=right][data-span=top]{position-area:var(--placement) span-block-start}.tooltip-content-wrapper[data-placement=right][data-span=bottom]{position-area:var(--placement) span-block-end}.tooltip-trigger-button{color:inherit;font-size:var(--font-size,inherit);transition:color var(--duration-sm);background:0 0;border:none;align-items:center;gap:.35em;padding:0;display:flex;position:relative}.tooltip-trigger-button:after{content:"";z-index:1;min-width:1.5rem;max-width:100%;min-height:1.5rem;max-height:100%;margin:auto;position:absolute;inset:-50%}.tooltip-trigger-button:focus-visible{border-radius:var(--radius-sm)}.tooltip-trigger-button:focus-visible:has(.icon-only.visuallyhidden){border-radius:var(--radius-full)}.tooltip-trigger-button:focus-visible{outline-offset:2px}.tooltip-trigger-button .iconify{color:var(--icon-color,var(--color-grey-text));font-size:var(--icon-size,inherit);transition:color var(--duration-sm);flex-shrink:0}.tooltip-trigger-button:hover{cursor:help}.tooltip-trigger-button:hover .iconify{color:var(--color-text)}.popover-trigger{white-space:nowrap;border-radius:var(--radius);transition-property:color,background-color,opacity;transition-duration:var(--duration-sm);font-size:var(--font-size);outline-offset:2px;border:1px solid #0000;outline:2px solid #0000;flex-grow:1;justify-content:center;align-items:center;gap:.25rem;display:inline-flex}.popover-trigger:focus-visible{outline-color:var(--focus-color)}.popover-trigger:disabled{opacity:.35}.popover-trigger:not(:disabled):hover{background-color:color-mix(in srgb,var(--color-grey-bg) 95%,var(--color-black))}.popover-content-wrapper{position-area:var(--placement,block-end);position-try-fallbacks:flip-block,flip-inline,flip-block flip-inline;position-try-order:most-block-size;max-inline-size:var(--max-width,none);border:1px solid var(--popover-border-color);border-radius:var(--radius-md);background-color:var(--color-card-bg);transition-behavior:allow-discrete;margin:0;transition-property:display,overlay,opacity,translate;transition-duration:0s;inset:auto}.popover-content-wrapper:popover-open{opacity:1;transition-duration:var(--duration-sm);translate:0}@starting-style{.popover-content-wrapper:popover-open{opacity:0}}.popover-content-wrapper p:first-child{margin-block-start:0}.popover-content-wrapper p:last-child{margin-block-end:0}.popover-content-wrapper .menu-list-nav{padding:.25rem}.popover-content-wrapper .menu-list-nav .menu-list{min-width:240px}.popover-content-wrapper .menu-list-nav .menu-list-item>.button{border-radius:var(--radius-md)}.popover-content-wrapper .menu-list-nav .menu-list-item+.menu-list-item,.popover-content-wrapper .menu-list-nav .menu-list-item hr{margin-block-start:.25rem}.popover-content-wrapper[data-placement=top]{--placement:block-start;margin-block:.5rem}@starting-style{.popover-content-wrapper[data-placement=top]:popover-open{translate:0 .5rem}}.popover-content-wrapper[data-placement=top][data-span=left]{position-area:var(--placement) span-inline-start}.popover-content-wrapper[data-placement=top][data-span=right]{position-area:var(--placement) span-inline-end}.popover-content-wrapper[data-placement=bottom]{--placement:block-end;margin-block:.5rem}@starting-style{.popover-content-wrapper[data-placement=bottom]:popover-open{translate:0 -.5rem}}.popover-content-wrapper[data-placement=bottom][data-span=left]{position-area:var(--placement) span-inline-start}.popover-content-wrapper[data-placement=bottom][data-span=right]{position-area:var(--placement) span-inline-end}.popover-content-wrapper[data-placement=left]{--placement:inline-start;margin-inline-end:.5rem}@starting-style{.popover-content-wrapper[data-placement=left]:popover-open{translate:.5rem}}.popover-content-wrapper[data-placement=left][data-span=top]{position-area:var(--placement) span-block-start}.popover-content-wrapper[data-placement=left][data-span=bottom]{position-area:var(--placement) span-block-end}.popover-content-wrapper[data-placement=right]{--placement:inline-end;margin-inline-start:.5rem}@starting-style{.popover-content-wrapper[data-placement=right]:popover-open{translate:-.5rem}}.popover-content-wrapper[data-placement=right][data-span=top]{position-area:var(--placement) span-block-start}.popover-content-wrapper[data-placement=right][data-span=bottom]{position-area:var(--placement) span-block-end}.popover-icon-position--start{flex-direction:row}.popover-icon-position--end{flex-direction:row-reverse}.popover-trigger-variant--outline{background-color:var(--color-input-bg);border-color:var(--popover-border-color)}.popover-trigger-variant--outline:not(:disabled):hover{background-color:var(--color-grey-bg)}.popover-trigger-variant--primary{color:var(--color-white);background-color:var(--color-accent)}.popover-trigger-variant--primary:not(:disabled):hover{background-color:color-mix(in srgb,var(--color-accent) 85%,var(--color-black))}.popover-trigger-variant--secondary{color:var(--color-text);background-color:var(--color-grey-bg)}.popover-trigger-variant--secondary:not(:disabled):hover{background-color:color-mix(in srgb,var(--color-grey-bg) 95%,var(--color-black))}.popover-trigger-variant--ghost{color:var(--color-text);background-color:#0000}.popover-trigger-variant--ghost:not(:disabled):hover{background-color:color-mix(in srgb,var(--color-grey-bg) 95%,var(--color-black))}.popover-trigger-size--xxs{min-width:1.25rem;height:1.25rem;font-size:var(--font-size,var(--font-size-xs));padding-inline:.125rem;position:relative;--radius:var(--radius-sm)!important}.popover-trigger-size--xxs:after{content:"";min-width:1.5rem;max-width:100%;min-height:1.5rem;max-height:100%;margin:auto;position:absolute;inset:-50%}.popover-trigger-size--xxs .popover-label{padding-inline:.1rem}.popover-trigger-size--xxs .iconify{font-size:var(--icon-size,var(--font-size-sm))}.popover-trigger-size--xs{min-width:1.5rem;height:1.5rem;font-size:var(--font-size,var(--font-size-xs));padding-inline:.25rem;--radius:var(--radius-sm)!important}.popover-trigger-size--xs .popover-label{padding-inline:.75rem}.popover-trigger-size--xs .iconify{font-size:var(--icon-size,var(--font-size-md))}.popover-trigger-size--sm{min-width:2rem;height:2rem;font-size:var(--font-size,var(--font-size-xs));padding-inline:.35rem}.popover-trigger-size--sm .popover-label{padding-inline:.1rem}.popover-trigger-size--sm .iconify{font-size:var(--icon-size,var(--font-size-md))}.popover-trigger-size--md{min-width:2.25rem;height:2.25rem;font-size:var(--font-size,var(--font-size-xs));padding-inline:.5rem}.popover-trigger-size--md .popover-label{padding-inline:.2rem}.popover-trigger-size--md .iconify{font-size:var(--icon-size,var(--font-size-md))}.popover-trigger-size--lg{min-width:2.5rem;height:2.5rem;font-size:var(--font-size,var(--font-size-sm));padding-inline:.5rem}.popover-trigger-size--lg .popover-label{padding-inline:.2rem}.popover-trigger-size--lg .iconify{font-size:var(--icon-size,var(--font-size-lg))}.popover-trigger-size--xl{min-width:3rem;height:3rem;font-size:var(--font-size,var(--font-size-md));padding-inline:.75rem}.popover-trigger-size--xl .popover-label{padding-inline:.25rem}.popover-trigger-size--xl .iconify{font-size:var(--icon-size,var(--font-size-xl))}.menu-list-label{font-weight:var(--font-weight-medium);font-size:var(--font-size-lg);color:var(--color-grey-text);margin-block:1.5rem 1rem}.menu-list-label .label-link{font-size:var(--font-size-lg);text-underline-offset:.25em;align-items:center;gap:.5rem;text-decoration:none;display:flex}.menu-list-label .label-link .iconify{color:var(--color-grey-graphic)}.menu-list-label .label-link:hover{color:var(--color-accent);text-decoration:underline}.menu-list-label .label-link:hover .iconify{color:var(--color-grey-text)}.menu-list-label .label-link.router-link-active{color:var(--color-accent);text-decoration:underline}.menu-list-label .label-link.router-link-active .iconify{color:var(--color-grey-text)}.menu-list-item>.button{--radius:0;outline-offset:-2px}.menu-list-item:last-of-type .button-variant--menu{border-bottom-left-radius:var(--radius-sm);border-bottom-right-radius:var(--radius-sm)}.menu-list-nav:has(.button-variant--sidebar) .menu-list-item{margin-block-end:.5rem}.menu-list-nav:has(.button-variant--sidebar) .menu-list-item hr{margin-block:.75rem}.menu-list--inline{gap:var(--gap);flex-wrap:wrap;display:flex}.menu-list--inline>.menu-list-item{display:inline-block}.menu-list{min-width:200px}.menu-list:has(.button-variant--sidebar) .menu-list-item:has(.menu-list-tooltip){flex-flow:row-reverse wrap;justify-content:start;align-items:center;display:flex}.menu-list:has(.button-variant--sidebar) .menu-list-item:has(.menu-list-tooltip) .tooltip-trigger-button{margin-inline-start:2rem}.menu-list:has(.button-variant--sidebar) .menu-list-item:has(.menu-list-tooltip)>.button{padding-inline-start:.5rem}.menu-list:has(.button-variant--sidebar) .menu-list-item:has(.menu-list-tooltip)>.button>.iconify{display:none}.menu-list:has(.button-variant--menu) .menu-list-item:has(.menu-list-tooltip){grid-template-columns:1fr auto;align-items:center;display:grid}.menu-list:has(.button-variant--menu) .menu-list-item:has(.menu-list-tooltip) .tooltip-trigger-button{margin-inline-end:1.25em}.menu-list:has(.button-variant--menu) .menu-list-item:has(.menu-list-tooltip)>.button{flex-direction:row}.menu-list:has(.button-variant--menu) .menu-list-item:has(.menu-list-tooltip)>.button>.iconify{display:none}.menu-list:has(.button-variant--menu) .menu-list-item:has(.menu-list-tooltip) hr{grid-column:span 2}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);font-weight:var(--font-weight-regular);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);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-sm));border:1px solid var(--avatar-border-color,transparent);border-radius:var(--radius-full);font-weight:var(--font-weight-medium);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-sm);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-xs)}.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{max-width:410px}.logout-dialog .close-button{background-color:var(--color-bg);top:1.25rem;right:1.25rem}.logout-dialog .dialog-content p{margin-block:0 2rem}.logout-dialog .button-group{justify-content:space-between}.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{--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)}.hide-toast-timer .toast__timer{background-color:#0000}.toast-move{transition:all var(--duration-md) var(--cubic-bezier)}.toast-enter-active,.toast-leave-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;transform:translateY(100%)}}@keyframes toastOutRight{to{opacity: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(var(--main-outline-offset)*-1);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(.dark-mode,.light-mode) .password-confirmation-dialog{--color-dialog-border:var(--color-grey-light);border-width:1px}