@layer design-system.components{.vds-button[data-variant=solid][data-effect=shine]{box-shadow: inset 0 1px 0 0 color-mix(in oklch, var(--vds-color-white,#fff), transparent 55%),  inset 0 8px 14px -8px color-mix(in oklch, var(--vds-color-white,#fff), transparent 55%),  inset 0 -1px 0 0 color-mix(in oklch, var(--vds-color-black,#000), transparent 75%),  0 2px 8px -2px color-mix(in oklch, var(--button-color-solid), transparent 70%);transition:background-color var(--button-transition-duration) var(--button-transition-easing), border-color var(--button-transition-duration) var(--button-transition-easing), color var(--button-transition-duration) var(--button-transition-easing), box-shadow var(--button-transition-duration) var(--button-transition-easing);position:relative;overflow:hidden}.vds-button[data-variant=solid][data-effect=shine]:before{content:"";background:linear-gradient(110deg, transparent 15%, color-mix(in oklch, var(--vds-color-white,#fff), transparent 82%) 35%, color-mix(in oklch, var(--vds-color-white,#fff), transparent 55%) 45%, color-mix(in oklch, var(--vds-color-white,#fff), transparent 25%) 50%, color-mix(in oklch, var(--vds-color-white,#fff), transparent 55%) 55%, color-mix(in oklch, var(--vds-color-white,#fff), transparent 82%) 65%, transparent 85%);pointer-events:none;filter:blur(1px);mix-blend-mode:screen;inline-size:70%;position:absolute;inset-block:-2px;inset-inline-start:0;translate:-180%}.vds-button[data-variant=solid][data-effect=shine]:hover:not(:disabled):not([aria-disabled=true]){box-shadow:inset 0 1px 0 0 color-mix(in oklch, var(--vds-color-white,#fff), transparent 40%), inset 0 10px 16px -8px color-mix(in oklch, var(--vds-color-white,#fff), transparent 40%), inset 0 -1px 0 0 color-mix(in oklch, var(--vds-color-black,#000), transparent 75%), 0 4px 14px -2px color-mix(in oklch, var(--button-color-solid), transparent 55%)}.vds-button[data-variant=solid][data-effect=shine]:hover:before{transition:translate .85s cubic-bezier(.25,.46,.45,.94);translate:220%}.vds-button[data-variant=solid][data-effect=raised]{box-shadow:0 4px 0 0 var(--button-shadow-depth), 0 6px 12px -2px var(--button-shadow-ambient);transition:background-color var(--button-transition-duration) var(--button-transition-easing), border-color var(--button-transition-duration) var(--button-transition-easing), color var(--button-transition-duration) var(--button-transition-easing), box-shadow var(--button-transition-duration) var(--button-transition-easing), translate var(--button-transition-duration) var(--button-transition-easing), scale var(--button-transition-duration) var(--button-transition-easing);translate:0 -2px}.vds-button[data-variant=solid][data-effect=raised]:hover:not(:disabled):not([aria-disabled=true]){box-shadow:0 5px 0 0 var(--button-shadow-depth), 0 10px 20px -4px var(--button-shadow-ambient);translate:0 -3px}.vds-button[data-variant=solid][data-effect=raised]:active:not(:disabled):not([aria-disabled=true]){box-shadow:0 0 0 0 transparent, 0 1px 4px 0 var(--button-shadow-ambient);translate:0 2px}.vds-button[data-effect=glow]{transition:background-color var(--button-transition-duration) var(--button-transition-easing), border-color var(--button-transition-duration) var(--button-transition-easing), color var(--button-transition-duration) var(--button-transition-easing), box-shadow var(--vds-duration-normal,.2s) var(--button-transition-easing)}.vds-button[data-effect=glow]:hover:not(:disabled):not([aria-disabled=true]){box-shadow:0 0 10px 2px color-mix(in oklch, var(--button-color-solid), transparent 40%), 0 0 30px 6px color-mix(in oklch, var(--button-color-solid), transparent 70%), 0 0 60px 12px color-mix(in oklch, var(--button-color-solid), transparent 85%)}.vds-button[data-effect=glow]:active:not(:disabled):not([aria-disabled=true]){box-shadow:0 0 6px 1px color-mix(in oklch, var(--button-color-solid), transparent 50%), 0 0 16px 3px color-mix(in oklch, var(--button-color-solid), transparent 75%)}.vds-button[data-variant=solid][data-effect=glass]{--button-bg:color-mix(in oklch, var(--button-color-solid), transparent 82%);--button-bg-hover:color-mix(in oklch, var(--button-color-solid), transparent 72%);--button-bg-active:color-mix(in oklch, var(--button-color-solid), transparent 60%);--button-text:var(--vds-color-white,#fff);--button-text-hover:var(--vds-color-white,#fff);--button-text-active:var(--vds-color-white,#fff);--button-border:color-mix(in oklch, var(--button-color-solid), transparent 60%);--button-border-hover:color-mix(in oklch, var(--button-color-solid), transparent 45%);-webkit-backdrop-filter:blur(16px)saturate(1.8);backdrop-filter:blur(16px)saturate(1.8);box-shadow:inset 0 1px 0 0 color-mix(in oklch, var(--vds-color-white,#fff), transparent 70%), inset 0 -1px 0 0 color-mix(in oklch, var(--vds-color-black,#000), transparent 70%), 0 2px 8px 0 color-mix(in oklch, var(--button-color-solid), transparent 80%)}.vds-button[data-variant=solid][data-effect=glass]:hover:not(:disabled):not([aria-disabled=true]){box-shadow:inset 0 1px 0 0 color-mix(in oklch, var(--vds-color-white,#fff), transparent 60%), inset 0 -1px 0 0 color-mix(in oklch, var(--vds-color-black,#000), transparent 60%), 0 4px 16px 0 color-mix(in oklch, var(--button-color-solid), transparent 65%)}.vds-button[data-variant=solid][data-effect=glass]:active:not(:disabled):not([aria-disabled=true]){box-shadow:inset 0 1px 3px 0 color-mix(in oklch, var(--vds-color-black,#000), transparent 80%), inset 0 -1px 0 0 color-mix(in oklch, var(--vds-color-black,#000), transparent 70%);scale:1}.vds-button[data-variant=solid][data-effect=candy]{background:linear-gradient(180deg, oklch(from var(--button-color-solid) calc(l + .14) c h) 0%, var(--button-color-solid) 50%, oklch(from var(--button-color-solid) calc(l * .82) c h) 100%);color:var(--button-color-on-solid);border-color:oklch(from var(--button-color-solid) calc(l * .65) c h);box-shadow:inset 0 1px 0 0 color-mix(in oklch, var(--vds-color-white,#fff), transparent 45%), inset 0 -1px 0 0 color-mix(in oklch, var(--vds-color-black,#000), transparent 65%), 0 4px 12px -3px color-mix(in oklch, var(--button-color-solid), transparent 78%);transition:background var(--button-transition-duration) var(--button-transition-easing), border-color var(--button-transition-duration) var(--button-transition-easing), color var(--button-transition-duration) var(--button-transition-easing), box-shadow var(--button-transition-duration) var(--button-transition-easing), translate var(--button-transition-duration) var(--button-transition-easing)}.vds-button[data-variant=solid][data-effect=candy]:hover:not(:disabled):not([aria-disabled=true]){background:linear-gradient(180deg, oklch(from var(--button-color-solid) calc(l + .18) c h) 0%, oklch(from var(--button-color-solid) calc(l + .03) c h) 50%, oklch(from var(--button-color-solid) calc(l * .85) c h) 100%);box-shadow:inset 0 1px 0 0 color-mix(in oklch, var(--vds-color-white,#fff), transparent 35%), inset 0 -1px 0 0 color-mix(in oklch, var(--vds-color-black,#000), transparent 65%), 0 8px 20px -4px color-mix(in oklch, var(--button-color-solid), transparent 72%);translate:0 -1px}.vds-button[data-variant=solid][data-effect=candy]:active:not(:disabled):not([aria-disabled=true]){background:linear-gradient(180deg, oklch(from var(--button-color-solid) calc(l * .88) c h) 0%, oklch(from var(--button-color-solid) calc(l * .82) c h) 100%);box-shadow:inset 0 2px 3px 0 color-mix(in oklch, var(--vds-color-black,#000), transparent 72%), inset 0 -1px 0 0 color-mix(in oklch, var(--vds-color-black,#000), transparent 65%), 0 2px 6px -2px color-mix(in oklch, var(--button-color-solid), transparent 85%);translate:0 1px}.vds-button[data-variant=outline][data-effect=outline-glow]{transition:background-color var(--button-transition-duration) var(--button-transition-easing), border-color var(--button-transition-duration) var(--button-transition-easing), color var(--button-transition-duration) var(--button-transition-easing), box-shadow var(--vds-duration-normal,.2s) var(--button-transition-easing)}.vds-button[data-variant=outline][data-effect=outline-glow]:hover:not(:disabled):not([aria-disabled=true]){--button-border-hover:var(--button-color-solid-hover);box-shadow:0 0 8px 0 color-mix(in oklch, var(--button-color-solid), transparent 50%), 0 0 20px 0 color-mix(in oklch, var(--button-color-solid), transparent 75%), inset 0 0 8px 0 color-mix(in oklch, var(--button-color-solid), transparent 85%)}}
@layer design-system.components{.vds-button[data-animation=pulse]{animation:vds-button-pulse 2s var(--vds-ease-in-out,cubic-bezier(.4, 0, .2, 1)) infinite}@keyframes vds-button-pulse{0%,to{box-shadow:0 0 0 0 color-mix(in oklch, var(--button-color-solid), transparent 30%)}50%{box-shadow:0 0 0 8px color-mix(in oklch, var(--button-color-solid), transparent 100%)}}.vds-button[data-animation=bounce]{animation:vds-button-bounce 1s var(--vds-ease-bounce,cubic-bezier(.175, .885, .32, 1.275)) infinite}@keyframes vds-button-bounce{0%,to{translate:0}30%{translate:0 -6px}50%{translate:0 -2px}}.vds-button[data-animation=shake]{animation:vds-button-shake .5s var(--vds-ease-out,cubic-bezier(0, 0, .2, 1))}@keyframes vds-button-shake{0%,to{translate:0}10%,50%,90%{translate:-3px}30%,70%{translate:3px}}.vds-button[data-animation=jiggle]{animation:vds-button-jiggle .4s var(--vds-ease-out,cubic-bezier(0, 0, .2, 1))}@keyframes vds-button-jiggle{0%,to{rotate:none}25%{rotate:-2deg}75%{rotate:2deg}}@media (prefers-reduced-motion:reduce){.vds-button[data-animation]{animation:none}}}
@layer design-system.components{.vds-button{--button-height:var(--vds-size-md,2.25rem);--button-padding-inline:var(--vds-space-4,1rem);--button-padding-block:max(.125rem, calc((var(--button-height) - 1lh - 2 * var(--button-border-width)) / 2));--button-optical-offset:var(--vds-control-optical-offset,0px);--button-gap:var(--vds-gap-icon,.5rem);--button-border-width:1px;--button-radius:var(--vds-radius-button,var(--vds-radius-element,.375rem));--button-min-width:var(--button-height);--button-icon-size:1.25rem;--button-font-family:var(--vds-font-sans,ui-sans-serif, system-ui, sans-serif);--button-font-size:var(--vds-text-sm,.875rem);--button-font-weight:var(--vds-font-weight-medium,500);--button-line-height:var(--vds-control-line-height,1.5);--button-letter-spacing:var(--vds-tracking-normal,0);--button-transition-duration:var(--vds-duration-fast,.1s);--button-transition-easing:var(--vds-ease-out,cubic-bezier(0, 0, .2, 1));--button-press-scale:.98;--button-focus-ring-color:var(--vds-color-ring,var(--button-color-solid));--button-focus-ring-width:2px;--button-focus-ring-offset:2px;--button-shadow-depth:oklch(from var(--button-color-solid) calc(l * .75) c h);--button-shadow-ambient:oklch(from var(--button-color-solid) l c h / .35);--button-disabled-opacity:var(--vds-opacity-disabled,.5);--button-color-solid:var(--vds-color-primary-solid,#4f46e5);--button-color-solid-hover:var(--vds-color-primary-solid-hover,#4338ca);--button-color-solid-active:var(--vds-color-primary-solid-active,oklch(from var(--button-color-solid) calc(l * .85) c h));--button-color-on-solid:var(--vds-color-on-primary,#fff);--button-color-bg:var(--vds-color-primary-bg,#e0e7ff);--button-color-bg-hover:var(--vds-color-primary-bg-hover,color-mix(in oklch, var(--button-color-bg), var(--button-color-solid) 15%));--button-color-bg-active:var(--vds-color-primary-bg-active,color-mix(in oklch, var(--button-color-bg), var(--button-color-solid) 28%));--button-color-text:var(--vds-color-primary-text,#3730a3);--button-color-text-hover:var(--button-color-solid-hover);--button-color-border:var(--button-color-solid);--button-bg:var(--button-color-solid);--button-bg-hover:var(--button-color-solid-hover);--button-bg-active:var(--button-color-solid-active);--button-overlay-hover:transparent;--button-overlay-active:transparent;--button-text:var(--button-color-on-solid);--button-text-hover:var(--button-color-on-solid);--button-text-active:var(--button-color-on-solid);--button-border:transparent;--button-border-hover:transparent;--button-border-active:transparent}.vds-button[data-color=success]{--button-color-solid:var(--vds-color-success-solid,#16a34a);--button-color-solid-hover:var(--vds-color-success-solid-hover,#15803d);--button-color-solid-active:var(--vds-color-success-solid-active,oklch(from var(--button-color-solid) calc(l * .85) c h));--button-color-on-solid:var(--vds-color-on-success,#fff);--button-color-bg:var(--vds-color-success-bg,#dcfce7);--button-color-bg-hover:var(--vds-color-success-bg-hover,color-mix(in oklch, var(--button-color-bg), var(--button-color-solid) 15%));--button-color-bg-active:var(--vds-color-success-bg-active,color-mix(in oklch, var(--button-color-bg), var(--button-color-solid) 28%));--button-color-text:var(--vds-color-success-text,#166534);--button-color-border:var(--button-color-solid)}.vds-button[data-color=warning]{--button-color-solid:var(--vds-color-warning-solid,#f59e0b);--button-color-solid-hover:var(--vds-color-warning-solid-hover,#d97706);--button-color-solid-active:var(--vds-color-warning-solid-active,oklch(from var(--button-color-solid) calc(l * .85) c h));--button-color-on-solid:var(--vds-color-on-warning,#111);--button-color-bg:var(--vds-color-warning-bg,#fef3c7);--button-color-bg-hover:var(--vds-color-warning-bg-hover,color-mix(in oklch, var(--button-color-bg), var(--button-color-solid) 15%));--button-color-bg-active:var(--vds-color-warning-bg-active,color-mix(in oklch, var(--button-color-bg), var(--button-color-solid) 28%));--button-color-text:var(--vds-color-warning-text,#78350f);--button-color-border:var(--button-color-solid)}.vds-button[data-color=danger]{--button-color-solid:var(--vds-color-danger-solid,#dc2626);--button-color-solid-hover:var(--vds-color-danger-solid-hover,#b91c1c);--button-color-solid-active:var(--vds-color-danger-solid-active,oklch(from var(--button-color-solid) calc(l * .85) c h));--button-color-on-solid:var(--vds-color-on-danger,#fff);--button-color-bg:var(--vds-color-danger-bg,#fee2e2);--button-color-bg-hover:var(--vds-color-danger-bg-hover,color-mix(in oklch, var(--button-color-bg), var(--button-color-solid) 15%));--button-color-bg-active:var(--vds-color-danger-bg-active,color-mix(in oklch, var(--button-color-bg), var(--button-color-solid) 28%));--button-color-text:var(--vds-color-danger-text,#991b1b);--button-color-border:var(--button-color-solid)}.vds-button[data-color=info]{--button-color-solid:var(--vds-color-info-solid,#0891b2);--button-color-solid-hover:var(--vds-color-info-solid-hover,#0e7490);--button-color-solid-active:var(--vds-color-info-solid-active,oklch(from var(--button-color-solid) calc(l * .85) c h));--button-color-on-solid:var(--vds-color-on-info,#fff);--button-color-bg:var(--vds-color-info-bg,#cffafe);--button-color-bg-hover:var(--vds-color-info-bg-hover,color-mix(in oklch, var(--button-color-bg), var(--button-color-solid) 15%));--button-color-bg-active:var(--vds-color-info-bg-active,color-mix(in oklch, var(--button-color-bg), var(--button-color-solid) 28%));--button-color-text:var(--vds-color-info-text,#155e75);--button-color-border:var(--button-color-solid)}.vds-button[data-color=accent]{--button-color-solid:var(--vds-color-accent-solid,var(--vds-color-accent-emphasis,#f97316));--button-color-solid-hover:var(--vds-color-accent-solid-hover,#ea580c);--button-color-solid-active:var(--vds-color-accent-solid-active,oklch(from var(--button-color-solid) calc(l * .85) c h));--button-color-on-solid:var(--vds-color-on-accent,#fff);--button-color-bg:var(--vds-color-accent-bg,#ffedd5);--button-color-bg-hover:var(--vds-color-accent-bg-hover,color-mix(in oklch, var(--button-color-bg), var(--button-color-solid) 15%));--button-color-bg-active:var(--vds-color-accent-bg-active,color-mix(in oklch, var(--button-color-bg), var(--button-color-solid) 28%));--button-color-text:var(--vds-color-accent-text,#7c2d12);--button-color-border:var(--button-color-solid)}.vds-button[data-color=contrast]{--button-color-solid:var(--vds-color-bg-inverse,#0a0a0a);--button-color-solid-hover:var(--vds-color-neutral-11,#262626);--button-color-solid-active:oklch(from var(--button-color-solid) calc(l * .85) c h);--button-color-on-solid:var(--vds-color-text-inverse,#fafafa);--button-color-bg:var(--vds-color-neutral-bg,#e5e5e5);--button-color-bg-hover:var(--vds-color-neutral-4,#d4d4d4);--button-color-bg-active:var(--vds-color-neutral-5,#a3a3a3);--button-color-text:var(--vds-color-text,#0a0a0a);--button-color-border:var(--vds-color-bg-inverse,#0a0a0a)}.vds-button[data-variant=outline]{--button-bg:transparent;--button-bg-hover:var(--button-color-bg-hover);--button-bg-active:var(--button-color-bg-active);--button-overlay-hover:transparent;--button-overlay-active:transparent;--button-text:var(--button-color-text);--button-text-hover:var(--button-color-text);--button-text-active:var(--button-color-text);--button-border:var(--button-color-border);--button-border-hover:var(--button-color-border);--button-border-active:var(--button-color-border)}.vds-button[data-variant=ghost]{--button-bg:transparent;--button-bg-hover:var(--button-color-bg-hover);--button-bg-active:var(--button-color-bg-active);--button-overlay-hover:transparent;--button-overlay-active:transparent;--button-text:var(--button-color-text);--button-text-hover:var(--button-color-text);--button-text-active:var(--button-color-text);--button-border:transparent;--button-border-hover:transparent;--button-border-active:transparent}.vds-button[data-variant=soft]{--button-bg:var(--button-color-bg);--button-bg-hover:var(--button-color-bg-hover);--button-bg-active:var(--button-color-bg-active);--button-overlay-hover:transparent;--button-overlay-active:transparent;--button-text:var(--button-color-text);--button-text-hover:var(--button-color-text);--button-text-active:var(--button-color-text);--button-border:transparent;--button-border-hover:transparent;--button-border-active:transparent}.vds-button[data-variant=link]{--button-height:auto;--button-padding-inline:0;--button-padding-block:0;--button-optical-offset:0;--button-min-width:0;--button-bg:transparent;--button-bg-hover:transparent;--button-bg-active:transparent;--button-overlay-hover:transparent;--button-overlay-active:transparent;--button-text:var(--button-color-text);--button-text-hover:var(--button-color-text);--button-text-active:var(--button-color-text);--button-border:transparent;--button-border-hover:transparent;--button-border-active:transparent}.vds-button[data-color=warning]:is([data-variant=outline],[data-variant=ghost],[data-variant=soft]){--button-text-active:var(--vds-color-warning-12,var(--button-color-text))}.vds-button[data-size="2xs"]{--button-height:var(--vds-size-2xs,1.5rem);--button-padding-inline:var(--vds-space-2,.5rem);--button-font-size:var(--vds-text-xs,.75rem);--button-gap:var(--vds-gap-icon-compact,.25rem);--button-icon-size:.875rem}.vds-button[data-size=xs]{--button-height:var(--vds-size-xs,1.75rem);--button-padding-inline:var(--vds-space-2-5,.625rem);--button-font-size:var(--vds-text-xs,.75rem);--button-gap:var(--vds-gap-icon-compact,.25rem);--button-icon-size:.875rem}.vds-button[data-size=sm]{--button-height:var(--vds-size-sm,2rem);--button-padding-inline:var(--vds-space-3,.75rem);--button-font-size:var(--vds-text-sm,.875rem);--button-gap:var(--vds-gap-icon,.5rem);--button-icon-size:1rem}.vds-button[data-size=lg]{--button-height:var(--vds-size-lg,2.5rem);--button-padding-inline:var(--vds-space-5,1.25rem);--button-font-size:var(--vds-text-base,1rem);--button-gap:var(--vds-gap-icon,.5rem);--button-icon-size:1.25rem}.vds-button[data-size=xl]{--button-height:var(--vds-size-xl,2.75rem);--button-padding-inline:var(--vds-space-6,1.5rem);--button-font-size:var(--vds-text-base,1rem);--button-gap:var(--vds-gap-icon,.5rem);--button-icon-size:1.25rem}.vds-button[data-size="2xl"]{--button-height:var(--vds-size-2xl,3.25rem);--button-padding-inline:var(--vds-space-7,1.75rem);--button-font-size:var(--vds-text-lg,1.125rem);--button-gap:var(--vds-space-3,.75rem);--button-icon-size:1.375rem}.vds-button[data-size="3xl"]{--button-height:var(--vds-size-3xl,4rem);--button-padding-inline:var(--vds-space-8,2rem);--button-font-size:var(--vds-text-xl,1.25rem);--button-gap:var(--vds-space-3,.75rem);--button-icon-size:1.5rem}.vds-button[data-variant=link][data-size]{--button-height:auto;--button-padding-inline:0;--button-padding-block:0;--button-min-width:0}.vds-button:disabled,.vds-button[aria-disabled=true]{--button-bg-hover:var(--button-bg);--button-bg-active:var(--button-bg);--button-text-hover:var(--button-text);--button-text-active:var(--button-text);--button-border-hover:var(--button-border);--button-border-active:var(--button-border)}}
@layer design-system.components{.vds-button{justify-content:center;align-items:center;gap:var(--button-gap);vertical-align:middle;box-sizing:border-box;min-block-size:var(--button-height);min-inline-size:var(--button-min-width);max-inline-size:100%;padding-inline:var(--button-padding-inline);background-color:var(--button-bg);background-image:linear-gradient(var(--button-overlay,transparent), var(--button-overlay,transparent));color:var(--button-text);border:var(--button-border-width) solid var(--button-border);border-radius:var(--button-radius);font-family:var(--button-font-family);font-size:var(--button-font-size);font-weight:var(--button-font-weight);line-height:var(--button-line-height);letter-spacing:var(--button-letter-spacing);white-space:normal;overflow-wrap:anywhere;text-align:center;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;transition:background-color var(--button-transition-duration) var(--button-transition-easing), border-color var(--button-transition-duration) var(--button-transition-easing), color var(--button-transition-duration) var(--button-transition-easing), box-shadow var(--button-transition-duration) var(--button-transition-easing), opacity var(--button-transition-duration) var(--button-transition-easing), scale var(--button-transition-duration) var(--button-transition-easing);padding-block-start:var(--button-padding-block);padding-block-end:var(--button-padding-block);text-decoration:none;display:inline-flex;position:relative}.vds-button:hover:not(:disabled):not([aria-disabled=true]){background-color:var(--button-bg-hover);--button-overlay:var(--button-overlay-hover);color:var(--button-text-hover);border-color:var(--button-border-hover)}.vds-button:active:not(:disabled):not([aria-disabled=true]){background-color:var(--button-bg-active);--button-overlay:var(--button-overlay-active);color:var(--button-text-active);border-color:var(--button-border-active);scale:var(--button-press-scale)}.vds-button:focus-visible{outline:var(--button-focus-ring-width) solid var(--button-focus-ring-color);outline-offset:var(--button-focus-ring-offset)}.vds-button[data-variant=link]{text-underline-offset:.2em;text-decoration:underline}.vds-button[data-variant=link]:hover:not(:disabled):not([aria-disabled=true]){text-decoration-thickness:2px}.vds-button:disabled,.vds-button[aria-disabled=true]{opacity:var(--button-disabled-opacity);cursor:not-allowed;pointer-events:none}.vds-button-content{justify-content:center;align-items:center;gap:var(--button-gap);min-inline-size:0;display:inline-flex}.vds-button-label{gap:var(--button-gap);min-inline-size:0;line-height:inherit;transform:translateY(var(--button-optical-offset));white-space:inherit;justify-content:center;align-items:center;display:inline-flex}.vds-button[data-icon-only] .vds-button-label{transform:none}.vds-button[data-icon-only]{inline-size:var(--button-height);aspect-ratio:1;--button-min-width:var(--button-height);padding-inline:0}.vds-button[data-full-width]{inline-size:100%}.vds-button[aria-busy=true]{pointer-events:none}.vds-button[aria-busy=true]>.vds-button-content{visibility:hidden}.vds-button-spinner{justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.vds-button-spinner:after{content:"";inline-size:var(--button-icon-size);block-size:var(--button-icon-size);border:2px solid;border-radius:var(--vds-radius-full,9999px);color:var(--button-text);opacity:1;border-inline-end-color:#0000;animation:.6s linear infinite vds-button-spin;display:block}.vds-button-section{flex-shrink:0;justify-content:center;align-items:center;line-height:1;display:inline-flex}.vds-button-label>svg,.vds-button-section>svg{inline-size:var(--button-icon-size);block-size:var(--button-icon-size);flex-shrink:0;display:block}@media (prefers-reduced-motion:reduce){.vds-button{--button-press-scale:1;transition-duration:0s}}@keyframes vds-button-spin{to{rotate:360deg}}}