@layer components{:root{--c-datebadge--border-radius:var(--border-radius);--c-datebadge--border-width:var(--border-width);--c-datebadge--space:var(--space);--c-datebadge--color--primary:var(--color--primary);--c-datebadge--color--secondary:var(--color--secondary);--c-datebadge--color--surface:var(--color--surface);--c-datebadge--color--surface-contrast:var(--color--surface-contrast);--c-datebadge--color--surface-border:var(--color--surface-border);--c-datebadge--corner-shape:var(--corner-shape);--c-datebadge--color--primary-contrast:var(--color--primary-contrast);--c-datebadge--color--primary-border:var(--color--primary-border);--c-datebadge--color--secondary-contrast:var(--color--secondary-contrast);--c-datebadge--color--secondary-border:var(--color--secondary-border)}.c-datebadge{--c-datebadge--border:calc((var(--c-datebadge--border-width, var(--border-width)))*var(--base)*1) solid}.c-datebadge .c-datebadge__container,.c-datebadge .c-datebadge__daymonth{align-items:center;background-color:var(--c-datebadge--bg,var(--c-datebadge--color--surface,var(--inherit-color-background,var(--c-datebadge--color--surface-default,var(--color--surface)))));border:var(--c-datebadge--border);border-color:var(--c-datebadge--border-clr,var(--c-datebadge--color--surface-border,var(--inherit-color-border,var(--c-datebadge--color--surface-border-default,var(--color--surface-border)))));border-radius:calc((var(--c-datebadge--border-radius, var(--border-radius)))*var(--base)*1);color:var(--c-datebadge--fg,var(--c-datebadge--color--surface-contrast,var(--inherit-color-contrast,var(--c-datebadge--color--surface-contrast-default,var(--color--surface-contrast)))));display:inline-flex;flex-direction:column;font-family:var(--font-family-heading,inherit);font-size:var(--c-datebadge--font-size,1.375rem);padding:calc((var(--c-datebadge--space, var(--space)))*var(--base)*.5) calc((var(--c-datebadge--space, var(--space)))*var(--base)*.5) 0}.c-datebadge .c-datebadge__container,.c-datebadge .c-datebadge__daymonth,.c-datebadge .c-datebadge__month{corner-shape:var(--c-datebadge--corner-shape,var(--corner-shape));backdrop-filter:var(--c-datebadge--backdrop,unset)}.c-datebadge .c-datebadge__month{background-color:var(--c-datebadge--month-bg,var(--c-datebadge--color--surface-border,var(--inherit-color-border,var(--c-datebadge--color--surface-border-default,var(--color--surface-border)))));border-radius:calc((var(--c-datebadge--border-radius, var(--border-radius)))*var(--base)*.5);font-size:max(.875rem,56.25%);line-height:1;padding:calc((var(--c-datebadge--space, var(--space)))*var(--base)*.5) calc((var(--c-datebadge--space, var(--space)))*var(--base)*1.5);text-transform:capitalize}.c-datebadge .c-datebadge__date{line-height:1;padding:calc((var(--c-datebadge--space, var(--space)))*var(--base)*.75)}.c-datebadge--primary{--c-datebadge--bg:var(--c-datebadge--color--primary,var(--color--primary));--c-datebadge--fg:var(--c-datebadge--color--primary-contrast,var(--color--primary-contrast));--c-datebadge--border-clr:var(--c-datebadge--color--primary-border,var(--color--primary-border));--c-datebadge--month-bg:color-mix(in srgb,var(--c-datebadge--color--primary-contrast,var(--color--primary-contrast)) 15%,var(--c-datebadge--color--primary,var(--color--primary)))}.c-datebadge--secondary{--c-datebadge--bg:var(--c-datebadge--color--secondary,var(--color--secondary));--c-datebadge--fg:var(--c-datebadge--color--secondary-contrast,var(--color--secondary-contrast));--c-datebadge--border-clr:var(--c-datebadge--color--secondary-border,var(--color--secondary-border));--c-datebadge--month-bg:color-mix(in srgb,var(--c-datebadge--color--secondary-contrast,var(--color--secondary-contrast)) 15%,var(--c-datebadge--color--secondary,var(--color--secondary)))}.c-datebadge--translucent{--c-datebadge--bg:color-mix(in srgb,var(--c-datebadge--color--surface,var(--inherit-color-background,var(--c-datebadge--color--surface-default,var(--color--surface)))) 50%,transparent);--c-datebadge--fg:var(--c-datebadge--color--surface-contrast,var(--inherit-color-contrast,var(--c-datebadge--color--surface-contrast-default,var(--color--surface-contrast))));--c-datebadge--month-bg:color-mix(in srgb,var(--c-datebadge--color--surface,var(--inherit-color-background,var(--c-datebadge--color--surface-default,var(--color--surface)))) 10%,transparent);--c-datebadge--border-clr:color-mix(in srgb,var(--c-datebadge--color--surface-border,var(--inherit-color-border,var(--c-datebadge--color--surface-border-default,var(--color--surface-border)))) 50%,transparent);--c-datebadge--backdrop:saturate(300%) blur(calc(var(--base, 8px)*1.5)) brightness(200%)}.c-datebadge--translucent.c-datebadge--primary{--c-datebadge--bg:color-mix(in srgb,var(--c-datebadge--color--primary,var(--color--primary)) 50%,transparent);--c-datebadge--fg:var(--c-datebadge--color--primary-contrast,var(--color--primary-contrast));--c-datebadge--month-bg:color-mix(in srgb,var(--c-datebadge--color--primary,var(--color--primary)) 10%,transparent);--c-datebadge--backdrop:saturate(300%) blur(calc(var(--base, 8px)*2)) brightness(100%);--c-datebadge--border-clr:color-mix(in srgb,var(--c-datebadge--color--primary-border,var(--color--primary-border)) 50%,transparent)}.c-datebadge--translucent.c-datebadge--secondary{--c-datebadge--bg:color-mix(in srgb,var(--c-datebadge--color--secondary,var(--color--secondary)) 50%,transparent);--c-datebadge--fg:var(--c-datebadge--color--secondary-contrast,var(--color--secondary-contrast));--c-datebadge--month-bg:color-mix(in srgb,var(--c-datebadge--color--secondary,var(--color--secondary)) 10%,transparent);--c-datebadge--backdrop:saturate(300%) blur(calc(var(--base, 8px)*2)) brightness(100%);--c-datebadge--border-clr:color-mix(in srgb,var(--c-datebadge--color--secondary-border,var(--color--secondary-border)) 50%,transparent)}.c-datebadge.c-datebadge--sm{--c-datebadge--font-size:1.125rem}.c-datebadge.c-datebadge--sm .c-datebadge__container,.c-datebadge.c-datebadge--sm .c-datebadge__daymonth{padding:calc((var(--c-datebadge--space, var(--space)))*var(--base)*.5) calc((var(--c-datebadge--space, var(--space)))*var(--base)*.5) 0}.c-datebadge.c-datebadge--sm .c-datebadge__date{padding:calc((var(--c-datebadge--space, var(--space)))*var(--base)*.5)}.c-datebadge.c-datebadge--sm .c-datebadge__month{padding:calc((var(--c-datebadge--space, var(--space)))*var(--base)*.5) calc((var(--c-datebadge--space, var(--space)))*var(--base)*1)}.c-datebadge.c-datebadge--lg{--c-datebadge--font-size:2rem}.c-datebadge.c-datebadge--lg .c-datebadge__date{padding:calc((var(--c-datebadge--space, var(--space)))*var(--base)*1.25)}.c-datebadge.c-datebadge--lg .c-datebadge__month{padding:calc((var(--c-datebadge--space, var(--space)))*var(--base)*1) calc((var(--c-datebadge--space, var(--space)))*var(--base)*1.75)}}