:root {
    --md-icon-font: 'Material Symbols Rounded';
    --md-ref-typeface-brand: "Google Sans Flex";
    --md-ref-typeface-plain: "Google Sans Flex";
    --md-sys-spacing-1: 0.25rem;
    --md-sys-spacing-2: 0.5rem;
    --md-sys-spacing-3: 0.75rem;
    --md-sys-spacing-4: 1rem;
    --md-sys-spacing-6: 1.5rem;
    --md-sys-spacing-8: 2rem;
    --md-sys-shape-corner-small: 0.25rem;
    --md-sys-shape-corner-medium: 0.75rem;
    --md-sys-shape-corner-large: 1rem;
    --md-sys-shape-corner-extra-large: 1.75rem;
    --md-sys-shape-corner-extra-large-inner: 0.75rem;
    --md-sys-shape-corner-large-inner: 0;
    --md-sys-shape-corner-full: 9999px;
}

:focus-visible {
    outline: 0.1875rem solid var(--md-sys-color-primary);
    outline-offset: 0.125rem;
}