button[data-slot=vesta-button]{--vesta-button-fill:var(--vesta-button-accent);--vesta-button-hover:color-mix(in oklch, var(--vesta-button-accent) 90%, var(--background));--vesta-button-press:color-mix(in oklch, var(--vesta-button-accent) 78%, black);isolation:isolate;-webkit-appearance:none;appearance:none;background-color:var(--vesta-button-fill);background-clip:border-box;border-color:#0000;transition:background-color 90ms;position:relative}button[data-slot=vesta-button]::-moz-focus-inner{border:0;padding:0}button[data-slot=vesta-button]:not([data-size^=icon])>[data-slot=vesta-button-copy]{text-box-trim:trim-both;text-box-edge:cap alphabetic}button[data-slot=vesta-button][data-size^=icon]:has(>svg){line-height:0}button[data-slot=vesta-button][data-size^=icon]:has(>[data-slot=vesta-button-icon]){line-height:0}button[data-slot=vesta-button] :where(svg){pointer-events:none;flex-shrink:0;width:.875rem;height:.875rem;display:block;overflow:visible}button[data-slot=vesta-button][data-size=sm] :where(svg){width:.75rem;height:.75rem}button[data-slot=vesta-button][data-size=icon-sm] :where(svg){width:.75rem;height:.75rem}button[data-slot=vesta-button][data-size=lg] :where(svg){width:1rem;height:1rem}button[data-slot=vesta-button][data-size=icon-lg] :where(svg){width:1rem;height:1rem}button[data-slot=vesta-button]:has(>[data-slot=vesta-button-icon]):not([data-size^=icon]){text-align:start;justify-content:start}button[data-slot=vesta-button][data-size=sm]:has(>[data-slot=vesta-button-icon]){padding-inline-start:.375rem}button[data-slot=vesta-button][data-size=md]:has(>[data-slot=vesta-button-icon]){padding-inline-start:.5rem}button[data-slot=vesta-button][data-size=lg]:has(>[data-slot=vesta-button-icon]){padding-inline-start:.625rem}button[data-slot=vesta-button]>[data-slot=vesta-button-icon]{pointer-events:none;flex-shrink:0;order:-1;justify-content:center;align-items:center;line-height:0;display:flex}button[data-slot=vesta-button][data-size^=icon]>[data-slot=vesta-button-icon]{align-self:stretch;width:100%}button[data-slot=vesta-button]>[data-slot=vesta-button-icon] :where(svg){width:1.125rem;height:1.125rem}button[data-slot=vesta-button][data-size=sm]>[data-slot=vesta-button-icon] :where(svg){width:1rem;height:1rem}button[data-slot=vesta-button][data-size=icon-sm]>[data-slot=vesta-button-icon] :where(svg){width:1rem;height:1rem}button[data-slot=vesta-button][data-size=lg]>[data-slot=vesta-button-icon] :where(svg){width:1.25rem;height:1.25rem}button[data-slot=vesta-button][data-size=icon-lg]>[data-slot=vesta-button-icon] :where(svg){width:1.25rem;height:1.25rem}button[data-slot=vesta-button][data-variant=primary]{--vesta-button-accent:var(--primary)}button[data-slot=vesta-button][data-variant=secondary]{--vesta-button-accent:var(--secondary);--vesta-button-hover:color-mix(in oklch, var(--secondary) 80%, var(--background));--vesta-button-press:color-mix(in oklch, var(--secondary) 70%, black)}button[data-slot=vesta-button][data-variant=destructive],button[data-slot=vesta-button][data-variant=destructive-subtle]{--vesta-button-accent:var(--destructive)}button[data-slot=vesta-button][data-variant=success],button[data-slot=vesta-button][data-variant=success-subtle]{--vesta-button-accent:var(--success)}button[data-slot=vesta-button][data-variant=warning],button[data-slot=vesta-button][data-variant=warning-subtle]{--vesta-button-accent:var(--warning)}button[data-slot=vesta-button][data-variant=info],button[data-slot=vesta-button][data-variant=info-subtle]{--vesta-button-accent:var(--info)}button[data-slot=vesta-button][data-variant=rainbow-red],button[data-slot=vesta-button][data-variant=rainbow-red-subtle]{--vesta-button-accent:var(--rainbow-red)}button[data-slot=vesta-button][data-variant=rainbow-orange],button[data-slot=vesta-button][data-variant=rainbow-orange-subtle]{--vesta-button-accent:var(--rainbow-orange)}button[data-slot=vesta-button][data-variant=rainbow-gold],button[data-slot=vesta-button][data-variant=rainbow-gold-subtle]{--vesta-button-accent:var(--rainbow-gold)}button[data-slot=vesta-button][data-variant=rainbow-yellow],button[data-slot=vesta-button][data-variant=rainbow-yellow-subtle]{--vesta-button-accent:var(--rainbow-yellow)}button[data-slot=vesta-button][data-variant=rainbow-lime],button[data-slot=vesta-button][data-variant=rainbow-lime-subtle]{--vesta-button-accent:var(--rainbow-lime)}button[data-slot=vesta-button][data-variant=rainbow-green],button[data-slot=vesta-button][data-variant=rainbow-green-subtle]{--vesta-button-accent:var(--rainbow-green)}button[data-slot=vesta-button][data-variant=rainbow-teal],button[data-slot=vesta-button][data-variant=rainbow-teal-subtle]{--vesta-button-accent:var(--rainbow-teal)}button[data-slot=vesta-button][data-variant=rainbow-cyan],button[data-slot=vesta-button][data-variant=rainbow-cyan-subtle]{--vesta-button-accent:var(--rainbow-cyan)}button[data-slot=vesta-button][data-variant=rainbow-azure],button[data-slot=vesta-button][data-variant=rainbow-azure-subtle]{--vesta-button-accent:var(--rainbow-azure)}button[data-slot=vesta-button][data-variant=rainbow-blue],button[data-slot=vesta-button][data-variant=rainbow-blue-subtle]{--vesta-button-accent:var(--rainbow-blue)}button[data-slot=vesta-button][data-variant=rainbow-indigo],button[data-slot=vesta-button][data-variant=rainbow-indigo-subtle]{--vesta-button-accent:var(--rainbow-indigo)}button[data-slot=vesta-button][data-variant=rainbow-violet],button[data-slot=vesta-button][data-variant=rainbow-violet-subtle]{--vesta-button-accent:var(--rainbow-violet)}button[data-slot=vesta-button][data-variant$=-subtle]{--vesta-button-fill:color-mix(in oklch, var(--vesta-button-accent) 15%, var(--background));--vesta-button-hover:color-mix(in oklch, var(--vesta-button-accent) 25%, var(--background));--vesta-button-press:color-mix(in oklch, var(--vesta-button-accent) 32%, var(--background))}button[data-slot=vesta-button][data-variant=outline]{--vesta-button-fill:var(--background);--vesta-button-hover:var(--muted);--vesta-button-press:color-mix(in oklch, var(--muted) 80%, var(--foreground));--vesta-button-rim-dark:#0000008c;--vesta-button-rim-light:#ffffff80}button[data-slot=vesta-button][data-variant=ghost]{--vesta-button-fill:var(--background);--vesta-button-hover:var(--muted);--vesta-button-press:color-mix(in oklch, var(--muted) 80%, var(--foreground))}button[data-slot=vesta-button]:before,button[data-slot=vesta-button]:after{content:"";border-radius:inherit;pointer-events:none;border:1px solid;position:absolute;top:-1px;bottom:-1px;left:-1px;right:-1px}button[data-slot=vesta-button]:before{border-color:var(--vesta-button-rim-dark);mix-blend-mode:multiply}button[data-slot=vesta-button]:after{border-color:var(--vesta-button-rim-light);mix-blend-mode:screen}button[data-slot=vesta-button][data-variant=ghost]:before,button[data-slot=vesta-button][data-variant=ghost]:after{content:none}@media (hover:hover){button[data-slot=vesta-button]:hover:not(:disabled){background-color:var(--vesta-button-hover)}}button[data-slot=vesta-button]:active:not(:disabled){background-color:var(--vesta-button-press)}@media (prefers-reduced-motion:reduce){button[data-slot=vesta-button]{transition:none}}@media (prefers-reduced-transparency:reduce){button[data-slot=vesta-button]:before,button[data-slot=vesta-button]:after{content:none}button[data-slot=vesta-button]:not([data-variant=ghost]){border-color:var(--border)}}@media (forced-colors:active){button[data-slot=vesta-button]{color:buttontext;background-color:buttonface;background-clip:border-box;border-color:buttontext}button[data-slot=vesta-button]:before,button[data-slot=vesta-button]:after{content:none}}