@layer components{.accordion{border-block-end:var(--border-width) solid var(--color-border)}.accordion__summary{justify-content:space-between;align-items:center;gap:var(--space-md);padding-block:var(--space-md);cursor:pointer;font-weight:500;list-style:none;display:flex}.accordion__summary::-webkit-details-marker{display:none}.accordion__icon{flex-shrink:0;width:.75rem;height:.75rem;position:relative}.accordion__icon:before,.accordion__icon:after{content:"";height:var(--border-width);transition:rotate var(--transition-fast);background-color:currentColor;position:absolute;inset:50% 0 auto}.accordion__icon:after{rotate:90deg}.accordion[open] .accordion__icon:after{rotate:0deg}.accordion__content{font-size:var(--type-sm);line-height:var(--type-leading-base);padding-block-end:var(--space-md)}}