@layer component{:where(.button[data-v-3a7b04a6]){--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:.77em 1.2em .73em;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-height:2.5em;min-width:2.5em;outline:0 none;padding:var(--button-padding);position:relative;text-decoration:none;transition:var(--transition);white-space:nowrap}:where(.button[data-v-3a7b04a6]):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-3a7b04a6]):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-3a7b04a6]) *{z-index:1}:where(.button[data-v-3a7b04a6]):focus-visible{border-radius:var(--d-radius);outline:2px dashed var(--fg-down);outline-offset:3px}:where(.button[data-v-3a7b04a6]):focus-visible,:where(.button[data-v-3a7b04a6]):hover{color:var(--button-fg-hover)}:where(.button[data-v-3a7b04a6]):focus-visible:before,:where(.button[data-v-3a7b04a6]):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))}.--forward[data-v-3a7b04a6]:focus-visible,.--forward[data-v-3a7b04a6]:hover{translate:.25em 0}.--backward[data-v-3a7b04a6]:focus-visible,.--backward[data-v-3a7b04a6]:hover{translate:-.25em 0}.--size-default[data-v-3a7b04a6],.--size-regular[data-v-3a7b04a6]{--button-font-size:var(--font-size-sm);--button-hover-scale-x:1.02;--button-hover-scale-y:1.08}.--size-sm[data-v-3a7b04a6]{--button-font-size:var(--font-size-xs);--button-hover-scale-x:1.02;--button-hover-scale-y:1.1}.--disabled[data-v-3a7b04a6]{filter:saturate(0);opacity:.5;pointer-events:none}.--default[data-v-3a7b04a6],.--primary[data-v-3a7b04a6]{--button-bg:var(--color-gold-60);--button-bg-hover:var(--color-gold-70);--button-fg:var(--color-neutral-20);--button-fg-hover:var(--color-black)}.--secondary[data-v-3a7b04a6]{--button-bg:var(--color-blue-30);--button-bg-hover:var(--color-blue-20);--button-fg:var(--color-neutral-80);--button-fg-hover:var(--color-neutral-90)}.--light[data-v-3a7b04a6]{--button-bg:var(--bg-down);--button-bg-hover:var(--bg-up);--button-fg:var(--fg);--button-fg-hover:var(--fg-primary)}.--outline[data-v-3a7b04a6]{--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-3a7b04a6]{--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-3a7b04a6]{--button-padding:0}.--cancel[data-v-3a7b04a6]{--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-3a7b04a6]{--button-padding:0}.--info[data-v-3a7b04a6]{--bg-up:var(--color-white);--bg:var(--color-neutral-90);--bg-down:var(--color-neutral-80);--fg-up:var(--color-neutral-10);--fg-down:var(--color-neutral-40);--fg-primary:var(--color-gold-40);--fg-secondary:var(--color-blue-30);--fg-info:var(--color-info-dark);--fg-success:var(--color-success-dark);--fg-warning:var(--color-warning-dark);--fg-danger:var(--color-danger-dark);--bg-up:var(--color-neutral-90);--bg:var(--color-info-light);--bg-down:var(--bg);--fg:var(--color-neutral-20);--fg-down:var(--color-neutral-30);--fg-primary:var(--color-info-dark);--fg-secondary:var(--color-gold-50);--button-bg:var(--fg-primary);--button-bg-hover:var(--fg-up);--button-fg:var(--bg);--button-fg-hover:var(--bg-up)}.--success[data-v-3a7b04a6]{--bg-up:var(--color-white);--bg:var(--color-neutral-90);--bg-down:var(--color-neutral-80);--fg-up:var(--color-neutral-10);--fg-down:var(--color-neutral-40);--fg-primary:var(--color-gold-40);--fg-secondary:var(--color-blue-30);--fg-info:var(--color-info-dark);--fg-success:var(--color-success-dark);--fg-warning:var(--color-warning-dark);--fg-danger:var(--color-danger-dark);--bg-up:var(--color-neutral-90);--bg:var(--color-success-light);--bg-down:var(--bg);--fg:var(--color-neutral-20);--fg-down:var(--color-neutral-30);--fg-primary:var(--color-success-dark);--button-bg:var(--fg-primary);--button-bg-hover:var(--fg-up);--button-fg:var(--bg);--button-fg-hover:var(--bg-up)}.--warning[data-v-3a7b04a6]{--bg-up:var(--color-white);--bg:var(--color-neutral-90);--bg-down:var(--color-neutral-80);--fg-up:var(--color-neutral-10);--fg-down:var(--color-neutral-40);--fg-primary:var(--color-gold-40);--fg-secondary:var(--color-blue-30);--fg-info:var(--color-info-dark);--fg-success:var(--color-success-dark);--fg-warning:var(--color-warning-dark);--fg-danger:var(--color-danger-dark);--bg-up:var(--color-neutral-90);--bg:var(--color-warning-light);--bg-down:var(--bg);--fg:var(--color-neutral-20);--fg-down:var(--color-neutral-30);--fg-primary:var(--color-warning-dark);--button-bg:var(--fg-primary);--button-bg-hover:var(--fg-up);--button-fg:var(--bg);--button-fg-hover:var(--bg-up)}.--danger[data-v-3a7b04a6]{--bg-up:var(--color-neutral-10);--bg:var(--color-danger-dark);--bg-down:var(--color-neutral-30);--fg-up:var(--color-white);--fg:var(--color-neutral-90);--fg-down:var(--color-danger-light);--fg-primary:var(--color-danger-light);--fg-secondary:var(--color-danger-light);--fg-info:var(--color-info-light);--fg-success:var(--color-success-light);--fg-warning:var(--color-warning-light);--fg-danger:var(--color-danger-light);--button-bg:var(--fg-primary);--button-bg-hover:var(--fg-up);--button-fg:var(--bg);--button-fg-hover:var(--bg-up)}@keyframes loading-button-spinner-3a7b04a6{0%{transform:rotate(25deg)}to{transform:rotate(385deg)}}.--loading .spinner[data-v-3a7b04a6]{animation:loading-button-spinner-3a7b04a6 .4s linear infinite}.--icon-only[data-v-3a7b04a6]{--button-hover-scale-x:1.1;--button-hover-scale-y:1.1;--button-padding:0 0}.--icon-only[data-v-3a7b04a6] svg,.--icon-only svg[data-v-3a7b04a6]{height:1.4em}.--icon-only .label[data-v-3a7b04a6]{clip-path:inset(50%);height:1px;margin:0;overflow:hidden;position:absolute;white-space:nowrap;width:1px}}@layer compose{[data-v-3a7b04a6] svg{display:inline-block;fill:currentcolor;overflow:visible;pointer-events:none}.button[data-v-3a7b04a6]:not(.--icon-only) svg{height:.9em}}