@layer components{.animated-disclosure[data-expanded]{overflow:hidden}.animated-disclosure{border-bottom:1px solid var(--line)}.animated-disclosure summary{cursor:pointer;justify-content:space-between;align-items:center;gap:20px;min-height:44px;padding:24px 0;font-size:.95rem;font-weight:500;list-style:none;display:flex}.animated-disclosure summary::-webkit-details-marker{display:none}.animated-disclosure summary svg{color:var(--muted);transition:transform var(--motion-normal) var(--ease)}.animated-disclosure[open]:not([data-expanded]) summary svg,.animated-disclosure[data-expanded=true] summary svg{color:var(--accent);transform:rotate(45deg)}}