.Accordion{counter-reset:accordion}.Accordion>*+*{margin-block-start:var(--Accordion--item-spacing, var(--space-xs))}.AccordionItem{counter-increment:accordion;display:grid;grid-template-rows:4rem 0fr;transition:grid-template-rows .3s ease-in-out}.AccordionItem[aria-expanded=true]{grid-template-rows:4rem 1fr}.AccordionContent{overflow:hidden;transition:padding .3s ease-in-out;padding-block:0;padding-inline:var(--AccordionItem--padding-x, var(--space-lg))}.AccordionItem[aria-expanded=true] .AccordionContent{padding-block:var(--AccordionItem--padding-y, var(--space-sm))}.AccordionTrigger{background-color:var(--AccordionTrigger--background-color, var(--color-secondary));border-radius:var(--radius) var(--radius-full) var(--radius-full) var(--radius);color:contrast-color(var(--AccordionTrigger--background-color, var(--color-secondary)));display:flex;align-items:center;font-size:var(--AccordionTrigger--heading-size, var(--size-base));padding:var(--AccordionItem--padding-y, var(--space-sm)) var(--AccordionItem--padding-x, var(--space-md));position:relative}.AccordionItem[aria-expanded=true] .AccordionTrigger{--AccordionTrigger--background-color: var(--color-primary)}.Accordion[data-type=ordered] .AccordionTrigger:before{--AccordionTrigger-item-number-spacing: calc(var(--AccordionItem--padding-x, var(--space-md)) * 1.75);background-color:var(--color-primary-contrast);border-radius:var(--radius-full);border:5px solid var(--color-base);color:var(--color-base);aspect-ratio:1;width:2.5em;display:flex;align-items:center;justify-content:center;content:counter(accordion);margin-inline-start:calc(var(--AccordionTrigger-item-number-spacing) * -1);margin-inline-end:calc(var(--AccordionTrigger-item-number-spacing) * .4)}.AccordionTrigger__button{display:grid;grid-template-columns:1fr 1.5rem;align-items:start;justify-content:space-between;text-align:left;width:100%}.AccordionTrigger__icon{font-size:var(--AccordionTrigger--icon-size, var(--size-base));justify-self:end}.AccordionTrigger__icon svg{transform-origin:center;width:1em;height:1em}.AccordionItem[aria-expanded=true] .AccordionTrigger__icon svg{transform-origin:center;rotate:var(--AccordionTrigger--icon-rotate-open, 180deg)}
