@layer components{:root{--bf-space-1:calc(.25rem * var(--bf-space-scale));--bf-space-2:calc(.5rem * var(--bf-space-scale));--bf-space-3:calc(.75rem * var(--bf-space-scale));--bf-space-4:calc(1rem * var(--bf-space-scale));--bf-space-5:calc(1.5rem * var(--bf-space-scale));--bf-space-6:calc(2rem * var(--bf-space-scale));--bf-space-7:calc(3rem * var(--bf-space-scale));--bf-space-8:calc(4rem * var(--bf-space-scale));--bf-control-height:calc(2.5rem * var(--bf-space-scale));--bf-type-xs:calc(.75rem * var(--bf-type-scale));--bf-type-sm:calc(.875rem * var(--bf-type-scale));--bf-type-base:calc(1rem * var(--bf-type-scale));--bf-type-md:calc(clamp(1rem, .9375rem + .3125vw, 1.125rem) * var(--bf-type-scale));--bf-type-lg:calc(clamp(1.125rem, 1rem + .625vw, 1.375rem) * var(--bf-type-scale));--bf-type-xl:calc(clamp(1.375rem, 1.125rem + 1.25vw, 1.875rem) * var(--bf-type-scale));--bf-type-2xl:calc(clamp(1.75rem, 1.375rem + 1.875vw, 2.5rem) * var(--bf-type-scale));--bf-space-scale:1;--bf-type-scale:1}[data-density=compact]{--bf-space-scale:.75;--bf-type-scale:.9375;--bf-density:compact;--bf-space-1:calc(.25rem * var(--bf-space-scale));--bf-space-2:calc(.5rem * var(--bf-space-scale));--bf-space-3:calc(.75rem * var(--bf-space-scale));--bf-space-4:calc(1rem * var(--bf-space-scale));--bf-space-5:calc(1.5rem * var(--bf-space-scale));--bf-space-6:calc(2rem * var(--bf-space-scale));--bf-space-7:calc(3rem * var(--bf-space-scale));--bf-space-8:calc(4rem * var(--bf-space-scale));--bf-control-height:calc(2.5rem * var(--bf-space-scale));--bf-type-xs:calc(.75rem * var(--bf-type-scale));--bf-type-sm:calc(.875rem * var(--bf-type-scale));--bf-type-base:calc(1rem * var(--bf-type-scale));--bf-type-md:calc(clamp(1rem, .9375rem + .3125vw, 1.125rem) * var(--bf-type-scale));--bf-type-lg:calc(clamp(1.125rem, 1rem + .625vw, 1.375rem) * var(--bf-type-scale));--bf-type-xl:calc(clamp(1.375rem, 1.125rem + 1.25vw, 1.875rem) * var(--bf-type-scale));--bf-type-2xl:calc(clamp(1.75rem, 1.375rem + 1.875vw, 2.5rem) * var(--bf-type-scale))}[data-density=comfortable]{--bf-space-scale:1;--bf-type-scale:1;--bf-density:comfortable;--bf-space-1:calc(.25rem * var(--bf-space-scale));--bf-space-2:calc(.5rem * var(--bf-space-scale));--bf-space-3:calc(.75rem * var(--bf-space-scale));--bf-space-4:calc(1rem * var(--bf-space-scale));--bf-space-5:calc(1.5rem * var(--bf-space-scale));--bf-space-6:calc(2rem * var(--bf-space-scale));--bf-space-7:calc(3rem * var(--bf-space-scale));--bf-space-8:calc(4rem * var(--bf-space-scale));--bf-control-height:calc(2.5rem * var(--bf-space-scale));--bf-type-xs:calc(.75rem * var(--bf-type-scale));--bf-type-sm:calc(.875rem * var(--bf-type-scale));--bf-type-base:calc(1rem * var(--bf-type-scale));--bf-type-md:calc(clamp(1rem, .9375rem + .3125vw, 1.125rem) * var(--bf-type-scale));--bf-type-lg:calc(clamp(1.125rem, 1rem + .625vw, 1.375rem) * var(--bf-type-scale));--bf-type-xl:calc(clamp(1.375rem, 1.125rem + 1.25vw, 1.875rem) * var(--bf-type-scale));--bf-type-2xl:calc(clamp(1.75rem, 1.375rem + 1.875vw, 2.5rem) * var(--bf-type-scale))}}