@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.25);--accordion-content-padding-block-start:var(--vds-stack-gap,var(--vds-space-3,.75rem));--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-focus-ring-radius:var(--vds-radius-action,var(--vds-radius-element,.375rem));--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-surface-hover,#00000008);--accordion-color-bg-active:var(--vds-color-surface-active,#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-focus-ring-offset:calc(-1 * var(--accordion-focus-ring-width));--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-focus-ring-offset:calc(-1 * var(--accordion-focus-ring-width));--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-focus-ring-offset:calc(-1 * var(--accordion-focus-ring-width));--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-bg-subtle,#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-bg-muted,#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);--accordion-focus-ring-radius:var(--vds-radius-nav-item,.375rem)}.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-focus-ring-offset:calc(-1 * var(--accordion-focus-ring-width));--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,.75rem);--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}}
@layer design-system.components{.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(--accordion-focus-ring-radius)}.vds-accordion-trigger:disabled{opacity:var(--vds-opacity-disabled,.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{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}}}