@layer design-system.components{.vds-toaster{--toast-width:var(--vds-toast-width,26.25rem);--toast-viewport-margin:var(--vds-space-8,2rem);--toast-offset-inline:var(--vds-toast-offset-inline,var(--vds-space-6,1.5rem));--toast-offset-block:var(--vds-toast-offset-block,var(--vds-space-6,1.5rem));--toast-gap:var(--vds-toast-gap,var(--vds-space-4,1rem));--toast-min-height:var(--vds-toast-min-height,4rem);--toast-min-height-with-actions:5rem;--toast-surface:var(--vds-overlay-bg,var(--vds-color-surface,#fff));--toast-border-width:1px;--toast-border-color:var(--vds-surface-border,var(--vds-color-border-muted,#e5e7eb));--toast-border-color-stacked:var(--vds-color-border,#d1d5db);--toast-surface-stacked:color-mix(in oklch, var(--toast-surface) 96%, var(--vds-color-bg-muted,#f3f4f6));--toast-radius-base:var(--vds-toast-radius,var(--vds-radius-toast,.75rem));--toast-radius-compact:var(--vds-radius-toast-compact,max(0px, calc(var(--toast-radius-base) - 2px)));--toast-radius:var(--toast-radius-base);--toast-shadow:var(--vds-overlay-shadow,var(--vds-toast-shadow,0 10px 38px -10px oklch(0% none none/.28), 0 10px 20px -15px oklch(0% none none/.18)));--toast-shadow-hover:var(--vds-overlay-shadow,var(--vds-toast-shadow-hover,0 10px 38px -10px oklch(0% none none/.28), 0 10px 20px -15px oklch(0% none none/.18), 0 8px 30px -8px oklch(0% none none/.3)));--toast-padding-inline:var(--vds-space-5,1.25rem);--toast-padding-block:var(--vds-space-4,1rem);--toast-content-gap:var(--vds-cluster-gap,var(--vds-space-3,.75rem));--toast-text-gap:var(--vds-label-gap,var(--vds-space-1,.25rem));--toast-icon-size:1.25rem;--toast-icon-optical-nudge:1px;--toast-close-size:var(--vds-size-2xs,1.5rem);--toast-actions-gap:var(--vds-cluster-gap,var(--vds-space-2,.5rem));--toast-actions-margin-block-start:var(--vds-cluster-gap,var(--vds-space-2,.5rem));--toast-action-gap:var(--vds-space-1-5,.375rem);--toast-action-padding-inline:var(--vds-space-3,.75rem);--toast-action-padding-block:var(--vds-space-1,.25rem);--toast-action-min-block-size:1.75rem;--toast-action-radius:var(--vds-radius-toast-action,var(--vds-radius-element,.5rem));--toast-progress-track-opacity:.2;--toast-progress-indicator-opacity:.75;--toast-focus-ring-width:var(--vds-focus-ring-width,2px);--toast-focus-ring-offset:var(--vds-focus-ring-offset,2px);--toast-focus-ring-color:var(--vds-color-ring,#6366f1);--toast-ease:var(--vds-toast-ease,var(--vds-ease-ios,cubic-bezier(.32, .72, 0, 1)));--toast-duration:var(--vds-toast-duration,var(--vds-duration-slower,.4s));--toast-enter-distance:var(--vds-toast-enter-distance,32px);--toast-exit-distance:var(--vds-toast-exit-distance,48px)}@media (width<=48rem){.vds-toaster{--toast-width:100%;--toast-offset-inline:var(--vds-space-4,1rem);--toast-offset-block:var(--vds-space-4,1rem)}}@media (width<=30rem){.vds-toaster{--toast-offset-inline:var(--vds-space-3,.75rem);--toast-offset-block:var(--vds-space-3,.75rem);--toast-enter-distance:24px;--toast-exit-distance:36px;--toast-radius:var(--toast-radius-compact);--toast-min-height:3.5rem;--toast-min-height-with-actions:auto;--toast-padding-inline:var(--vds-space-3-5,.875rem);--toast-padding-block:var(--vds-space-3,.75rem);--toast-content-gap:var(--vds-space-2-5,.625rem);--toast-icon-size:1rem;--toast-close-size:1.25rem;--toast-actions-gap:var(--vds-space-1-5,.375rem);--toast-actions-margin-block-start:var(--vds-space-2-5,.625rem);--toast-action-min-block-size:2.25rem}}.vds-toaster{z-index:var(--vds-z-toast);inline-size:min(var(--toast-width), calc(100vw - var(--toast-viewport-margin)));pointer-events:none;outline:none;margin:0;padding:0;list-style:none;display:block;position:fixed}.vds-toaster--top-left{inset-block-start:calc(var(--toast-offset-block) + env(safe-area-inset-top,0px));inset-inline-start:calc(var(--toast-offset-inline) + env(safe-area-inset-left,0px))}.vds-toaster--top-right{inset-block-start:calc(var(--toast-offset-block) + env(safe-area-inset-top,0px));inset-inline-end:calc(var(--toast-offset-inline) + env(safe-area-inset-right,0px))}.vds-toaster--top-center{inset-block-start:calc(var(--toast-offset-block) + env(safe-area-inset-top,0px));inset-inline-start:50%;transform:translate(-50%)}.vds-toaster--bottom-left{inset-block-end:calc(var(--toast-offset-block) + env(safe-area-inset-bottom,0px));inset-inline-start:calc(var(--toast-offset-inline) + env(safe-area-inset-left,0px))}.vds-toaster--bottom-right{inset-block-end:calc(var(--toast-offset-block) + env(safe-area-inset-bottom,0px));inset-inline-end:calc(var(--toast-offset-inline) + env(safe-area-inset-right,0px))}.vds-toaster--bottom-center{inset-block-end:calc(var(--toast-offset-block) + env(safe-area-inset-bottom,0px));inset-inline-start:50%;transform:translate(-50%)}:is(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) .vds-toaster--top-center,:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) .vds-toaster--bottom-center){transform:translate(50%)}.vds-toast{background:var(--toast-surface);border:var(--toast-border-width) solid var(--toast-border-color);border-radius:var(--toast-radius);box-shadow:var(--toast-shadow);min-block-size:var(--toast-min-height);pointer-events:auto;-webkit-user-select:none;user-select:none;cursor:grab;touch-action:pan-y;transform:translate3d(var(--vds-toast-drag-x,0px), var(--vds-toast-y,0px), 0) scale(var(--vds-toast-scale,1));opacity:var(--vds-toast-opacity,1);will-change:transform, opacity;transition:transform var(--toast-duration) var(--toast-ease), opacity var(--vds-duration-slow) var(--vds-ease-out), box-shadow var(--vds-duration-slow) var(--vds-ease-out);position:absolute;inset-block-start:0;inset-inline:0;overflow:hidden}.vds-toaster[data-position^=bottom] .vds-toast{inset-block:auto 0}.vds-toast[data-state=open]{animation:vds-toast-enter-top var(--vds-duration-slow) var(--vds-ease-ios)}.vds-toaster[data-position^=bottom] .vds-toast[data-state=open]{animation-name:vds-toast-enter-bottom}.vds-toast[data-state=open][data-index="0"][data-type=error]{animation-name:vds-toast-enter-top-shake}.vds-toaster[data-position^=bottom] .vds-toast[data-state=open][data-index="0"][data-type=error]{animation-name:vds-toast-enter-bottom-shake}.vds-toast[data-state=closed]{animation:vds-toast-exit-top var(--vds-duration-normal) var(--vds-ease-in) forwards;pointer-events:none}.vds-toaster[data-position^=bottom] .vds-toast[data-state=closed]:not([data-swipe-exit]){animation-name:vds-toast-exit-bottom}.vds-toast[data-state=closed][data-swipe-exit=left]{animation:vds-toast-swipe-out-left var(--vds-duration-normal) var(--vds-ease-out) forwards}.vds-toast[data-state=closed][data-swipe-exit=right]{animation:vds-toast-swipe-out-right var(--vds-duration-normal) var(--vds-ease-out) forwards}.vds-toast[data-dragging]{cursor:grabbing;transition:none;animation:none}.vds-toast--stacked{background:var(--toast-surface-stacked);border-color:var(--toast-border-color-stacked)}.vds-toast--has-actions{min-block-size:var(--toast-min-height-with-actions)}@media (hover:hover){.vds-toast[data-index="0"]:hover{box-shadow:var(--toast-shadow-hover)}}.vds-toaster[data-expanded] .vds-toast--stacked{background:var(--toast-surface);border-color:var(--toast-border-color)}.vds-toast:active{cursor:grabbing}.vds-toast:focus-visible{outline:var(--toast-focus-ring-width) solid var(--toast-focus-ring-color);outline-offset:var(--toast-focus-ring-offset)}.vds-toast__content{align-items:flex-start;gap:var(--toast-content-gap);padding-block:var(--toast-padding-block);padding-inline:var(--toast-padding-inline);display:flex;position:relative}.vds-toast__icon{inline-size:var(--toast-icon-size);block-size:var(--toast-icon-size);flex-shrink:0;justify-content:center;align-items:center;margin-block-start:var(--toast-icon-optical-nudge);display:inline-flex}.vds-toast__icon>svg{inline-size:var(--toast-icon-size);block-size:var(--toast-icon-size)}.vds-toast__text{gap:var(--toast-text-gap);flex-direction:column;flex:1;min-inline-size:0;display:flex}.vds-toast__title{font-family:var(--vds-font-sans);font-size:var(--vds-text-sm);font-weight:var(--vds-font-weight-semibold);line-height:var(--vds-leading-snug);color:var(--vds-color-text);word-break:break-word;margin:0}.vds-toast__description{font-family:var(--vds-font-sans);font-size:var(--vds-text-xs);line-height:var(--vds-leading-normal);color:var(--vds-color-text-muted);word-break:break-word;margin:0}.vds-toast__actions{align-items:center;gap:var(--toast-actions-gap);flex-wrap:wrap;margin-block-start:var(--toast-actions-margin-block-start);display:flex}.vds-toast__close-container{inline-size:var(--toast-close-size);block-size:var(--toast-close-size);flex-shrink:0;position:relative}.vds-toast__close{border-radius:var(--vds-radius-full);block-size:100%;inline-size:100%;color:var(--vds-color-text-subtle);cursor:pointer;transition:background-color var(--vds-duration-fast) var(--vds-ease-out), color var(--vds-duration-fast) var(--vds-ease-out), transform var(--vds-duration-fast) var(--vds-ease-out);z-index:2;background:0 0;border:0;justify-content:center;align-items:center;display:inline-flex;position:absolute;inset:0}.vds-toast__close:hover{background-color:var(--vds-color-bg-muted);color:var(--vds-color-text);transform:scale(1.05)}.vds-toast__close:active{transform:scale(.92)}.vds-toast__close:focus-visible{outline:var(--toast-focus-ring-width) solid var(--toast-focus-ring-color);outline-offset:var(--toast-focus-ring-offset)}.vds-toast__progress-ring{pointer-events:none;z-index:1;color:currentColor;position:absolute;inset:0}.vds-toast__progress-ring-bg{stroke:currentColor;opacity:var(--toast-progress-track-opacity)}.vds-toast__progress-ring-progress{stroke:currentColor;opacity:var(--toast-progress-indicator-opacity);transition:stroke-dashoffset var(--vds-duration-fast) linear}.vds-toast-action{justify-content:center;align-items:center;gap:var(--toast-action-gap);min-block-size:var(--toast-action-min-block-size);padding-inline:var(--toast-action-padding-inline);padding-block:var(--toast-action-padding-block);font-family:var(--vds-font-sans);font-size:var(--vds-text-xs);font-weight:var(--vds-font-weight-medium);border-radius:var(--toast-action-radius);color:var(--vds-color-text);cursor:pointer;touch-action:manipulation;transition:background-color var(--vds-duration-fast) var(--vds-ease-out), color var(--vds-duration-fast) var(--vds-ease-out), border-color var(--vds-duration-fast) var(--vds-ease-out), transform var(--vds-duration-fast) var(--vds-ease-out);background:0 0;border:1px solid #0000;line-height:1;display:inline-flex}.vds-toast-action:hover{transform:translateY(-1px)}.vds-toast-action:active{transform:translateY(0)scale(.97)}.vds-toast-action:focus-visible{outline:var(--toast-focus-ring-width) solid var(--toast-focus-ring-color);outline-offset:var(--toast-focus-ring-offset)}.vds-toast-action--primary{background:var(--vds-color-primary-solid);color:var(--vds-color-on-primary);border-color:var(--vds-color-primary-solid)}.vds-toast-action--primary:hover{background:var(--vds-color-primary-solid-hover,var(--vds-color-primary-solid))}.vds-toast-action--secondary{background:var(--vds-color-bg-muted);color:var(--vds-color-text);border-color:var(--vds-color-border)}.vds-toast-action--secondary:hover{background:var(--vds-color-surface-hover)}.vds-toast-action--ghost{color:var(--vds-color-text-muted);background:0 0}.vds-toast-action--ghost:hover{background:var(--vds-color-bg-muted);color:var(--vds-color-text)}.vds-toast-action--danger{background:var(--vds-color-danger-solid);color:var(--vds-color-on-danger);border-color:var(--vds-color-danger-solid)}.vds-toast-action--danger:hover{background:var(--vds-color-danger-solid-hover,var(--vds-color-danger-solid))}.vds-toast-action--success{background:var(--vds-color-success-solid);color:var(--vds-color-on-success);border-color:var(--vds-color-success-solid)}.vds-toast-action--success:hover{background:var(--vds-color-success-solid-hover,var(--vds-color-success-solid))}.vds-toast--success{border-color:var(--vds-color-success-bg)}.vds-toast--success .vds-toast__icon{color:var(--vds-color-success-solid)}.vds-toast--error{border-color:var(--vds-color-danger-bg)}.vds-toast--error .vds-toast__icon{color:var(--vds-color-danger-solid)}.vds-toast--warning{border-color:var(--vds-color-warning-bg)}.vds-toast--warning .vds-toast__icon{color:var(--vds-color-warning-solid)}.vds-toast--info{border-color:var(--vds-color-info-bg)}.vds-toast--info .vds-toast__icon{color:var(--vds-color-info-solid)}.vds-toast--loading{border-color:var(--vds-color-primary-bg)}.vds-toast--loading .vds-toast__icon{color:var(--vds-color-primary-solid)}.vds-toast--default .vds-toast__icon{color:var(--vds-color-text-muted)}.vds-toast--success .vds-toast__progress-ring{color:var(--vds-color-success-solid)}.vds-toast--error .vds-toast__progress-ring{color:var(--vds-color-danger-solid)}.vds-toast--warning .vds-toast__progress-ring{color:var(--vds-color-warning-solid)}.vds-toast--info .vds-toast__progress-ring{color:var(--vds-color-info-solid)}.vds-toast--loading .vds-toast__progress-ring{color:var(--vds-color-primary-solid)}.vds-toast[data-type=loading] .vds-toast__icon>svg,.vds-toast[data-index="0"][data-state=open][data-type=loading] .vds-toast__icon>svg{animation:1s linear infinite vds-toast-spin}.vds-toast[data-index="0"][data-state=open][data-type=success] .vds-toast__icon>svg,.vds-toast[data-index="0"][data-state=open][data-type=default] .vds-toast__icon>svg{animation:vds-toast-icon-fade var(--vds-duration-normal) var(--vds-ease-out) 40ms both}.vds-toast[data-index="0"][data-state=open][data-type=error] .vds-toast__icon>svg{animation:vds-toast-icon-shake var(--vds-duration-normal) var(--vds-ease-out) 40ms both}.vds-toast[data-index="0"][data-state=open][data-type=warning] .vds-toast__icon>svg{animation:vds-toast-icon-pulse var(--vds-duration-normal) var(--vds-ease-out) 40ms both}.vds-toast[data-index="0"][data-state=open][data-type=info] .vds-toast__icon>svg{animation:vds-toast-icon-slide var(--vds-duration-normal) var(--vds-ease-out) 40ms both}:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) .vds-toast[data-index="0"][data-state=open][data-type=info] .vds-toast__icon>svg{animation-name:vds-toast-icon-slide-rtl}@keyframes vds-toast-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes vds-toast-enter-top{0%{transform:translate3d(0, calc(-1 * var(--toast-enter-distance)), 0) scale(.94);opacity:0}to{transform:translate3d(var(--vds-toast-drag-x,0px), var(--vds-toast-y,0px), 0) scale(var(--vds-toast-scale,1));opacity:var(--vds-toast-opacity,1)}}@keyframes vds-toast-enter-bottom{0%{transform:translate3d(0, var(--toast-enter-distance), 0) scale(.94);opacity:0}to{transform:translate3d(var(--vds-toast-drag-x,0px), var(--vds-toast-y,0px), 0) scale(var(--vds-toast-scale,1));opacity:var(--vds-toast-opacity,1)}}@keyframes vds-toast-enter-top-shake{0%{transform:translate3d(0, calc(-1 * var(--toast-enter-distance)), 0) scale(.94);opacity:0}55%{transform:translate3d(-3px, var(--vds-toast-y,0px), 0) scale(var(--vds-toast-scale,1));opacity:1}to{transform:translate3d(var(--vds-toast-drag-x,0px), var(--vds-toast-y,0px), 0) scale(var(--vds-toast-scale,1));opacity:var(--vds-toast-opacity,1)}}@keyframes vds-toast-enter-bottom-shake{0%{transform:translate3d(0, var(--toast-enter-distance), 0) scale(.94);opacity:0}55%{transform:translate3d(-3px, var(--vds-toast-y,0px), 0) scale(var(--vds-toast-scale,1));opacity:1}to{transform:translate3d(var(--vds-toast-drag-x,0px), var(--vds-toast-y,0px), 0) scale(var(--vds-toast-scale,1));opacity:var(--vds-toast-opacity,1)}}@keyframes vds-toast-exit-top{0%{transform:translate3d(0, var(--vds-toast-y,0px), 0) scale(var(--vds-toast-scale,1));opacity:var(--vds-toast-opacity,1)}to{transform:translate3d(0, calc(var(--vds-toast-y,0px) - var(--toast-exit-distance)), 0) scale(.92);opacity:0}}@keyframes vds-toast-exit-bottom{0%{transform:translate3d(0, var(--vds-toast-y,0px), 0) scale(var(--vds-toast-scale,1));opacity:var(--vds-toast-opacity,1)}to{transform:translate3d(0, calc(var(--vds-toast-y,0px) + var(--toast-exit-distance)), 0) scale(.92);opacity:0}}@keyframes vds-toast-swipe-out-left{0%{transform:translate3d(var(--vds-toast-drag-x,0px), var(--vds-toast-y,0px), 0) scale(var(--vds-toast-scale,1));opacity:1}to{transform:translate3d(-120%, var(--vds-toast-y,0px), 0) scale(.9);opacity:0}}@keyframes vds-toast-swipe-out-right{0%{transform:translate3d(var(--vds-toast-drag-x,0px), var(--vds-toast-y,0px), 0) scale(var(--vds-toast-scale,1));opacity:1}to{transform:translate3d(120%, var(--vds-toast-y,0px), 0) scale(.9);opacity:0}}@keyframes vds-toast-icon-fade{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes vds-toast-icon-shake{0%,to{transform:translate(0)}25%{transform:translate(-1.5px)}75%{transform:translate(1.5px)}}@keyframes vds-toast-icon-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.9;transform:scale(1.12)}}@keyframes vds-toast-icon-slide{0%{opacity:0;transform:translate(-5px)scale(.95)}to{opacity:1;transform:translate(0)scale(1)}}@keyframes vds-toast-icon-slide-rtl{0%{opacity:0;transform:translate(5px)scale(.95)}to{opacity:1;transform:translate(0)scale(1)}}@media (width<=48rem){.vds-toaster{inline-size:auto;inset-inline:calc(var(--toast-offset-inline) + env(safe-area-inset-left,0px)) calc(var(--toast-offset-inline) + env(safe-area-inset-right,0px))}.vds-toaster--top-center,.vds-toaster--bottom-center{padding-inline:var(--toast-offset-inline);inset-inline:0;transform:none}}@media (width<=30rem){.vds-toast__title{font-size:var(--vds-text-sm);line-height:var(--vds-leading-tight)}.vds-toast__description{font-size:var(--vds-text-xs);line-height:var(--vds-leading-snug)}.vds-toast__actions{flex-direction:column;align-items:stretch}.vds-toast-action{inline-size:100%;font-size:var(--vds-text-xs)}.vds-toaster:not([data-expanded]) .vds-toast--stacked{background:var(--toast-surface);border-color:var(--toast-border-color)}}@media (hover:none){.vds-toaster:hover{pointer-events:none}}@media (prefers-reduced-motion:reduce){.vds-toast,.vds-toast[data-state],.vds-toast[data-swipe-exit],.vds-toast__icon>svg,.vds-toast__progress-ring-progress{transition-duration:1ms!important;animation-duration:1ms!important;animation-delay:0s!important}}.vds-icon{color:currentColor;stroke-width:var(--vds-icon-stroke);vertical-align:middle;flex-shrink:0;display:inline-block}.vds-icon[data-size=xs]{width:var(--vds-icon-size-xs);height:var(--vds-icon-size-xs)}.vds-icon[data-size=sm]{width:var(--vds-icon-size-sm);height:var(--vds-icon-size-sm)}.vds-icon[data-size=md]{width:var(--vds-icon-size-md);height:var(--vds-icon-size-md)}.vds-icon[data-size=lg]{width:var(--vds-icon-size-lg);height:var(--vds-icon-size-lg)}.vds-icon[data-size=xl]{width:var(--vds-icon-size-xl);height:var(--vds-icon-size-xl)}.vds-icon[data-color=muted]{color:var(--vds-color-icon-muted,currentColor)}.vds-icon[data-color=subtle]{color:var(--vds-color-icon-subtle,currentColor)}.vds-icon[data-color=primary]{color:var(--vds-color-icon-primary,currentColor)}.vds-icon[data-color=secondary]{color:var(--vds-color-icon-subtle,currentColor)}.vds-icon[data-color=success]{color:var(--vds-color-icon-success,currentColor)}.vds-icon[data-color=warning]{color:var(--vds-color-icon-warning,currentColor)}.vds-icon[data-color=danger]{color:var(--vds-color-icon-danger,currentColor)}.vds-icon[data-color=info]{color:var(--vds-color-icon-info,currentColor)}.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)}.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}}.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:0deg}25%{rotate:-2deg}75%{rotate:2deg}}@media (prefers-reduced-motion:reduce){.vds-button[data-animation]{animation:none}}.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.tokens{:where(:root){--vds-icon-size-xs:.75rem;--vds-icon-size-sm:1rem;--vds-icon-size-md:1.25rem;--vds-icon-size-lg:1.5rem;--vds-icon-size-xl:2rem;--vds-icon-stroke:1.5}}