@font-face{font-family:google_sans_flex;src:url(../media/google_sans_flex.p.2uoszkyor-v83.woff2)format("woff2");font-display:swap;font-weight:1 1000}.google_sans_flex_2ac37ef0-module__jxYMzW__className{font-family:google_sans_flex,system-ui,sans-serif}.google_sans_flex_2ac37ef0-module__jxYMzW__variable{--font-google-sans-flex:"google_sans_flex", system-ui, sans-serif}
@font-face{font-family:roboto_mono;src:url(../media/roboto_mono-s.p.22tto7d-z8vyl.woff2)format("woff2");font-display:swap;font-weight:100 700}@font-face{font-family:roboto_mono Fallback;src:local(Arial);ascent-override:79.68%;descent-override:20.61%;line-gap-override:0.0%;size-adjust:131.51%}.roboto_mono_8826c400-module__xOyuIa__className{font-family:roboto_mono,roboto_mono Fallback}.roboto_mono_8826c400-module__xOyuIa__variable{--font-roboto-mono:"roboto_mono", "roboto_mono Fallback"}
@font-face{font-family:inter;src:url(../media/inter-s.p.0gsaq8ukbf34m.woff2)format("woff2");font-display:swap;font-weight:100 900}@font-face{font-family:inter Fallback;src:local(Arial);ascent-override:89.79%;descent-override:22.36%;line-gap-override:0.0%;size-adjust:107.89%}.inter_f23fef99-module__SMB5Gq__className{font-family:inter,inter Fallback}.inter_f23fef99-module__SMB5Gq__variable{--font-storefront-inter:"inter", "inter Fallback"}
@font-face{font-family:roboto;src:url(../media/roboto_400-s.p.3748bjrmw_ck7.woff2)format("woff2");font-display:swap;font-weight:400;font-style:normal}@font-face{font-family:roboto;src:url(../media/roboto_500-s.p.43162ka3da5dh.woff2)format("woff2");font-display:swap;font-weight:500;font-style:normal}@font-face{font-family:roboto;src:url(../media/roboto_700-s.p.25zm6111a02b_.woff2)format("woff2");font-display:swap;font-weight:700;font-style:normal}@font-face{font-family:roboto Fallback;src:local(Arial);ascent-override:92.43%;descent-override:24.32%;line-gap-override:0.0%;size-adjust:100.37%}.roboto_b8d5494b-module__A52sya__className{font-family:roboto,roboto Fallback}.roboto_b8d5494b-module__A52sya__variable{--font-storefront-roboto:"roboto", "roboto Fallback"}
@font-face{font-family:poppins;src:url(../media/poppins_400-s.p.26axoheojcvao.woff2)format("woff2");font-display:swap;font-weight:400;font-style:normal}@font-face{font-family:poppins;src:url(../media/poppins_500-s.p.01tiwsu2c6vk3.woff2)format("woff2");font-display:swap;font-weight:500;font-style:normal}@font-face{font-family:poppins;src:url(../media/poppins_600-s.p.14nztc_w4mkh_.woff2)format("woff2");font-display:swap;font-weight:600;font-style:normal}@font-face{font-family:poppins;src:url(../media/poppins_700-s.p.3raw8inii9jva.woff2)format("woff2");font-display:swap;font-weight:700;font-style:normal}@font-face{font-family:poppins Fallback;src:local(Arial);ascent-override:92.83%;descent-override:30.94%;line-gap-override:8.84%;size-adjust:113.11%}.poppins_a5e3a5fa-module__S-BAnG__className{font-family:poppins,poppins Fallback}.poppins_a5e3a5fa-module__S-BAnG__variable{--font-storefront-poppins:"poppins", "poppins Fallback"}
:root{--mio-theme-display-font-family:var(--font-google-sans-flex), var(--font-storefront-poppins), var(--font-storefront-inter), sans-serif;--mio-theme-text-font-family:var(--font-google-sans-flex), var(--font-storefront-inter), var(--font-storefront-roboto), sans-serif;--mio-theme-mono-font-family:var(--font-roboto-mono), "Roboto Mono", monospace;--mio-theme-google-symbol-font-family:"Material Symbols Rounded", "Material Symbols Outlined";font-family:var(--mio-theme-text-font-family);--md-ref-typeface-brand:var(--mio-theme-display-font-family);--md-ref-typeface-plain:var(--mio-theme-text-font-family);--md-sys-typescale-display-large-font-family-name:var(--mio-theme-display-font-family);--md-sys-typescale-display-medium-font-family-name:var(--mio-theme-display-font-family);--md-sys-typescale-display-small-font-family-name:var(--mio-theme-display-font-family);--md-sys-typescale-headline-large-font-family-name:var(--mio-theme-display-font-family);--md-sys-typescale-headline-medium-font-family-name:var(--mio-theme-display-font-family);--md-sys-typescale-headline-small-font-family-name:var(--mio-theme-display-font-family);--md-sys-typescale-title-large-font-family-name:var(--mio-theme-display-font-family);--md-sys-typescale-title-medium-font-family-name:var(--mio-theme-display-font-family);--md-sys-typescale-title-small-font-family-name:var(--mio-theme-display-font-family);--md-sys-typescale-body-large-font-family-name:var(--mio-theme-text-font-family);--md-sys-typescale-body-medium-font-family-name:var(--mio-theme-text-font-family);--md-sys-typescale-body-small-font-family-name:var(--mio-theme-text-font-family);--md-sys-typescale-label-large-font-family-name:var(--mio-theme-text-font-family);--md-sys-typescale-label-medium-font-family-name:var(--mio-theme-text-font-family);--md-sys-typescale-label-small-font-family-name:var(--mio-theme-text-font-family)}
:root{--mobile-font-size:16px;--mobile-line-height:1.5;--mobile-heading-1:clamp(2rem, 10vw, 2.5rem);--mobile-heading-2:clamp(1.75rem, 8vw, 2.25rem);--mobile-heading-3:clamp(1.5rem, 6vw, 1.75rem);--mobile-heading-4:clamp(1.25rem, 5vw, 1.5rem);--mobile-heading-5:1.125rem;--mobile-heading-6:1rem;--mobile-body-large:1rem;--mobile-body-medium:.875rem;--mobile-body-small:.75rem;--mobile-label-large:.875rem;--mobile-label-medium:.75rem;--mobile-label-small:.6875rem;--tablet-font-size:16px;--tablet-line-height:1.6;--tablet-heading-1:36px;--tablet-heading-2:32px;--tablet-heading-3:28px;--tablet-heading-4:24px;--tablet-heading-5:20px;--tablet-heading-6:18px;--tablet-body-large:16px;--tablet-body-medium:14px;--tablet-body-small:12px;--tablet-label-large:14px;--tablet-label-medium:12px;--tablet-label-small:11px;--desktop-font-size:16px;--desktop-line-height:1.7;--desktop-heading-1:40px;--desktop-heading-2:36px;--desktop-heading-3:32px;--desktop-heading-4:28px;--desktop-heading-5:24px;--desktop-heading-6:20px;--desktop-body-large:16px;--desktop-body-medium:14px;--desktop-body-small:12px;--desktop-label-large:14px;--desktop-label-medium:12px;--desktop-label-small:11px;--mobile-spacing-xs:4px;--mobile-spacing-sm:8px;--mobile-spacing-md:12px;--mobile-spacing-lg:16px;--mobile-spacing-xl:20px;--mobile-spacing-2xl:24px;--mobile-spacing-3xl:32px;--tablet-spacing-xs:6px;--tablet-spacing-sm:12px;--tablet-spacing-md:16px;--tablet-spacing-lg:20px;--tablet-spacing-xl:24px;--tablet-spacing-2xl:32px;--tablet-spacing-3xl:40px;--desktop-spacing-xs:8px;--desktop-spacing-sm:16px;--desktop-spacing-md:20px;--desktop-spacing-lg:24px;--desktop-spacing-xl:32px;--desktop-spacing-2xl:40px;--desktop-spacing-3xl:48px;--container-max-width-mobile:100%;--container-max-width-tablet:768px;--container-max-width-desktop:1440px;--container-padding-mobile:16px;--container-padding-tablet:24px;--container-padding-desktop:32px;--grid-gutter-mobile:12px;--grid-gutter-tablet:16px;--grid-gutter-desktop:24px;--breakpoint-mobile-small:320px;--breakpoint-mobile:480px;--breakpoint-tablet:768px;--breakpoint-desktop:1024px;--breakpoint-desktop-large:1440px;--breakpoint-desktop-xl:1920px}html{font-size:16px}body{font-size:var(--mobile-body-large);line-height:var(--mobile-line-height);letter-spacing:.5px}h1,.heading-1{font-size:var(--mobile-heading-1);letter-spacing:-.5px;margin:var(--mobile-spacing-lg) 0 var(--mobile-spacing-md) 0;font-weight:700;line-height:1.2}h2,.heading-2{font-size:var(--mobile-heading-2);letter-spacing:-.25px;margin:var(--mobile-spacing-lg) 0 var(--mobile-spacing-md) 0;font-weight:700;line-height:1.25}h3,.heading-3{font-size:var(--mobile-heading-3);letter-spacing:0;margin:var(--mobile-spacing-md) 0 var(--mobile-spacing-sm) 0;font-weight:700;line-height:1.3}h4,.heading-4{font-size:var(--mobile-heading-4);letter-spacing:.25px;margin:var(--mobile-spacing-md) 0 var(--mobile-spacing-sm) 0;font-weight:600;line-height:1.35}h5,.heading-5{font-size:var(--mobile-heading-5);letter-spacing:.25px;margin:var(--mobile-spacing-sm) 0 var(--mobile-spacing-xs) 0;font-weight:600;line-height:1.4}h6,.heading-6{font-size:var(--mobile-heading-6);letter-spacing:.5px;margin:var(--mobile-spacing-sm) 0 var(--mobile-spacing-xs) 0;font-weight:600;line-height:1.5}p{font-size:var(--mobile-body-large);line-height:var(--mobile-line-height);margin:0 0 var(--mobile-spacing-md) 0}.body-large{font-size:var(--mobile-body-large);letter-spacing:.5px;font-weight:400;line-height:1.5}.body-medium{font-size:var(--mobile-body-medium);letter-spacing:.25px;font-weight:400;line-height:1.5}.body-small{font-size:var(--mobile-body-small);letter-spacing:.4px;font-weight:400;line-height:1.4}.label-large{font-size:var(--mobile-label-large);letter-spacing:.1px;font-weight:500;line-height:1.4}.label-medium{font-size:var(--mobile-label-medium);letter-spacing:.5px;font-weight:500;line-height:1.35}.label-small{font-size:var(--mobile-label-small);letter-spacing:.5px;font-weight:500;line-height:1.3}.container{width:100%;max-width:var(--container-max-width-mobile);padding:0 var(--container-padding-mobile);margin:0 auto}.page-container{padding:var(--mobile-spacing-lg);gap:var(--mobile-spacing-2xl)}.grid{gap:var(--grid-gutter-mobile);grid-template-columns:1fr;display:grid}.flex-column{flex-direction:column;display:flex}.flex-row{flex-direction:row;display:flex}.flex-wrap{flex-wrap:wrap}.flex-justify-center{justify-content:center}.flex-justify-end{justify-content:flex-end}.flex-align-center{align-items:center}.flex-1{flex:1}.flex-mobile,.flex-responsive-row{gap:var(--mobile-spacing-md);flex-direction:column;display:flex}@media (min-width:840px){.flex-responsive-row{flex-direction:row}}.section{padding:var(--mobile-spacing-lg);background-color:var(--md-sys-color-surface-container-low);border-radius:12px}.section-title{font-size:var(--mobile-heading-3);margin-bottom:var(--mobile-spacing-md);font-weight:700;line-height:1.3}@media (min-width:480px){:root{--current-font-size:var(--tablet-font-size);--current-line-height:var(--tablet-line-height)}body{font-size:var(--tablet-body-large);line-height:var(--tablet-line-height)}h1,.heading-1{font-size:var(--tablet-heading-1)}h2,.heading-2{font-size:var(--tablet-heading-2)}h3,.heading-3{font-size:var(--tablet-heading-3)}h4,.heading-4{font-size:var(--tablet-heading-4)}h5,.heading-5{font-size:var(--tablet-heading-5)}h6,.heading-6{font-size:var(--tablet-heading-6)}.body-large{font-size:var(--tablet-body-large)}.body-medium{font-size:var(--tablet-body-medium)}.body-small{font-size:var(--tablet-body-small)}.label-large{font-size:var(--tablet-label-large)}.label-medium{font-size:var(--tablet-label-medium)}.label-small{font-size:var(--tablet-label-small)}.container{max-width:var(--container-max-width-tablet);padding:0 var(--container-padding-tablet)}.page-container{padding:var(--tablet-spacing-lg);gap:var(--tablet-spacing-2xl)}.grid{gap:var(--grid-gutter-tablet);grid-template-columns:repeat(2,1fr)}.flex-mobile{gap:var(--tablet-spacing-md);flex-flow:wrap}.section{padding:var(--tablet-spacing-lg)}.section-title{font-size:var(--tablet-heading-3);margin-bottom:var(--tablet-spacing-md)}.row{gap:var(--tablet-spacing-md)}.row--vertical{gap:var(--tablet-spacing-lg)}.form-row{gap:var(--tablet-spacing-md)}}@media (min-width:1024px){:root{--current-font-size:var(--desktop-font-size);--current-line-height:var(--desktop-line-height)}body{font-size:var(--desktop-body-large);line-height:var(--desktop-line-height)}h1,.heading-1{font-size:var(--desktop-heading-1)}h2,.heading-2{font-size:var(--desktop-heading-2)}h3,.heading-3{font-size:var(--desktop-heading-3)}h4,.heading-4{font-size:var(--desktop-heading-4)}h5,.heading-5{font-size:var(--desktop-heading-5)}h6,.heading-6{font-size:var(--desktop-heading-6)}.body-large{font-size:var(--desktop-body-large)}.body-medium{font-size:var(--desktop-body-medium)}.body-small{font-size:var(--desktop-body-small)}.label-large{font-size:var(--desktop-label-large)}.label-medium{font-size:var(--desktop-label-medium)}.label-small{font-size:var(--desktop-label-small)}.container{max-width:var(--container-max-width-desktop);padding:0 var(--container-padding-desktop)}.page-container{padding:var(--desktop-spacing-lg);gap:var(--desktop-spacing-3xl)}.grid{gap:var(--grid-gutter-desktop);grid-template-columns:repeat(3,1fr)}.grid--2col{grid-template-columns:repeat(2,1fr)}.grid--4col{grid-template-columns:repeat(4,1fr)}.flex-mobile{gap:var(--desktop-spacing-lg);flex-direction:row}.section{padding:var(--desktop-spacing-lg)}.section-title{font-size:var(--desktop-heading-3);margin-bottom:var(--desktop-spacing-lg)}.row,.row--vertical{gap:var(--desktop-spacing-lg)}.form-row{gap:var(--desktop-spacing-md)}}@media (min-width:1440px){.container{max-width:1320px}.page-container{padding:var(--desktop-spacing-3xl);gap:var(--desktop-spacing-3xl)}.grid{grid-template-columns:repeat(4,1fr)}.section{padding:var(--desktop-spacing-2xl)}}@media (min-width:1920px){:root{--container-max-width-desktop:1600px}body{letter-spacing:.3px}h1,.heading-1{font-size:48px}h2,.heading-2{font-size:40px}.container{max-width:1600px}}.show-mobile{display:block}.show-tablet,.show-desktop,.show-tablet-desktop{display:none}@media (min-width:480px){.show-mobile{display:none}.show-tablet{display:block}}@media (min-width:1024px){.show-tablet-desktop{display:flex!important}.show-tablet{display:none}.show-desktop{display:block}}.p-mobile,.p-tablet,.p-desktop{padding:var(--mobile-spacing-lg)}@media (min-width:480px){.p-tablet{padding:var(--tablet-spacing-lg)}}@media (min-width:1024px){.p-desktop{padding:var(--desktop-spacing-lg)}}.m-mobile,.m-tablet,.m-desktop{margin:var(--mobile-spacing-md)}@media (min-width:480px){.m-tablet{margin:var(--tablet-spacing-md)}}@media (min-width:1024px){.m-desktop{margin:var(--desktop-spacing-md)}}.gap-mobile,.gap-tablet,.gap-desktop{gap:var(--mobile-spacing-md)}@media (min-width:480px){.gap-tablet{gap:var(--tablet-spacing-md)}}@media (min-width:1024px){.gap-desktop{gap:var(--desktop-spacing-md)}}
.light{--md-sys-color-primary:#216487;--md-sys-color-primary-rgb:33 100 135;--md-sys-color-surface-tint:#216487;--md-sys-color-on-primary:#fff;--md-sys-color-on-primary-rgb:255 255 255;--md-sys-color-primary-container:#c6e7ff;--md-sys-color-primary-container-rgb:198 231 255;--md-sys-color-on-primary-container:#004c6c;--md-sys-color-on-primary-container-rgb:0 76 108;--md-sys-color-secondary:#4f616e;--md-sys-color-secondary-rgb:79 97 110;--md-sys-color-on-secondary:#fff;--md-sys-color-on-secondary-rgb:255 255 255;--md-sys-color-secondary-container:#d2e5f4;--md-sys-color-secondary-container-rgb:210 229 244;--md-sys-color-on-secondary-container:#374955;--md-sys-color-on-secondary-container-rgb:55 73 85;--md-sys-color-tertiary:#62597c;--md-sys-color-tertiary-rgb:98 89 124;--md-sys-color-on-tertiary:#fff;--md-sys-color-on-tertiary-rgb:255 255 255;--md-sys-color-tertiary-container:#e8ddff;--md-sys-color-tertiary-container-rgb:232 221 255;--md-sys-color-on-tertiary-container:#4a4263;--md-sys-color-on-tertiary-container-rgb:74 66 99;--md-sys-color-error:#ba1a1a;--md-sys-color-error-rgb:186 26 26;--md-sys-color-on-error:#fff;--md-sys-color-on-error-rgb:255 255 255;--md-sys-color-error-container:#ffdad6;--md-sys-color-error-container-rgb:255 218 214;--md-sys-color-on-error-container:#93000a;--md-sys-color-on-error-container-rgb:147 0 10;--md-sys-color-background:#f6fafe;--md-sys-color-background-rgb:246 250 254;--md-sys-color-on-background:#181c20;--md-sys-color-on-background-rgb:24 28 32;--md-sys-color-surface:#f6fafe;--md-sys-color-surface-rgb:246 250 254;--md-sys-color-on-surface:#181c20;--md-sys-color-on-surface-rgb:24 28 32;--md-sys-color-surface-variant:#dde3ea;--md-sys-color-surface-variant-rgb:221 227 234;--md-sys-color-on-surface-variant:#41484d;--md-sys-color-on-surface-variant-rgb:65 72 77;--md-sys-color-outline:#71787e;--md-sys-color-outline-rgb:113 120 126;--md-sys-color-outline-variant:#c1c7ce;--md-sys-color-outline-variant-rgb:193 199 206;--md-sys-color-shadow:#000;--md-sys-color-shadow-rgb:0 0 0;--md-sys-color-scrim:#000;--md-sys-color-scrim-rgb:0 0 0;--md-sys-color-inverse-surface:#2d3135;--md-sys-color-inverse-surface-rgb:45 49 53;--md-sys-color-inverse-on-surface:#eef1f6;--md-sys-color-inverse-on-surface-rgb:238 241 246;--md-sys-color-inverse-primary:#92cef5;--md-sys-color-inverse-primary-rgb:146 206 245;--md-sys-color-primary-fixed:#c6e7ff;--md-sys-color-primary-fixed-rgb:198 231 255;--md-sys-color-on-primary-fixed:#001e2e;--md-sys-color-on-primary-fixed-rgb:0 30 46;--md-sys-color-primary-fixed-dim:#92cef5;--md-sys-color-primary-fixed-dim-rgb:146 206 245;--md-sys-color-on-primary-fixed-variant:#004c6c;--md-sys-color-on-primary-fixed-variant-rgb:0 76 108;--md-sys-color-secondary-fixed:#d2e5f4;--md-sys-color-secondary-fixed-rgb:210 229 244;--md-sys-color-on-secondary-fixed:#0b1d29;--md-sys-color-on-secondary-fixed-rgb:11 29 41;--md-sys-color-secondary-fixed-dim:#b6c9d8;--md-sys-color-secondary-fixed-dim-rgb:182 201 216;--md-sys-color-on-secondary-fixed-variant:#374955;--md-sys-color-on-secondary-fixed-variant-rgb:55 73 85;--md-sys-color-tertiary-fixed:#e8ddff;--md-sys-color-tertiary-fixed-rgb:232 221 255;--md-sys-color-on-tertiary-fixed:#1e1635;--md-sys-color-on-tertiary-fixed-rgb:30 22 53;--md-sys-color-tertiary-fixed-dim:#ccc1e9;--md-sys-color-tertiary-fixed-dim-rgb:204 193 233;--md-sys-color-on-tertiary-fixed-variant:#4a4263;--md-sys-color-on-tertiary-fixed-variant-rgb:74 66 99;--md-sys-color-surface-dim:#d7dadf;--md-sys-color-surface-dim-rgb:215 218 223;--md-sys-color-surface-bright:#f6fafe;--md-sys-color-surface-bright-rgb:246 250 254;--md-sys-color-surface-container-lowest:#fff;--md-sys-color-surface-container-lowest-rgb:255 255 255;--md-sys-color-surface-container-low:#f0f4f9;--md-sys-color-surface-container-low-rgb:240 244 249;--md-sys-color-surface-container:#ebeef3;--md-sys-color-surface-container-rgb:235 238 243;--md-sys-color-surface-container-high:#e5e8ed;--md-sys-color-surface-container-high-rgb:229 232 237;--md-sys-color-surface-container-highest:#dfe3e7;--md-sys-color-surface-container-highest-rgb:223 227 231}
.light-medium-contrast{--md-sys-color-primary:#003a54;--md-sys-color-surface-tint:#216487;--md-sys-color-on-primary:#fff;--md-sys-color-primary-container:#347397;--md-sys-color-on-primary-container:#fff;--md-sys-color-secondary:#273844;--md-sys-color-on-secondary:#fff;--md-sys-color-secondary-container:#5d6f7d;--md-sys-color-on-secondary-container:#fff;--md-sys-color-tertiary:#393151;--md-sys-color-on-tertiary:#fff;--md-sys-color-tertiary-container:#71688c;--md-sys-color-on-tertiary-container:#fff;--md-sys-color-error:#740006;--md-sys-color-on-error:#fff;--md-sys-color-error-container:#cf2c27;--md-sys-color-on-error-container:#fff;--md-sys-color-background:#f6fafe;--md-sys-color-on-background:#181c20;--md-sys-color-surface:#f6fafe;--md-sys-color-on-surface:#0d1215;--md-sys-color-surface-variant:#dde3ea;--md-sys-color-on-surface-variant:#30373c;--md-sys-color-outline:#4d5359;--md-sys-color-outline-variant:#676e74;--md-sys-color-shadow:#000;--md-sys-color-scrim:#000;--md-sys-color-inverse-surface:#2d3135;--md-sys-color-inverse-on-surface:#eef1f6;--md-sys-color-inverse-primary:#92cef5;--md-sys-color-primary-fixed:#347397;--md-sys-color-on-primary-fixed:#fff;--md-sys-color-primary-fixed-dim:#115b7d;--md-sys-color-on-primary-fixed-variant:#fff;--md-sys-color-secondary-fixed:#5d6f7d;--md-sys-color-on-secondary-fixed:#fff;--md-sys-color-secondary-fixed-dim:#455764;--md-sys-color-on-secondary-fixed-variant:#fff;--md-sys-color-tertiary-fixed:#71688c;--md-sys-color-on-tertiary-fixed:#fff;--md-sys-color-tertiary-fixed-dim:#585072;--md-sys-color-on-tertiary-fixed-variant:#fff;--md-sys-color-surface-dim:#c3c7cb;--md-sys-color-surface-bright:#f6fafe;--md-sys-color-surface-container-lowest:#fff;--md-sys-color-surface-container-low:#f0f4f9;--md-sys-color-surface-container:#e5e8ed;--md-sys-color-surface-container-high:#dadde2;--md-sys-color-surface-container-highest:#ced2d6}
.light-high-contrast{--md-sys-color-primary:#003045;--md-sys-color-surface-tint:#216487;--md-sys-color-on-primary:#fff;--md-sys-color-primary-container:#004e6f;--md-sys-color-on-primary-container:#fff;--md-sys-color-secondary:#1c2e3a;--md-sys-color-on-secondary:#fff;--md-sys-color-secondary-container:#3a4b58;--md-sys-color-on-secondary-container:#fff;--md-sys-color-tertiary:#2f2747;--md-sys-color-on-tertiary:#fff;--md-sys-color-tertiary-container:#4d4466;--md-sys-color-on-tertiary-container:#fff;--md-sys-color-error:#600004;--md-sys-color-on-error:#fff;--md-sys-color-error-container:#98000a;--md-sys-color-on-error-container:#fff;--md-sys-color-background:#f6fafe;--md-sys-color-on-background:#181c20;--md-sys-color-surface:#f6fafe;--md-sys-color-on-surface:#000;--md-sys-color-surface-variant:#dde3ea;--md-sys-color-on-surface-variant:#000;--md-sys-color-outline:#262d32;--md-sys-color-outline-variant:#434a4f;--md-sys-color-shadow:#000;--md-sys-color-scrim:#000;--md-sys-color-inverse-surface:#2d3135;--md-sys-color-inverse-on-surface:#fff;--md-sys-color-inverse-primary:#92cef5;--md-sys-color-primary-fixed:#004e6f;--md-sys-color-on-primary-fixed:#fff;--md-sys-color-primary-fixed-dim:#00374f;--md-sys-color-on-primary-fixed-variant:#fff;--md-sys-color-secondary-fixed:#3a4b58;--md-sys-color-on-secondary-fixed:#fff;--md-sys-color-secondary-fixed-dim:#233541;--md-sys-color-on-secondary-fixed-variant:#fff;--md-sys-color-tertiary-fixed:#4d4466;--md-sys-color-on-tertiary-fixed:#fff;--md-sys-color-tertiary-fixed-dim:#362e4e;--md-sys-color-on-tertiary-fixed-variant:#fff;--md-sys-color-surface-dim:#b5b9be;--md-sys-color-surface-bright:#f6fafe;--md-sys-color-surface-container-lowest:#fff;--md-sys-color-surface-container-low:#eef1f6;--md-sys-color-surface-container:#dfe3e7;--md-sys-color-surface-container-high:#d1d5d9;--md-sys-color-surface-container-highest:#c3c7cb}
.dark{--md-sys-color-primary:#92cef5;--md-sys-color-primary-rgb:146 206 245;--md-sys-color-surface-tint:#92cef5;--md-sys-color-on-primary:#00344b;--md-sys-color-on-primary-rgb:0 52 75;--md-sys-color-primary-container:#004c6c;--md-sys-color-primary-container-rgb:0 76 108;--md-sys-color-on-primary-container:#c6e7ff;--md-sys-color-on-primary-container-rgb:198 231 255;--md-sys-color-secondary:#b6c9d8;--md-sys-color-secondary-rgb:182 201 216;--md-sys-color-on-secondary:#21323e;--md-sys-color-on-secondary-rgb:33 50 62;--md-sys-color-secondary-container:#374955;--md-sys-color-secondary-container-rgb:55 73 85;--md-sys-color-on-secondary-container:#d2e5f4;--md-sys-color-on-secondary-container-rgb:210 229 244;--md-sys-color-tertiary:#ccc1e9;--md-sys-color-tertiary-rgb:204 193 233;--md-sys-color-on-tertiary:#332b4b;--md-sys-color-on-tertiary-rgb:51 43 75;--md-sys-color-tertiary-container:#4a4263;--md-sys-color-tertiary-container-rgb:74 66 99;--md-sys-color-on-tertiary-container:#e8ddff;--md-sys-color-on-tertiary-container-rgb:232 221 255;--md-sys-color-error:#ffb4ab;--md-sys-color-error-rgb:255 180 171;--md-sys-color-on-error:#690005;--md-sys-color-on-error-rgb:105 0 5;--md-sys-color-error-container:#93000a;--md-sys-color-error-container-rgb:147 0 10;--md-sys-color-on-error-container:#ffdad6;--md-sys-color-on-error-container-rgb:255 218 214;--md-sys-color-background:#101417;--md-sys-color-background-rgb:16 20 23;--md-sys-color-on-background:#dfe3e7;--md-sys-color-on-background-rgb:223 227 231;--md-sys-color-surface:#101417;--md-sys-color-surface-rgb:16 20 23;--md-sys-color-on-surface:#dfe3e7;--md-sys-color-on-surface-rgb:223 227 231;--md-sys-color-surface-variant:#41484d;--md-sys-color-surface-variant-rgb:65 72 77;--md-sys-color-on-surface-variant:#c1c7ce;--md-sys-color-on-surface-variant-rgb:193 199 206;--md-sys-color-outline:#8b9198;--md-sys-color-outline-rgb:139 145 152;--md-sys-color-outline-variant:#41484d;--md-sys-color-outline-variant-rgb:65 72 77;--md-sys-color-shadow:#000;--md-sys-color-shadow-rgb:0 0 0;--md-sys-color-scrim:#000;--md-sys-color-scrim-rgb:0 0 0;--md-sys-color-inverse-surface:#dfe3e7;--md-sys-color-inverse-surface-rgb:223 227 231;--md-sys-color-inverse-on-surface:#2d3135;--md-sys-color-inverse-on-surface-rgb:45 49 53;--md-sys-color-inverse-primary:#216487;--md-sys-color-inverse-primary-rgb:33 100 135;--md-sys-color-primary-fixed:#c6e7ff;--md-sys-color-primary-fixed-rgb:198 231 255;--md-sys-color-on-primary-fixed:#001e2e;--md-sys-color-on-primary-fixed-rgb:0 30 46;--md-sys-color-primary-fixed-dim:#92cef5;--md-sys-color-primary-fixed-dim-rgb:146 206 245;--md-sys-color-on-primary-fixed-variant:#004c6c;--md-sys-color-on-primary-fixed-variant-rgb:0 76 108;--md-sys-color-secondary-fixed:#d2e5f4;--md-sys-color-secondary-fixed-rgb:210 229 244;--md-sys-color-on-secondary-fixed:#0b1d29;--md-sys-color-on-secondary-fixed-rgb:11 29 41;--md-sys-color-secondary-fixed-dim:#b6c9d8;--md-sys-color-secondary-fixed-dim-rgb:182 201 216;--md-sys-color-on-secondary-fixed-variant:#374955;--md-sys-color-on-secondary-fixed-variant-rgb:55 73 85;--md-sys-color-tertiary-fixed:#e8ddff;--md-sys-color-tertiary-fixed-rgb:232 221 255;--md-sys-color-on-tertiary-fixed:#1e1635;--md-sys-color-on-tertiary-fixed-rgb:30 22 53;--md-sys-color-tertiary-fixed-dim:#ccc1e9;--md-sys-color-tertiary-fixed-dim-rgb:204 193 233;--md-sys-color-on-tertiary-fixed-variant:#4a4263;--md-sys-color-on-tertiary-fixed-variant-rgb:74 66 99;--md-sys-color-surface-dim:#101417;--md-sys-color-surface-dim-rgb:16 20 23;--md-sys-color-surface-bright:#353a3d;--md-sys-color-surface-bright-rgb:53 58 61;--md-sys-color-surface-container-lowest:#0a0f12;--md-sys-color-surface-container-lowest-rgb:10 15 18;--md-sys-color-surface-container-low:#181c20;--md-sys-color-surface-container-low-rgb:24 28 32;--md-sys-color-surface-container:#1c2024;--md-sys-color-surface-container-rgb:28 32 36;--md-sys-color-surface-container-high:#262a2e;--md-sys-color-surface-container-high-rgb:38 42 46;--md-sys-color-surface-container-highest:#313539;--md-sys-color-surface-container-highest-rgb:49 53 57}
.dark-medium-contrast{--md-sys-color-primary:#b9e2ff;--md-sys-color-surface-tint:#92cef5;--md-sys-color-on-primary:#00293c;--md-sys-color-primary-container:#5b97bd;--md-sys-color-on-primary-container:#000;--md-sys-color-secondary:#ccdfee;--md-sys-color-on-secondary:#162833;--md-sys-color-secondary-container:#8193a1;--md-sys-color-on-secondary-container:#000;--md-sys-color-tertiary:#e2d6ff;--md-sys-color-on-tertiary:#282140;--md-sys-color-tertiary-container:#958bb1;--md-sys-color-on-tertiary-container:#000;--md-sys-color-error:#ffd2cc;--md-sys-color-on-error:#540003;--md-sys-color-error-container:#ff5449;--md-sys-color-on-error-container:#000;--md-sys-color-background:#101417;--md-sys-color-on-background:#dfe3e7;--md-sys-color-surface:#101417;--md-sys-color-on-surface:#fff;--md-sys-color-surface-variant:#41484d;--md-sys-color-on-surface-variant:#d7dde4;--md-sys-color-outline:#acb3b9;--md-sys-color-outline-variant:#8a9197;--md-sys-color-shadow:#000;--md-sys-color-scrim:#000;--md-sys-color-inverse-surface:#dfe3e7;--md-sys-color-inverse-on-surface:#262b2e;--md-sys-color-inverse-primary:#004d6d;--md-sys-color-primary-fixed:#c6e7ff;--md-sys-color-on-primary-fixed:#00131f;--md-sys-color-primary-fixed-dim:#92cef5;--md-sys-color-on-primary-fixed-variant:#003a54;--md-sys-color-secondary-fixed:#d2e5f4;--md-sys-color-on-secondary-fixed:#01131e;--md-sys-color-secondary-fixed-dim:#b6c9d8;--md-sys-color-on-secondary-fixed-variant:#273844;--md-sys-color-tertiary-fixed:#e8ddff;--md-sys-color-on-tertiary-fixed:#140c2a;--md-sys-color-tertiary-fixed-dim:#ccc1e9;--md-sys-color-on-tertiary-fixed-variant:#393151;--md-sys-color-surface-dim:#101417;--md-sys-color-surface-bright:#414549;--md-sys-color-surface-container-lowest:#04080b;--md-sys-color-surface-container-low:#1a1e22;--md-sys-color-surface-container:#24282c;--md-sys-color-surface-container-high:#2f3337;--md-sys-color-surface-container-highest:#3a3e42}
.dark-high-contrast{--md-sys-color-primary:#e3f2ff;--md-sys-color-surface-tint:#92cef5;--md-sys-color-on-primary:#000;--md-sys-color-primary-container:#8ecaf1;--md-sys-color-on-primary-container:#000d16;--md-sys-color-secondary:#e3f2ff;--md-sys-color-on-secondary:#000;--md-sys-color-secondary-container:#b2c5d4;--md-sys-color-on-secondary-container:#000d16;--md-sys-color-tertiary:#f5edff;--md-sys-color-on-tertiary:#000;--md-sys-color-tertiary-container:#c8bde5;--md-sys-color-on-tertiary-container:#0d0624;--md-sys-color-error:#ffece9;--md-sys-color-on-error:#000;--md-sys-color-error-container:#ffaea4;--md-sys-color-on-error-container:#220001;--md-sys-color-background:#101417;--md-sys-color-on-background:#dfe3e7;--md-sys-color-surface:#101417;--md-sys-color-on-surface:#fff;--md-sys-color-surface-variant:#41484d;--md-sys-color-on-surface-variant:#fff;--md-sys-color-outline:#eaf1f7;--md-sys-color-outline-variant:#bdc3ca;--md-sys-color-shadow:#000;--md-sys-color-scrim:#000;--md-sys-color-inverse-surface:#dfe3e7;--md-sys-color-inverse-on-surface:#000;--md-sys-color-inverse-primary:#004d6d;--md-sys-color-primary-fixed:#c6e7ff;--md-sys-color-on-primary-fixed:#000;--md-sys-color-primary-fixed-dim:#92cef5;--md-sys-color-on-primary-fixed-variant:#00131f;--md-sys-color-secondary-fixed:#d2e5f4;--md-sys-color-on-secondary-fixed:#000;--md-sys-color-secondary-fixed-dim:#b6c9d8;--md-sys-color-on-secondary-fixed-variant:#01131e;--md-sys-color-tertiary-fixed:#e8ddff;--md-sys-color-on-tertiary-fixed:#000;--md-sys-color-tertiary-fixed-dim:#ccc1e9;--md-sys-color-on-tertiary-fixed-variant:#140c2a;--md-sys-color-surface-dim:#101417;--md-sys-color-surface-bright:#4c5154;--md-sys-color-surface-container-lowest:#000;--md-sys-color-surface-container-low:#1c2024;--md-sys-color-surface-container:#2d3135;--md-sys-color-surface-container-high:#383c40;--md-sys-color-surface-container-highest:#43474b}
md-filled-button,md-outlined-button,md-text-button,md-elevated-button,md-filled-tonal-button{--md-sys-typescale-label-large-font-family-name:var(--mio-theme-text-font-family)}.button-group{flex-wrap:wrap;gap:.5rem;display:flex}
.split-button{vertical-align:middle;border-radius:9999px;align-items:stretch;display:inline-flex}.split-button md-filled-button,.split-button md-outlined-button,.split-button md-elevated-button,.split-button md-filled-tonal-button,.split-button md-text-button{--md-sys-shape-corner-medium:0;--md-sys-shape-corner-large:0;--md-sys-shape-corner-small:0;--md-sys-shape-corner-full:0;margin:0}.split-button-main{border-radius:9999px 4px 4px 9999px;padding-right:8px}.split-button-arrow{border-radius:4px 9999px 9999px 4px;justify-content:center;align-items:center;min-width:48px;padding:0;display:flex}.split-button-divider{background-color:var(--md-sys-color-outline-variant);opacity:.5;z-index:1;width:1px}.button-group{border-radius:9999px;display:inline-flex}.button-group>*{--md-sys-shape-corner-full:0;margin:0}.button-group>:first-child{border-top-left-radius:9999px;border-bottom-left-radius:9999px}.button-group>:last-child{border-top-right-radius:9999px;border-bottom-right-radius:9999px}.fab-menu-container{z-index:100;flex-direction:column-reverse;align-items:center;gap:1rem;display:flex;position:relative}.fab-menu-container.open{z-index:1000}.fab-menu-items{opacity:0;pointer-events:none;flex-direction:column-reverse;align-items:center;gap:1rem;margin-bottom:1rem;transition:opacity .2s,transform .2s;display:flex;position:absolute;bottom:100%;transform:translateY(10px)}.fab-menu-items.visible{opacity:1;pointer-events:auto;transform:translateY(0)}.fab-menu-item{cursor:pointer;align-items:center;gap:.5rem;display:flex}.fab-menu-item-label{background-color:var(--md-sys-color-surface-container-high);color:var(--md-sys-color-on-surface);white-space:nowrap;border-radius:4px;padding:.25rem .5rem;font-size:.875rem;box-shadow:0 1px 3px #0003}.fab-icon-transition{transition:transform .3s}
md-filled-text-field,md-outlined-text-field,md-filled-select,md-outlined-select,md-select{width:100%}md-filled-text-field,md-outlined-text-field{--md-outlined-text-field-hover-outline-color:var(--md-sys-color-primary);--md-outlined-text-field-focus-outline-color:var(--md-sys-color-primary);--md-outlined-text-field-hover-label-text-color:var(--md-sys-color-primary);--md-outlined-text-field-focus-label-text-color:var(--md-sys-color-primary);--md-outlined-text-field-error-outline-color:var(--md-sys-color-error,#ed3312);--md-outlined-text-field-error-hover-outline-color:var(--md-sys-color-error,#ed3312);--md-outlined-text-field-error-focus-outline-color:var(--md-sys-color-error,#ed3312);--md-outlined-text-field-error-label-text-color:var(--md-sys-color-error,#ed3312);--md-outlined-text-field-error-hover-label-text-color:var(--md-sys-color-error,#ed3312);--md-outlined-text-field-error-focus-label-text-color:var(--md-sys-color-error,#ed3312);--md-outlined-text-field-error-supporting-text-color:var(--md-sys-color-error,#ed3312);--md-outlined-text-field-error-hover-supporting-text-color:var(--md-sys-color-error,#ed3312);--md-outlined-text-field-error-focus-supporting-text-color:var(--md-sys-color-error,#ed3312);--md-filled-text-field-error-active-indicator-color:var(--md-sys-color-error,#ed3312);--md-filled-text-field-error-hover-active-indicator-color:var(--md-sys-color-error,#ed3312);--md-filled-text-field-error-focus-active-indicator-color:var(--md-sys-color-error,#ed3312);--md-filled-text-field-error-label-text-color:var(--md-sys-color-error,#ed3312);--md-filled-text-field-error-hover-label-text-color:var(--md-sys-color-error,#ed3312);--md-filled-text-field-error-focus-label-text-color:var(--md-sys-color-error,#ed3312);--md-filled-text-field-error-supporting-text-color:var(--md-sys-color-error,#ed3312)}.input-label{cursor:pointer;align-items:center;gap:.5rem;display:flex}
md-linear-progress{--md-linear-progress-active-indicator-shape:8px;--md-linear-progress-track-shape:8px}md-circular-progress{stroke-linecap:round}
.md3-card{border-radius:12px;padding:0;transition:box-shadow .2s,transform .2s;position:relative}.md3-card--elevated{background-color:var(--md-sys-color-surface-container-low);box-shadow:0 1px 3px 1px #00000026,0 1px 2px #0000004d}.md3-card--filled{background-color:var(--md-sys-color-surface-container-highest);box-shadow:none}.md3-card--outlined{background-color:var(--md-sys-color-surface);border:1px solid var(--md-sys-color-outline-variant);box-shadow:none}md-dialog{--md-dialog-container-z-index:10000;z-index:10000}
md-tabs{width:100%}
md-list{background:var(--md-sys-color-surface);border-radius:8px}
.catalog-container{max-width:80rem;margin:0 auto;padding:1.5rem}.catalog-header{background-color:var(--md-sys-color-primary-container);background-image:linear-gradient(45deg, var(--md-sys-color-primary-container), var(--md-sys-color-secondary-container));background-position:50%;background-size:cover;border-radius:1.5rem;align-items:flex-end;height:16rem;margin-bottom:3rem;padding:2rem;display:flex}.catalog-header-content{color:var(--md-sys-color-on-primary-container)}.catalog-title{font-family:var(--md-sys-typescale-display-large-font);margin-top:0;margin-bottom:.5rem;font-size:3rem;font-weight:400}.catalog-subtitle{opacity:.9;margin:0;font-size:1.25rem}.catalog-section{margin-bottom:3rem}.catalog-section-title{font-family:var(--md-sys-typescale-display-small-font);color:var(--md-sys-color-on-surface);margin-bottom:1.5rem;font-size:1.875rem;font-weight:500}.catalog-grid{grid-template-columns:1fr;gap:1rem;display:grid}@media (min-width:768px){.catalog-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.catalog-grid{grid-template-columns:repeat(3,1fr)}}.catalog-card{background-color:var(--md-sys-color-surface-container-low);border:1px solid var(--md-sys-color-outline-variant);border-radius:1.5rem;flex-direction:column;gap:1rem;padding:1.5rem;display:flex;position:relative;overflow:hidden}.catalog-card-content{flex:1;justify-content:center;align-items:center;min-height:160px;display:flex;position:relative}.catalog-card-title{color:var(--md-sys-color-on-surface);opacity:.8;font-size:.875rem;font-weight:500}.flex-wrap-center{flex-wrap:wrap;justify-content:center;gap:.5rem;display:flex}.flex-gap-4{align-items:center;gap:1rem;display:flex}.flex-col-gap-3{flex-direction:column;gap:.75rem;width:100%;max-width:280px;display:flex}.w-full{width:100%}.overflow-visible{overflow:visible!important}.relative-centered{justify-content:center;align-items:center;width:100%;height:8rem;display:flex;position:relative}.catalog-grid-full{width:100%;grid-column:1/-1!important}.navigation-demo-container{border:1px solid var(--md-sys-color-outline-variant);background-color:var(--md-sys-color-surface-container-low);border-radius:24px;width:100%;height:600px;display:flex;position:relative;overflow:hidden}.navigation-bar-full-width{border:1px solid var(--md-sys-color-outline-variant);background-color:var(--md-sys-color-surface-container);border-radius:16px;width:100%;overflow:hidden}.demo-showcase-content{flex-direction:column;flex:1;gap:1.5rem;padding:2rem;display:flex;overflow-y:auto}.demo-max-width-wrapper{flex-direction:column;gap:1.5rem;width:100%;max-width:600px;margin:0 auto;display:flex}.drawer-demo{--md-navigation-drawer-container-shape:0 1.5rem 1.5rem 0}.flex-col-centered{flex-direction:column;align-items:center;gap:1.5rem;width:100%;display:flex}.menu-demo-card-content{flex-wrap:wrap;justify-content:center;gap:16px;min-height:250px;padding:2rem;display:flex}.complex-menu-demo-card-content{flex-wrap:wrap;justify-content:center;gap:16px;min-height:400px;padding:2rem;display:flex;position:relative;overflow:visible}.picker-demo-container{flex-direction:column;justify-content:center;width:100%;max-width:400px;min-height:450px;margin:0 auto;display:flex}.list-container-surface{background:var(--md-sys-color-surface-container-lowest);border-radius:.75rem;width:100%}.list-item-flex{align-items:center;gap:1rem;padding:.75rem 1rem;display:flex}.badge-wrapper{justify-content:center;align-items:center;width:3rem;height:3rem;display:flex;position:relative}
.picker-dialog{--md-dialog-container-color:var(--md-sys-color-surface-container-high);z-index:9999;border-radius:28px;flex-direction:column;width:328px;max-width:100%;display:flex;position:relative;overflow:hidden}md-dialog{--md-dialog-z-index:9999}.picker-header{border-bottom:1px solid var(--md-sys-color-outline-variant);flex-direction:column;gap:36px;padding:16px 24px;display:flex}.picker-header-label{color:var(--md-sys-color-on-surface-variant);font-family:var(--md-ref-typeface-plain);letter-spacing:.1px;text-transform:uppercase;font-size:12px;font-weight:500}.picker-header-display{font-family:var(--md-ref-typeface-plain);color:var(--md-sys-color-on-surface-variant);cursor:pointer;font-size:32px;line-height:40px}.picker-header-display.active{color:var(--md-sys-color-on-surface)}.picker-header-display-large{align-items:center;gap:4px;font-size:57px;line-height:64px;display:flex}.time-display-unit{background:var(--md-sys-color-surface-container-highest);color:var(--md-sys-color-on-surface);border-radius:8px;padding:0 4px}.time-display-unit.active{background:var(--md-sys-color-primary-container);color:var(--md-sys-color-on-primary-container)}.time-display-separator{color:var(--md-sys-color-on-surface)}.am-pm-selector{border:1px solid var(--md-sys-color-outline);border-radius:8px;flex-direction:column;margin-left:12px;display:flex;overflow:hidden}.am-pm-option{cursor:pointer;color:var(--md-sys-color-on-surface-variant);background:0 0;border:none;justify-content:center;align-items:center;padding:8px 10px;font-size:16px;font-weight:500;display:flex}.am-pm-option.active{background:var(--md-sys-color-tertiary-container);color:var(--md-sys-color-on-tertiary-container)}.am-pm-option:first-child{border-bottom:1px solid var(--md-sys-color-outline)}.picker-body{padding:10px 12px}.calendar-navigation{justify-content:space-between;align-items:center;margin-bottom:10px;padding:0 12px;display:flex}.calendar-month-year{font-family:var(--md-ref-typeface-plain);color:var(--md-sys-color-on-surface);cursor:pointer;align-items:center;gap:4px;font-size:14px;font-weight:500;display:flex}.calendar-weekdays{grid-template-columns:repeat(7,1fr);margin-bottom:4px;display:grid}.calendar-weekday{text-align:center;color:var(--md-sys-color-on-surface-variant);justify-content:center;align-items:center;width:40px;height:40px;font-size:12px;display:flex}.calendar-days{grid-template-columns:repeat(7,1fr);row-gap:2px;min-height:252px;display:grid}.calendar-day{width:40px;height:40px;color:var(--md-sys-color-on-surface);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:50%;justify-content:center;align-items:center;font-size:14px;display:flex;position:relative}.calendar-day:hover{background-color:var(--md-sys-color-surface-variant)}.calendar-day.today{border:1px solid var(--md-sys-color-primary);color:var(--md-sys-color-primary)}.calendar-day.selected{background-color:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary)}.calendar-day.outside-month{color:var(--md-sys-color-on-surface-variant);opacity:.5;pointer-events:none}.clock-face-container{background:var(--md-sys-color-surface-container-highest);border-radius:50%;width:256px;height:256px;margin:20px auto;position:relative}.clock-number{width:32px;height:32px;color:var(--md-sys-color-on-surface);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;margin-top:-16px;margin-left:-16px;font-size:16px;display:flex;position:absolute;top:50%;left:50%}.clock-number.active{background-color:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary)}.clock-hand{background-color:var(--md-sys-color-primary);transform-origin:bottom;pointer-events:none;width:2px;margin-top:-100px;margin-left:-1px;position:absolute;top:50%;left:50%}.clock-hand:after{content:"";background-color:var(--md-sys-color-primary);border-radius:50%;width:10px;height:10px;position:absolute;top:-4px;left:-4px}.clock-center-dot{background-color:var(--md-sys-color-primary);border-radius:50%;width:8px;height:8px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.picker-actions{justify-content:flex-end;gap:8px;padding:16px 24px;display:flex}.year-selector{flex-direction:column;align-items:center;height:292px;padding:8px 0;display:flex;overflow-y:auto}.year-option{cursor:pointer;color:var(--md-sys-color-on-surface);border-radius:16px;padding:12px 24px;font-size:16px;transition:background-color .2s}.year-option:hover{background-color:var(--md-sys-color-surface-variant)}.year-option.selected{background-color:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary);font-size:20px;font-weight:500}
.gap-sm{gap:var(--mobile-spacing-sm)}@media (min-width:480px){.gap-sm{gap:var(--tablet-spacing-sm)}}@media (min-width:1024px){.gap-sm{gap:var(--desktop-spacing-sm)}}.gap-md{gap:var(--mobile-spacing-md)}@media (min-width:480px){.gap-md{gap:var(--tablet-spacing-md)}}@media (min-width:1024px){.gap-md{gap:var(--desktop-spacing-md)}}.gap-lg{gap:var(--mobile-spacing-lg)}@media (min-width:480px){.gap-lg{gap:var(--tablet-spacing-lg)}}@media (min-width:1024px){.gap-lg{gap:var(--desktop-spacing-lg)}}.gap-xl{gap:var(--mobile-spacing-xl)}@media (min-width:480px){.gap-xl{gap:var(--tablet-spacing-xl)}}@media (min-width:1024px){.gap-xl{gap:var(--desktop-spacing-xl)}}.slide-container{width:100%;position:relative;overflow:hidden}.slide-track{width:100%;transition:transform .5s cubic-bezier(.4,0,.2,1);display:flex}.slide-step{opacity:1;flex-shrink:0;width:100%;transition:opacity .3s ease-in-out}.slide-step.inactive{opacity:0;pointer-events:none}
*,:before,:after{box-sizing:border-box}body{font-family:var(--mio-theme-text-font-family), system-ui, sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--md-sys-color-background);color:var(--md-sys-color-on-background);min-height:100vh;margin:0}md-icon,.material-symbols-outlined,.material-symbols-rounded{letter-spacing:normal;text-transform:none;white-space:nowrap;word-wrap:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;font-feature-settings:"liga";direction:ltr;font-size:24px;font-style:normal;font-weight:400;line-height:1;display:inline-block;font-family:Material Symbols Rounded,Material Symbols Outlined,sans-serif!important}.page-container{gap:var(--mobile-spacing-lg);flex-direction:column;max-width:100%;padding:1rem;display:flex}@media (max-width:380px){.page-container{gap:.75rem;padding:4px}}@media (min-width:768px){.page-container{gap:1.5rem;padding:1.5rem}}.section{display:block}.section-title{font-size:2rem;font-family:var(--mio-theme-display-font-family), sans-serif;margin-bottom:.75rem}.row{flex-wrap:wrap;gap:.5rem;display:flex}.row--vertical{flex-direction:column;gap:.75rem}.row--align-center{align-items:center}.form-row{flex-direction:column;gap:.5rem;display:flex}.form-row--fields{gap:1.5rem}.form-row--fields md-outlined-field,.form-row--fields md-filled-field{align-self:stretch;width:100%;min-height:56px}.field-label{cursor:pointer;align-items:center;gap:.5rem;display:flex}.progress-row{flex-direction:column;gap:1rem;display:flex}.circular-progress-wrap{width:3rem;height:3rem}.select-wrap{min-width:12.5rem}.theme-settings-panel{background-color:var(--md-sys-color-surface-container);border-radius:1rem;flex-direction:column;gap:1.5rem;padding:1.5rem;display:flex}.theme-settings-header{font-size:1rem;font-family:var(--md-sys-typescale-title-medium-font);margin:0 0 .5rem;font-weight:500}.catalog-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:2rem;width:100%;display:grid}.catalog-section{border:1px solid var(--md-sys-color-outline-variant);background:var(--md-sys-color-surface);border-radius:12px;flex-direction:column;gap:1rem;padding:1rem;display:flex}.card-example{text-align:center;border-radius:12px;justify-content:center;align-items:center;width:100px;height:100px;padding:1rem;font-size:.8rem;display:flex}.card-elevated{background:var(--md-sys-color-surface-container-low);box-shadow:0 1px 3px 1px #00000026,0 1px 2px #0000004d}.card-filled{background:var(--md-sys-color-surface-variant)}.card-outlined{background:var(--md-sys-color-surface);border:1px solid var(--md-sys-color-outline)}.badge-dot{background:var(--md-sys-color-error);border-radius:50%;width:6px;height:6px;position:absolute;top:5px;right:5px}.badge-num{background:var(--md-sys-color-error);height:16px;color:var(--md-sys-color-on-error);border-radius:8px;justify-content:center;align-items:center;font-size:10px;display:flex;position:absolute;top:-4px;right:-4px}md-dialog.import-xl-dialog{--md-dialog-container-max-block-size:92vh;--md-dialog-container-max-inline-size:min(1280px, 92vw);--md-dialog-container-min-inline-size:min(1280px, 92vw)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--md-sys-color-surface-container-low);border-radius:5px}::-webkit-scrollbar-thumb{background:var(--md-sys-color-outline-variant);border:2px solid var(--md-sys-color-surface-container-low);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:var(--md-sys-color-outline)}*{scrollbar-width:thin;scrollbar-color:var(--md-sys-color-outline-variant) var(--md-sys-color-surface-container-low)}#culqi-container,.culqi_checkout,div#culqi_checkout,[id^=culqi]>div:first-child,body>div[style*=z-index]>iframe[src*=culqi],div[style*=z-index][style*="background-color: rgb(255, 255, 255)"],div[style*=z-index][style*="background-color: #ffffff"],div[style*=z-index][style*=background-color\:white]{-webkit-backdrop-filter:blur(8px)!important;background:#0009!important}.culqi_checkout,#culqi-container{z-index:99999!important}body>div[style*=z-index]:has(iframe[src*=culqi]){z-index:99999!important}