@layer components{:root{--expandable-trigger-radius:var(--radius-sm);--expandable-chevron-size:1rem}:where(.expandable){gap:var(--gap-default);flex-direction:column;display:flex}:where(.expandable-content){transition:var(--transition-default);overflow:hidden}:where(.expandable-content)[data-state=closed]{height:var(--expandable-collapsed-height,auto)}:where(.expandable-content)[data-state=open]{height:var(--expandable-content-height,auto)}:where(.expandable-trigger){cursor:pointer;align-items:center;gap:var(--gap-default);border-radius:var(--expandable-trigger-radius);outline-offset:var(--focus-ring-offset);transition:var(--transition-default);background:0 0;border:none;outline:2px solid #0000;padding:0;display:inline-flex}:where(.expandable-trigger):focus-visible{outline:2px solid var(--focus-ring)}:where(.expandable-trigger):disabled{opacity:var(--disabled-opacity);cursor:not-allowed;pointer-events:none}:where(.expandable-trigger-chevron){font-size:var(--expandable-chevron-size)}:where(.expandable-trigger)>:where(.expandable-trigger-icon){transition:var(--transition-default);flex-shrink:0}:where(.expandable-trigger)[data-state=open]>:where(.expandable-trigger-icon){transform:rotate(var(--expandable-icon-rotation,0deg))}}