@layer component{:where(.button[data-v-cadbb120]){--button-icon-spacing:.4em;--button-bg:transparent;--button-bg-hover:var(--button-bg);--button-fg:currentcolor;--button-fg-hover:var(--button-fg);--button-border:transparent;--button-border-hover:var(--button-border);--button-border-width:3px;--button-padding:.8em 1.2em .7em;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%;outline:0 none;padding:var(--button-padding);position:relative;text-decoration:none;transition:var(--transition);white-space:nowrap}:where(.button[data-v-cadbb120]):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-cadbb120]):before{background-color:var(--button-bg,transparent);border:var(--button-border-width) solid var(--button-border);border-radius:10em;content:"";display:block;height:100%;left:0;position:absolute;top:0;transition:var(--transition),transform .8s var(--ease-spring);width:100%;z-index:0}:where(.button[data-v-cadbb120]) *{z-index:1}:where(.button[data-v-cadbb120]):focus-visible{border-radius:10em;outline:2px dashed var(--fg-down);outline-offset:3px}@media(hover:hover){:where(.button[data-v-cadbb120]):hover{color:var(--button-fg-hover)}:where(.button[data-v-cadbb120]):hover:before{background-color:var(--button-bg-hover);border-color:var(--button-border-hover);transform:scale(var(--button-hover-scale-x,1),var(--button-hover-scale-y,1))}}:where(.button[data-v-cadbb120]):focus-visible{color:var(--button-fg-hover)}:where(.button[data-v-cadbb120]):focus-visible:before{background-color:var(--button-bg-hover);border-color:var(--button-border-hover);transform:scale(var(--button-hover-scale-x,1),var(--button-hover-scale-y,1))}@media(hover:hover){.--forward[data-v-cadbb120]:hover{translate:.25em 0}}.--forward[data-v-cadbb120]:focus-visible{translate:.25em 0}@media(hover:hover){.--backward[data-v-cadbb120]:hover{translate:-.25em 0}}.--backward[data-v-cadbb120]:focus-visible{translate:-.25em 0}.--size-default[data-v-cadbb120],.--size-regular[data-v-cadbb120]{--button-font-size:var(--font-size-sm);--button-hover-scale-x:1.03;--button-hover-scale-y:1.2}.--size-sm[data-v-cadbb120]{--button-font-size:var(--font-size-xs);--button-hover-scale-x:1.04;--button-hover-scale-y:1.2}.--disabled[data-v-cadbb120]{filter:saturate(0);opacity:.5;pointer-events:none}.--default[data-v-cadbb120],.--primary[data-v-cadbb120],.--submit[data-v-cadbb120]{--button-bg:var(--fg-primary);--button-bg-hover:color-mix(in oklch, var(--fg-primary), var(--fg-up) 22%);--button-fg:var(--bg);--button-fg-hover:var(--bg)}.--secondary[data-v-cadbb120]{--button-bg:var(--fg-secondary);--button-bg-hover:color-mix(in oklch, var(--fg-secondary), var(--fg-up) 22%);--button-fg:var(--bg);--button-fg-hover:var(--bg)}.--light[data-v-cadbb120]{--button-bg:var(--bg-down);--button-bg-hover:var(--button-bg);--button-fg:var(--fg);--button-fg-hover:var(--fg-primary)}.--outline[data-v-cadbb120]{--button-bg:transparent;--button-bg-hover:transparent;--button-fg:var(--fg);--button-fg-hover:var(--fg-primary);--button-border:var(--fg-down);--button-border-hover:var(--fg-primary)}.--link[data-v-cadbb120]{--button-bg:transparent;--button-bg-hover:transparent;--button-fg:var(--fg-up);--button-fg-hover:var(--fg-secondary);--button-padding:.5rem}.--link.--size-sm[data-v-cadbb120]{--button-padding:0}.--cancel[data-v-cadbb120]{--button-bg:transparent;--button-bg-hover:transparent;--button-fg:var(--fg-down);--button-fg-hover:var(--fg-up);--button-padding:.5rem}.--cancel.--size-sm[data-v-cadbb120]{--button-padding:0}.--dark-mode .--info[data-v-cadbb120]{--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-cadbb120]{--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)}.--info[data-v-cadbb120]{--button-bg:var(--bg);--button-bg-hover:var(--bg-up);--button-fg:var(--fg);--button-fg-hover:var(--fg-up)}.--dark-mode .--success[data-v-cadbb120]{--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-cadbb120]{--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)}.--success[data-v-cadbb120]{--button-bg:var(--bg);--button-bg-hover:var(--bg-up);--button-fg:var(--fg);--button-fg-hover:var(--fg-up)}.--warning[data-v-cadbb120]{--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);--button-bg:var(--bg);--button-bg-hover:var(--bg-up);--button-fg:var(--fg);--button-fg-hover:var(--fg-up)}.--danger[data-v-cadbb120]{--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);--button-bg:var(--bg);--button-bg-hover:var(--bg-up);--button-fg:var(--fg);--button-fg-hover:var(--fg-up)}@keyframes loading-button-spinner-cadbb120{0%{transform:rotate(25deg)}to{transform:rotate(385deg)}}.--loading .spinner[data-v-cadbb120]{animation:loading-button-spinner-cadbb120 .4s linear infinite}.--icon-only[data-v-cadbb120]{--button-hover-scale-x:1.2;--button-hover-scale-y:1.2;--button-padding:.6em;aspect-ratio:1}.--icon-only[data-v-cadbb120] svg,.--icon-only svg[data-v-cadbb120]{block-size:.9em;font-size:120%;inline-size:.9em}.--icon-only .label[data-v-cadbb120]{clip-path:inset(50%);height:1px;margin:0;overflow:hidden;position:absolute;white-space:nowrap;width:1px}}@layer compose{[data-v-cadbb120] svg{display:inline-block;fill:currentcolor;height:.9em;overflow:visible;pointer-events:none;vertical-align:-.125em}}