:root,.dark{--bd-background:var(--background);--bd-foreground:var(--foreground);--bd-card:var(--card);--bd-card-foreground:var(--card-foreground);--bd-popover:var(--popover);--bd-popover-foreground:var(--popover-foreground);--bd-primary:var(--primary);--bd-primary-foreground:var(--primary-foreground);--bd-secondary:var(--secondary);--bd-secondary-foreground:var(--secondary-foreground);--bd-muted:var(--muted);--bd-muted-foreground:var(--muted-foreground);--bd-accent:var(--accent);--bd-accent-foreground:var(--accent-foreground);--bd-destructive:var(--destructive);--bd-destructive-foreground:var(--destructive-foreground);--bd-border:var(--border);--bd-input:var(--input);--bd-ring:var(--ring);--bd-brand:var(--brand);--bd-brand-foreground:var(--brand-foreground);--bd-brand-deep:var(--brand-deep);--bd-brand-subtle:var(--brand-subtle);--bd-brand-wash:var(--brand-wash);--bd-brand-wash-2:var(--brand-wash-2);--bd-brand-wash-3:var(--brand-wash-3);--bd-ink-400:var(--ink-400);--bd-ink-500:var(--ink-500);--bd-ink-600:var(--ink-600);--bd-ink-700:var(--ink-700);--bd-ink-800:var(--ink-800);--bd-ink-900:var(--ink-900);--bd-success:var(--success);--bd-success-subtle:var(--success-subtle);--bd-success-strong:var(--success-strong);--bd-success-foreground:var(--success-foreground);--bd-warning:var(--warning);--bd-warning-subtle:var(--warning-subtle);--bd-warning-strong:var(--warning-strong);--bd-warning-foreground:var(--warning-foreground);--bd-info:var(--info);--bd-info-subtle:var(--info-subtle);--bd-info-strong:var(--info-strong);--bd-info-foreground:var(--info-foreground);--bd-error:var(--error);--bd-error-subtle:var(--error-subtle);--bd-error-strong:var(--error-strong);--bd-chart-1:var(--chart-1);--bd-chart-2:var(--chart-2);--bd-chart-3:var(--chart-3);--bd-chart-4:var(--chart-4);--bd-chart-5:var(--chart-5);--bd-brand-bg-top:#fcfbfe;--bd-brand-gradient:linear-gradient(135deg, var(--brand) 0%, var(--brand-deep) 100%);--bd-brand-glow:0 1px 2px color-mix(in srgb, var(--brand) 50%, transparent), 0 8px 24px color-mix(in srgb, var(--brand) 18%, transparent);--bd-page-background:linear-gradient(180deg, var(--bd-brand-bg-top) 0%, var(--brand-wash-3) 100%);--bd-shadow-card-xs:0 1px 2px color-mix(in srgb, var(--ink-900) 3%, transparent);--bd-shadow-card-sm:0 1px 2px color-mix(in srgb, var(--ink-900) 5%, transparent), 0 8px 24px color-mix(in srgb, var(--ink-900) 6%, transparent);--bd-shadow-card-md:0 4px 12px color-mix(in srgb, var(--ink-900) 8%, transparent)}
@property --sfx-l{syntax:"<length>";inherits:false;initial-value:0}@property --sfx-r{syntax:"<length>";inherits:false;initial-value:0}@keyframes sfx-left{0%{--sfx-l:0px}15%,to{--sfx-l:24px}}@keyframes sfx-right{0%,85%{--sfx-r:24px}to{--sfx-r:0px}}@supports (animation-timeline:scroll(self x)){.scroll-fade-x{-webkit-mask-image:linear-gradient(to right, transparent, black var(--sfx-l), black calc(100% - var(--sfx-r)), transparent);-webkit-mask-image:linear-gradient(to right, transparent, black var(--sfx-l), black calc(100% - var(--sfx-r)), transparent);mask-image:linear-gradient(to right, transparent, black var(--sfx-l), black calc(100% - var(--sfx-r)), transparent);animation-name:sfx-left,sfx-right;animation-duration:0s,0s;animation-timing-function:linear,linear;animation-iteration-count:1,1;animation-direction:normal,normal;animation-play-state:running,running;animation-delay:0s,0s;animation-fill-mode:both,both;animation-timeline:scroll(self x)}}
