.collapsible{border:1px solid var(--surface-hover);border-radius:var(--radius-lg);will-change:transform,height;background:0 0;width:100%;transition:background .2s,border-color .2s,box-shadow .2s;overflow:hidden}.collapsible.disabled{opacity:.5;pointer-events:none}.collapsible.disabled .collapsibleTrigger{cursor:default}.collapsible.open{background:color-mix(in srgb,var(--background)50%,transparent)}.collapsible.open .collapsibleTrigger{color:var(--primary);padding-bottom:0}.collapsible.open .collapsibleTrigger .triggerLabel{font-weight:300}.collapsible.open .triggerChevron{opacity:1}.collapsible .collapsibleTrigger{justify-content:space-between;align-items:center;gap:var(--spacing-md);width:100%;padding:var(--spacing-sm)var(--spacing-md);cursor:pointer;color:var(--text);background:0 0;border:none;font-family:inherit;transition:background .2s,color .1s,padding .3s;display:flex}.collapsible .collapsibleTrigger:hover{background:var(--container)}.collapsible .collapsibleTrigger:hover .triggerChevron{opacity:1}.collapsible .collapsibleTrigger:disabled{opacity:1;cursor:default}.collapsible .collapsibleTrigger .collapsibleTriggerContent{align-items:center;gap:.6em;min-width:0;display:flex}.collapsible .collapsibleTrigger .triggerIcon{color:var(--primary);opacity:.7;flex-shrink:0;justify-content:center;align-items:center;display:flex}.collapsible .collapsibleTrigger .triggerLabel{font-size:var(--font-md);text-align:left;font-weight:300}.collapsible .collapsibleTrigger .triggerBadge{font-size:var(--font-xs);border-radius:var(--radius-pill);background:color-mix(in srgb,var(--primary)12%,transparent);color:var(--primary);flex-shrink:0;padding:.1em .5em;font-weight:600}.collapsible .collapsibleTrigger .triggerChevron{opacity:.5;transform-origin:50%;flex-shrink:0;justify-content:center;align-items:center;transition:opacity .3s;display:flex}.collapsible .collapsiblePreview{padding:0 var(--spacing-md)var(--spacing-md);will-change:opacity,transform,filter;backface-visibility:hidden;transform-origin:top}.collapsible .collapsibleBody{transform-origin:top;will-change:height;overflow:hidden}.collapsible .collapsibleContent{padding:0 var(--spacing-md)var(--spacing-md);gap:var(--spacing-sm);will-change:opacity,transform,filter;backface-visibility:hidden;transform-origin:top;flex-direction:column;display:flex}
