@layer reset, tokens, base, layout, components, variants, states, utilities, overrides;
@layer reset,tokens,base,layout;@layer components{.accordion{--wel-accordion-bg:var(--wel-color-surface);--wel-accordion-ink:var(--wel-color-ink);--wel-accordion-border:var(--wel-color-border);--wel-accordion-radius:var(--wel-radius-surface);--wel-accordion-summary-padding-block:var(--wel-space-3);--wel-accordion-summary-padding-inline:var(--wel-space-4);--wel-accordion-panel-padding:var(--wel-space-4);--wel-accordion-marker-color:var(--wel-color-ink-muted);background-color:var(--wel-accordion-bg);border:var(--wel-border-width) solid var(--wel-accordion-border);border-radius:var(--wel-accordion-radius);overflow:clip}.accordion>:where(details+details){border-block-start:var(--wel-border-width) solid var(--wel-accordion-border)}.accordion :where(summary){align-items:center;gap:var(--wel-space-3);padding-block:var(--wel-accordion-summary-padding-block);padding-inline:var(--wel-accordion-summary-padding-inline);min-block-size:1.5rem;color:var(--wel-color-ink-muted);cursor:pointer;transition:color calc(var(--wel-motion-duration-1) * var(--wel-motion)) var(--wel-motion-ease);font-weight:500;list-style:none;display:flex}.accordion :where(summary)::-webkit-details-marker{display:none}.accordion :where(summary):before{content:"";background-image:linear-gradient(135deg, var(--wel-accordion-marker-color) calc(50% - .5px), transparent calc(50% + .5px)), linear-gradient(45deg, transparent calc(50% - .5px), var(--wel-accordion-marker-color) calc(50% + .5px));block-size:.6em;inline-size:.6em;transition:rotate calc(var(--wel-motion-duration-2) * var(--wel-motion)) var(--wel-motion-ease);background-position:100% 60%,0 60%;background-repeat:no-repeat;background-size:50% .4em;flex:none;rotate:-90deg}.accordion :where(summary:dir(rtl)):before{rotate:90deg}.accordion :where(details[open])>:where(summary){color:var(--wel-accordion-ink)}.accordion :where(details[open])>:where(summary):before{rotate:0deg}.accordion :where(details)>:where(:not(summary)){padding-inline:var(--wel-accordion-panel-padding)}.accordion :where(details)>:where(:not(summary):last-child){padding-block-end:var(--wel-accordion-panel-padding)}@supports selector(::details-content) and (transition-behavior:allow-discrete){.accordion :where(details)::details-content{opacity:0;transition:opacity calc(var(--wel-motion-duration-2) * var(--wel-motion)) var(--wel-motion-ease), content-visibility calc(var(--wel-motion-duration-2) * var(--wel-motion)) allow-discrete}.accordion :where(details[open])::details-content{opacity:1}}@container layout (inline-size<20rem){.accordion{--wel-accordion-summary-padding-inline:var(--wel-space-3);--wel-accordion-panel-padding:var(--wel-space-3)}}}@layer variants{.accordion[data-variant=separated]{gap:var(--wel-space-2);background:0 0;border:none;border-radius:0;flex-direction:column;display:flex;overflow:visible}.accordion[data-variant=separated]>:where(details){background-color:var(--wel-accordion-bg);border:var(--wel-border-width) solid var(--wel-accordion-border);border-radius:var(--wel-accordion-radius);overflow:clip}.accordion[data-variant=separated]>:where(details+details){border-block-start:var(--wel-border-width) solid var(--wel-accordion-border)}.accordion[data-variant=flush]{background:0 0;border:none;border-radius:0}}@layer states{@media (hover:hover){.accordion :where(summary):hover{background-color:var(--wel-color-accent-tint)}}}@layer utilities,overrides;