.vi-button-shell{--vi-button-height:var(--vi-control-height-md,2.75rem);--vi-button-padding-inline:var(--vi-ref-space-4,1rem);--vi-button-gap:var(--vi-ref-space-2,.5rem);--vi-button-font-size:var(--vi-ref-font-size-sm,.72rem);--vi-button-font-weight:700;--vi-button-letter-spacing:.02em;--vi-button-icon-size:var(--vi-ref-control-icon-md,1rem);--vi-button-active-fill:var(--vi-active);--vi-button-active-fill-hover:color-mix(in srgb, var(--vi-active) 86%, white);--vi-button-active-ink:var(--vi-active-text);--vi-button-standby-fill:transparent;--vi-button-standby-fill-hover:color-mix(in srgb, var(--vi-active) 11%, transparent);--vi-button-standby-ink:var(--vi-standby-text);--vi-button-standby-ink-hover:var(--vi-active);--vi-button-focus-color:var(--vi-active);--vi-button-disabled-opacity:.42;--vi-button-press-offset:2px;width:fit-content;display:inline-block}.vi-button-shell--borderless{border-color:#0000}.vi-button-shell .vi-component-surface__content{height:100%}.vi-button{width:100%;min-width:0;height:var(--vi-button-height);justify-content:center;align-items:center;gap:var(--vi-button-gap);padding:0 var(--vi-button-padding-inline);border-radius:inherit;background:var(--vi-button-active-fill);color:var(--vi-button-active-ink);font-family:var(--vi-font-body,ui-sans-serif, system-ui, sans-serif);font-size:var(--vi-button-font-size);font-weight:var(--vi-button-font-weight);letter-spacing:var(--vi-button-letter-spacing);line-height:var(--vi-ref-line-height-control,1.2);transition:background-color var(--vi-motion-duration-standard,.22s) var(--vi-motion-ease-out,ease-out), color var(--vi-motion-duration-standard,.22s) var(--vi-motion-ease-out,ease-out), opacity var(--vi-motion-duration-fast,.12s) var(--vi-motion-ease-out,ease-out), transform var(--vi-motion-duration-standard,.22s) var(--vi-motion-ease-out,ease-out);border:0;display:inline-flex}.vi-button[data-size=sm]{--vi-button-height:var(--vi-control-height-sm,2rem);--vi-button-padding-inline:var(--vi-ref-space-3,.75rem);--vi-button-font-size:var(--vi-ref-font-size-xs,.62rem);--vi-button-icon-size:var(--vi-ref-control-icon-sm,.875rem)}.vi-button[data-size=lg]{--vi-button-height:var(--vi-control-height-lg,3.25rem);--vi-button-padding-inline:var(--vi-ref-space-5,1.25rem);--vi-button-font-size:var(--vi-ref-font-size-md,.82rem);--vi-button-icon-size:var(--vi-ref-control-icon-lg,1.25rem)}.vi-button[data-variant=standby]{background:var(--vi-button-standby-fill);color:var(--vi-button-standby-ink)}.vi-button[data-icon-only=true]{width:var(--vi-button-height);padding:0}.vi-button__icon{width:var(--vi-button-icon-size);height:var(--vi-button-icon-size);flex:none}.vi-button__label{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.vi-button__spinner{width:var(--vi-button-icon-size);height:var(--vi-button-icon-size);border:var(--vi-border-width,1px) solid color-mix(in srgb, currentColor 32%, transparent);border-radius:var(--vi-radius-pill,999px);border-top-color:currentColor;flex:none;animation:.68s linear infinite vi-button-spin}.vi-button:hover:not(:disabled){background:var(--vi-button-active-fill-hover);transform:translateY(calc(var(--vi-button-press-offset) * -1))}.vi-button[data-variant=standby]:hover:not(:disabled){background:var(--vi-button-standby-fill-hover);color:var(--vi-button-standby-ink-hover)}.vi-button:active:not(:disabled){transition-duration:var(--vi-motion-duration-fast,.12s);transform:translateY(0)scale(.98)}.vi-button:focus-visible{box-shadow:inset 0 0 0 var(--vi-focus-width,2px) var(--vi-button-focus-color);outline:0}.vi-button:disabled{cursor:not-allowed;opacity:var(--vi-button-disabled-opacity)}@keyframes vi-button-spin{to{transform:rotate(1turn)}}@media (prefers-reduced-motion:reduce){.vi-button{transition-duration:.01ms}.vi-button:hover:not(:disabled),.vi-button:active:not(:disabled){transform:none}.vi-button__spinner{animation-duration:1.4s}}