@layer components{:where([data-slot=button]){--button-bg:transparent;--button-fg:var(--kobber-active-fg);background-color:var(--button-bg);min-height:2.5rem;color:var(--button-fg);font-family:var(--kobber-font-family-sans,"PP Mori",system-ui,sans-serif);cursor:pointer;border:none;border-radius:.5rem;font-weight:400;transition-property:background-color,color,border-color,opacity,transform,-webkit-text-decoration,text-decoration;transition-duration:.15s;transition-timing-function:ease-out}:where([data-slot=button][data-variant=primary]){--button-bg:var(--kobber-interactive-primary-bg,var(--kobber-opposite-bg));--button-fg:var(--kobber-interactive-primary-fg,var(--kobber-opposite-fg))}:where([data-slot=button][data-variant=secondary]){--button-bg:var(--kobber-interactive-secondary-bg,var(--kobber-active-bg));--button-fg:var(--kobber-interactive-secondary-fg,var(--kobber-active-fg))}:where([data-slot=button][data-variant=tertiary]){--button-bg:transparent;--button-fg:var(--kobber-active-fg)}:where([data-slot=button][data-variant=primary]):hover:not(:disabled),:where([data-slot=button][data-variant=secondary]):hover:not(:disabled){opacity:.9}:where([data-slot=button][data-variant=primary]):active:not(:disabled),:where([data-slot=button][data-variant=secondary]):active:not(:disabled){opacity:.8}:where([data-slot=button]):focus-visible{outline:2px solid var(--kobber-active-accent,var(--button-fg));outline-offset:2px}:where([data-slot=button]):disabled,:where([data-slot=button])[aria-disabled=true]{opacity:.5;pointer-events:none;cursor:not-allowed}:where([data-slot=button][data-variant=tertiary]){border:none;border-radius:0;text-decoration:none}:where([data-slot=button][data-size=sm]){min-height:2rem;font-size:.875rem}:where([data-slot=button][data-size=md]){min-height:2.5rem;font-size:1rem}:where([data-slot=button][data-size=lg]){min-height:3rem;font-size:1.125rem}:where([data-slot=button][data-icon-only=true]){aspect-ratio:1;justify-content:center;align-items:center;padding:0}[data-slot=button][data-size^=icon-circle]{aspect-ratio:1;border:none;place-items:center;font-size:0;line-height:0;display:grid;overflow:visible;min-height:unset!important;min-width:unset!important;border-radius:9999px!important;padding:0!important}:where(a[data-slot=button]){text-decoration:none;display:inline-flex}:where(a[data-slot=button]):hover{text-decoration:none}}