@property --button-primary-bg-from{syntax:"<color>";inherits:false;initial-value:red}@property --button-primary-bg-to{syntax:"<color>";inherits:false;initial-value:red}:root .button-primary{background:linear-gradient(to bottom,var(--button-primary-bg-from) 0,var(--button-primary-bg-to) 100%),#fff;border:1px solid var(--button-primary-border);color:var(--button-primary-text);transition-property:color,border-color,box-shadow,--button-primary-bg-from,--button-primary-bg-to;transition-duration:.15s;transition-timing-function:ease-in-out}:root .button-primary:hover,:root .button-primary[data-state=open]{--button-primary-bg-from:var(--button-primary-bg-from-hover);--button-primary-bg-to:var(--button-primary-bg-to-hover);border:1px solid var(--button-primary-border-hover);color:var(--button-primary-text-hover);box-shadow:var(--button-primary-shadow-hover)}:root .button-primary:focus-visible{--button-primary-bg-from:var(--button-primary-bg-from-focus);--button-primary-bg-to:var(--button-primary-bg-to-focus);border:1px solid var(--button-primary-border-focus);color:var(--button-primary-text-focus);box-shadow:var(--button-primary-shadow-focus)}:root .button-primary:active,:root .button-primary[data-active=true]{--button-primary-bg-from:var(--button-primary-bg-from-active);--button-primary-bg-to:var(--button-primary-bg-to-active);border:1px solid var(--button-primary-border-active);color:var(--button-primary-text-active);box-shadow:var(--button-primary-shadow-active)}:root .button-primary:disabled{--button-primary-bg-from:var(--button-primary-bg-from-disabled);--button-primary-bg-to:var(--button-primary-bg-to-disabled);border:1px solid var(--button-primary-border-disabled);color:var(--button-primary-text-disabled);box-shadow:var(--button-primary-shadow-disabled)}:root .button-primary{--button-primary-bg-from:#202124;--button-primary-bg-to:#202124;--button-primary-border:#505967;--button-primary-text:#f3f4f6;--button-primary-bg-from-hover:#505967;--button-primary-bg-to-hover:#202124;--button-primary-border-hover:#505967;--button-primary-text-hover:#fff;--button-primary-bg-from-focus:#505967;--button-primary-bg-to-focus:#202124;--button-primary-border-focus:#505967;--button-primary-text-focus:#fff;--button-primary-bg-from-active:#383e47;--button-primary-bg-to-active:#383e47;--button-primary-border-active:#505967;--button-primary-text-active:#fff;--button-primary-bg-from-disabled:#b5bdc9;--button-primary-bg-to-disabled:#b5bdc9;--button-primary-border-disabled:#b5bdc9;--button-primary-text-disabled:#fff}.dark .button-primary{--button-primary-bg-from:#383e47;--button-primary-bg-to:#383e47;--button-primary-border:#50596780;--button-primary-text:#edeff3;--button-primary-bg-from-hover:#505967;--button-primary-bg-to-hover:#383e47;--button-primary-border-hover:#505967;--button-primary-text-hover:#fff;--button-primary-bg-from-focus:#505967;--button-primary-bg-to-focus:#383e47;--button-primary-border-focus:#505967;--button-primary-text-focus:#fff;--button-primary-bg-from-active:#505967;--button-primary-bg-to-active:#505967;--button-primary-border-active:#6f7988;--button-primary-text-active:#fff;--button-primary-bg-from-disabled:#383e47;--button-primary-bg-to-disabled:#383e47;--button-primary-border-disabled:#50596780;--button-primary-text-disabled:#202124}.blue .button-primary{--button-primary-bg-from:#538bf3;--button-primary-bg-to:#538bf3;--button-primary-border:#709ff5;--button-primary-text:#f3f4f6;--button-primary-bg-from-hover:#fff;--button-primary-bg-to-hover:#c8dcffb2;--button-primary-border-hover:#709ff5;--button-primary-text-hover:#266df0;--button-primary-bg-from-focus:#fff;--button-primary-bg-to-focus:#c8dcffb2;--button-primary-border-focus:#709ff5;--button-primary-text-focus:#266df0;--button-primary-bg-from-active:#fff;--button-primary-bg-to-active:#fff;--button-primary-border-active:#709ff5;--button-primary-text-active:#266df0;--button-primary-bg-from-disabled:#538bf3;--button-primary-bg-to-disabled:#538bf3;--button-primary-border-disabled:#709ff5;--button-primary-text-disabled:#266df0}:root{--button-outline-bg:#fff;--button-outline-border:#cad0d9;--button-outline-text:#2e3238;--button-outline-bg-hover:#fff;--button-outline-border-hover:#383e47;--button-outline-text-hover:#2e3238;--button-outline-bg-focus:#fff;--button-outline-border-focus:#383e47;--button-outline-text-focus:#2e3238;--button-outline-bg-active:#f3f4f6;--button-outline-border-active:#232529;--button-outline-text-active:#232529;--button-outline-bg-disabled:#fff;--button-outline-border-disabled:#e4e7ec;--button-outline-text-disabled:#cad0d9}:root .button-outline{background:var(--button-outline-bg);border:1px solid var(--button-outline-border);color:var(--button-outline-text);transition-property:color,border-color,background-color,box-shadow;transition-duration:.15s;transition-timing-function:ease-in-out}:root .button-outline:hover,:root .button-outline[data-state=open]{background:var(--button-outline-bg-hover);border:1px solid var(--button-outline-border-hover);color:var(--button-outline-text-hover)}:root .button-outline:focus-visible{background:var(--button-outline-bg-focus);border:1px solid 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:1px solid var(--button-outline-border-active);color:var(--button-outline-text-active)}:root .button-outline:disabled{background:var(--button-outline-bg-disabled);border:1px solid var(--button-outline-border-disabled);color:var(--button-outline-text-disabled)}.dark{--button-outline-bg:#202124;--button-outline-border:#383e47;--button-outline-text:#edeff3;--button-outline-bg-hover:#202124;--button-outline-border-hover:#e4e7ec;--button-outline-text-hover:#edeff3;--button-outline-bg-focus:#202124;--button-outline-border-focus:#e4e7ec;--button-outline-text-focus:#edeff3;--button-outline-bg-active:#272a2f;--button-outline-border-active:#fff;--button-outline-text-active:#fff;--button-outline-bg-disabled:#202124;--button-outline-border-disabled:#2e3238;--button-outline-text-disabled:#383e47}.blue{--button-outline-bg:#266df0;--button-outline-border:#709ff5;--button-outline-text:#edeff3;--button-outline-bg-hover:#266df0;--button-outline-border-hover:#e4e7ec;--button-outline-text-hover:#edeff3;--button-outline-bg-focus:#266df0;--button-outline-border-focus:#e4e7ec;--button-outline-text-focus:#edeff3;--button-outline-bg-active:#538bf3;--button-outline-border-active:#fff;--button-outline-text-active:#fff;--button-outline-bg-disabled:#266df0;--button-outline-border-disabled:#709ff5;--button-outline-text-disabled:#709ff5}:root{--button-ghost-bg:transparent;--button-ghost-text:#2e3238;--button-ghost-bg-hover:#f3f4f6;--button-ghost-text-hover:#23252a;--button-ghost-bg-focus:#f3f4f6;--button-ghost-text-focus:#23252a;--button-ghost-bg-active:#edeff3;--button-ghost-text-active:#202124;--button-ghost-bg-disabled:transparent;--button-ghost-text-disabled:#b5bdc9}:root .button-ghost{background:var(--button-ghost-bg);color:var(--button-ghost-text);border:1px solid transparent;transition-property:color,background-color,box-shadow;transition-duration:.15s;transition-timing-function:ease-in-out}: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)}.dark{--button-ghost-bg:transparent;--button-ghost-text:#e4e7ec;--button-ghost-bg-hover:#2e3238;--button-ghost-text-hover:#fff;--button-ghost-bg-focus:#2e3238;--button-ghost-text-focus:#fff;--button-ghost-bg-active:#383e47;--button-ghost-text-active:#fff;--button-ghost-bg-disabled:transparent;--button-ghost-text-disabled:#505967}.blue{--button-ghost-bg:transparent;--button-ghost-text:#e4e7ec;--button-ghost-bg-hover:#538bf3;--button-ghost-text-hover:#fff;--button-ghost-bg-focus:#538bf3;--button-ghost-text-focus:#fff;--button-ghost-bg-active:#709ff5;--button-ghost-text-active:#fff;--button-ghost-bg-disabled:transparent;--button-ghost-text-disabled:#709ff5}