@layer components{.AccordionItem{container:accordion / inline-size}.AccordionItem-title{cursor:pointer;font:var(--typo-HeadingXXS);padding-block:var(--spacing);padding-inline:var(--size-l) var(--spacing);position:relative;text-wrap:balance}.AccordionItem-title:focus-visible{outline:var(--focus-outline);outline-offset:var(--focus-outline-offset)}@container accordion (inline-size < 30em){.AccordionItem-title{--spacing: var(--size-s)}}@container accordion (inline-size >= 30em){.AccordionItem-title{--spacing: var(--size-m)}}.AccordionItem-title::-webkit-details-marker{display:none}.AccordionItem-titleIcon{block-size:1em;display:block;font-size:.825em;inline-size:1em;inset-block-start:50%;inset-inline-start:0;position:absolute;transform:translateY(-50%)}[dir=rtl] .AccordionItem-titleIcon{transform:translateY(-50%) rotate(180deg)}.AccordionItem[open] .AccordionItem-titleIcon{transform:translateY(-50%) rotate(90deg)}.AccordionItem-content{margin-block-end:var(--size-m)}}@layer components{.Accordion-heading,:is(h2,h3,h4,h5,h6):has(+.Accordion){margin-block-end:2rem}.Accordion-item{border-block-end:var(--border-size) solid var(--border-color)}}
/*# sourceMappingURL=accordion.css.map */