@layer components{.faq-toggle{border:1px solid var(--border);flex-shrink:0;width:28px;height:28px;transition:border-color .2s,background .2s,color .2s;position:relative}.faq-toggle:before,.faq-toggle:after{content:"";background:currentColor;width:10px;height:1.5px;transition:transform .3s cubic-bezier(.22,1,.36,1);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.faq-toggle:after{transform:translate(-50%,-50%)rotate(90deg)}[aria-expanded=true]>.faq-toggle{border-color:var(--primary);background:color-mix(in oklch, var(--primary) 10%, transparent);color:var(--primary)}[aria-expanded=true]>.faq-toggle:after{transform:translate(-50%,-50%)rotate(0)}}