@layer viraui.preflight;@layer viraui.components{@property --vui-button-background{syntax:"<color>";inherits:false;initial-value:#0000}@property --vui-button-color{syntax:"<color>";inherits:false;initial-value:#0000}@property --vui-button-height{syntax:"<length>";inherits:false;initial-value:0}@property --vui-button-padding-inline{syntax:"<length>";inherits:false;initial-value:0}@property --vui-button-padding-block{syntax:"<length>";inherits:false;initial-value:0}@property --vui-button-spinner-color{syntax:"<color>";inherits:true;initial-value:#0000}@property --vui-button-icon-size{syntax:"<length>";inherits:true;initial-value:0}@property --vui-button-radius{syntax:"<length-percentage>";inherits:false;initial-value:0}.viraui__button-module__Button_oPhrP{--vui-button-background:var(--global-primary);--vui-button-color:var(--base-1);--vui-button-height:var(--space-2x-large);--vui-button-padding-inline:calc(var(--space-small) + var(--space-2x-small));--vui-button-padding-block:var(--space-small);--vui-button-icon-size:1.125em;--vui-button-spinner-color:currentColor;--vui-button-radius:var(--radius-medium);-webkit-user-select:none;user-select:none;cursor:pointer;max-block-size:min-content;min-inline-size:fit-content;min-block-size:var(--vui-button-height);block-size:var(--vui-button-height);white-space:nowrap;appearance:button;padding:var(--vui-button-padding-block) var(--vui-button-padding-inline);font-variation-settings:"wght" 400;justify-content:center;align-items:center;gap:var(--space-small);background:var(--vui-button-background);color:var(--vui-button-color);font-family:inherit;font-weight:400;font-size:var(--font-scale-body-medium);border-radius:var(--vui-button-radius);transition:translate var(--easing-elastic) var(--duration-instant);will-change:translate;border:1px solid #0000;margin-block:0;margin-inline:0;text-decoration:none;display:inline-flex;position:relative;overflow:hidden}.viraui__button-module__Button_oPhrP:not(:disabled){background-clip:padding-box}.viraui__button-module__Button_oPhrP:not(:disabled,[aria-disabled=true]):active{translate:0 1px}.viraui__button-module__Button_oPhrP[data-pill=true]{border-radius:var(--radius-infinite)}.viraui__button-module__Button_oPhrP[data-size=large]{--vui-button-height:calc(var(--space-2x-large) + var(--space-x-small));--vui-button-padding-inline:calc(var(--space-medium) + var(--space-2x-small));--vui-button-padding-block:var(--space-small);--vui-button-icon-size:1.125em;--vui-button-radius:var(--radius-medium)}.viraui__button-module__Button_oPhrP[data-size=small]{--vui-button-height:var(--space-x-large);--vui-button-padding-inline:var(--space-small);--vui-button-padding-block:var(--space-x-small);--vui-button-icon-size:1em;--vui-button-radius:var(--radius-small);gap:var(--space-x-small);font-size:var(--font-scale-body-small)}.viraui__button-module__Button_oPhrP[data-variant=primary]{--vui-button-background:var(--global-primary);--vui-button-color:contrast-color(var(--global-primary))}.viraui__button-module__Button_oPhrP[data-variant=primary]:hover{--vui-button-background:oklab(from var(--global-primary) calc(l + .05) a b)}.viraui__button-module__Button_oPhrP[data-variant=secondary]{--vui-button-background:var(--global-contrast);--vui-button-color:var(--global-foreground);background-clip:unset}.viraui__button-module__Button_oPhrP[data-variant=secondary]:hover{--vui-button-background:oklab(from var(--global-contrast) l a b / calc(alpha + .03))}@container root style(--is-light-mode:black){.viraui__button-module__Button_oPhrP[data-variant=secondary]{--vui-button-background:oklab(from var(--global-contrast) l a b / .1)}}.viraui__button-module__Button_oPhrP[data-variant=flat]{--vui-button-background:#0000;--vui-button-color:var(--global-foreground);background-clip:unset}.viraui__button-module__Button_oPhrP[data-variant=flat]:hover{--vui-button-background:var(--global-contrast);--vui-button-color:var(--base-7)}.viraui__button-module__Button_oPhrP[data-variant=destructive]{--vui-button-background:oklab(from var(--highlight-red) l a b / 12%);--vui-button-color:var(--highlight-red);outline-color:var(--highlight-red)}.viraui__button-module__Button_oPhrP[data-variant=destructive]:hover{--vui-button-background:oklab(from var(--highlight-red) l a b / 30%)}.viraui__button-module__Button_oPhrP[data-addon-position=start]{flex-direction:row;padding-inline-end:calc(var(--vui-button-padding-inline) * 1.2)}.viraui__button-module__Button_oPhrP[data-addon-position=end]{flex-direction:row-reverse;padding-inline-start:calc(var(--vui-button-padding-inline) * 1.2)}.viraui__button-module__Button_oPhrP[data-icon-only=true]{padding-block:var(--vui-button-padding-block);padding-inline:var(--vui-button-padding-block);inline-size:var(--vui-button-height);min-inline-size:var(--vui-button-height);max-inline-size:var(--vui-button-height);aspect-ratio:1;gap:0}.viraui__button-module__Button_oPhrP:disabled,.viraui__button-module__Button_oPhrP:disabled:active,.viraui__button-module__Button_oPhrP:disabled:hover,.viraui__button-module__Button_oPhrP[aria-disabled=true],.viraui__button-module__Button_oPhrP[aria-disabled=true]:active,.viraui__button-module__Button_oPhrP[aria-disabled=true]:hover{--vui-button-background:var(--global-disabled-background);--vui-button-color:var(--global-disabled-foreground);cursor:not-allowed;box-shadow:none;translate:0}.viraui__button-module__Button_oPhrP[data-variant=flat]:is(:disabled,[aria-disabled=true]),.viraui__button-module__Button_oPhrP[data-variant=flat]:is(:disabled,[aria-disabled=true]):active,.viraui__button-module__Button_oPhrP[data-variant=flat]:is(:disabled,[aria-disabled=true]):hover{--vui-button-background:#0000}.viraui__button-module__Button_oPhrP[data-loading=true]:is(:disabled,[data-disabled],[aria-disabled=true]){pointer-events:none;box-shadow:none;--vui-button-color:var(--base-7);border:0}.viraui__button-module__Content_w-pX-{place-items:center;display:inline-grid}.viraui__button-module__Content_w-pX-[data-loading=true]{opacity:0}.viraui__button-module__Content_w-pX-:first-child>svg{block-size:var(--vui-button-icon-size);inline-size:var(--vui-button-icon-size);flex-shrink:0}.viraui__button-module__SpinnerOverlay_vKqw1{pointer-events:none;color:var(--vui-button-spinner-color);place-content:center;display:grid;position:absolute;inset:0}}@layer viraui.overrides;
@layer viraui.preflight;@layer viraui.components{@property --vui-spinner-size{syntax:"<length>";inherits:false;initial-value:0}.viraui__spinner-module__Spinner_qCQzj{--vui-spinner-size:var(--space-x-large);inline-size:var(--vui-spinner-size);block-size:var(--vui-spinner-size);vertical-align:middle;color:currentColor;flex:none;display:inline-block}.viraui__spinner-module__Spinner_qCQzj[data-dimension=small]{--vui-spinner-size:var(--space-medium)}.viraui__spinner-module__Spinner_qCQzj[data-dimension=medium]{--vui-spinner-size:var(--space-large)}}@layer viraui.overrides;