.accordion summary{display:flex;position:relative;line-height:1;padding:1.5rem 0}.accordion .summary__title{display:flex;flex:1}.accordion .summary__title+.icon-caret{height:.6rem}.accordion .summary__title .svg-wrapper+.accordion__title{padding-top:.3rem}.accordion+.accordion{margin-top:0;border-top:none}.accordion{display:block;margin-top:2.5rem;margin-bottom:0;border-top:.1rem solid oklch(var(--lch-border));border-bottom:.1rem solid oklch(var(--lch-border))}.accordion__title{display:inline-block;max-width:calc(100% - 6rem);min-height:1.6rem;margin:0;word-break:break-word}.accordion .svg-wrapper{align-self:center;fill:oklch(var(--lch-foreground));height:2rem;margin-right:1rem;width:2rem}.accordion summary .icon-caret{transition:transform .4s var(--ease-inOut-cubic)}.accordion__inner{overflow:hidden}.accordion__content{padding-bottom:1.5rem;word-break:break-word;overflow-x:auto}.accordion__content img{max-width:100%}.accordion__toggle{--icon-width-base: 1rem;--line-width: .1rem;--line-offset: calc(var(--icon-width-base)/2);--icon-width: calc(var(--icon-width-base) + var(--line-width));display:block;position:relative;height:var(--icon-width);width:var(--icon-width);margin:.1rem 0}.accordion__toggle:empty{display:block}.accordion__toggle:before,.accordion__toggle:after{content:"";position:absolute;background-color:oklch(var(--lch-foreground));transition:transform var(--duration-short) var(--ease-out-quad);will-change:transform}.accordion__toggle:before{top:0;left:var(--line-offset);height:100%;width:var(--line-width)}.accordion__toggle:after{top:var(--line-offset);left:0;height:var(--line-width);width:100%}accordion-item .accordion__toggle:before,accordion-item .accordion__toggle:after{transition:transform .4s var(--ease-inOut-cubic)}.accordion:not(accordion-item) details[open]>summary .icon-caret,accordion-item.accordion details.is-open>summary .icon-caret{transform:rotate(180deg)}.accordion:not(accordion-item) details[open]>summary .accordion__toggle:before,accordion-item.accordion details.is-open>summary .accordion__toggle:before{transform:rotate(90deg)}.accordion:not(accordion-item) details[open]>summary .accordion__toggle:after,accordion-item.accordion details.is-open>summary .accordion__toggle:after{transform:rotate(180deg)}
