._button_cozvq_1{position:relative;display:inline-flex;justify-content:center;align-items:center;gap:1rem;padding:var(--button-padding, .5em 1.5em);font-family:inherit;font-size:var(--button-font-size, inherit);border-radius:var(--radius, .5em);background-color:var(--button-bg, transparent);color:var(--button-color);border:2px solid var(--button-border-color, none);cursor:pointer;user-select:none;width:fit-content;font-weight:550;-webkit-tap-highlight-color:transparent;transition:color .125s linear,background-color .125s linear,transform .15s cubic-bezier(.3,.7,.4,1),outline-offset .25s ease;&:focus-visible{outline:2px dashed var(--color-info);outline-offset:3px}&:active,&:hover:active{background-color:var(--button-bg-active);color:var(--button-color-active, var(--button-color));transform:translateY(1px)}&:disabled{cursor:not-allowed}&:disabled:where(:not([data-pending])){opacity:.6}@media (hover: hover) and (pointer: fine){&:hover{background-color:var(--button-bg-hover);color:var(--button-color-hover, var(--button-color))}}& svg{pointer-events:none}}._button_cozvq_1[data-wide]{width:100%}._button_cozvq_1[data-icon]{--button-padding: calc(var(--icon-size, 1em) * .5);aspect-ratio:1 / 1}._button_cozvq_1[data-pending]{color:transparent!important;cursor:progress;&:after{--coef: calc(var(--button-pending-size, 1em) * .16);position:absolute;content:"";width:var(--button-pending-size, 1em);height:var(--button-pending-size, 1em);aspect-ratio:1;border-radius:50%;animation:_button-pending-indicator_cozvq_1 1s infinite linear;background:radial-gradient(farthest-side,var(--button-pending-color, var(--button-color)) 94%,#0000) top / var(--coef) var(--coef) no-repeat,conic-gradient(#0000 30%,var(--button-pending-color, var(--button-color)));mask:radial-gradient(farthest-side,#0000 calc(100% - var(--coef)),#000 0)}}@keyframes _button-pending-indicator_cozvq_1{to{transform:rotate(1turn)}}:is(._button_cozvq_1[data-appearance=ghost],._button_cozvq_1[data-appearance=text]){--button-border-color: transparent}:where(._button_cozvq_1[data-variant=accent][data-appearance=fill]){--button-bg: var(--button-bg-accent-fill);--button-bg-active: var(--button-bg-active-accent-fill);--button-bg-hover: var(--button-bg-hover-accent-fill);--button-border-color: var(--button-bg-accent-fill);--button-color: var(--button-color-accent-fill)}:where(._button_cozvq_1[data-variant=accent]:is([data-appearance=ghost],[data-appearance=outline])){--button-bg-hover: var(--button-bg-hover-accent-ghost);--button-bg-active: var(--button-bg-active-accent-ghost);--button-color: var(--button-color-accent-ghost)}:where(._button_cozvq_1[data-variant=accent][data-appearance=outline]){--button-border-color: var(--button-border-color-accent-outline)}:where(._button_cozvq_1[data-variant=accent][data-appearance=text]){--button-color: var(--button-color-accent-ghost);--button-color-active: var(--button-color-active-accent-text)}:where(._button_cozvq_1[data-variant=danger][data-appearance=fill]){--button-bg: var(--button-bg-danger-fill);--button-bg-active: var(--button-bg-active-danger-fill);--button-bg-hover: var(--button-bg-hover-danger-fill);--button-border-color: var(--button-bg-danger-fill);--button-color: var(--button-color-danger-fill)}:where(._button_cozvq_1[data-variant=danger]:is([data-appearance=ghost],[data-appearance=outline])){--button-bg-hover: var(--button-bg-hover-danger-ghost);--button-bg-active: var(--button-bg-active-danger-ghost);--button-color: var(--button-color-danger-ghost)}:where(._button_cozvq_1[data-variant=danger][data-appearance=outline]){--button-border-color: var(--button-border-color-danger-outline)}:where(._button_cozvq_1[data-variant=danger][data-appearance=text]){--button-color: var(--button-color-danger-ghost);--button-color-active: var(--button-color-active-danger-text)}:where(._button_cozvq_1[data-variant=info][data-appearance=fill]){--button-bg: var(--button-bg-info-fill);--button-bg-active: var(--button-bg-active-info-fill);--button-bg-hover: var(--button-bg-hover-info-fill);--button-border-color: var(--button-bg-info-fill);--button-color: var(--button-color-info-fill)}:where(._button_cozvq_1[data-variant=info]:is([data-appearance=ghost],[data-appearance=outline])){--button-bg-hover: var(--button-bg-hover-info-ghost);--button-bg-active: var(--button-bg-active-info-ghost);--button-color: var(--button-color-info-ghost)}:where(._button_cozvq_1[data-variant=info][data-appearance=outline]){--button-border-color: var(--button-border-color-info-outline)}:where(._button_cozvq_1[data-variant=info][data-appearance=text]){--button-color: var(--button-color-info-ghost);--button-color-active: var(--button-color-active-info-text)}:where(._button_cozvq_1[data-variant=neutral][data-appearance=fill]){--button-bg: var(--button-bg-neutral-fill);--button-bg-active: var(--button-bg-active-neutral-fill);--button-bg-hover: var(--button-bg-hover-neutral-fill);--button-border-color: var(--button-bg-neutral-fill);--button-color: var(--button-color-neutral-fill)}:where(._button_cozvq_1[data-variant=neutral]:is([data-appearance=ghost],[data-appearance=outline])){--button-bg-hover: var(--button-bg-hover-neutral-ghost);--button-bg-active: var(--button-bg-active-neutral-ghost);--button-color: var(--button-color-neutral-ghost)}:where(._button_cozvq_1[data-variant=neutral][data-appearance=outline]){--button-border-color: var(--button-border-color-neutral-outline)}:where(._button_cozvq_1[data-variant=neutral][data-appearance=text]){--button-color: var(--button-color-neutral-ghost);--button-color-active: var(--button-color-active-neutral-text)}:where(._button_cozvq_1[data-variant=success][data-appearance=fill]){--button-bg: var(--button-bg-success-fill);--button-bg-active: var(--button-bg-active-success-fill);--button-bg-hover: var(--button-bg-hover-success-fill);--button-border-color: var(--button-bg-success-fill);--button-color: var(--button-color-success-fill)}:where(._button_cozvq_1[data-variant=success]:is([data-appearance=ghost],[data-appearance=outline])){--button-bg-hover: var(--button-bg-hover-success-ghost);--button-bg-active: var(--button-bg-active-success-ghost);--button-color: var(--button-color-success-ghost)}:where(._button_cozvq_1[data-variant=success][data-appearance=outline]){--button-border-color: var(--button-border-color-success-outline)}:where(._button_cozvq_1[data-variant=success][data-appearance=text]){--button-color: var(--button-color-success-ghost);--button-color-active: var(--button-color-active-success-text)}:where(._button_cozvq_1[data-variant=warning][data-appearance=fill]){--button-bg: var(--button-bg-warning-fill);--button-bg-active: var(--button-bg-active-warning-fill);--button-bg-hover: var(--button-bg-hover-warning-fill);--button-border-color: var(--button-bg-warning-fill);--button-color: var(--button-color-warning-fill)}:where(._button_cozvq_1[data-variant=warning]:is([data-appearance=ghost],[data-appearance=outline])){--button-bg-hover: var(--button-bg-hover-warning-ghost);--button-bg-active: var(--button-bg-active-warning-ghost);--button-color: var(--button-color-warning-ghost)}:where(._button_cozvq_1[data-variant=warning][data-appearance=outline]){--button-border-color: var(--button-border-color-warning-outline)}:where(._button_cozvq_1[data-variant=warning][data-appearance=text]){--button-color: var(--button-color-warning-ghost);--button-color-active: var(--button-color-active-warning-text)}._button_cozvq_1[data-appearance=text]{--button-bg-hover: transparent;--button-bg-active: transparent;padding:0;border:none;border-radius:.25em;&:not(:disabled):is(:active){text-decoration:underline}&:disabled{text-decoration:line-through}@media (hover: hover) and (pointer: fine){&:not(:disabled):is(:hover,:hover:active){text-decoration:underline}}}