@property --button-primary-bg-from{syntax:"<color>";inherits:false;initial-value:#000}@property --button-primary-bg-to{syntax:"<color>";inherits:false;initial-value:#000}:root .button-primary{background-image:radial-gradient(at center -10%,var(--button-primary-bg-from)0%,var(--button-primary-bg-to)100%);background-color:var(--button-primary-bg-fallback);border-color:var(--button-primary-border);color:var(--button-primary-text);transition-property:color,border-color,--button-primary-bg-from,--button-primary-bg-to}:root .button-primary:hover,:root .button-primary[data-state=open]{--button-primary-bg-from:var(--button-primary-bg-hover-from);--button-primary-bg-to:var(--button-primary-bg-hover-to);border-color:var(--button-primary-border-hover);color:var(--button-primary-text-hover)}:root .button-primary:focus-visible{--button-primary-bg-from:var(--button-primary-bg-focus-from);--button-primary-bg-to:var(--button-primary-bg-focus-to);border-color:var(--button-primary-border-focus);color:var(--button-primary-text-focus)}:root .button-primary:active,:root .button-primary[data-active=true]{--button-primary-bg-from:var(--button-primary-bg-active-from);--button-primary-bg-to:var(--button-primary-bg-active-to);border-color:var(--button-primary-border-active);color:var(--button-primary-text-active)}:root .button-primary:disabled{--button-primary-bg-from:var(--button-primary-bg-disabled-from);--button-primary-bg-to:var(--button-primary-bg-disabled-to);border-color:var(--button-primary-border-disabled);color:var(--button-primary-text-disabled-foreground)}@supports ((-webkit-hyphens:none)){:root .button-primary{background-image:none;background-color:var(--button-primary-bg-fallback);transition-property:color,border-color,background-color}:root .button-primary:hover,:root .button-primary[data-state=open]{background-color:var(--button-primary-bg-hover-fallback)}:root .button-primary:focus-visible{background-color:var(--button-primary-bg-focus-fallback)}:root .button-primary:active,:root .button-primary[data-active=true]{background-color:var(--button-primary-bg-active-fallback)}:root .button-primary:disabled{background-color:var(--button-primary-bg-disabled-fallback)}}:root .button-primary{--button-primary-bg-from:var(--color-black-200);--button-primary-bg-to:var(--color-black-200);--button-primary-bg-fallback:var(--color-black-200);--button-primary-border:var(--color-black-600);--button-primary-text:var(--color-white-300);--button-primary-bg-hover-from:var(--color-black-600);--button-primary-bg-hover-to:var(--color-black-200);--button-primary-bg-hover-fallback:var(--color-black-500);--button-primary-border-hover:var(--color-black-600);--button-primary-text-hover:var(--color-white-100);--button-primary-bg-focus-from:var(--color-black-600);--button-primary-bg-focus-to:var(--color-black-200);--button-primary-bg-focus-fallback:var(--color-black-500);--button-primary-border-focus:var(--color-black-600);--button-primary-text-focus:var(--color-white-100);--button-primary-bg-active-from:var(--color-black-500);--button-primary-bg-active-to:var(--color-black-500);--button-primary-bg-active-fallback:var(--color-black-600);--button-primary-border-active:var(--color-black-600);--button-primary-text-active:var(--color-white-100);--button-primary-bg-disabled-from:var(--color-white-900);--button-primary-bg-disabled-to:var(--color-white-900);--button-primary-bg-disabled-fallback:var(--color-white-900);--button-primary-border-disabled:var(--color-white-900);--button-primary-text-disabled-foreground:var(--color-white-100)}.dark .button-primary{--button-primary-bg-from:var(--color-black-400);--button-primary-bg-to:var(--color-black-400);--button-primary-bg-fallback:var(--color-black-400);--button-primary-border:#50596780;--button-primary-text:var(--color-white-400);--button-primary-bg-hover-from:var(--color-black-500);--button-primary-bg-hover-to:var(--color-black-400);--button-primary-bg-hover-fallback:var(--color-black-600);--button-primary-border-hover:var(--color-black-600);--button-primary-text-hover:var(--color-white-100);--button-primary-bg-focus-from:var(--color-black-600);--button-primary-bg-focus-to:var(--color-black-500);--button-primary-bg-focus-fallback:var(--color-black-600);--button-primary-border-focus:var(--color-black-600);--button-primary-text-focus:var(--color-white-100);--button-primary-bg-active-from:var(--color-black-600);--button-primary-bg-active-to:var(--color-black-600);--button-primary-bg-active-fallback:var(--color-black-600);--button-primary-border-active:var(--color-black-700);--button-primary-text-active:var(--color-white-100);--button-primary-bg-disabled-from:var(--color-black-500);--button-primary-bg-disabled-to:var(--color-black-500);--button-primary-bg-disabled-fallback:var(--color-black-500);--button-primary-border-disabled:#50596780;--button-primary-text-disabled-foreground:var(--color-black-200)}.blue .button-primary{--button-primary-bg-from:var(--color-blue-450);--button-primary-bg-to:var(--color-blue-450);--button-primary-bg-fallback:var(--color-blue-450);--button-primary-border:var(--color-blue-400);--button-primary-text:var(--color-white-300);--button-primary-bg-hover-from:var(--color-white-100);--button-primary-bg-hover-to:#c8dcffb2;--button-primary-bg-hover-fallback:var(--color-white-200);--button-primary-border-hover:var(--color-blue-400);--button-primary-text-hover:var(--color-blue-500);--button-primary-bg-focus-from:var(--color-white-100);--button-primary-bg-focus-to:#c8dcffb2;--button-primary-bg-focus-fallback:var(--color-white-200);--button-primary-border-focus:var(--color-blue-400);--button-primary-text-focus:var(--color-blue-500);--button-primary-bg-active-from:var(--color-white-100);--button-primary-bg-active-to:var(--color-white-100);--button-primary-bg-active-fallback:var(--color-white-100);--button-primary-border-active:var(--color-blue-400);--button-primary-text-active:var(--color-blue-500);--button-primary-bg-disabled-from:var(--color-blue-450);--button-primary-bg-disabled-to:var(--color-blue-450);--button-primary-bg-disabled-fallback:var(--color-blue-450);--button-primary-border-disabled:var(--color-blue-400);--button-primary-text-disabled-foreground:var(--color-blue-500)}:root{--button-outline-bg:var(--color-white-100);--button-outline-border:var(--color-white-800);--button-outline-text:var(--color-black-400);--button-outline-bg-hover:var(--color-white-100);--button-outline-border-hover:var(--color-black-700);--button-outline-text-hover:var(--color-black-400);--button-outline-bg-focus:var(--color-white-100);--button-outline-border-focus:var(--color-black-700);--button-outline-text-focus:var(--color-black-400);--button-outline-bg-active:var(--color-white-300);--button-outline-border-active:var(--color-black-500);--button-outline-text-active:var(--color-black-300);--button-outline-bg-disabled:var(--color-white-100);--button-outline-border-disabled:var(--color-white-500);--button-outline-text-disabled-foreground:var(--color-white-800)}:root .button-outline{background:var(--button-outline-bg);border-color:var(--button-outline-border);color:var(--button-outline-text)}:root .button-outline:hover,:root .button-outline[data-state=open]{background:var(--button-outline-bg-hover);border-color:var(--button-outline-border-hover);color:var(--button-outline-text-hover)}:root .button-outline:focus-visible{background:var(--button-outline-bg-focus);border-color:var(--button-outline-border-focus);color:var(--button-outline-text-focus)}:root .button-outline:active,:root .button-outline[data-active=true]{background:var(--button-outline-bg-active);border-color:var(--button-outline-border-active);color:var(--button-outline-text-active)}:root .button-outline:disabled{background:var(--button-outline-bg-disabled);border-color:var(--button-outline-border-disabled);color:var(--button-outline-text-disabled-foreground)}.dark{--button-outline-bg:var(--color-black-50);--button-outline-border:var(--color-black-400);--button-outline-text:var(--color-white-400);--button-outline-bg-hover:var(--color-black-100);--button-outline-border-hover:var(--color-black-500);--button-outline-text-hover:var(--color-white-400);--button-outline-bg-focus:var(--color-black-200);--button-outline-border-focus:var(--color-black-600);--button-outline-text-focus:var(--color-white-400);--button-outline-bg-active:var(--color-black-350);--button-outline-border-active:var(--color-white-100);--button-outline-text-active:var(--color-white-100);--button-outline-bg-disabled:var(--color-black-200);--button-outline-border-disabled:var(--color-black-400);--button-outline-text-disabled-foreground:var(--color-black-500)}.blue{--button-outline-bg:var(--color-blue-500);--button-outline-border:var(--color-blue-400);--button-outline-text:var(--color-white-400);--button-outline-bg-hover:var(--color-blue-500);--button-outline-border-hover:var(--color-white-500);--button-outline-text-hover:var(--color-white-400);--button-outline-bg-focus:var(--color-blue-500);--button-outline-border-focus:var(--color-white-500);--button-outline-text-focus:var(--color-white-400);--button-outline-bg-active:var(--color-blue-450);--button-outline-border-active:var(--color-white-100);--button-outline-text-active:var(--color-white-100);--button-outline-bg-disabled:var(--color-blue-500);--button-outline-border-disabled:var(--color-blue-400);--button-outline-text-disabled-foreground:var(--color-blue-400)}:root{--button-ghost-bg:transparent;--button-ghost-text:var(--color-black-400);--button-ghost-bg-hover:var(--color-white-300);--button-ghost-text-hover:var(--color-black-300);--button-ghost-bg-focus:var(--color-white-300);--button-ghost-text-focus:var(--color-black-300);--button-ghost-bg-active:var(--color-white-400);--button-ghost-text-active:var(--color-black-200);--button-ghost-bg-disabled:transparent;--button-ghost-text-disabled-foreground:var(--color-white-900)}:root .button-ghost{background:var(--button-ghost-bg);color:var(--button-ghost-text);border-color:#0000}:root .button-ghost:hover,:root .button-ghost[data-state=open]{background:var(--button-ghost-bg-hover);color:var(--button-ghost-text-hover)}:root .button-ghost:focus-visible{background:var(--button-ghost-bg-focus);color:var(--button-ghost-text-focus)}:root .button-ghost:active,:root .button-ghost[data-active=true]{background:var(--button-ghost-bg-active);color:var(--button-ghost-text-active)}:root .button-ghost:disabled{background:var(--button-ghost-bg-disabled);color:var(--button-ghost-text-disabled-foreground)}.dark{--button-ghost-bg:transparent;--button-ghost-text:var(--color-white-500);--button-ghost-bg-hover:var(--color-black-400);--button-ghost-text-hover:var(--color-white-100);--button-ghost-bg-focus:var(--color-black-400);--button-ghost-text-focus:var(--color-white-100);--button-ghost-bg-active:var(--color-black-500);--button-ghost-text-active:var(--color-white-100);--button-ghost-bg-disabled:transparent;--button-ghost-text-disabled-foreground:var(--color-black-600)}.blue{--button-ghost-bg:transparent;--button-ghost-text:var(--color-white-500);--button-ghost-bg-hover:var(--color-blue-450);--button-ghost-text-hover:var(--color-white-100);--button-ghost-bg-focus:var(--color-blue-450);--button-ghost-text-focus:var(--color-white-100);--button-ghost-bg-active:var(--color-blue-400);--button-ghost-text-active:var(--color-white-100);--button-ghost-bg-disabled:transparent;--button-ghost-text-disabled-foreground:var(--color-blue-400)}