@layer design-system.components{.vds-header{--header-background:transparent;--header-text-color:inherit;--header-sticky-offset:0px;--header-top-sticky-height:0px;--header-main-sticky-height:0px;--header-bottom-sticky-height:0px;--header-z-top:32;--header-z-main:31;--header-z-bottom:30;--header-transition-duration:var(--vds-duration-base,.2s);--header-transition-easing:var(--vds-ease-out,cubic-bezier(0, 0, .2, 1))}.vds-header__row{--row-block-size:var(--vds-app-chrome-row,var(--vds-size-lg,2.75rem));--row-padding-inline:var(--vds-section-gutter-md,1.5rem);--row-section-gap:var(--vds-space-4,1rem);--row-container-width:var(--vds-container-width-default,80rem);--row-background:var(--vds-color-surface,#fff);--row-text-color:var(--vds-color-text,#111827);--row-border-color:var(--vds-color-border-muted,#e5e7eb);--row-border-block-end:1px solid var(--row-border-color)}.vds-header__row[data-height=sm]{--row-block-size:2.5rem}.vds-header__row[data-height=md]{--row-block-size:3.5rem}.vds-header__row[data-height=lg]{--row-block-size:4rem}.vds-header__row[data-height=xl]{--row-block-size:5rem}.vds-header__row[data-background=none]{--row-background:transparent;--row-border-block-end:0}.vds-header__row[data-background=subtle]{--row-background:var(--vds-color-bg-subtle,#f9fafb)}.vds-header__row[data-background=muted]{--row-background:var(--vds-color-bg-muted,#f3f4f6)}.vds-header__row[data-background=emphasis]{--row-background:var(--vds-color-bg-emphasis,var(--vds-color-text,#111827));--row-text-color:var(--vds-color-on-emphasis,var(--vds-color-surface,#fff));--row-border-color:transparent}.vds-header__row[data-transparent=true]{--row-background:transparent;--row-border-block-end:0}.vds-header__row[data-gutter=none]{--row-padding-inline:0}.vds-header__row[data-gutter=xs]{--row-padding-inline:var(--vds-section-gutter-xs,.75rem)}.vds-header__row[data-gutter=sm]{--row-padding-inline:var(--vds-section-gutter-sm,1rem)}.vds-header__row[data-gutter=md]{--row-padding-inline:var(--vds-section-gutter-md,1.5rem)}.vds-header__row[data-gutter=lg]{--row-padding-inline:var(--vds-section-gutter-lg,2rem)}.vds-header__row[data-gutter=xl]{--row-padding-inline:var(--vds-section-gutter-xl,3rem)}.vds-header__row[data-width=xs]{--row-container-width:var(--vds-container-width-xs,20rem)}.vds-header__row[data-width=sm]{--row-container-width:var(--vds-container-width-sm,40rem)}.vds-header__row[data-width=md]{--row-container-width:var(--vds-container-width-md,48rem)}.vds-header__row[data-width=lg]{--row-container-width:var(--vds-container-width-lg,64rem)}.vds-header__row[data-width=xl]{--row-container-width:var(--vds-container-width-xl,80rem)}.vds-header__row[data-width="2xl"]{--row-container-width:var(--vds-container-width-2xl,96rem)}.vds-header__row[data-width=full]{--row-container-width:100%}.vds-header__row[data-gap=none]{--row-section-gap:0}.vds-header__row[data-gap=xs]{--row-section-gap:var(--vds-space-2,.5rem)}.vds-header__row[data-gap=sm]{--row-section-gap:var(--vds-space-3,.75rem)}.vds-header__row[data-gap=md]{--row-section-gap:var(--vds-space-4,1rem)}.vds-header__row[data-gap=lg]{--row-section-gap:var(--vds-space-6,1.5rem)}.vds-header__row[data-gap=xl]{--row-section-gap:var(--vds-space-8,2rem)}.vds-header{color:var(--header-text-color);display:contents}.vds-header__row{background-color:var(--row-background);inline-size:100%;color:var(--row-text-color);border-block-end:var(--row-border-block-end);transition:transform var(--header-transition-duration) var(--header-transition-easing), background-color var(--header-transition-duration) var(--header-transition-easing), border-color var(--header-transition-duration) var(--header-transition-easing);will-change:transform;display:block}.vds-header__row-inner{-moz-column-gap:var(--row-section-gap);align-items:center;column-gap:var(--row-section-gap);block-size:var(--row-block-size);inline-size:100%;max-inline-size:var(--row-container-width);padding-inline:var(--row-padding-inline);transition:block-size var(--header-transition-duration) var(--header-transition-easing), padding-block var(--header-transition-duration) var(--header-transition-easing);grid-template-columns:auto 1fr auto;margin-inline:auto;display:grid}.vds-header__row[data-center=true]>.vds-header__row-inner{grid-template-columns:1fr auto 1fr}.vds-header__row[data-contained=false]>.vds-header__row-inner{max-inline-size:none}.vds-header__row[data-sticky=always],.vds-header__row[data-sticky=smart],.vds-header__row[data-sticky=collapse]{position:sticky}.vds-header__row[data-slot=top][data-sticky=always],.vds-header__row[data-slot=top][data-sticky=smart],.vds-header__row[data-slot=top][data-sticky=collapse]{top:var(--header-sticky-offset);z-index:var(--header-z-top)}.vds-header__row[data-slot=main][data-sticky=always],.vds-header__row[data-slot=main][data-sticky=smart],.vds-header__row[data-slot=main][data-sticky=collapse]{top:calc(var(--header-sticky-offset) + var(--header-top-sticky-height));z-index:var(--header-z-main)}.vds-header__row[data-slot=bottom][data-sticky=always],.vds-header__row[data-slot=bottom][data-sticky=smart],.vds-header__row[data-slot=bottom][data-sticky=collapse]{top:calc(var(--header-sticky-offset) + var(--header-top-sticky-height) + var(--header-main-sticky-height));z-index:var(--header-z-bottom)}.vds-header__row[data-sticky=smart][data-hidden=true]{pointer-events:none;transform:translateY(-100%)}.vds-header__row[data-sticky=collapse]{overflow:hidden}.vds-header__row[data-sticky=collapse][data-collapsed=true]{--row-border-block-end:0}.vds-header__row[data-sticky=collapse][data-collapsed=true]>.vds-header__row-inner{block-size:0;padding-block:0}.vds-header__section{align-items:center;gap:var(--vds-space-3,.75rem);min-inline-size:0;display:flex}.vds-header__section[data-side=start]{justify-content:flex-start}.vds-header__section[data-side=center]{justify-content:center}.vds-header__section[data-side=end]{justify-content:flex-end}@media (prefers-reduced-motion:reduce){.vds-header__row,.vds-header__row-inner{transition:none}}}
@layer design-system.components{.vds-section{--section-padding-block:var(--vds-section-padding-block-default,4rem);--section-background:transparent;--section-min-block-size:auto;--section-container-width:var(--vds-container-width-default,80rem);--section-padding-inline:var(--vds-section-padding-inline-default,1.5rem);--section-align:center;--section-gap:var(--vds-section-gap-default,2rem)}.vds-section[data-padding=none]{--section-padding-block:var(--vds-section-padding-none,0)}.vds-section[data-padding=xs]{--section-padding-block:var(--vds-section-padding-xs,1rem)}.vds-section[data-padding=sm]{--section-padding-block:var(--vds-section-padding-sm,2rem)}.vds-section[data-padding=md]{--section-padding-block:var(--vds-section-padding-md,3rem)}.vds-section[data-padding=lg]{--section-padding-block:var(--vds-section-padding-lg,4rem)}.vds-section[data-padding=xl]{--section-padding-block:var(--vds-section-padding-xl,6rem)}.vds-section[data-padding="2xl"]{--section-padding-block:var(--vds-section-padding-2xl,8rem)}.vds-section[data-padding="3xl"]{--section-padding-block:var(--vds-section-padding-3xl,10rem)}.vds-section[data-gutter=none]{--section-padding-inline:var(--vds-section-gutter-none,0)}.vds-section[data-gutter=xs]{--section-padding-inline:var(--vds-section-gutter-xs,.75rem)}.vds-section[data-gutter=sm]{--section-padding-inline:var(--vds-section-gutter-sm,1rem)}.vds-section[data-gutter=md]{--section-padding-inline:var(--vds-section-gutter-md,1.5rem)}.vds-section[data-gutter=lg]{--section-padding-inline:var(--vds-section-gutter-lg,2rem)}.vds-section[data-gutter=xl]{--section-padding-inline:var(--vds-section-gutter-xl,3rem)}.vds-section[data-width=xs]{--section-container-width:var(--vds-container-width-xs,20rem)}.vds-section[data-width=sm]{--section-container-width:var(--vds-container-width-sm,40rem)}.vds-section[data-width=md]{--section-container-width:var(--vds-container-width-md,48rem)}.vds-section[data-width=lg]{--section-container-width:var(--vds-container-width-lg,64rem)}.vds-section[data-width=xl]{--section-container-width:var(--vds-container-width-xl,80rem)}.vds-section[data-width="2xl"]{--section-container-width:var(--vds-container-width-2xl,96rem)}.vds-section[data-width=prose]{--section-container-width:var(--vds-container-width-prose,65ch)}.vds-section[data-width=full]{--section-container-width:var(--vds-container-width-full,100%)}.vds-section[data-background=subtle]{--section-background:var(--vds-color-bg-subtle,#f9fafb)}.vds-section[data-background=muted]{--section-background:var(--vds-color-bg-muted,#f3f4f6)}.vds-section[data-background=emphasis]{--section-background:var(--vds-color-bg-emphasis,var(--vds-color-text,#111827));color:var(--vds-color-on-emphasis,var(--vds-color-surface,#fff))}.vds-section[data-gap=none]{--section-gap:0}.vds-section[data-gap=xs]{--section-gap:var(--vds-space-2,.5rem)}.vds-section[data-gap=sm]{--section-gap:var(--vds-space-4,1rem)}.vds-section[data-gap=md]{--section-gap:var(--vds-space-6,1.5rem)}.vds-section[data-gap=lg]{--section-gap:var(--vds-space-8,2rem)}.vds-section[data-gap=xl]{--section-gap:var(--vds-space-12,3rem)}.vds-section[data-gap="2xl"]{--section-gap:var(--vds-space-16,4rem)}.vds-section[data-full-height=true]{--section-min-block-size:100svh}.vds-section{inline-size:100%;min-block-size:var(--section-min-block-size);padding-block:var(--section-padding-block);background-color:var(--section-background);display:block}.vds-section__inner{gap:var(--section-gap);inline-size:100%;max-inline-size:var(--section-container-width);padding-inline:var(--section-padding-inline);flex-direction:column;margin-inline:auto;display:flex}.vds-section[data-align=start]>.vds-section__inner{margin-inline:0 auto}.vds-section[data-align=end]>.vds-section__inner{margin-inline:auto 0}.vds-section[data-contained=false]>.vds-section__inner{max-inline-size:none}.vds-section[data-full-height=true]>.vds-section__inner{min-block-size:inherit}.vds-row{--row-cols:var(--vds-row-cols-default,12);--row-col-gap:var(--vds-row-col-gap-default,1rem);--row-row-gap:var(--vds-row-row-gap-default,1rem);--row-min-col:var(--vds-row-min-col-default,16rem)}.vds-row[data-cols="1"]{--row-cols:1}.vds-row[data-cols="2"]{--row-cols:2}.vds-row[data-cols="3"]{--row-cols:3}.vds-row[data-cols="4"]{--row-cols:4}.vds-row[data-cols="6"]{--row-cols:6}.vds-row[data-cols="8"]{--row-cols:8}.vds-row[data-cols="12"]{--row-cols:12}.vds-row[data-gap=none]{--row-col-gap:0;--row-row-gap:0}.vds-row[data-gap=xs]{--row-col-gap:var(--vds-row-gap-xs,.5rem);--row-row-gap:var(--vds-row-gap-xs,.5rem)}.vds-row[data-gap=sm]{--row-col-gap:var(--vds-row-gap-sm,.75rem);--row-row-gap:var(--vds-row-gap-sm,.75rem)}.vds-row[data-gap=md]{--row-col-gap:var(--vds-row-gap-md,1rem);--row-row-gap:var(--vds-row-gap-md,1rem)}.vds-row[data-gap=lg]{--row-col-gap:var(--vds-row-gap-lg,1.5rem);--row-row-gap:var(--vds-row-gap-lg,1.5rem)}.vds-row[data-gap=xl]{--row-col-gap:var(--vds-row-gap-xl,2rem);--row-row-gap:var(--vds-row-gap-xl,2rem)}.vds-row[data-gap="2xl"]{--row-col-gap:var(--vds-row-gap-2xl,3rem);--row-row-gap:var(--vds-row-gap-2xl,3rem)}.vds-row[data-col-gap=none]{--row-col-gap:0}.vds-row[data-col-gap=xs]{--row-col-gap:var(--vds-row-gap-xs,.5rem)}.vds-row[data-col-gap=sm]{--row-col-gap:var(--vds-row-gap-sm,.75rem)}.vds-row[data-col-gap=md]{--row-col-gap:var(--vds-row-gap-md,1rem)}.vds-row[data-col-gap=lg]{--row-col-gap:var(--vds-row-gap-lg,1.5rem)}.vds-row[data-col-gap=xl]{--row-col-gap:var(--vds-row-gap-xl,2rem)}.vds-row[data-col-gap="2xl"]{--row-col-gap:var(--vds-row-gap-2xl,3rem)}.vds-row[data-row-gap=none]{--row-row-gap:0}.vds-row[data-row-gap=xs]{--row-row-gap:var(--vds-row-gap-xs,.5rem)}.vds-row[data-row-gap=sm]{--row-row-gap:var(--vds-row-gap-sm,.75rem)}.vds-row[data-row-gap=md]{--row-row-gap:var(--vds-row-gap-md,1rem)}.vds-row[data-row-gap=lg]{--row-row-gap:var(--vds-row-gap-lg,1.5rem)}.vds-row[data-row-gap=xl]{--row-row-gap:var(--vds-row-gap-xl,2rem)}.vds-row[data-row-gap="2xl"]{--row-row-gap:var(--vds-row-gap-2xl,3rem)}.vds-row{grid-template-columns:repeat(var(--row-cols), minmax(0, 1fr));-moz-column-gap:var(--row-col-gap);column-gap:var(--row-col-gap);row-gap:var(--row-row-gap);inline-size:100%;display:grid}.vds-row[data-auto-fit=true]{grid-template-columns:repeat(auto-fit, minmax(min(var(--row-min-col), 100%), 1fr))}.vds-row[data-mode=flex]{-moz-column-gap:var(--row-col-gap);column-gap:var(--row-col-gap);row-gap:var(--row-row-gap);flex-flow:row;grid-template-columns:none;display:flex}.vds-row[data-mode=flex][data-wrap=true]{flex-wrap:wrap}.vds-row[data-mode=flex][data-reverse=true]{flex-direction:row-reverse}.vds-row[data-align=start]{align-items:start}.vds-row[data-align=center]{align-items:center}.vds-row[data-align=end]{align-items:end}.vds-row[data-align=stretch]{align-items:stretch}.vds-row[data-align=baseline]{align-items:baseline}.vds-row[data-justify=start]{justify-content:start}.vds-row[data-justify=center]{justify-content:center}.vds-row[data-justify=end]{justify-content:end}.vds-row[data-justify=between]{justify-content:space-between}.vds-row[data-justify=around]{justify-content:space-around}.vds-row[data-justify=evenly]{justify-content:space-evenly}.vds-col{grid-column:var(--col-span-base,auto);grid-column-start:var(--col-start);order:var(--col-order)}.vds-col[data-flex=true]{flex-grow:var(--col-grow,0);flex-shrink:var(--col-shrink,1);flex-basis:var(--col-basis,auto)}@media (min-width:640px){.vds-col{grid-column:var(--col-span-sm,var(--col-span-base,auto))}}@media (min-width:768px){.vds-col{grid-column:var(--col-span-md,var(--col-span-sm,var(--col-span-base,auto)))}}@media (min-width:1024px){.vds-col{grid-column:var(--col-span-lg,var(--col-span-md,var(--col-span-sm,var(--col-span-base,auto))))}}@media (min-width:1280px){.vds-col{grid-column:var(--col-span-xl,var(--col-span-lg,var(--col-span-md,var(--col-span-sm,var(--col-span-base,auto)))))}}.vds-col[data-align=start]{align-self:start}.vds-col[data-align=center]{align-self:center}.vds-col[data-align=end]{align-self:end}.vds-col[data-align=stretch]{align-self:stretch}.vds-col[data-justify=start]{justify-self:start}.vds-col[data-justify=center]{justify-self:center}.vds-col[data-justify=end]{justify-self:end}.vds-col[data-justify=stretch]{justify-self:stretch}.vds-container{--container-width:var(--vds-container-width-default,80rem);--container-gutter:var(--vds-container-gutter-default,1.5rem)}.vds-container[data-width=xs]{--container-width:var(--vds-container-width-xs,20rem)}.vds-container[data-width=sm]{--container-width:var(--vds-container-width-sm,40rem)}.vds-container[data-width=md]{--container-width:var(--vds-container-width-md,48rem)}.vds-container[data-width=lg]{--container-width:var(--vds-container-width-lg,64rem)}.vds-container[data-width=xl]{--container-width:var(--vds-container-width-xl,80rem)}.vds-container[data-width="2xl"]{--container-width:var(--vds-container-width-2xl,96rem)}.vds-container[data-width=prose]{--container-width:var(--vds-container-width-prose,65ch)}.vds-container[data-width=full]{--container-width:var(--vds-container-width-full,100%)}.vds-container[data-gutter=none]{--container-gutter:0}.vds-container[data-gutter=xs]{--container-gutter:var(--vds-section-gutter-xs,.75rem)}.vds-container[data-gutter=sm]{--container-gutter:var(--vds-section-gutter-sm,1rem)}.vds-container[data-gutter=md]{--container-gutter:var(--vds-section-gutter-md,1.5rem)}.vds-container[data-gutter=lg]{--container-gutter:var(--vds-section-gutter-lg,2rem)}.vds-container[data-gutter=xl]{--container-gutter:var(--vds-section-gutter-xl,3rem)}.vds-container{inline-size:100%;max-inline-size:var(--container-width);padding-inline:var(--container-gutter);margin-inline:auto;display:block}.vds-container[data-center=false]{margin-inline:0}.vds-stack{--stack-gap:var(--vds-space-4,1rem)}.vds-stack[data-gap=xs]{--stack-gap:var(--vds-space-1,.25rem)}.vds-stack[data-gap=sm]{--stack-gap:var(--vds-space-2,.5rem)}.vds-stack[data-gap=md]{--stack-gap:var(--vds-space-4,1rem)}.vds-stack[data-gap=lg]{--stack-gap:var(--vds-space-6,1.5rem)}.vds-stack[data-gap=xl]{--stack-gap:var(--vds-space-8,2rem)}.vds-stack{flex-direction:column;justify-content:flex-start;display:flex}.vds-stack>*+*,.vds-stack[data-recursive] *+*{margin-block-start:var(--stack-gap)}.vds-cluster{--cluster-gap:var(--vds-space-3,.75rem)}.vds-cluster[data-gap=xs]{--cluster-gap:var(--vds-space-1,.25rem)}.vds-cluster[data-gap=sm]{--cluster-gap:var(--vds-space-2,.5rem)}.vds-cluster[data-gap=md]{--cluster-gap:var(--vds-space-3,.75rem)}.vds-cluster[data-gap=lg]{--cluster-gap:var(--vds-space-4,1rem)}.vds-cluster[data-gap=xl]{--cluster-gap:var(--vds-space-6,1.5rem)}.vds-cluster{gap:var(--cluster-gap);flex-wrap:wrap;justify-content:flex-start;align-items:center;display:flex}.vds-cluster[data-align=start]{align-items:flex-start}.vds-cluster[data-align=center]{align-items:center}.vds-cluster[data-align=end]{align-items:flex-end}.vds-cluster[data-align=baseline]{align-items:baseline}.vds-cluster[data-align=stretch]{align-items:stretch}.vds-cluster[data-justify=start]{justify-content:flex-start}.vds-cluster[data-justify=center]{justify-content:center}.vds-cluster[data-justify=end]{justify-content:flex-end}.vds-cluster[data-justify=between]{justify-content:space-between}.vds-cluster[data-justify=around]{justify-content:space-around}.vds-cluster[data-justify=evenly]{justify-content:space-evenly}.vds-grid{--grid-min-item-width:16rem;--grid-gap:var(--vds-space-4,1rem)}.vds-grid[data-gap=xs]{--grid-gap:var(--vds-space-1,.25rem)}.vds-grid[data-gap=sm]{--grid-gap:var(--vds-space-2,.5rem)}.vds-grid[data-gap=md]{--grid-gap:var(--vds-space-4,1rem)}.vds-grid[data-gap=lg]{--grid-gap:var(--vds-space-6,1.5rem)}.vds-grid[data-gap=xl]{--grid-gap:var(--vds-space-8,2rem)}.vds-grid{gap:var(--grid-gap);grid-template-columns:repeat(auto-fit, minmax(min(var(--grid-min-item-width), 100%), 1fr));display:grid}.vds-split{--split-side-width:16rem;--split-content-min:60%;--split-gap:var(--vds-space-4,1rem)}.vds-split[data-gap=xs]{--split-gap:var(--vds-space-1,.25rem)}.vds-split[data-gap=sm]{--split-gap:var(--vds-space-2,.5rem)}.vds-split[data-gap=md]{--split-gap:var(--vds-space-4,1rem)}.vds-split[data-gap=lg]{--split-gap:var(--vds-space-6,1.5rem)}.vds-split[data-gap=xl]{--split-gap:var(--vds-space-8,2rem)}.vds-split{gap:var(--split-gap);flex-wrap:wrap;display:flex}.vds-split>:first-child{flex-basis:var(--split-side-width);flex-grow:1}.vds-split>:last-child{min-inline-size:var(--split-content-min);flex-grow:999;flex-basis:0}.vds-split[data-side=end]{flex-direction:row-reverse}.vds-center{--center-max-width:60ch;--center-gutter:var(--vds-space-4,1rem)}.vds-center[data-max-width=sm]{--center-max-width:40ch}.vds-center[data-max-width=md]{--center-max-width:60ch}.vds-center[data-max-width=lg]{--center-max-width:80ch}.vds-center[data-max-width=xl]{--center-max-width:100ch}.vds-center[data-gutter=none]{--center-gutter:0}.vds-center[data-gutter=sm]{--center-gutter:var(--vds-space-2,.5rem)}.vds-center[data-gutter=md]{--center-gutter:var(--vds-space-4,1rem)}.vds-center[data-gutter=lg]{--center-gutter:var(--vds-space-6,1.5rem)}.vds-center{box-sizing:content-box;max-inline-size:var(--center-max-width);padding-inline:var(--center-gutter);margin-inline:auto}.vds-center[data-intrinsic]{flex-direction:column;align-items:center;display:flex}}
@layer design-system.components{.vds-nav{--nav-gap:var(--vds-space-1,.25rem);--nav-group-gap:var(--vds-space-6,1.5rem);--nav-group-label-color:var(--vds-color-text-muted,#6b7280);--nav-group-label-font-size:var(--vds-text-xs,.75rem);--nav-group-label-font-weight:var(--vds-font-weight-semibold,600);--nav-group-label-letter-spacing:var(--vds-tracking-wide,.025em);--nav-group-label-padding-inline:var(--vds-space-3,.75rem);--nav-group-label-padding-block:var(--vds-space-2,.5rem);--nav-separator-color:var(--vds-color-border-muted,#e5e7eb);--nav-separator-margin-block:var(--vds-space-2,.5rem)}.vds-nav__item{--item-gap:var(--vds-space-2,.5rem);--item-height:var(--vds-size-md,2.5rem);--item-padding-inline:var(--vds-space-3,.75rem);--item-radius:var(--vds-radius-nav-item,.375rem);--item-font-size:var(--vds-text-sm,.875rem);--item-font-weight:var(--vds-font-weight-medium,500);--item-indent:0;--item-background:transparent;--item-background-hover:var(--vds-color-bg-muted,#f3f4f6);--item-background-active:var(--vds-color-bg-subtle,#f9fafb);--item-background-current:var(--vds-color-primary-bg,#e0e7ff);--item-color:var(--vds-color-text,#111827);--item-color-hover:var(--vds-color-text,#111827);--item-color-current:var(--vds-color-primary-text,#3730a3);--item-color-disabled:var(--vds-color-text-disabled,#9ca3af);--item-border-color:transparent;--item-border-color-current:transparent;--item-border-width:0;--item-icon-size:1rem;--item-icon-color:var(--vds-color-text-muted,#6b7280);--item-icon-color-current:var(--vds-color-primary-solid,#6366f1);--item-chevron-size:.875rem;--item-chevron-color:var(--vds-color-text-muted,#6b7280);--item-chevron-rotation:0deg;--item-focus-ring-color:var(--vds-color-ring,#6366f1);--item-focus-ring-width:2px;--item-focus-ring-offset:2px;--item-transition-duration:var(--vds-duration-fast,.1s);--item-transition-easing:var(--vds-ease-out,cubic-bezier(0, 0, .2, 1))}.vds-nav[data-variant=filled] .vds-nav__item{--item-background:transparent;--item-background-hover:var(--vds-color-bg-muted,#f3f4f6);--item-background-current:var(--vds-color-bg-subtle,#f9fafb)}.vds-nav[data-variant=pill] .vds-nav__item{--item-radius:var(--vds-radius-full,9999px)}.vds-nav[data-variant=underline] .vds-nav__item{--item-radius:0;--item-background-current:transparent;--item-border-width:2px;--item-border-color-current:var(--vds-color-primary-solid,#6366f1);--item-color-current:var(--vds-color-primary-solid,#6366f1)}.vds-nav[data-size=sm] .vds-nav__item{--item-height:var(--vds-size-sm,2rem);--item-padding-inline:var(--vds-space-2-5,.625rem);--item-font-size:var(--vds-text-xs,.75rem);--item-icon-size:.875rem;--item-gap:var(--vds-space-1-5,.375rem)}.vds-nav[data-size=lg] .vds-nav__item{--item-height:var(--vds-size-lg,2.75rem);--item-padding-inline:var(--vds-space-4,1rem);--item-font-size:var(--vds-text-base,1rem);--item-icon-size:1.25rem;--item-gap:var(--vds-space-3,.75rem)}.vds-nav__submenu[data-nav-size=sm] .vds-nav__item,.vds-nav__mega[data-nav-size=sm] .vds-nav__item{--item-height:var(--vds-size-sm,2rem);--item-padding-inline:var(--vds-space-2-5,.625rem);--item-font-size:var(--vds-text-xs,.75rem);--item-icon-size:.875rem;--item-gap:var(--vds-space-1-5,.375rem)}.vds-nav__submenu[data-nav-size=lg] .vds-nav__item,.vds-nav__mega[data-nav-size=lg] .vds-nav__item{--item-height:var(--vds-size-lg,2.75rem);--item-padding-inline:var(--vds-space-4,1rem);--item-font-size:var(--vds-text-base,1rem);--item-icon-size:1.25rem;--item-gap:var(--vds-space-3,.75rem)}.vds-nav__item[data-level="1"]{--item-indent:var(--vds-space-4,1rem)}.vds-nav__item[data-level="2"]{--item-indent:var(--vds-space-8,2rem)}.vds-nav__item[data-level="3"]{--item-indent:var(--vds-space-12,3rem)}.vds-nav__item[data-level="4"]{--item-indent:var(--vds-space-16,4rem)}.vds-nav__item[data-level="5"]{--item-indent:var(--vds-space-20,5rem)}.vds-nav__item[data-level="6"]{--item-indent:var(--vds-space-24,6rem)}.vds-nav__item[data-level="7"]{--item-indent:7rem}.vds-nav__item[data-level="8"]{--item-indent:8rem}.vds-nav__item[data-level="9"]{--item-indent:9rem}.vds-nav__item[data-level="10"]{--item-indent:10rem}.vds-nav__submenu{--submenu-background:var(--vds-color-surface,#fff);--submenu-border-color:var(--vds-color-border-muted,#e5e7eb);--submenu-radius:var(--vds-radius-surface,.5rem);--submenu-shadow:var(--vds-shadow-lg,0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a);--submenu-padding:var(--vds-space-2,.5rem);--submenu-item-padding-inline:var(--vds-space-3,.75rem);--submenu-min-inline-size:14rem;--submenu-z-index:50;--submenu-header-padding-inline:var(--vds-space-2,.5rem);--submenu-header-padding-block-end:var(--vds-space-2,.5rem);--submenu-header-margin-block-end:var(--vds-space-1,.25rem);--submenu-header-border-color:var(--vds-color-border-muted,#e5e7eb);--submenu-header-title-size:var(--vds-text-sm,.875rem);--submenu-header-title-weight:var(--vds-font-weight-semibold,600);--submenu-header-title-color:var(--vds-color-text,#111827);--submenu-open-duration:var(--vds-duration-base,.2s);--submenu-open-easing:var(--vds-ease-out,cubic-bezier(0, 0, .2, 1))}.vds-nav__mega{--mega-background:var(--vds-color-surface,#fff);--mega-border-color:var(--vds-color-border-muted,#e5e7eb);--mega-radius:var(--vds-radius-surface,.5rem);--mega-shadow:var(--vds-shadow-xl,0 20px 25px -5px #0000001a);--mega-padding:var(--vds-space-6,1.5rem);--mega-column-gap:var(--vds-space-6,1.5rem);--mega-row-gap:var(--vds-space-4,1rem);--mega-z-index:50}.vds-nav{min-inline-size:0;display:flex}.vds-nav[data-orientation=vertical]{gap:var(--nav-group-gap);flex-direction:column;inline-size:100%}.vds-nav[data-orientation=horizontal]{align-items:center;gap:var(--vds-space-1,.25rem);flex-direction:row}.vds-nav__list{min-inline-size:0;margin:0;padding:0;list-style:none;display:flex}.vds-nav[data-orientation=vertical]>.vds-nav__list,.vds-nav__list[data-orientation=vertical]{gap:var(--nav-gap);flex-direction:column;inline-size:100%}.vds-nav[data-orientation=horizontal]>.vds-nav__list,.vds-nav__list[data-orientation=horizontal]{align-items:center;gap:var(--vds-space-1,.25rem);flex-direction:row}.vds-nav__group{gap:var(--vds-space-1-5,.375rem);flex-direction:column;display:flex}.vds-nav__group-label{font-size:var(--nav-group-label-font-size);font-weight:var(--nav-group-label-font-weight);letter-spacing:var(--nav-group-label-letter-spacing);color:var(--nav-group-label-color);padding-inline:var(--nav-group-label-padding-inline);padding-block:var(--nav-group-label-padding-block);text-transform:uppercase;-webkit-user-select:none;user-select:none;display:block}.vds-nav__separator{background-color:var(--nav-separator-color);block-size:1px;margin-block:var(--nav-separator-margin-block);border:0;margin-inline:0}.vds-nav__item{flex-direction:column;min-inline-size:0;display:flex;position:relative}.vds-nav__link,.vds-nav__trigger{align-items:center;gap:var(--item-gap);min-inline-size:0;block-size:var(--item-height);padding-inline:calc(var(--item-padding-inline) + var(--item-indent));background-color:var(--item-background);border:var(--item-border-width) solid var(--item-border-color);border-radius:var(--item-radius);color:var(--item-color);font:inherit;font-size:var(--item-font-size);font-weight:var(--item-font-weight);text-align:start;white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color var(--item-transition-duration) var(--item-transition-easing), border-color var(--item-transition-duration) var(--item-transition-easing), color var(--item-transition-duration) var(--item-transition-easing);flex:auto;padding-block:0;line-height:1;text-decoration:none;display:inline-flex}.vds-nav__trigger{appearance:none;inline-size:100%}.vds-nav__link:hover,.vds-nav__trigger:hover{background-color:var(--item-background-hover);color:var(--item-color-hover)}.vds-nav__link:active,.vds-nav__trigger:active{background-color:var(--item-background-active)}.vds-nav__link[aria-current=page],.vds-nav__link[data-active=true],.vds-nav__trigger[data-active=true]{background-color:var(--item-background-current);color:var(--item-color-current);border-color:var(--item-border-color-current)}.vds-nav[data-variant=underline] .vds-nav__link,.vds-nav[data-variant=underline] .vds-nav__trigger{border-width:0;padding-inline:calc(var(--item-padding-inline) + var(--item-indent));border-block-end:2px solid #0000;border-radius:0}.vds-nav[data-variant=underline] .vds-nav__link[aria-current=page],.vds-nav[data-variant=underline] .vds-nav__link[data-active=true],.vds-nav[data-variant=underline] .vds-nav__trigger[data-active=true]{border-block-end-color:var(--vds-color-primary-solid,#6366f1);background-color:#0000}.vds-nav[data-variant=reveal] .vds-nav__link,.vds-nav[data-variant=reveal] .vds-nav__trigger{background-color:#0000;border-radius:0;position:relative}.vds-nav[data-variant=reveal] .vds-nav__link:after,.vds-nav[data-variant=reveal] .vds-nav__trigger:after{content:"";background-color:var(--vds-color-primary-solid,#6366f1);block-size:2px;inline-size:0;transition:inline-size var(--item-transition-duration) var(--item-transition-easing), opacity var(--item-transition-duration) var(--item-transition-easing);opacity:0;position:absolute;inset-block-end:0;inset-inline-start:50%;transform:translate(-50%)}.vds-nav[data-variant=reveal] .vds-nav__link:hover:after,.vds-nav[data-variant=reveal] .vds-nav__trigger:hover:after{inline-size:calc(100% - (var(--item-padding-inline) * 2));opacity:.6}.vds-nav[data-variant=reveal] .vds-nav__link[aria-current=page]:after,.vds-nav[data-variant=reveal] .vds-nav__link[data-active=true]:after,.vds-nav[data-variant=reveal] .vds-nav__trigger[data-active=true]:after{inline-size:calc(100% - (var(--item-padding-inline) * 2));opacity:1}.vds-nav[data-variant=reveal] .vds-nav__link:hover,.vds-nav[data-variant=reveal] .vds-nav__trigger:hover{background-color:#0000}.vds-nav[data-variant=outline] .vds-nav__item{--item-border-width:1px;--item-background-hover:transparent;--item-background-current:transparent}.vds-nav[data-variant=outline] .vds-nav__link,.vds-nav[data-variant=outline] .vds-nav__trigger{border-color:#0000}.vds-nav[data-variant=outline] .vds-nav__link:hover,.vds-nav[data-variant=outline] .vds-nav__trigger:hover{border-color:var(--vds-color-border,#d1d5db);background-color:#0000}.vds-nav[data-variant=outline] .vds-nav__link[aria-current=page],.vds-nav[data-variant=outline] .vds-nav__link[data-active=true],.vds-nav[data-variant=outline] .vds-nav__trigger[data-active=true]{border-color:var(--vds-color-primary-solid,#6366f1);background-color:var(--vds-color-primary-subtle,transparent)}.vds-nav[data-variant=none] .vds-nav__link,.vds-nav[data-variant=none] .vds-nav__trigger{background-color:#0000;border-color:#0000;border-radius:0}.vds-nav[data-variant=none] .vds-nav__link:hover,.vds-nav[data-variant=none] .vds-nav__trigger:hover{color:var(--vds-color-primary-solid,#6366f1);background-color:#0000}.vds-nav[data-variant=none] .vds-nav__link:hover .vds-nav__icon,.vds-nav[data-variant=none] .vds-nav__trigger:hover .vds-nav__icon{color:var(--vds-color-primary-solid,#6366f1)}.vds-nav[data-variant=none] .vds-nav__link[aria-current=page],.vds-nav[data-variant=none] .vds-nav__link[data-active=true],.vds-nav[data-variant=none] .vds-nav__trigger[data-active=true]{color:var(--vds-color-primary-solid,#6366f1);background-color:#0000}.vds-nav[data-variant=dot] .vds-nav__item{--item-dot-size:.375rem;--item-dot-gap:.25rem}.vds-nav[data-variant=dot] .vds-nav__link,.vds-nav[data-variant=dot] .vds-nav__trigger{background-color:#0000;border-radius:0;padding-block-end:calc(var(--item-dot-size) + var(--item-dot-gap));position:relative}.vds-nav[data-variant=dot] .vds-nav__link:after,.vds-nav[data-variant=dot] .vds-nav__trigger:after{content:"";inline-size:var(--item-dot-size);block-size:var(--item-dot-size);background-color:var(--vds-color-primary-solid,#6366f1);opacity:0;transition:transform var(--item-transition-duration) var(--item-transition-easing), opacity var(--item-transition-duration) var(--item-transition-easing);border-radius:50%;position:absolute;inset-block-end:0;inset-inline-start:50%;transform:translate(-50%)scale(0)}.vds-nav[data-variant=dot] .vds-nav__link:hover,.vds-nav[data-variant=dot] .vds-nav__trigger:hover{background-color:#0000}.vds-nav[data-variant=dot] .vds-nav__link:hover:after,.vds-nav[data-variant=dot] .vds-nav__trigger:hover:after{opacity:.55;transform:translate(-50%)scale(1)}.vds-nav[data-variant=dot] .vds-nav__link[aria-current=page]:after,.vds-nav[data-variant=dot] .vds-nav__link[data-active=true]:after,.vds-nav[data-variant=dot] .vds-nav__trigger[data-active=true]:after{opacity:1;transform:translate(-50%)scale(1)}.vds-nav[data-variant=tab] .vds-nav__item{--item-tab-size:.25rem;--item-tab-radius:var(--vds-radius-nav-item,.25rem)}.vds-nav[data-variant=tab] .vds-nav__link,.vds-nav[data-variant=tab] .vds-nav__trigger{background-color:#0000;border-radius:0;position:relative}.vds-nav[data-variant=tab] .vds-nav__link:after,.vds-nav[data-variant=tab] .vds-nav__trigger:after{content:"";inset-block-end:0;inset-inline:var(--item-padding-inline);block-size:var(--item-tab-size);background-color:var(--vds-color-primary-solid,#6366f1);transform-origin:bottom;opacity:0;transition:transform var(--item-transition-duration) var(--item-transition-easing), opacity var(--item-transition-duration) var(--item-transition-easing);border-start-start-radius:var(--item-tab-radius);border-start-end-radius:var(--item-tab-radius);position:absolute;transform:scaleY(0)}.vds-nav[data-variant=tab] .vds-nav__link:hover,.vds-nav[data-variant=tab] .vds-nav__trigger:hover{background-color:#0000}.vds-nav[data-variant=tab] .vds-nav__link:hover:after,.vds-nav[data-variant=tab] .vds-nav__trigger:hover:after{opacity:.5;transform:scaleY(1)}.vds-nav[data-variant=tab] .vds-nav__link[aria-current=page]:after,.vds-nav[data-variant=tab] .vds-nav__link[data-active=true]:after,.vds-nav[data-variant=tab] .vds-nav__trigger[data-active=true]:after{opacity:1;transform:scaleY(1)}.vds-nav[data-variant=tab] .vds-nav__link[aria-current=page],.vds-nav[data-variant=tab] .vds-nav__link[data-active=true],.vds-nav[data-variant=tab] .vds-nav__trigger[data-active=true]{color:var(--vds-color-primary-solid,#6366f1);background-color:#0000}.vds-nav[data-variant=lift] .vds-nav__link,.vds-nav[data-variant=lift] .vds-nav__trigger{transition-property:background-color,border-color,color,transform,box-shadow,padding-inline,inline-size}.vds-nav[data-variant=lift] .vds-nav__link:hover,.vds-nav[data-variant=lift] .vds-nav__trigger:hover{box-shadow:var(--vds-shadow-sm,0 1px 2px 0 #0000000d);background-color:var(--vds-color-surface,#fff);transform:translateY(-1px)}.vds-nav[data-variant=lift] .vds-nav__link[aria-current=page],.vds-nav[data-variant=lift] .vds-nav__link[data-active=true],.vds-nav[data-variant=lift] .vds-nav__trigger[data-active=true]{background-color:var(--vds-color-surface,#fff);box-shadow:var(--vds-shadow-sm,0 1px 2px 0 #0000000d);color:var(--vds-color-primary-solid,#6366f1)}.vds-nav__link:focus-visible,.vds-nav__trigger:focus-visible{outline:var(--item-focus-ring-width) solid var(--item-focus-ring-color);outline-offset:var(--item-focus-ring-offset)}.vds-nav__link[aria-disabled=true],.vds-nav__trigger[aria-disabled=true],.vds-nav__trigger:disabled{color:var(--item-color-disabled);cursor:not-allowed;pointer-events:none}.vds-nav__icon{inline-size:var(--item-icon-size);block-size:var(--item-icon-size);color:var(--item-icon-color);flex:none;justify-content:center;align-items:center;display:inline-flex}.vds-nav__icon>svg,.vds-nav__icon>img{block-size:100%;inline-size:100%}.vds-nav__link[aria-current=page] .vds-nav__icon,.vds-nav__link[data-active=true] .vds-nav__icon,.vds-nav__trigger[data-active=true] .vds-nav__icon{color:var(--item-icon-color-current)}.vds-nav__label{text-overflow:ellipsis;flex:auto;min-inline-size:0;display:inline-block;overflow:hidden}.vds-nav__badge{flex:none;align-items:center;margin-inline-start:auto;display:inline-flex}.vds-nav__kbd{color:var(--vds-color-text-muted,#6b7280);flex:none;margin-inline-start:auto;font-size:.75em}.vds-nav__chevron{inline-size:var(--item-chevron-size);block-size:var(--item-chevron-size);color:var(--item-chevron-color);transform:rotate(var(--item-chevron-rotation));transition:transform var(--item-transition-duration) var(--item-transition-easing);flex:none;margin-inline-start:auto}.vds-nav__item[data-orientation=vertical] .vds-nav__trigger[aria-expanded=true]>.vds-nav__chevron,.vds-nav__item[data-orientation=horizontal] .vds-nav__trigger[aria-expanded=true]>.vds-nav__chevron{--item-chevron-rotation:180deg}:is(.vds-nav__trigger:has(>.vds-nav__chevron)>.vds-nav__badge,.vds-nav__trigger:has(>.vds-nav__chevron)>.vds-nav__kbd){margin-inline-start:0}.vds-nav__submenu[data-mode=inline]{visibility:hidden;transition:grid-template-rows var(--submenu-open-duration,.22s) var(--submenu-open-easing,cubic-bezier(.2, 0, 0, 1)), visibility 0s linear var(--submenu-open-duration,.22s);grid-template-rows:0fr;display:grid}.vds-nav__submenu[data-mode=inline][data-state=open]{visibility:visible;transition:grid-template-rows var(--submenu-open-duration,.22s) var(--submenu-open-easing,cubic-bezier(.2, 0, 0, 1)), visibility 0s linear 0s;grid-template-rows:1fr}.vds-nav__submenu[data-mode=inline]>.vds-nav__list{min-block-size:0;padding-block-start:var(--vds-space-1,.25rem);overflow:hidden}.vds-nav__submenu[data-mode=popover]{inline-size:max-content;min-inline-size:var(--submenu-min-inline-size);background-color:var(--submenu-background);border:1px solid var(--submenu-border-color);border-radius:var(--submenu-radius);box-shadow:var(--submenu-shadow);padding:var(--submenu-padding);z-index:var(--submenu-z-index);animation:vds-nav-enter var(--submenu-open-duration) var(--submenu-open-easing)}.vds-nav__popover-header{min-inline-size:0;padding-inline:var(--submenu-header-padding-inline);border-block-end:1px solid var(--submenu-header-border-color);align-items:center;margin-block-end:var(--submenu-header-margin-block-end);padding-block-end:var(--submenu-header-padding-block-end);display:flex}.vds-nav__popover-title{min-inline-size:0;color:var(--submenu-header-title-color);font-size:var(--submenu-header-title-size);font-weight:var(--submenu-header-title-weight);white-space:nowrap;text-overflow:ellipsis;line-height:1.2;display:block;overflow:hidden}@keyframes vds-nav-enter{0%{opacity:0;transform:var(--vds-nav-floating-transform,translate3d(0px, 0px, 0px)) translateY(-4px) scale(.98)}to{opacity:1;transform:var(--vds-nav-floating-transform,translate3d(0px, 0px, 0px)) translateY(0) scale(1)}}.vds-nav__submenu[data-mode=popover]>.vds-nav__list{align-items:stretch;gap:var(--nav-gap,var(--vds-space-1,.25rem));flex-direction:column;inline-size:100%}.vds-nav__submenu[data-mode=inline]>.vds-nav__list{align-items:stretch}.vds-nav__submenu[data-mode=popover] .vds-nav__item{--item-indent:0}.vds-nav__submenu[data-mode=popover][data-collapsed-root=true]{--submenu-padding:var(--vds-space-2-5,.625rem)}.vds-nav__submenu[data-mode=popover][data-collapsed-root=true] .vds-nav__item,.vds-nav__mega[data-collapsed-root=true] .vds-nav__item{--item-padding-inline:var(--submenu-item-padding-inline)}.vds-nav__mega{background-color:var(--mega-background);border:1px solid var(--mega-border-color);border-radius:var(--mega-radius);box-shadow:var(--mega-shadow);padding:var(--mega-padding);z-index:var(--mega-z-index);animation:vds-nav-enter var(--submenu-open-duration) var(--submenu-open-easing)}.vds-nav__mega[data-columns]{grid-template-columns:repeat(var(--mega-cols,3), minmax(0, 1fr));-moz-column-gap:var(--mega-column-gap);column-gap:var(--mega-column-gap);row-gap:var(--mega-row-gap);display:grid}.vds-nav__mega>.vds-nav__popover-header{grid-column:1/-1}.vds-nav__mega-section{gap:var(--vds-space-1,.25rem);flex-direction:column;min-inline-size:0;display:flex}.vds-nav__mega .vds-nav__list{align-items:stretch;gap:var(--nav-gap,var(--vds-space-1,.25rem));flex-direction:column;inline-size:100%}.vds-nav__mega-section-title{font-size:var(--vds-text-xs,.75rem);font-weight:var(--vds-font-weight-semibold,600);letter-spacing:var(--vds-tracking-wide,.025em);text-transform:uppercase;color:var(--vds-color-text-muted,#6b7280);padding-inline:var(--vds-space-3,.75rem);padding-block:var(--vds-space-2,.5rem);display:block}.vds-nav[data-collapsed=true] .vds-nav__link,.vds-nav[data-collapsed=true] .vds-nav__trigger{inline-size:var(--item-height);justify-content:center;gap:0;padding-inline:0}.vds-nav[data-collapsed=true] .vds-nav__label{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;block-size:1px;inline-size:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.vds-nav[data-collapsed=true] .vds-nav__badge,.vds-nav[data-collapsed=true] .vds-nav__kbd,.vds-nav[data-collapsed=true] .vds-nav__chevron{display:none}.vds-nav[data-collapsed=true] .vds-nav__group-label{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;block-size:1px;inline-size:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.vds-nav[data-collapsed=true] .vds-nav__submenu[data-mode=inline]{display:none}.vds-nav__link,.vds-nav__trigger{transition-property:background-color,border-color,color,padding-inline,inline-size;transition-duration:var(--item-transition-duration);transition-timing-function:var(--item-transition-easing)}.vds-nav[data-tree=true] .vds-nav__submenu[data-mode=inline]{position:relative}.vds-nav[data-tree=true] .vds-nav__submenu[data-mode=inline]:before{content:"";inset-block:var(--vds-space-1,.25rem) 0;background-color:var(--vds-color-border-muted,#e5e7eb);pointer-events:none;inline-size:1px;position:absolute;inset-inline-start:calc(var(--item-padding-inline) + var(--item-indent) + .5rem)}.vds-nav[data-tree=true] .vds-nav__submenu[data-mode=inline] .vds-nav__link,.vds-nav[data-tree=true] .vds-nav__submenu[data-mode=inline] .vds-nav__trigger{padding-inline-start:calc(var(--item-padding-inline) + var(--item-indent) + .25rem)}@media (prefers-reduced-motion:reduce){.vds-nav__submenu[data-mode=popover],.vds-nav__mega{animation:none}.vds-nav__submenu[data-mode=inline],.vds-nav__chevron,.vds-nav__link,.vds-nav__trigger{transition:none}.vds-nav[data-variant=lift] .vds-nav__link:hover,.vds-nav[data-variant=lift] .vds-nav__trigger:hover{transform:none}}}
@layer design-system.components{.vds-accordion{--accordion-gap:0;--accordion-item-padding:0;--accordion-item-radius:0;--accordion-item-border:0;--accordion-item-border-color:var(--vds-color-border-muted,#e5e7eb);--accordion-trigger-padding-block:var(--vds-space-4,1rem);--accordion-trigger-padding-inline:0;--accordion-trigger-gap:var(--vds-space-3,.75rem);--accordion-trigger-font-family:var(--vds-font-sans,ui-sans-serif, system-ui, sans-serif);--accordion-trigger-font-size:var(--vds-text-sm,.875rem);--accordion-trigger-font-weight:var(--vds-font-weight-medium,500);--accordion-trigger-line-height:var(--vds-leading-tight,1.35);--accordion-content-padding-block-start:0;--accordion-content-padding-block-end:var(--vds-space-4,1rem);--accordion-content-padding-inline:0;--accordion-content-font-size:var(--vds-text-sm,.875rem);--accordion-content-line-height:var(--vds-leading-relaxed,1.625);--accordion-icon-size:1rem;--accordion-icon-stroke:1.5;--accordion-icon-color:var(--vds-color-text-muted,#6b7280);--accordion-transition-duration:var(--vds-duration-normal,.2s);--accordion-transition-easing:var(--vds-ease-out,cubic-bezier(0, 0, .2, 1));--accordion-focus-ring-color:var(--vds-color-ring,#4f46e5);--accordion-focus-ring-width:2px;--accordion-focus-ring-offset:2px;--accordion-color-text:var(--vds-color-text,#111827);--accordion-color-text-muted:var(--vds-color-text-muted,#6b7280);--accordion-color-text-hover:var(--vds-color-text,#111827);--accordion-color-bg:transparent;--accordion-color-bg-hover:var(--vds-color-neutral-3,#00000008);--accordion-color-bg-active:var(--vds-color-neutral-4,#0000000f);--accordion-color-border:var(--vds-color-border-muted,#e5e7eb);--accordion-color-accent:var(--vds-color-primary-solid,#4f46e5);--accordion-bg:var(--accordion-color-bg);--accordion-bg-hover:var(--accordion-color-bg-hover);--accordion-border:transparent;--accordion-text:var(--accordion-color-text);--accordion-text-hover:var(--accordion-color-text-hover);gap:var(--accordion-gap);flex-direction:column;display:flex}.vds-accordion[data-color=primary],.vds-accordion-item[data-color=primary]{--accordion-color-accent:var(--vds-color-primary-solid,#4f46e5);--accordion-color-bg-hover:var(--vds-color-primary-bg,#eef2ff);--accordion-color-text-hover:var(--vds-color-primary-text,#3730a3)}.vds-accordion[data-color=accent],.vds-accordion-item[data-color=accent]{--accordion-color-accent:var(--vds-color-accent-solid,#f97316);--accordion-color-bg-hover:var(--vds-color-accent-bg,#ffedd5);--accordion-color-text-hover:var(--vds-color-accent-text,#7c2d12)}.vds-accordion[data-color=success],.vds-accordion-item[data-color=success]{--accordion-color-accent:var(--vds-color-success-solid,#16a34a);--accordion-color-bg-hover:var(--vds-color-success-bg,#dcfce7);--accordion-color-text-hover:var(--vds-color-success-text,#166534)}.vds-accordion[data-color=danger],.vds-accordion-item[data-color=danger]{--accordion-color-accent:var(--vds-color-danger-solid,#dc2626);--accordion-color-bg-hover:var(--vds-color-danger-bg,#fee2e2);--accordion-color-text-hover:var(--vds-color-danger-text,#991b1b)}.vds-accordion[data-color=warning],.vds-accordion-item[data-color=warning]{--accordion-color-accent:var(--vds-color-warning-solid,#f59e0b);--accordion-color-bg-hover:var(--vds-color-warning-bg,#fef3c7);--accordion-color-text-hover:var(--vds-color-warning-text,#78350f)}.vds-accordion[data-variant=plain]{--accordion-gap:0}.vds-accordion[data-variant=plain] .vds-accordion-item{border-block-end:1px solid var(--accordion-color-border)}.vds-accordion[data-variant=plain] .vds-accordion-item:last-child{border-block-end:0}.vds-accordion[data-variant=bordered]{--accordion-gap:0;--accordion-item-radius:var(--vds-radius-card,.75rem);--accordion-trigger-padding-block:var(--vds-space-3,.75rem);--accordion-trigger-padding-inline:var(--vds-space-4,1rem);--accordion-content-padding-block-end:var(--vds-space-3,.75rem);--accordion-content-padding-inline:var(--vds-space-4,1rem);border:1px solid var(--accordion-color-border);border-radius:var(--accordion-item-radius);overflow:clip}.vds-accordion[data-variant=bordered] .vds-accordion-item{border-block-end:1px solid var(--accordion-color-border)}.vds-accordion[data-variant=bordered] .vds-accordion-item:last-child{border-block-end:0}.vds-accordion[data-variant=separated]{--accordion-gap:var(--vds-space-2,.5rem);--accordion-item-radius:var(--vds-radius-card,.75rem);--accordion-trigger-padding-block:var(--vds-space-3,.75rem);--accordion-trigger-padding-inline:var(--vds-space-4,1rem);--accordion-content-padding-block-end:var(--vds-space-3,.75rem);--accordion-content-padding-inline:var(--vds-space-4,1rem)}.vds-accordion[data-variant=separated] .vds-accordion-item{border:1px solid var(--accordion-color-border);border-radius:var(--accordion-item-radius);background-color:var(--vds-color-surface,transparent);transition:border-color var(--accordion-transition-duration) var(--accordion-transition-easing), box-shadow var(--accordion-transition-duration) var(--accordion-transition-easing);overflow:clip}.vds-accordion[data-variant=separated] .vds-accordion-item[data-state=open]{border-color:var(--accordion-color-accent)}.vds-accordion[data-variant=filled]{--accordion-gap:var(--vds-space-2,.5rem);--accordion-item-radius:var(--vds-radius-card,.75rem);--accordion-trigger-padding-block:var(--vds-space-3,.75rem);--accordion-trigger-padding-inline:var(--vds-space-4,1rem);--accordion-content-padding-block-end:var(--vds-space-3,.75rem);--accordion-content-padding-inline:var(--vds-space-4,1rem)}.vds-accordion[data-variant=filled] .vds-accordion-item{background-color:var(--vds-color-neutral-2,#00000006);border-radius:var(--accordion-item-radius);overflow:clip}.vds-accordion[data-variant=filled] .vds-accordion-item[data-state=open]{background-color:var(--vds-color-neutral-3,#0000000d)}.vds-accordion[data-variant=ghost]{--accordion-gap:0;--accordion-trigger-padding-inline:var(--vds-space-3,.75rem);--accordion-content-padding-inline:var(--vds-space-3,.75rem)}.vds-accordion[data-variant=ghost] .vds-accordion-trigger{border-radius:var(--vds-radius-nav-item,.375rem)}.vds-accordion[data-variant=contained]{--accordion-gap:0;--accordion-item-radius:var(--vds-radius-card,.75rem);--accordion-trigger-padding-inline:var(--vds-space-5,1.25rem);--accordion-content-padding-inline:var(--vds-space-5,1.25rem);border:1px solid var(--accordion-color-border);border-radius:var(--accordion-item-radius);background-color:var(--vds-color-surface,transparent);overflow:clip}.vds-accordion[data-variant=contained] .vds-accordion-item{border-block-end:1px solid var(--accordion-color-border)}.vds-accordion[data-variant=contained] .vds-accordion-item:last-child{border-block-end:0}.vds-accordion[data-size=sm]{--accordion-trigger-padding-block:var(--vds-space-2-5,.625rem);--accordion-trigger-font-size:var(--vds-text-sm,.875rem);--accordion-content-padding-block-end:var(--vds-space-2-5,.625rem);--accordion-content-font-size:var(--vds-text-xs,.8125rem);--accordion-icon-size:.875rem}.vds-accordion[data-size=lg]{--accordion-trigger-padding-block:var(--vds-space-5,1.25rem);--accordion-trigger-font-size:var(--vds-text-base,1rem);--accordion-content-padding-block-end:var(--vds-space-5,1.25rem);--accordion-content-font-size:var(--vds-text-base,1rem);--accordion-icon-size:1.25rem}.vds-accordion-item{position:relative}.vds-accordion-header{font:inherit;font-size:inherit;font-weight:inherit;color:inherit;margin:0;display:flex}.vds-accordion-trigger{justify-content:space-between;align-items:center;gap:var(--accordion-trigger-gap);inline-size:100%;padding-block:var(--accordion-trigger-padding-block);padding-inline:var(--accordion-trigger-padding-inline);font-family:var(--accordion-trigger-font-family);font-size:var(--accordion-trigger-font-size);font-weight:var(--accordion-trigger-font-weight);line-height:var(--accordion-trigger-line-height);color:var(--accordion-text);background-color:var(--accordion-bg);text-align:start;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:color var(--accordion-transition-duration) var(--accordion-transition-easing), background-color var(--accordion-transition-duration) var(--accordion-transition-easing);border:0;display:flex}.vds-accordion-trigger:hover:not(:disabled){color:var(--accordion-text-hover);background-color:var(--accordion-bg-hover)}.vds-accordion-trigger:focus-visible{outline:var(--accordion-focus-ring-width) solid var(--accordion-focus-ring-color);outline-offset:var(--accordion-focus-ring-offset);border-radius:var(--vds-radius-action,var(--vds-radius-element,.375rem))}.vds-accordion-trigger:disabled{opacity:.5;cursor:not-allowed}.vds-accordion-icon{inline-size:var(--accordion-icon-size);block-size:var(--accordion-icon-size);color:var(--accordion-icon-color);transition:rotate var(--accordion-transition-duration) var(--accordion-transition-easing), opacity var(--accordion-transition-duration) var(--accordion-transition-easing);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.vds-accordion-icon>svg{block-size:100%;inline-size:100%}.vds-accordion-trigger[data-state=open] .vds-accordion-icon[data-icon=chevron],.vds-accordion-trigger[data-state=open] .vds-accordion-icon[data-icon=arrow],.vds-accordion-trigger[data-state=open] .vds-accordion-icon[data-icon=caret]{rotate:180deg}.vds-accordion-icon[data-icon=plus-minus]{position:relative}.vds-accordion-icon[data-icon=plus-minus]>svg{position:absolute;inset:0}.vds-accordion-icon[data-icon=plus-minus]>.vds-accordion-icon-plus{opacity:1;rotate:none}.vds-accordion-icon[data-icon=plus-minus]>.vds-accordion-icon-minus{opacity:0;rotate:-90deg}.vds-accordion-trigger[data-state=open] .vds-accordion-icon[data-icon=plus-minus]>.vds-accordion-icon-plus{opacity:0;rotate:90deg}.vds-accordion-trigger[data-state=open] .vds-accordion-icon[data-icon=plus-minus]>.vds-accordion-icon-minus{opacity:1;rotate:none}.vds-accordion-trigger[data-icon-position=start]{flex-direction:row-reverse;justify-content:flex-end}: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-accordion-icon[data-icon=arrow],: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-accordion-icon[data-icon=caret]){scale:-1 1}.vds-accordion-content{--vds-accordion-content-height:var(--radix-accordion-content-height);font-size:var(--accordion-content-font-size);line-height:var(--accordion-content-line-height);color:var(--accordion-color-text-muted);overflow:hidden}.vds-accordion-content[data-state=open]{animation:vds-accordion-expand var(--accordion-transition-duration) var(--accordion-transition-easing)}.vds-accordion-content[data-state=closed]{animation:vds-accordion-collapse var(--accordion-transition-duration) var(--accordion-transition-easing)}.vds-accordion-content-inner{padding-block-start:var(--accordion-content-padding-block-start);padding-block-end:var(--accordion-content-padding-block-end);padding-inline:var(--accordion-content-padding-inline)}@media (prefers-reduced-motion:reduce){.vds-accordion-content[data-state=open],.vds-accordion-content[data-state=closed]{animation:none}.vds-accordion-icon{transition:none}}@keyframes vds-accordion-expand{0%{block-size:0}to{block-size:var(--vds-accordion-content-height)}}@keyframes vds-accordion-collapse{0%{block-size:var(--vds-accordion-content-height)}to{block-size:0}}}
@layer design-system.components{.vds-alert{--alert-gap:var(--vds-space-3,.75rem);--alert-padding-inline:var(--vds-space-4,1rem);--alert-padding-block:var(--vds-space-3,.75rem);--alert-radius:var(--vds-radius-alert,.5rem);--alert-border-width:1px;--alert-font-family:var(--vds-font-sans,ui-sans-serif, system-ui, sans-serif);--alert-font-size:var(--vds-text-sm,.875rem);--alert-line-height:var(--vds-leading-normal,1.5);--alert-title-font-size:var(--vds-text-sm,.875rem);--alert-title-font-weight:var(--vds-font-weight-semibold,600);--alert-title-line-height:var(--vds-leading-snug,1.375);--alert-description-font-size:var(--vds-text-sm,.875rem);--alert-description-line-height:var(--vds-leading-normal,1.5);--alert-title-description-gap:var(--vds-space-1,.25rem);--alert-icon-size:1.25rem;--alert-icon-inset-block-start:.125rem;--alert-close-size:1.5rem;--alert-close-radius:var(--vds-radius-action,var(--vds-radius-control-action,.375rem));--alert-close-icon-size:1rem;--alert-close-bg:transparent;--alert-close-bg-hover:color-mix(in oklch, currentColor 12%, transparent);--alert-close-bg-active:color-mix(in oklch, currentColor 18%, transparent);--alert-transition-duration:var(--vds-duration-fast,.1s);--alert-transition-easing:var(--vds-ease-out,cubic-bezier(0, 0, .2, 1));--alert-focus-ring-color:var(--vds-color-ring,#6366f1);--alert-focus-ring-width:2px;--alert-focus-ring-offset:2px;--alert-background:var(--vds-color-surface,#fff);--alert-border-color:var(--vds-color-border,#d1d5db);--alert-text-color:var(--vds-color-text,#111827);--alert-title-color:var(--vds-color-text,#111827);--alert-description-color:var(--vds-color-text-muted,#6b7280);--alert-icon-color:var(--vds-color-text,#111827)}.vds-alert[data-variant=info]{--alert-background:var(--vds-color-info-bg,#cffafe);--alert-border-color:color-mix(in oklch, var(--vds-color-info-solid,#06b6d4) 30%, transparent);--alert-text-color:var(--vds-color-info-text,#155e75);--alert-title-color:var(--vds-color-info-text,#155e75);--alert-description-color:var(--vds-color-info-text,#155e75);--alert-icon-color:var(--vds-color-info-solid,#06b6d4)}.vds-alert[data-variant=success]{--alert-background:var(--vds-color-success-bg,#dcfce7);--alert-border-color:color-mix(in oklch, var(--vds-color-success-solid,#22c55e) 30%, transparent);--alert-text-color:var(--vds-color-success-text,#166534);--alert-title-color:var(--vds-color-success-text,#166534);--alert-description-color:var(--vds-color-success-text,#166534);--alert-icon-color:var(--vds-color-success-solid,#22c55e)}.vds-alert[data-variant=warning]{--alert-background:var(--vds-color-warning-bg,#fef3c7);--alert-border-color:color-mix(in oklch, var(--vds-color-warning-solid,#f59e0b) 30%, transparent);--alert-text-color:var(--vds-color-warning-text,#78350f);--alert-title-color:var(--vds-color-warning-text,#78350f);--alert-description-color:var(--vds-color-warning-text,#78350f);--alert-icon-color:var(--vds-color-warning-solid,#f59e0b)}.vds-alert[data-variant=danger]{--alert-background:var(--vds-color-danger-bg,#fee2e2);--alert-border-color:color-mix(in oklch, var(--vds-color-danger-solid,#ef4444) 30%, transparent);--alert-text-color:var(--vds-color-danger-text,#991b1b);--alert-title-color:var(--vds-color-danger-text,#991b1b);--alert-description-color:var(--vds-color-danger-text,#991b1b);--alert-icon-color:var(--vds-color-danger-solid,#ef4444)}.vds-alert[data-appearance=solid][data-variant=info]{--alert-background:var(--vds-color-info-solid,#06b6d4);--alert-border-color:transparent;--alert-text-color:var(--vds-color-on-info,#fff);--alert-title-color:var(--vds-color-on-info,#fff);--alert-description-color:color-mix(in oklch, var(--vds-color-on-info,#fff) 88%, transparent);--alert-icon-color:var(--vds-color-on-info,#fff)}.vds-alert[data-appearance=solid][data-variant=success]{--alert-background:var(--vds-color-success-solid,#22c55e);--alert-border-color:transparent;--alert-text-color:var(--vds-color-on-success,#fff);--alert-title-color:var(--vds-color-on-success,#fff);--alert-description-color:color-mix(in oklch, var(--vds-color-on-success,#fff) 88%, transparent);--alert-icon-color:var(--vds-color-on-success,#fff)}.vds-alert[data-appearance=solid][data-variant=warning]{--alert-background:var(--vds-color-warning-solid,#f59e0b);--alert-border-color:transparent;--alert-text-color:var(--vds-color-on-warning,#111827);--alert-title-color:var(--vds-color-on-warning,#111827);--alert-description-color:color-mix(in oklch, var(--vds-color-on-warning,#111827) 88%, transparent);--alert-icon-color:var(--vds-color-on-warning,#111827)}.vds-alert[data-appearance=solid][data-variant=danger]{--alert-background:var(--vds-color-danger-solid,#ef4444);--alert-border-color:transparent;--alert-text-color:var(--vds-color-on-danger,#fff);--alert-title-color:var(--vds-color-on-danger,#fff);--alert-description-color:color-mix(in oklch, var(--vds-color-on-danger,#fff) 88%, transparent);--alert-icon-color:var(--vds-color-on-danger,#fff)}.vds-alert[data-appearance=outline]{--alert-background:transparent}.vds-alert[data-appearance=outline][data-variant=info]{--alert-border-color:var(--vds-color-info-solid,#06b6d4)}.vds-alert[data-appearance=outline][data-variant=success]{--alert-border-color:var(--vds-color-success-solid,#22c55e)}.vds-alert[data-appearance=outline][data-variant=warning]{--alert-border-color:var(--vds-color-warning-solid,#f59e0b)}.vds-alert[data-appearance=outline][data-variant=danger]{--alert-border-color:var(--vds-color-danger-solid,#ef4444)}.vds-alert[data-size=sm]{--alert-gap:var(--vds-space-2,.5rem);--alert-padding-inline:var(--vds-space-3,.75rem);--alert-padding-block:var(--vds-space-2,.5rem);--alert-font-size:var(--vds-text-xs,.75rem);--alert-title-font-size:var(--vds-text-xs,.75rem);--alert-description-font-size:var(--vds-text-xs,.75rem);--alert-icon-size:1rem;--alert-close-size:1.25rem;--alert-close-icon-size:.875rem}.vds-alert[data-size=lg]{--alert-gap:var(--vds-space-4,1rem);--alert-padding-inline:var(--vds-space-5,1.25rem);--alert-padding-block:var(--vds-space-4,1rem);--alert-font-size:var(--vds-text-base,1rem);--alert-title-font-size:var(--vds-text-base,1rem);--alert-description-font-size:var(--vds-text-sm,.875rem);--alert-title-description-gap:var(--vds-space-2,.5rem);--alert-icon-size:1.5rem;--alert-close-size:1.75rem;--alert-close-icon-size:1.125rem}.vds-alert{-moz-column-gap:var(--alert-gap);align-items:start;column-gap:var(--alert-gap);padding-inline:var(--alert-padding-inline);padding-block:var(--alert-padding-block);background-color:var(--alert-background);border:var(--alert-border-width) solid var(--alert-border-color);border-radius:var(--alert-radius);color:var(--alert-text-color);font-family:var(--alert-font-family);font-size:var(--alert-font-size);line-height:var(--alert-line-height);transition:background-color var(--alert-transition-duration) var(--alert-transition-easing), border-color var(--alert-transition-duration) var(--alert-transition-easing), color var(--alert-transition-duration) var(--alert-transition-easing);grid-template-columns:auto 1fr auto;display:grid}.vds-alert:not(:has(>.vds-alert-icon)){grid-template-columns:1fr auto}.vds-alert-icon{inline-size:var(--alert-icon-size);block-size:var(--alert-icon-size);color:var(--alert-icon-color);flex:none;justify-content:center;align-items:center;margin-block-start:var(--alert-icon-inset-block-start);display:inline-flex}.vds-alert-icon>svg{block-size:100%;inline-size:100%}.vds-alert-content{gap:var(--alert-title-description-gap);flex-direction:column;min-inline-size:0;display:flex}.vds-alert-title{font-size:var(--alert-title-font-size);font-weight:var(--alert-title-font-weight);line-height:var(--alert-title-line-height);color:var(--alert-title-color);margin:0}.vds-alert-description{font-size:var(--alert-description-font-size);line-height:var(--alert-description-line-height);color:var(--alert-description-color);margin:0}.vds-alert-close{inline-size:var(--alert-close-size);block-size:var(--alert-close-size);background-color:var(--alert-close-bg);border-radius:var(--alert-close-radius);color:inherit;cursor:pointer;appearance:none;transition:background-color var(--alert-transition-duration) var(--alert-transition-easing);border:0;flex:none;justify-content:center;align-items:center;padding:0;display:inline-flex}.vds-alert-close:hover{background-color:var(--alert-close-bg-hover)}.vds-alert-close:active{background-color:var(--alert-close-bg-active)}.vds-alert-close:focus-visible{outline:var(--alert-focus-ring-width) solid var(--alert-focus-ring-color);outline-offset:var(--alert-focus-ring-offset)}.vds-alert-close>svg{inline-size:var(--alert-close-icon-size);block-size:var(--alert-close-icon-size)}}
@layer components{.vds-avatar{--_avatar-size:var(--vds-size-md);--_avatar-font-size:var(--vds-text-sm);border-radius:var(--vds-radius-full);inline-size:var(--_avatar-size);block-size:var(--_avatar-size);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex;overflow:hidden}.vds-avatar[data-size=xs]{--_avatar-size:var(--vds-size-2xs);--_avatar-font-size:var(--vds-text-xs)}.vds-avatar[data-size=sm]{--_avatar-size:var(--vds-size-sm);--_avatar-font-size:var(--vds-text-xs)}.vds-avatar[data-size=lg]{--_avatar-size:3rem;--_avatar-font-size:var(--vds-text-base)}.vds-avatar[data-size=xl]{--_avatar-size:var(--vds-size-2xl);--_avatar-font-size:var(--vds-text-lg)}.vds-avatar:focus-visible{outline:2px solid var(--vds-color-ring);outline-offset:2px}.vds-avatar-image{-o-object-fit:cover;object-fit:cover;block-size:100%;inline-size:100%}.vds-avatar-fallback{block-size:100%;inline-size:100%;font-family:var(--vds-font-sans);font-size:var(--_avatar-font-size);font-weight:var(--vds-font-weight-medium);--_avatar-bg:var(--vds-color-primary-bg);--_avatar-fg:var(--vds-color-primary-text);background-color:var(--_avatar-bg);color:var(--_avatar-fg);justify-content:center;align-items:center;display:flex}.vds-avatar[data-color="1"] .vds-avatar-fallback{--_avatar-bg:var(--vds-color-primary-3);--_avatar-fg:var(--vds-color-primary-11)}.vds-avatar[data-color="2"] .vds-avatar-fallback{--_avatar-bg:var(--vds-color-success-3);--_avatar-fg:var(--vds-color-success-11)}.vds-avatar[data-color="3"] .vds-avatar-fallback{--_avatar-bg:var(--vds-color-warning-3);--_avatar-fg:var(--vds-color-warning-11)}.vds-avatar[data-color="4"] .vds-avatar-fallback{--_avatar-bg:var(--vds-color-danger-3);--_avatar-fg:var(--vds-color-danger-11)}.vds-avatar[data-color="5"] .vds-avatar-fallback{--_avatar-bg:var(--vds-color-info-3);--_avatar-fg:var(--vds-color-info-11)}.vds-avatar[data-color="6"] .vds-avatar-fallback{--_avatar-bg:var(--vds-color-accent-3);--_avatar-fg:var(--vds-color-accent-11)}.vds-avatar[data-color="7"] .vds-avatar-fallback{--_avatar-bg:#fbe6ef;--_avatar-fg:#941862}@supports (color:lab(0% 0 0)){.vds-avatar[data-color="7"] .vds-avatar-fallback{--_avatar-bg:lab(93.2873% 8.30656 -1.56903);--_avatar-fg:lab(33.8949% 53.5432 -10.4586)}}[data-theme=dark] .vds-avatar[data-color="7"] .vds-avatar-fallback{--_avatar-bg:#3c1329;--_avatar-fg:#ffa8d2}@supports (color:lab(0% 0 0)){[data-theme=dark] .vds-avatar[data-color="7"] .vds-avatar-fallback{--_avatar-bg:lab(13.2166% 22.3553 -4.33042);--_avatar-fg:lab(78.5386% 42.2154 -8.09324)}}.vds-avatar[data-color="8"] .vds-avatar-fallback{--_avatar-bg:#f0e9ff;--_avatar-fg:#6a34ab}@supports (color:lab(0% 0 0)){.vds-avatar[data-color="8"] .vds-avatar-fallback{--_avatar-bg:lab(93.2814% 5.32314 -9.73046);--_avatar-fg:lab(34.2637% 42.4101 -55.4442)}}[data-theme=dark] .vds-avatar[data-color="8"] .vds-avatar-fallback{--_avatar-bg:#291841;--_avatar-fg:#d3baff}@supports (color:lab(0% 0 0)){[data-theme=dark] .vds-avatar[data-color="8"] .vds-avatar-fallback{--_avatar-bg:lab(12.428% 16.446 -23.2167);--_avatar-fg:lab(79.0046% 27.8234 -43.9861)}}}
@layer design-system.components{.vds-badge{--badge-height:1.375rem;--badge-padding-inline:var(--vds-space-2,.5rem);--badge-gap:var(--vds-space-1,.25rem);--badge-border-width:1px;--badge-radius:var(--vds-radius-badge,9999px);--badge-icon-size:.75rem;--badge-dot-size:.375rem;--badge-font-family:var(--vds-font-sans,ui-sans-serif, system-ui, sans-serif);--badge-font-size:var(--vds-text-xs,.75rem);--badge-font-weight:var(--vds-font-weight-medium,500);--badge-line-height:1;--badge-letter-spacing:var(--vds-tracking-normal,0);--badge-transition-duration:var(--vds-duration-fast,.12s);--badge-transition-easing:var(--vds-ease-out,cubic-bezier(0, 0, .2, 1));--badge-focus-ring-color:var(--vds-color-ring,var(--badge-color-solid));--badge-focus-ring-width:2px;--badge-focus-ring-offset:2px;--badge-color-solid:var(--vds-color-primary-solid,#4f46e5);--badge-color-solid-hover:var(--vds-color-primary-solid-hover,#4338ca);--badge-color-on-solid:var(--vds-color-on-primary,#fff);--badge-color-bg:var(--vds-color-primary-bg,#e0e7ff);--badge-color-bg-hover:var(--vds-color-primary-bg-hover,color-mix(in oklch, var(--badge-color-bg), var(--badge-color-solid) 15%));--badge-color-text:var(--vds-color-primary-text,#3730a3);--badge-color-border:var(--badge-color-solid);--badge-color-border-soft:color-mix(in oklch, var(--badge-color-solid) 30%, transparent);--badge-bg:var(--badge-color-bg);--badge-bg-hover:var(--badge-color-bg-hover);--badge-text:var(--badge-color-text);--badge-border:transparent;--badge-dot:var(--badge-color-solid)}.vds-badge[data-color=success]{--badge-color-solid:var(--vds-color-success-solid,#16a34a);--badge-color-solid-hover:var(--vds-color-success-solid-hover,#15803d);--badge-color-on-solid:var(--vds-color-on-success,#fff);--badge-color-bg:var(--vds-color-success-bg,#dcfce7);--badge-color-bg-hover:var(--vds-color-success-bg-hover,color-mix(in oklch, var(--badge-color-bg), var(--badge-color-solid) 15%));--badge-color-text:var(--vds-color-success-text,#166534);--badge-color-border:var(--badge-color-solid);--badge-color-border-soft:color-mix(in oklch, var(--badge-color-solid) 30%, transparent)}.vds-badge[data-color=warning]{--badge-color-solid:var(--vds-color-warning-solid,#f59e0b);--badge-color-solid-hover:var(--vds-color-warning-solid-hover,#d97706);--badge-color-on-solid:var(--vds-color-on-warning,#111);--badge-color-bg:var(--vds-color-warning-bg,#fef3c7);--badge-color-bg-hover:var(--vds-color-warning-bg-hover,color-mix(in oklch, var(--badge-color-bg), var(--badge-color-solid) 15%));--badge-color-text:var(--vds-color-warning-text,#78350f);--badge-color-border:var(--badge-color-solid);--badge-color-border-soft:color-mix(in oklch, var(--badge-color-solid) 30%, transparent)}.vds-badge[data-color=danger]{--badge-color-solid:var(--vds-color-danger-solid,#dc2626);--badge-color-solid-hover:var(--vds-color-danger-solid-hover,#b91c1c);--badge-color-on-solid:var(--vds-color-on-danger,#fff);--badge-color-bg:var(--vds-color-danger-bg,#fee2e2);--badge-color-bg-hover:var(--vds-color-danger-bg-hover,color-mix(in oklch, var(--badge-color-bg), var(--badge-color-solid) 15%));--badge-color-text:var(--vds-color-danger-text,#991b1b);--badge-color-border:var(--badge-color-solid);--badge-color-border-soft:color-mix(in oklch, var(--badge-color-solid) 30%, transparent)}.vds-badge[data-color=info]{--badge-color-solid:var(--vds-color-info-solid,#0891b2);--badge-color-solid-hover:var(--vds-color-info-solid-hover,#0e7490);--badge-color-on-solid:var(--vds-color-on-info,#fff);--badge-color-bg:var(--vds-color-info-bg,#cffafe);--badge-color-bg-hover:var(--vds-color-info-bg-hover,color-mix(in oklch, var(--badge-color-bg), var(--badge-color-solid) 15%));--badge-color-text:var(--vds-color-info-text,#155e75);--badge-color-border:var(--badge-color-solid);--badge-color-border-soft:color-mix(in oklch, var(--badge-color-solid) 30%, transparent)}.vds-badge[data-color=accent]{--badge-color-solid:var(--vds-color-accent-solid,var(--vds-color-accent-emphasis,#f97316));--badge-color-solid-hover:var(--vds-color-accent-solid-hover,#ea580c);--badge-color-on-solid:var(--vds-color-on-accent,#fff);--badge-color-bg:var(--vds-color-accent-bg,#ffedd5);--badge-color-bg-hover:var(--vds-color-accent-bg-hover,color-mix(in oklch, var(--badge-color-bg), var(--badge-color-solid) 15%));--badge-color-text:var(--vds-color-accent-text,#7c2d12);--badge-color-border:var(--badge-color-solid);--badge-color-border-soft:color-mix(in oklch, var(--badge-color-solid) 30%, transparent)}.vds-badge[data-color=neutral]{--badge-color-solid:var(--vds-color-neutral-12,#171717);--badge-color-solid-hover:var(--vds-color-neutral-11,#262626);--badge-color-on-solid:var(--vds-color-neutral-1,#fafafa);--badge-color-bg:var(--vds-color-neutral-3,var(--vds-color-bg-subtle,#f5f5f5));--badge-color-bg-hover:var(--vds-color-neutral-4,var(--vds-color-neutral-3,#e5e5e5));--badge-color-text:var(--vds-color-neutral-12,var(--vds-color-text,#171717));--badge-color-border:var(--vds-color-neutral-8,var(--vds-color-border,#a3a3a3));--badge-color-border-soft:var(--vds-color-neutral-6,color-mix(in oklch, var(--badge-color-solid) 20%, transparent))}.vds-badge[data-variant=solid]{--badge-bg:var(--badge-color-solid);--badge-bg-hover:var(--badge-color-solid-hover);--badge-text:var(--badge-color-on-solid);--badge-border:transparent;--badge-dot:var(--badge-color-on-solid)}.vds-badge[data-variant=outline]{--badge-bg:transparent;--badge-bg-hover:var(--badge-color-bg);--badge-text:var(--badge-color-text);--badge-border:var(--badge-color-border)}.vds-badge[data-variant=subtle]{--badge-bg:transparent;--badge-bg-hover:var(--badge-color-bg);--badge-text:var(--badge-color-text);--badge-border:transparent}.vds-badge[data-variant=soft-outline]{--badge-bg:var(--badge-color-bg);--badge-bg-hover:var(--badge-color-bg-hover);--badge-text:var(--badge-color-text);--badge-border:var(--badge-color-border-soft)}.vds-badge[data-size=xs]{--badge-height:1.125rem;--badge-padding-inline:var(--vds-space-1-5,.375rem);--badge-font-size:.625rem;--badge-gap:var(--vds-space-0-5,.125rem);--badge-icon-size:.625rem;--badge-dot-size:.3125rem}.vds-badge[data-size=sm]{--badge-height:1.25rem;--badge-padding-inline:var(--vds-space-1-5,.375rem);--badge-font-size:var(--vds-text-xs,.6875rem);--badge-gap:var(--vds-space-1,.25rem);--badge-icon-size:.6875rem;--badge-dot-size:.3125rem}.vds-badge[data-size=lg]{--badge-height:1.625rem;--badge-padding-inline:var(--vds-space-2-5,.625rem);--badge-font-size:var(--vds-text-sm,.875rem);--badge-gap:var(--vds-space-1-5,.375rem);--badge-icon-size:.875rem;--badge-dot-size:.4375rem}.vds-badge[data-shape=square]{--badge-radius:var(--vds-radius-nav-item,.375rem)}.vds-badge[data-dot-only=true]{--badge-height:var(--badge-dot-size);--badge-padding-inline:0;--badge-border-width:0}.vds-badge{justify-content:center;align-items:center;gap:var(--badge-gap);vertical-align:middle;block-size:var(--badge-height);padding-inline:var(--badge-padding-inline);background-color:var(--badge-bg);color:var(--badge-text);border:var(--badge-border-width) solid var(--badge-border);border-radius:var(--badge-radius);font-family:var(--badge-font-family);font-size:var(--badge-font-size);font-weight:var(--badge-font-weight);line-height:var(--badge-line-height);letter-spacing:var(--badge-letter-spacing);white-space:nowrap;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;transition:background-color var(--badge-transition-duration) var(--badge-transition-easing), border-color var(--badge-transition-duration) var(--badge-transition-easing), color var(--badge-transition-duration) var(--badge-transition-easing);display:inline-flex}.vds-badge[data-interactive=true]{cursor:pointer}.vds-badge[data-interactive=true]:hover{background-color:var(--badge-bg-hover)}.vds-badge[data-interactive=true]:focus-visible,.vds-badge:is(a,button):focus-visible{outline:var(--badge-focus-ring-width) solid var(--badge-focus-ring-color);outline-offset:var(--badge-focus-ring-offset)}.vds-badge-section{flex-shrink:0;align-items:center;display:inline-flex}.vds-badge-section>svg{inline-size:var(--badge-icon-size);block-size:var(--badge-icon-size)}.vds-badge-dot{inline-size:var(--badge-dot-size);block-size:var(--badge-dot-size);border-radius:var(--vds-radius-full,9999px);background-color:var(--badge-dot);flex-shrink:0}.vds-badge-close{inline-size:var(--badge-icon-size);block-size:var(--badge-icon-size);border-radius:var(--vds-radius-full,9999px);color:inherit;cursor:pointer;opacity:.7;transition:opacity var(--badge-transition-duration) var(--badge-transition-easing), background-color var(--badge-transition-duration) var(--badge-transition-easing);background:0 0;border:0;justify-content:center;align-items:center;margin-inline-start:calc(var(--badge-gap) / 2);padding:0;display:inline-flex}.vds-badge-close:hover,.vds-badge-close:focus-visible{opacity:1;background-color:color-mix(in oklch, currentColor 14%, transparent)}.vds-badge-close:focus-visible{outline:var(--badge-focus-ring-width) solid var(--badge-focus-ring-color);outline-offset:1px}.vds-badge-close>svg{block-size:100%;inline-size:100%}.vds-badge[data-dot-only=true]{inline-size:var(--badge-dot-size);background-color:var(--badge-color-solid);border:0}.vds-badge[data-dot-only=true]>.vds-badge-dot{display:none}}
@layer design-system.components{.vds-bottom-nav{--bottom-nav-height:var(--vds-size-2xl,3.25rem);--bottom-nav-padding-inline:var(--vds-space-2,.5rem);--bottom-nav-padding-block:var(--vds-space-1,.25rem);--bottom-nav-gap:var(--vds-space-1,.25rem);--bottom-nav-max-inline-size:100%;--bottom-nav-radius:0;--bottom-nav-safe-area:env(safe-area-inset-bottom,0px);--bottom-nav-offset-block-end:0px;--bottom-nav-z-index:var(--vds-z-banner,1200);--bottom-nav-background:var(--vds-color-surface,#fff);--bottom-nav-border-color:var(--vds-color-border-muted,#e5e7eb);--bottom-nav-border-block-start-width:1px;--bottom-nav-shadow:var(--vds-shadow-none,0 0 0 0 transparent);--bottom-nav-font-family:var(--vds-font-sans,ui-sans-serif, system-ui, sans-serif);--bottom-nav-font-weight:var(--vds-font-weight-medium,500);--bottom-nav-transition-duration:var(--vds-duration-normal,.2s);--bottom-nav-transition-easing:var(--vds-ease-out,cubic-bezier(0, 0, .2, 1));--bottom-nav-hide-translate:calc(100% + var(--bottom-nav-safe-area));--bottom-nav-indicator-color:var(--vds-color-neutral-a3,#0000000f);--bottom-nav-indicator-height:100%;--bottom-nav-indicator-inline-size:64%;--bottom-nav-indicator-radius:var(--vds-radius-full,9999px);--bottom-nav-indicator-position:center;--bottom-nav-indicator-duration:var(--vds-duration-normal,.2s);--bottom-nav-indicator-easing:var(--vds-ease-out,cubic-bezier(0, 0, .2, 1))}@supports (color:lab(0% 0 0)){.vds-bottom-nav{--bottom-nav-indicator-color:var(--vds-color-neutral-a3,lab(0% 0 0/.06))}}.vds-bottom-nav__item{--item-min-touch:44px;--item-flex:1;--item-gap:var(--vds-space-1-5,.375rem);--item-padding-inline:var(--vds-space-2,.5rem);--item-padding-block:var(--vds-space-1,.25rem);--item-radius:var(--vds-radius-nav-item,.5rem);--item-press-scale:.94;--item-icon-size:1.5rem;--item-label-font-size:var(--vds-text-xs,.75rem);--item-label-line-height:var(--vds-leading-tight,1.25);--item-label-display:inline-block;--item-color:var(--vds-color-text-muted,#6b7280);--item-color-active:var(--vds-color-primary-solid,#6366f1);--item-color-disabled:var(--vds-color-text-disabled,#9ca3af);--item-background:transparent;--item-background-hover:var(--vds-color-hover,#0000000a);--item-background-active:var(--vds-color-active,#00000014);--item-focus-ring-color:var(--vds-color-ring,var(--item-color-active));--item-focus-ring-width:2px;--item-focus-ring-offset:2px;--item-transition-duration:var(--vds-duration-fast,.1s);--item-transition-easing:var(--vds-ease-out,cubic-bezier(0, 0, .2, 1))}@supports (color:lab(0% 0 0)){.vds-bottom-nav__item{--item-background-hover:var(--vds-color-hover,lab(0% 0 0/.04));--item-background-active:var(--vds-color-active,lab(0% 0 0/.08))}}.vds-bottom-nav[data-variant=ios] .vds-bottom-nav__item{--item-gap:.1875rem}.vds-bottom-nav[data-variant=underline] .vds-bottom-nav__item{--item-gap:.25rem}.vds-bottom-nav[data-variant=floating]{--bottom-nav-offset-block-end:var(--vds-space-3,.75rem);--bottom-nav-max-inline-size:calc(100% - (var(--vds-space-6,1.5rem) * 2));--bottom-nav-radius:var(--vds-radius-bottom-nav,1rem);--bottom-nav-shadow:var(--vds-shadow-xl,0 20px 25px -5px #0000001a);--bottom-nav-border-block-start-width:0;--bottom-nav-padding-inline:var(--vds-space-2,.5rem)}@supports (color:lab(0% 0 0)){.vds-bottom-nav[data-variant=floating]{--bottom-nav-shadow:var(--vds-shadow-xl,0 20px 25px -5px lab(0% 0 0/.1))}}.vds-bottom-nav[data-variant=underline]{--bottom-nav-indicator-height:3px;--bottom-nav-indicator-radius:var(--vds-radius-full,9999px);--bottom-nav-indicator-position:top;--bottom-nav-indicator-inline-size:48%}.vds-bottom-nav[data-size=sm]{--bottom-nav-height:var(--vds-size-xl,2.75rem)}.vds-bottom-nav[data-size=sm] .vds-bottom-nav__item{--item-icon-size:1.25rem;--item-label-font-size:var(--vds-text-xs,.75rem)}.vds-bottom-nav[data-size=md]{--bottom-nav-height:var(--vds-size-2xl,3.25rem)}.vds-bottom-nav[data-size=lg]{--bottom-nav-height:var(--vds-size-3xl,4rem)}.vds-bottom-nav[data-size=lg] .vds-bottom-nav__item{--item-icon-size:1.625rem;--item-label-font-size:var(--vds-text-sm,.875rem)}.vds-bottom-nav[data-elevated=true]{--bottom-nav-shadow:var(--vds-shadow-lg,0 10px 15px -3px #0000001a)}@supports (color:lab(0% 0 0)){.vds-bottom-nav[data-elevated=true]{--bottom-nav-shadow:var(--vds-shadow-lg,0 10px 15px -3px lab(0% 0 0/.1))}}.vds-bottom-nav__item:disabled,.vds-bottom-nav__item[aria-disabled=true]{--item-color:var(--item-color-disabled);--item-color-active:var(--item-color-disabled);--item-background-hover:transparent;--item-background-active:transparent}.vds-bottom-nav__fab{--fab-size:3.5rem;--fab-icon-size:1.5rem;--fab-radius:var(--vds-radius-full,9999px);--fab-translate-y:-40%;--fab-background:var(--vds-color-primary-solid,#6366f1);--fab-background-hover:var(--vds-color-primary-solid-hover,#4f46e5);--fab-background-active:var(--vds-color-primary-solid-active,#4338ca);--fab-color:var(--vds-color-on-primary,#fff);--fab-shadow:var(--vds-shadow-lg,0 10px 15px -3px #0000001a);--fab-ring-color:var(--vds-color-ring,#6366f1);--fab-ring-width:2px;--fab-ring-offset:3px;--fab-press-scale:.94}@supports (color:lab(0% 0 0)){.vds-bottom-nav__fab{--fab-shadow:var(--vds-shadow-lg,0 10px 15px -3px lab(0% 0 0/.1))}}.vds-bottom-nav__fab[data-color=accent]{--fab-background:var(--vds-color-accent-solid,#f97316);--fab-background-hover:var(--vds-color-accent-solid-hover,#ea580c);--fab-background-active:var(--vds-color-accent-solid-active,#c2410c);--fab-color:var(--vds-color-on-accent,#fff)}.vds-bottom-nav__fab[data-color=success]{--fab-background:var(--vds-color-success-solid,#16a34a);--fab-background-hover:var(--vds-color-success-solid-hover,#15803d);--fab-background-active:var(--vds-color-success-solid-active,#166534);--fab-color:var(--vds-color-on-success,#fff)}.vds-bottom-nav__badge{--badge-size:1rem;--badge-min-inline-size:1rem;--badge-dot-size:.5rem;--badge-padding-inline:.25rem;--badge-font-size:.625rem;--badge-font-weight:var(--vds-font-weight-semibold,600);--badge-radius:var(--vds-radius-full,9999px);--badge-background:var(--vds-color-danger-solid,#dc2626);--badge-color:var(--vds-color-on-danger,#fff);--badge-ring-color:var(--bottom-nav-background);--badge-ring-width:2px;--badge-offset-block:-.25rem;--badge-offset-inline:-.375rem;--badge-translate-x:50%;--badge-translate-y:-50%;--badge-dot-translate-x:50%;--badge-dot-translate-y:-50%}.vds-bottom-nav{justify-content:stretch;align-items:stretch;gap:var(--bottom-nav-gap);inline-size:var(--bottom-nav-max-inline-size);max-inline-size:100%;block-size:calc(var(--bottom-nav-height) + var(--bottom-nav-padding-block) * 2);padding-inline:var(--bottom-nav-padding-inline);background-color:var(--bottom-nav-background);border-block-start:var(--bottom-nav-border-block-start-width) solid var(--bottom-nav-border-color);border-radius:var(--bottom-nav-radius);box-shadow:var(--bottom-nav-shadow);font-family:var(--bottom-nav-font-family);font-weight:var(--bottom-nav-font-weight);box-sizing:border-box;isolation:isolate;-webkit-tap-highlight-color:transparent;transition:transform var(--bottom-nav-transition-duration) var(--bottom-nav-transition-easing), box-shadow var(--bottom-nav-transition-duration) var(--bottom-nav-transition-easing);padding-block-start:var(--bottom-nav-padding-block);padding-block-end:calc(var(--bottom-nav-padding-block) + var(--bottom-nav-safe-area));display:flex}.vds-bottom-nav[data-position=fixed]{z-index:var(--bottom-nav-z-index);margin-inline:auto;position:fixed;inset-block-end:var(--bottom-nav-offset-block-end);inset-inline:0}.vds-bottom-nav[data-position=sticky]{z-index:var(--bottom-nav-z-index);position:sticky;inset-block-end:var(--bottom-nav-offset-block-end)}.vds-bottom-nav[data-position=static]{z-index:auto;position:relative}.vds-bottom-nav[data-variant=floating][data-position=fixed]{inset-inline:var(--vds-space-6,1.5rem);margin-inline:auto}.vds-bottom-nav[data-hidden=true]{transform:translateY(var(--bottom-nav-hide-translate))}.vds-bottom-nav__item{flex:var(--item-flex);min-inline-size:0;min-block-size:var(--item-min-touch);padding-inline:var(--item-padding-inline);padding-block:var(--item-padding-block);border-radius:var(--item-radius);background:var(--item-background);color:var(--item-color);font:inherit;cursor:pointer;-webkit-user-select:none;user-select:none;appearance:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation;transition:color var(--item-transition-duration) var(--item-transition-easing), background-color var(--item-transition-duration) var(--item-transition-easing), transform var(--item-transition-duration) var(--item-transition-easing);border:0;justify-content:center;align-items:center;text-decoration:none;display:inline-flex;position:relative}.vds-bottom-nav__item:hover:not(:disabled):not([aria-disabled=true]){background-color:var(--item-background-hover)}.vds-bottom-nav__item:active:not(:disabled):not([aria-disabled=true]){background-color:var(--item-background-active);transform:scale(var(--item-press-scale))}.vds-bottom-nav[data-variant=material] .vds-bottom-nav__item[data-active=true],.vds-bottom-nav[data-variant=underline] .vds-bottom-nav__item[data-active=true],.vds-bottom-nav[data-variant=floating] .vds-bottom-nav__item[data-active=true]{--item-background-hover:transparent;--item-background-active:transparent}.vds-bottom-nav__item:focus-visible{outline:var(--item-focus-ring-width) solid var(--item-focus-ring-color);outline-offset:var(--item-focus-ring-offset)}.vds-bottom-nav__item[data-active=true]{color:var(--item-color-active)}.vds-bottom-nav__item:disabled,.vds-bottom-nav__item[aria-disabled=true]{cursor:not-allowed;pointer-events:none;opacity:.5}.vds-bottom-nav__item-inner{z-index:1;justify-content:center;align-items:center;gap:var(--item-gap);pointer-events:none;flex-direction:column;inline-size:100%;display:inline-flex;position:relative}.vds-bottom-nav__icon{inline-size:var(--item-icon-size);block-size:var(--item-icon-size);color:inherit;transition:color var(--item-transition-duration) var(--item-transition-easing);justify-content:center;align-items:center;display:inline-flex;position:relative}.vds-bottom-nav__icon>svg,.vds-bottom-nav__icon>img{block-size:100%;inline-size:100%}.vds-bottom-nav__label{display:var(--item-label-display);max-inline-size:100%;font-size:var(--item-label-font-size);line-height:var(--item-label-line-height);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.vds-bottom-nav[data-variant=material] .vds-bottom-nav__item[data-active=true] .vds-bottom-nav__icon:before{content:"";z-index:-1;background-color:var(--bottom-nav-indicator-color);border-radius:var(--bottom-nav-indicator-radius);transition:opacity var(--item-transition-duration) var(--item-transition-easing), transform var(--item-transition-duration) var(--item-transition-easing);position:absolute;inset-block:-.25rem;inset-inline:-1rem}.vds-bottom-nav[data-variant=underline] .vds-bottom-nav__item[data-active=true]:before{content:"";inline-size:var(--bottom-nav-indicator-inline-size);block-size:var(--bottom-nav-indicator-height);background-color:var(--item-color-active);border-radius:var(--bottom-nav-indicator-radius);position:absolute;inset-block-start:0;inset-inline-start:50%;translate:-50%}.vds-bottom-nav[data-animated-indicator=true][data-variant=material] .vds-bottom-nav__item[data-active=true] .vds-bottom-nav__icon:before,.vds-bottom-nav[data-animated-indicator=true][data-variant=underline] .vds-bottom-nav__item[data-active=true]:before{display:none}.vds-bottom-nav__sliding-indicator{z-index:0;background-color:var(--bottom-nav-indicator-color);border-radius:var(--bottom-nav-indicator-radius);pointer-events:none;opacity:0;position:absolute}.vds-bottom-nav[data-variant=underline] .vds-bottom-nav__sliding-indicator{transition:inset-inline-start var(--bottom-nav-indicator-duration) var(--bottom-nav-indicator-easing), inline-size var(--bottom-nav-indicator-duration) var(--bottom-nav-indicator-easing), opacity var(--bottom-nav-indicator-duration) var(--bottom-nav-indicator-easing), background-color var(--bottom-nav-indicator-duration) var(--bottom-nav-indicator-easing)}.vds-bottom-nav[data-variant=material] .vds-bottom-nav__sliding-indicator[data-measured=true]{transform-origin:50%;animation:vds-bottom-nav-pill-open var(--bottom-nav-indicator-duration) var(--bottom-nav-indicator-easing) both}@keyframes vds-bottom-nav-pill-open{0%{opacity:0;transform:scaleX(.15)}to{opacity:1;transform:scaleX(1)}}.vds-bottom-nav__sliding-indicator[data-measured=true]{opacity:1}.vds-bottom-nav[data-variant=material] .vds-bottom-nav__sliding-indicator{inset-block-start:0}.vds-bottom-nav[data-variant=underline] .vds-bottom-nav__sliding-indicator{block-size:var(--bottom-nav-indicator-height);background-color:var(--item-color-active,var(--vds-color-primary-solid));inset-block-start:0}.vds-bottom-nav__fab{inline-size:var(--fab-size);block-size:var(--fab-size);margin-inline:var(--vds-space-1,.25rem);border-radius:var(--fab-radius);background-color:var(--fab-background);color:var(--fab-color);box-shadow:var(--fab-shadow);cursor:pointer;-webkit-user-select:none;user-select:none;appearance:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation;transform:translateY(var(--fab-translate-y));transition:background-color var(--item-transition-duration) var(--item-transition-easing), transform var(--item-transition-duration) var(--item-transition-easing), box-shadow var(--item-transition-duration) var(--item-transition-easing);border:0;flex:none;justify-content:center;align-self:center;align-items:center;padding:0;display:inline-flex;position:relative}.vds-bottom-nav__fab:hover{background-color:var(--fab-background-hover)}.vds-bottom-nav__fab:active{background-color:var(--fab-background-active);transform:translateY(var(--fab-translate-y)) scale(var(--fab-press-scale))}.vds-bottom-nav__fab:focus-visible{outline:var(--fab-ring-width) solid var(--fab-ring-color);outline-offset:var(--fab-ring-offset)}.vds-bottom-nav__fab>svg{inline-size:var(--fab-icon-size);block-size:var(--fab-icon-size)}.vds-bottom-nav[data-has-fab-notch=true]{--fab-notch-radius:calc(var(--fab-size) / 2 + 6px);-webkit-mask-image:radial-gradient(circle var(--fab-notch-radius) at 50% 0, transparent 98%, #000 100%);mask-image:radial-gradient(circle var(--fab-notch-radius) at 50% 0, transparent 98%, #000 100%);-webkit-mask-image:radial-gradient(circle var(--fab-notch-radius) at 50% 0, transparent 98%, #000 100%)}.vds-bottom-nav__badge{transform:translate(var(--badge-translate-x), var(--badge-translate-y));min-inline-size:var(--badge-min-inline-size);block-size:var(--badge-size);padding-inline:var(--badge-padding-inline);background-color:var(--badge-background);color:var(--badge-color);border-radius:var(--badge-radius);box-shadow:0 0 0 var(--badge-ring-width) var(--badge-ring-color);font-size:var(--badge-font-size);font-weight:var(--badge-font-weight);pointer-events:none;white-space:nowrap;justify-content:center;align-items:center;line-height:1;display:inline-flex;position:absolute;inset-block-start:var(--badge-offset-block);inset-inline-end:var(--badge-offset-inline)}.vds-bottom-nav: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-bottom-nav__badge{transform:translate(calc(var(--badge-translate-x) * -1), var(--badge-translate-y))}.vds-bottom-nav__badge[data-dot=true]{min-inline-size:var(--badge-dot-size);inline-size:var(--badge-dot-size);block-size:var(--badge-dot-size);transform:translate(var(--badge-dot-translate-x), var(--badge-dot-translate-y));padding-inline:0}.vds-bottom-nav: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-bottom-nav__badge[data-dot=true]{transform:translate(calc(var(--badge-dot-translate-x) * -1), var(--badge-dot-translate-y))}@media (prefers-reduced-motion:reduce){.vds-bottom-nav,.vds-bottom-nav__item,.vds-bottom-nav__item:active,.vds-bottom-nav__icon,.vds-bottom-nav__fab,.vds-bottom-nav__fab:active,.vds-bottom-nav__sliding-indicator,.vds-bottom-nav[data-variant=material] .vds-bottom-nav__item[data-active=true] .vds-bottom-nav__icon:before{transition:none!important}}}
@layer design-system.components{.vds-breadcrumb{--breadcrumb-gap:var(--vds-space-1-5,.375rem);--breadcrumb-row-gap:var(--vds-space-0-5,.125rem);--breadcrumb-content-gap:.1875rem;--breadcrumb-item-padding-inline:0;--breadcrumb-item-padding-block:0;--breadcrumb-pill-padding-inline:var(--vds-space-1-5,.375rem);--breadcrumb-pill-padding-block:.1875rem;--breadcrumb-item-radius:var(--vds-radius-breadcrumb-item,.375rem);--breadcrumb-item-border-width:1px;--breadcrumb-item-border-color:transparent;--breadcrumb-item-bg:transparent;--breadcrumb-item-bg-hover:transparent;--breadcrumb-font-family:var(--vds-font-sans,ui-sans-serif, system-ui, sans-serif);--breadcrumb-font-size:var(--vds-text-sm,.875rem);--breadcrumb-font-weight:var(--vds-font-weight-normal,400);--breadcrumb-page-weight:var(--vds-font-weight-medium,500);--breadcrumb-line-height:var(--vds-control-line-height,1);--breadcrumb-label-offset:calc(var(--vds-control-optical-offset,.09375rem) * .7);--breadcrumb-icon-offset:calc(var(--breadcrumb-label-offset) * .35);--breadcrumb-separator-offset:calc(var(--breadcrumb-label-offset) * .5);--breadcrumb-item-max-inline-size:16ch;--breadcrumb-icon-size:1em;--breadcrumb-leading-icon-size:1em;--breadcrumb-link-color:var(--vds-color-text-muted,#6b7280);--breadcrumb-link-color-hover:var(--vds-color-text,#111827);--breadcrumb-link-text-decoration:none;--breadcrumb-link-text-decoration-hover:none;--breadcrumb-page-color:var(--vds-color-text,#111827);--breadcrumb-separator-color:var(--vds-color-text-subtle,#9ca3af);--breadcrumb-transition-duration:var(--vds-duration-fast,.1s);--breadcrumb-transition-easing:var(--vds-ease-out,cubic-bezier(0, 0, .2, 1));--breadcrumb-focus-ring-color:var(--vds-color-ring,#6366f1);--breadcrumb-focus-ring-width:2px;--breadcrumb-focus-ring-offset:2px}.vds-breadcrumb[data-size="2xs"]{--breadcrumb-gap:var(--vds-space-1,.25rem);--breadcrumb-content-gap:.125rem;--breadcrumb-pill-padding-inline:var(--vds-space-1,.25rem);--breadcrumb-pill-padding-block:var(--vds-space-0-5,.125rem);--breadcrumb-font-size:.6875rem;--breadcrumb-line-height:var(--vds-leading-none,1)}.vds-breadcrumb[data-size=xs]{--breadcrumb-gap:var(--vds-space-1,.25rem);--breadcrumb-pill-padding-inline:var(--vds-space-1,.25rem);--breadcrumb-pill-padding-block:var(--vds-space-0-5,.125rem);--breadcrumb-font-size:var(--vds-text-xs,.75rem)}.vds-breadcrumb[data-size=sm]{--breadcrumb-gap:.3125rem;--breadcrumb-pill-padding-inline:var(--vds-space-1-5,.375rem);--breadcrumb-pill-padding-block:.1875rem;--breadcrumb-font-size:var(--vds-text-xs,.75rem)}.vds-breadcrumb[data-size=lg]{--breadcrumb-gap:var(--vds-space-2,.5rem);--breadcrumb-pill-padding-inline:var(--vds-space-2,.5rem);--breadcrumb-pill-padding-block:var(--vds-space-1,.25rem);--breadcrumb-font-size:var(--vds-text-base,1rem)}.vds-breadcrumb[data-size=xl]{--breadcrumb-gap:var(--vds-space-2-5,.625rem);--breadcrumb-pill-padding-inline:var(--vds-space-2-5,.625rem);--breadcrumb-pill-padding-block:var(--vds-space-1-5,.375rem);--breadcrumb-font-size:var(--vds-text-lg,1.125rem)}.vds-breadcrumb[data-variant=underline]{--breadcrumb-link-text-decoration-hover:underline}.vds-breadcrumb[data-variant=ghost]{--breadcrumb-item-padding-inline:var(--breadcrumb-pill-padding-inline);--breadcrumb-item-padding-block:var(--breadcrumb-pill-padding-block);--breadcrumb-item-bg-hover:var(--vds-color-surface-hover,#f3f4f6)}.vds-breadcrumb[data-variant=soft]{--breadcrumb-item-padding-inline:var(--breadcrumb-pill-padding-inline);--breadcrumb-item-padding-block:var(--breadcrumb-pill-padding-block);--breadcrumb-item-bg:var(--vds-color-bg-muted,#e5e7eb);--breadcrumb-item-bg-hover:var(--vds-color-surface-hover,#f3f4f6);--breadcrumb-link-color:var(--vds-color-text,#111827);--breadcrumb-link-color-hover:var(--vds-color-primary-solid,#6366f1)}.vds-breadcrumb[data-variant=solid]{--breadcrumb-item-padding-inline:var(--breadcrumb-pill-padding-inline);--breadcrumb-item-padding-block:var(--breadcrumb-pill-padding-block);--breadcrumb-item-bg-hover:var(--vds-color-surface-hover,#f3f4f6);--breadcrumb-page-color:var(--vds-color-on-primary,#fff)}.vds-breadcrumb{color:var(--breadcrumb-link-color);font-family:var(--breadcrumb-font-family);font-size:var(--breadcrumb-font-size);font-weight:var(--breadcrumb-font-weight);line-height:var(--breadcrumb-line-height);display:block}.vds-breadcrumb__list{align-items:center;gap:var(--breadcrumb-row-gap) var(--breadcrumb-gap);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.vds-breadcrumb__item{align-items:center;min-inline-size:0;display:inline-flex}.vds-breadcrumb__link,.vds-breadcrumb__page{min-inline-size:0;max-inline-size:var(--breadcrumb-item-max-inline-size);padding-inline:var(--breadcrumb-item-padding-inline);padding-block:var(--breadcrumb-item-padding-block);background-color:var(--breadcrumb-item-bg);border:var(--breadcrumb-item-border-width) solid var(--breadcrumb-item-border-color);text-overflow:ellipsis;white-space:nowrap;align-items:center;line-height:1;display:inline-flex;overflow:hidden}.vds-breadcrumb__link{color:var(--breadcrumb-link-color);-webkit-text-decoration:var(--breadcrumb-link-text-decoration);-webkit-text-decoration:var(--breadcrumb-link-text-decoration);text-decoration:var(--breadcrumb-link-text-decoration);cursor:pointer;appearance:none;transition:color var(--breadcrumb-transition-duration) var(--breadcrumb-transition-easing), background-color var(--breadcrumb-transition-duration) var(--breadcrumb-transition-easing), text-decoration-color var(--breadcrumb-transition-duration) var(--breadcrumb-transition-easing)}.vds-breadcrumb__link:hover{color:var(--breadcrumb-link-color-hover);background-color:var(--breadcrumb-item-bg-hover);-webkit-text-decoration:var(--breadcrumb-link-text-decoration-hover);-webkit-text-decoration:var(--breadcrumb-link-text-decoration-hover);text-decoration:var(--breadcrumb-link-text-decoration-hover)}.vds-breadcrumb__link:focus-visible{outline:var(--breadcrumb-focus-ring-width) solid var(--breadcrumb-focus-ring-color);outline-offset:var(--breadcrumb-focus-ring-offset)}.vds-breadcrumb__page{color:var(--breadcrumb-page-color);font-weight:var(--breadcrumb-page-weight)}.vds-breadcrumb__content{align-items:center;gap:var(--breadcrumb-content-gap);min-inline-size:0;display:inline-flex}.vds-breadcrumb__content[data-icon-only]{gap:0}.vds-breadcrumb__label{min-inline-size:0;line-height:var(--breadcrumb-line-height);transform:translateY(var(--breadcrumb-label-offset));white-space:inherit;align-items:center;display:inline-flex}.vds-breadcrumb__icon{transform:translateY(var(--breadcrumb-icon-offset));flex:none;justify-content:center;align-items:center;line-height:1;display:inline-flex}.vds-breadcrumb__icon>svg{inline-size:var(--breadcrumb-leading-icon-size);block-size:var(--breadcrumb-leading-icon-size);flex:none;display:block}.vds-breadcrumb[data-variant=ghost] .vds-breadcrumb__link,.vds-breadcrumb[data-variant=ghost] .vds-breadcrumb__page,.vds-breadcrumb[data-variant=ghost] .vds-breadcrumb__ellipsis-trigger,.vds-breadcrumb[data-variant=soft] .vds-breadcrumb__link,.vds-breadcrumb[data-variant=soft] .vds-breadcrumb__page,.vds-breadcrumb[data-variant=soft] .vds-breadcrumb__ellipsis-trigger,.vds-breadcrumb[data-variant=solid] .vds-breadcrumb__link,.vds-breadcrumb[data-variant=solid] .vds-breadcrumb__page,.vds-breadcrumb[data-variant=solid] .vds-breadcrumb__ellipsis-trigger{border-radius:var(--breadcrumb-item-radius)}.vds-breadcrumb[data-variant=solid] .vds-breadcrumb__page{background-color:var(--vds-color-primary-solid,#6366f1)}.vds-breadcrumb__separator{color:var(--breadcrumb-separator-color);-webkit-user-select:none;user-select:none;transform:translateY(var(--breadcrumb-separator-offset));flex:none;align-items:center;line-height:1;display:inline-flex}.vds-breadcrumb__separator>svg{inline-size:var(--breadcrumb-icon-size);block-size:var(--breadcrumb-icon-size);display:block}.vds-breadcrumb__separator[data-preset=slash]:before{content:"/";font-size:1em;line-height:1}: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-breadcrumb[data-separator=chevron] .vds-breadcrumb__separator>svg,: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-breadcrumb[data-separator=arrow] .vds-breadcrumb__separator>svg){transform:scaleX(-1)}.vds-breadcrumb__ellipsis{align-items:center;display:inline-flex}.vds-breadcrumb__ellipsis-trigger{padding-inline:var(--breadcrumb-item-padding-inline);padding-block:var(--breadcrumb-item-padding-block);color:var(--breadcrumb-link-color);cursor:pointer;appearance:none;transform:translateY(var(--breadcrumb-separator-offset));transition:color var(--breadcrumb-transition-duration) var(--breadcrumb-transition-easing), background-color var(--breadcrumb-transition-duration) var(--breadcrumb-transition-easing);background-color:#0000;border:0;justify-content:center;align-items:center;line-height:1;display:inline-flex}.vds-breadcrumb__ellipsis-trigger:hover{color:var(--breadcrumb-link-color-hover);background-color:var(--breadcrumb-item-bg-hover,var(--vds-color-surface-hover,#f3f4f6))}.vds-breadcrumb__ellipsis-trigger:focus-visible{outline:var(--breadcrumb-focus-ring-width) solid var(--breadcrumb-focus-ring-color);outline-offset:var(--breadcrumb-focus-ring-offset)}.vds-breadcrumb__ellipsis-trigger>svg{inline-size:var(--breadcrumb-icon-size);block-size:var(--breadcrumb-icon-size);display:block}.vds-breadcrumb__sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;block-size:1px;inline-size:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}}
@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:0;--button-optical-offset:var(--vds-control-optical-offset,.09375rem);--button-gap:var(--vds-space-2,.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.125rem;--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);--button-letter-spacing:var(--vds-tracking-normal,0);--button-transition-duration:var(--vds-duration-fast,.12s);--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:.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);--button-bg-active:var(--button-color-solid);--button-overlay-hover:var(--vds-color-hover,transparent);--button-overlay-active:var(--vds-color-pressed,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-neutral-12,#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-neutral-1,#fafafa);--button-color-bg:var(--vds-color-neutral-3,#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-neutral-12,#0a0a0a);--button-color-border:var(--vds-color-neutral-12,#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-solid);--button-text-hover:var(--button-color-solid-hover);--button-text-active:var(--button-color-solid-active);--button-border:transparent;--button-border-hover:transparent;--button-border-active:transparent}.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-space-1,.25rem);--button-icon-size:.875rem;--button-radius:var(--vds-radius-button,var(--vds-radius-element,.25rem))}.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-space-1,.25rem);--button-icon-size:.875rem;--button-radius:var(--vds-radius-button,var(--vds-radius-element,.25rem))}.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-space-1-5,.375rem);--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-space-2,.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-space-2,.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-2-5,.625rem);--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: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;block-size:var(--button-height);min-inline-size:var(--button-min-width);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:nowrap;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);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{min-inline-size:0;transform:translateY(var(--button-optical-offset));white-space:inherit;justify-content:center;align-items:center;line-height:1;display:inline-flex}.vds-button[data-icon-only] .vds-button-label{transform:none}.vds-button[data-icon-only]{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}@keyframes vds-button-spin{to{rotate:360deg}}}