:root{--primary: #3B5999;--primary-tonal: #DCE4F5;--secondary: #6c757d;--secondary-tonal: #E2E3E5;--contraste: #000;--contraste-tonal: #F1F1F1;--accent: #ab5c03;--accent-tonal: #F3E1CC;--info: #f8f9fa;--info-tonal: #D6E7FF;--succes: #198754;--succes-tonal: #D1E7DD;--avertissement: #ffc107;--avertissement-tonal: #FFF3CD;--erreur: #dc3545;--erreur-tonal: #F8D7DA;--background-color-primary: #eeedf4;--background-color-secondary: #fbf7ff;--background-color-tertiary: #E9ECEF;--color-primary: #333333;--color-secondary: #595959;--color-tertiary: #FFF}body[data-theme=dark]{--primary: #8FAEF9;--primary-tonal: #22304D;--secondary: #B0B7C3;--secondary-tonal: #2C313A;--contraste: #FFF;--contraste-tonal: #2A2A2A;--accent: #E6A04B;--accent-tonal: #4A3420;--info: #7DB7FF;--info-tonal: #1E3A5F;--succes: #5FCB89;--succes-tonal: #1F3B2C;--avertissement: #FFD166;--avertissement-tonal: #4A3B16;--error: #F28B82;--error-tonal: #4A2323;--background-color-primary: #181A1B;--background-color-secondary: #38393f;--background-color-tertiary: #343434;--color-primary: #E0E0E0;--color-secondary: #a9a9a9;--color-tertiary: #FFF}.headline{font-size:var(--font-size-headline);color:var(--color-primary);fill:var(--color-primary);font-weight:900}.title{font-size:var(--font-size-title);color:var(--color-primary);fill:var(--color-primary);font-weight:600}.subtitle{font-size:var(--font-size-subtitle);color:var(--color-secondary);fill:var(--color-secondary);font-weight:350}.paragraph{font-size:var(--font-size-paragraph);color:var(--color-primary);fill:var(--color-primary);font-weight:300}.label{font-size:var(--font-size-label);font-weight:300}.icon{width:var(--size-icon);height:var(--size-icon);fill:var(--color-primary);pointer-events:none}:root{--font-family: Roboto, system-ui;--font-size-headline: 18px;--font-size-title: 16px;--font-size-subtitle: 14px;--font-size-paragraph: 12px;--font-size-label: 10px;--size-icon: 18px;--border-radius: 10px;--box-shadow: 0 2px 2px 0 rgba(0,0,0,.14), 0 3px 1px -2px rgba(0,0,0,.12), 0 1px 5px 0 rgba(0,0,0,.2)}.shadow{box-shadow:var(--box-shadow)}.container{width:100%;margin:0 auto}@media(max-width:575.99px){.container{max-width:100%;width:100%;margin-left:auto;margin-right:auto}}@media(min-width:576px){.container{max-width:540px;flex:0 0 auto;width:91.666667%;margin-left:auto;margin-right:auto}}@media(min-width:768px){.container{max-width:540px;width:66.666667%;margin-left:auto;margin-right:auto}}@media(min-width:992px){.container{max-width:960px;width:50%;margin-left:auto;margin-right:auto}}@media(min-width:1200px){.container{max-width:1140px}}header{height:60px;background-color:var(--background-color-secondary);box-shadow:var(--box-shadow)}nav{width:250px;background-color:var(--background-color-tertiary);height:100vh}main{padding:2rem;flex-grow:1}footer{height:50px;text-align:center;font-size:var(--font-size-label);padding:1rem}:active-view-transition-type(forwards) ::view-transition-old(root),:active-view-transition-type(forwards) ::view-transition-new(root),:active-view-transition-type(backwards) ::view-transition-old(root),:active-view-transition-type(backwards) ::view-transition-new(root){animation-duration:.3s;animation-timing-function:ease-in-out}:active-view-transition-type(forwards) ::view-transition-old(root){animation-name:slide-out-to-left}:active-view-transition-type(forwards) ::view-transition-new(root){animation-name:slide-in-from-right}:active-view-transition-type(backwards) ::view-transition-old(root){animation-name:slide-out-to-right}:active-view-transition-type(backwards) ::view-transition-new(root){animation-name:slide-in-from-left}html[data-nav-direction=forwards] ::view-transition-old(root){animation:slide-out-to-left .3s ease-in-out both}html[data-nav-direction=forwards] ::view-transition-new(root){animation:slide-in-from-right .3s ease-in-out both}html[data-nav-direction=backwards] ::view-transition-old(root){animation:slide-out-to-right .3s ease-in-out both}html[data-nav-direction=backwards] ::view-transition-new(root){animation:slide-in-from-left .3s ease-in-out both}@keyframes slide-out-to-left{0%{transform:translate(0)}to{transform:translate(-100%)}}@keyframes slide-in-from-right{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes slide-out-to-right{0%{transform:translate(0)}to{transform:translate(100%)}}@keyframes slide-in-from-left{0%{transform:translate(-100%)}to{transform:translate(0)}}@media(prefers-reduced-motion:reduce){::view-transition-old(root),::view-transition-new(root){animation-duration:0ms!important}}