@layer component{:where(.button[data-v-cba5929c]){--button-icon-spacing:.4em;--button-bg:transparent;--button-bg-hover:var(--button-bg);--button-bg-active:color-mix(in oklch, var(--button-bg-hover), var(--fg-up) 15%);--button-fg:currentcolor;--button-fg-hover:var(--button-fg);--button-border:transparent;--button-border-hover:var(--button-border);--button-border-width:3px;--button-block-size:2.5em;--button-padding-block:0;--button-padding-inline: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;margin:0;max-width:100%;outline:0 none;padding:var(--button-padding-block) var(--button-padding-inline);position:relative;text-decoration:none;transition:var(--transition);white-space:nowrap}:where(.button[data-v-cba5929c]):where(:not(.--plain)){align-items:center;font-family:var(--font);font-size:var(--button-font-size,inherit);justify-content:center;min-block-size:var(--button-block-size)}:where(.button[data-v-cba5929c]):before{background-color:var(--button-bg,transparent);border:var(--button-border-width) solid var(--button-border);border-radius:var(--border-radius-round);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-cba5929c]) *{z-index:1}:where(.button[data-v-cba5929c]):focus-visible{border-radius:var(--border-radius-round);outline:2px dashed var(--fg-down);outline-offset:3px}@media(hover:hover){:where(.button[data-v-cba5929c]):hover{color:var(--button-fg-hover)}:where(.button[data-v-cba5929c]):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))}.--forward[data-v-cba5929c]:hover{translate:var(--motion-shift) 0}}:where(.button[data-v-cba5929c]):focus-visible{color:var(--button-fg-hover)}:where(.button[data-v-cba5929c]):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))}:where(.button[data-v-cba5929c]):active{color:var(--button-fg-hover)}:where(.button[data-v-cba5929c]):active:before{background-color:var(--button-bg-active);border-color:var(--button-border-hover);transform:scale(1)}.--forward[data-v-cba5929c]:focus-visible{translate:var(--motion-shift) 0}@media(hover:hover){.--backward[data-v-cba5929c]:hover{translate:calc(var(--motion-shift) * -1) 0}}.--backward[data-v-cba5929c]:focus-visible{translate:calc(var(--motion-shift) * -1) 0}.--size-base[data-v-cba5929c]{--button-font-size:var(--font-size-sm);--button-hover-scale-x:1.03}.--size-base[data-v-cba5929c],.--size-sm[data-v-cba5929c]{--button-hover-scale-y:1.2}.--size-sm[data-v-cba5929c]{--button-font-size:var(--font-size-xs);--button-hover-scale-x:1.04}.--default[data-v-cba5929c],.--primary[data-v-cba5929c],.--submit[data-v-cba5929c]{--button-bg:var(--fg-primary);--button-bg-hover:color-mix(in oklch, var(--fg-primary), var(--fg-up) 22%)}.--default[data-v-cba5929c],.--primary[data-v-cba5929c],.--secondary[data-v-cba5929c],.--submit[data-v-cba5929c]{--button-fg:var(--bg);--button-fg-hover:var(--bg)}.--secondary[data-v-cba5929c]{--button-bg:var(--fg-secondary);--button-bg-hover:color-mix(in oklch, var(--fg-secondary), var(--fg-up) 22%)}.--light[data-v-cba5929c]{--button-bg:var(--bg-down);--button-bg-hover:var(--button-bg)}.--light[data-v-cba5929c],.--outline[data-v-cba5929c]{--button-fg:var(--fg);--button-fg-hover:var(--fg-primary)}.--outline[data-v-cba5929c]{--button-border:var(--fg-down);--button-border-hover:var(--fg-primary)}.--cancel[data-v-cba5929c],.--cancel.--disabled[data-v-cba5929c],.--link[data-v-cba5929c],.--link.--disabled[data-v-cba5929c],.--outline[data-v-cba5929c]{--button-bg:transparent;--button-bg-hover:transparent}.--link[data-v-cba5929c]{--button-fg:var(--fg-up);--button-fg-hover:var(--fg-secondary);--button-block-size:auto;--button-padding-block:.5rem;--button-padding-inline:.5rem}.--link.--size-sm[data-v-cba5929c]{--button-padding-block:0;--button-padding-inline:0}.--cancel[data-v-cba5929c]{--button-fg:var(--fg-down);--button-fg-hover:var(--fg-up);--button-block-size:auto;--button-padding-block:.5rem;--button-padding-inline:.5rem}.--cancel.--size-sm[data-v-cba5929c]{--button-padding-block:.25rem;--button-padding-inline:.25rem}.--dark-mode .--info[data-v-cba5929c]{--bg-up:var(--color-blue-30);--bg:var(--color-blue-40);--bg-down:var(--color-blue-50);--bg-disabled:var(--color-blue-50);--fg-up:var(--color-blue-98);--fg:var(--color-blue-90);--fg-down:var(--color-blue-70);--fg-disabled:var(--color-blue-60);--fg-primary:var(--color-blue-70);--fg-secondary:var(--color-blue-70)}.--light-mode .--info[data-v-cba5929c]{--bg-up:var(--color-blue-95);--bg:var(--color-blue-90);--bg-down:var(--color-blue-80);--bg-disabled:var(--color-blue-80);--fg-up:var(--color-blue-20);--fg:var(--color-blue-40);--fg-down:var(--color-blue-50);--fg-disabled:var(--color-blue-60);--fg-primary:var(--color-blue-50);--fg-secondary:var(--color-blue-30)}.--danger[data-v-cba5929c],.--info[data-v-cba5929c],.--success[data-v-cba5929c],.--warning[data-v-cba5929c]{--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-cba5929c]{--bg-up:var(--color-green-30);--bg:var(--color-green-40);--bg-down:var(--color-green-50);--bg-disabled:var(--color-green-50);--fg-up:var(--color-green-98);--fg:var(--color-green-90);--fg-down:var(--color-green-70);--fg-disabled:var(--color-green-60);--fg-primary:var(--color-green-70);--fg-secondary:var(--color-green-70)}.--light-mode .--success[data-v-cba5929c]{--bg-up:var(--color-green-95);--bg:var(--color-green-90);--bg-down:var(--color-green-80);--bg-disabled:var(--color-green-80);--fg-up:var(--color-green-20);--fg:var(--color-green-40);--fg-down:var(--color-green-50);--fg-disabled:var(--color-green-60);--fg-primary:var(--color-green-50);--fg-secondary:var(--color-green-30)}.--warning[data-v-cba5929c]{--bg-up:var(--color-orange-95);--bg:var(--color-orange-90);--bg-down:var(--color-orange-80);--bg-disabled:var(--color-orange-80);--fg-up:var(--color-pink-20);--fg:var(--color-pink-40);--fg-down:var(--color-pink-50);--fg-disabled:var(--color-pink-60);--fg-primary:var(--color-pink-50);--fg-secondary:var(--color-pink-40)}.--danger[data-v-cba5929c]{--bg-up:var(--color-pink-95);--bg:var(--color-pink-90);--bg-down:var(--color-pink-80);--bg-disabled:var(--color-pink-80);--fg-up:var(--color-orange-20);--fg:var(--color-orange-40);--fg-down:var(--color-orange-50);--fg-disabled:var(--color-orange-60);--fg-primary:var(--color-orange-50);--fg-secondary:var(--color-orange-40)}.--disabled[data-v-cba5929c]{--button-bg:var(--bg-disabled);--button-bg-hover:var(--bg-disabled);--button-fg:var(--fg-disabled);--button-fg-hover:var(--fg-disabled);--button-border:transparent;--button-border-hover:transparent;cursor:default;pointer-events:none}@keyframes loading-button-spinner-cba5929c{0%{transform:rotate(25deg)}to{transform:rotate(385deg)}}.--loading .spinner[data-v-cba5929c]{animation:loading-button-spinner-cba5929c .4s linear infinite}.--icon-only[data-v-cba5929c]{--button-hover-scale-x:1.2;--button-hover-scale-y:1.2;align-items:center;aspect-ratio:1;inline-size:var(--button-block-size);justify-content:center;max-width:none;padding-inline:var(--button-padding-block)}.--icon-only[data-v-cba5929c] svg,.--icon-only svg[data-v-cba5929c]{block-size:.9em;font-size:120%;inline-size:.9em}.--icon-only .label[data-v-cba5929c]{clip-path:inset(50%);height:1px;margin:0;overflow:hidden;position:absolute;white-space:nowrap;width:1px}.button:where(:not(.--plain)) .label[data-v-cba5929c]{--line-height-tight:var(--line-height-sm-tight);--line-height-base:var(--line-height-sm-base);--line-height-open:var(--line-height-sm-open);--line-height:var(--line-height-tight);line-height:var(--line-height);font-size:var(--font-size-sm);text-box:trim-both cap alphabetic}.button:where(:not(.--plain)) .label[data-v-cba5929c]:where(body,input,select,textarea){text-box:normal}.button:where(:not(.--plain)) .label[data-v-cba5929c]{font-family:var(--font);font-weight:var(--font-weight-normal);letter-spacing:.02em;text-wrap:pretty}.button:where(:not(.--plain)) .label strong[data-v-cba5929c]{font-weight:var(--font-weight-strong)}.button:where(:not(.--plain)) .label[data-v-cba5929c]{font-weight:var(--font-weight-strong);letter-spacing:.03em}.button.--size-sm:where(:not(.--plain)) .label[data-v-cba5929c]{--line-height-tight:var(--line-height-xs-tight);--line-height-base:var(--line-height-xs-base);--line-height-open:var(--line-height-xs-open);--line-height:var(--line-height-tight);line-height:var(--line-height);font-size:var(--font-size-xs);text-box:trim-both cap alphabetic}.button.--size-sm:where(:not(.--plain)) .label[data-v-cba5929c]:where(body,input,select,textarea){text-box:normal}.button.--size-sm:where(:not(.--plain)) .label[data-v-cba5929c]{font-family:var(--font);font-weight:var(--font-weight-normal);letter-spacing:.02em;text-wrap:pretty}.button.--size-sm:where(:not(.--plain)) .label strong[data-v-cba5929c]{font-weight:var(--font-weight-strong)}}@layer compose{[data-v-cba5929c] svg{display:inline-block;fill:currentcolor;height:.9em;overflow:visible;pointer-events:none}}