@layer component{:where(.button[data-v-ce28af8e]){--button-icon-spacing:.4em;--button-bg:var(--bg);--button-bg-hover:var(--bg-down);--button-fg:var(--fg);--button-fg-hover:var(--fg-up);--button-border:transparent;--button-border-hover:var(--button-border);--button-border-width:3px;--button-min-size:2.5em;--button-padding:0 1.2em;align-items:start;background:none;border:0;color:var(--button-fg,transparent);cursor:pointer;display:inline-flex;gap:var(--button-icon-spacing);justify-content:flex-start;line-height:1;margin:0;max-width:100%;min-block-size:var(--button-min-size);outline:0 none;padding:var(--button-padding);position:relative;text-decoration:none;transition:var(--transition);white-space:nowrap}:where(.button[data-v-ce28af8e]):where(:not(.--plain)){align-items:center;font-family:var(--font);font-size:var(--button-font-size,inherit);font-weight:700;justify-content:center;letter-spacing:.03em}:where(.button[data-v-ce28af8e]):before{background-color:var(--button-bg,transparent);border:var(--button-border-width) solid var(--button-border);border-radius:10em;content:"";display:block;height:100%;inset-block-start:0;inset-inline-start:0;position:absolute;transition:var(--transition);width:100%;z-index:0}:where(.button[data-v-ce28af8e]) *{z-index:1}:where(.button[data-v-ce28af8e]):focus-visible{border-radius:10em;outline:2px dashed var(--fg-down);outline-offset:3px}@media(hover:hover){:where(.button[data-v-ce28af8e]):hover{color:var(--button-fg-hover)}:where(.button[data-v-ce28af8e]):hover:before{background-color:var(--button-bg-hover);border-color:var(--button-border-hover);transform:scale(var(--button-hover-scale-x),var(--button-hover-scale-y))}}:where(.button[data-v-ce28af8e]):focus-visible{color:var(--button-fg-hover)}:where(.button[data-v-ce28af8e]):focus-visible:before{background-color:var(--button-bg-hover);border-color:var(--button-border-hover);transform:scale(var(--button-hover-scale-x),var(--button-hover-scale-y))}@media(hover:hover){.--forward[data-v-ce28af8e]:hover{translate:var(--motion-distance-sm) 0}}.--forward[data-v-ce28af8e]:focus-visible{translate:var(--motion-distance-sm) 0}@media(hover:hover){.--backward[data-v-ce28af8e]:hover{translate:calc(var(--motion-distance-sm)*-1) 0}}.--backward[data-v-ce28af8e]:focus-visible{translate:calc(var(--motion-distance-sm)*-1) 0}.--size-default[data-v-ce28af8e],.--size-regular[data-v-ce28af8e]{--button-font-size:var(--font-size-sm);--button-hover-scale-x:1.02;--button-hover-scale-y:1.08}.--size-sm[data-v-ce28af8e]{--button-font-size:var(--font-size-xs);--button-hover-scale-x:1.02;--button-hover-scale-y:1.1}.--disabled[data-v-ce28af8e]{filter:saturate(0);opacity:.5;pointer-events:none}.--dark-mode .--default[data-v-ce28af8e],.--dark-mode .--primary[data-v-ce28af8e]{--bg-up:var(--color-green-20);--bg:var(--color-green-30);--bg-down:var(--color-green-40);--fg-up:var(--color-green-98);--fg:var(--color-green-95);--fg-down:var(--color-green-70);--fg-primary:var(--color-blue-90);--fg-secondary:var(--color-orange-80)}.--light-mode .--default[data-v-ce28af8e],.--light-mode .--primary[data-v-ce28af8e]{--bg-up:var(--color-green-90);--bg:var(--color-green-80);--bg-down:var(--color-green-70);--fg-up:var(--color-green-20);--fg:var(--color-green-30);--fg-down:var(--color-green-50);--fg-primary:var(--color-blue-50);--fg-secondary:var(--color-pink-50)}.--dark-mode .--secondary[data-v-ce28af8e]{--bg-up:var(--color-blue-20);--bg:var(--color-blue-30);--bg-down:var(--color-blue-40);--fg-up:var(--color-blue-95);--fg:var(--color-blue-90);--fg-down:var(--color-blue-70);--fg-primary:var(--color-green-80);--fg-secondary:var(--color-orange-80)}.--light-mode .--secondary[data-v-ce28af8e]{--bg-up:var(--color-blue-90);--bg:var(--color-blue-80);--bg-down:var(--color-blue-70);--fg-up:var(--color-blue-10);--fg:var(--color-blue-30);--fg-down:var(--color-blue-50);--fg-primary:var(--color-green-50);--fg-secondary:var(--color-pink-50)}.--light[data-v-ce28af8e]{--button-bg:var(--bg-down);--button-bg-hover:var(--bg-up);--button-fg:var(--fg);--button-fg-hover:var(--fg-primary)}.--outline[data-v-ce28af8e]{--button-bg:transparent;--button-bg-hover:transparent;--button-fg:var(--fg);--button-fg-hover:var(--fg-primary);--button-border:var(--fg);--button-border-hover:var(--fg-primary)}.--link[data-v-ce28af8e]{--button-bg:transparent;--button-bg-hover:transparent;--button-fg:var(--fg-up);--button-fg-hover:var(--fg-secondary);--button-min-size:auto;--button-padding:.5rem}.--link.--size-sm[data-v-ce28af8e]{--button-padding:0}.--cancel[data-v-ce28af8e]{--button-bg:transparent;--button-bg-hover:transparent;--button-fg:var(--fg-down);--button-fg-hover:var(--fg-up);--button-min-size:auto;--button-padding:.5rem}.--cancel.--size-sm[data-v-ce28af8e]{--button-padding:0}.--dark-mode .--info[data-v-ce28af8e]{--bg-up:var(--color-blue-30);--bg:var(--color-blue-40);--bg-down:var(--color-blue-50);--fg-up:var(--color-blue-98);--fg:var(--color-blue-90);--fg-down:var(--color-blue-70);--fg-primary:var(--color-blue-70);--fg-secondary:var(--color-blue-70)}.--light-mode .--info[data-v-ce28af8e]{--bg-up:var(--color-blue-95);--bg:var(--color-blue-90);--bg-down:var(--color-blue-80);--fg-up:var(--color-blue-20);--fg:var(--color-blue-40);--fg-down:var(--color-blue-50);--fg-primary:var(--color-blue-50);--fg-secondary:var(--color-blue-30)}.--dark-mode .--success[data-v-ce28af8e]{--bg-up:var(--color-green-30);--bg:var(--color-green-40);--bg-down:var(--color-green-50);--fg-up:var(--color-green-98);--fg:var(--color-green-90);--fg-down:var(--color-green-70);--fg-primary:var(--color-green-70);--fg-secondary:var(--color-green-70)}.--light-mode .--success[data-v-ce28af8e]{--bg-up:var(--color-green-95);--bg:var(--color-green-90);--bg-down:var(--color-green-80);--fg-up:var(--color-green-20);--fg:var(--color-green-40);--fg-down:var(--color-green-50);--fg-primary:var(--color-green-50);--fg-secondary:var(--color-green-30)}.--warning[data-v-ce28af8e]{--bg-up:var(--color-orange-95);--bg:var(--color-orange-90);--bg-down:var(--color-orange-80);--fg-up:var(--color-pink-20);--fg:var(--color-pink-40);--fg-down:var(--color-pink-50);--fg-primary:var(--color-pink-50);--fg-secondary:var(--color-pink-40)}.--danger[data-v-ce28af8e]{--bg-up:var(--color-pink-95);--bg:var(--color-pink-90);--bg-down:var(--color-pink-80);--fg-up:var(--color-orange-20);--fg:var(--color-orange-40);--fg-down:var(--color-orange-50);--fg-primary:var(--color-orange-50);--fg-secondary:var(--color-orange-40)}@keyframes loading-button-spinner-ce28af8e{0%{transform:rotate(25deg)}to{transform:rotate(385deg)}}.--loading .spinner[data-v-ce28af8e]{animation:loading-button-spinner-ce28af8e .4s linear infinite}.--icon-only[data-v-ce28af8e]{--button-hover-scale-x:1.05;--button-hover-scale-y:1.1;--button-padding:0 1em}.--icon-only[data-v-ce28af8e] svg,.--icon-only svg[data-v-ce28af8e]{font-size:120%}.--icon-only .label[data-v-ce28af8e]{clip-path:inset(50%);height:1px;margin:0;overflow:hidden;position:absolute;white-space:nowrap;width:1px}}@layer compose{[data-v-ce28af8e] svg{display:inline-block;fill:currentcolor;height:.9em;overflow:visible;pointer-events:none;vertical-align:-.125em}.--icon-only[data-v-ce28af8e] svg{margin-block-start:0;margin-inline:-.125em}}