@scope([data-example]){[data-slot=collapsible]{gap:var(--space-2);flex-direction:column;width:20rem;max-width:100%;display:flex}[data-slot=collapsible]>h3{align-items:flex-start;gap:var(--space-1);font:inherit;flex-direction:column;margin:0;display:flex}[data-slot=collapsible]:not([data-open]) [data-show=open],[data-slot=collapsible][data-open] [data-show=closed]{display:none}[data-slot=collapsible][data-disabled]{color:var(--line-disabled)}li>[data-slot=collapsible]{gap:0}[data-slot=collapsible-trigger]{align-self:flex-start}[data-slot=collapsible-trigger][data-open]>svg:last-child{rotate:180deg}[data-slot=collapsible-trigger]:is([dir=rtl],[dir=rtl] *)>svg:first-child:not(:last-child){scale:-1 1}[data-slot=collapsible-trigger][data-open]>svg:first-child:not(:last-child){rotate:90deg}[data-slot=collapsible-trigger][data-open]:is([dir=rtl],[dir=rtl] *)>svg:first-child:not(:last-child){rotate:-90deg}[data-slot=collapsible-trigger][data-variant=ghost]{height:var(--size-sm);padding-inline:var(--space-1);border-radius:var(--radius-row);justify-content:flex-start;align-self:stretch;font-weight:400}[data-slot=collapsible-trigger][data-variant=ghost]>svg{color:var(--muted)}[data-slot=collapsible-panel]{font-size:var(--text-sm)}:scope:has([data-slot=collapsible]){justify-content:flex-start}[data-slot=collapsible][data-variant=card]{flex-direction:column;align-items:stretch;gap:0;width:22rem;padding:0}[data-slot=collapsible][data-variant=card]>h3{display:block}[data-slot=collapsible][data-variant=card] [data-slot=collapsible-trigger]{width:100%;height:auto;padding:var(--space-3);border-radius:var(--radius-surface);box-shadow:none;text-align:start;background:0 0;justify-content:space-between;align-self:stretch;font-weight:400}[data-slot=collapsible][data-variant=card] [data-slot=collapsible-trigger]:hover{background:var(--tint)}[data-slot=collapsible][data-variant=card] [data-slot=collapsible-trigger]:active{box-shadow:none;scale:none}[data-slot=collapsible][data-variant=card] [data-slot=collapsible-trigger][data-open]{border-end-end-radius:0;border-end-start-radius:0}[data-slot=collapsible][data-variant=card] [data-slot=collapsible-trigger]>[data-slot=stack]{gap:0}[data-slot=collapsible][data-variant=card] [data-slot=collapsible-trigger]>[data-slot=stack]>:first-child{font-weight:500}[data-slot=collapsible][data-variant=card] [data-slot=collapsible-trigger]>svg{color:var(--muted)}[data-slot=collapsible][data-variant=card] [data-slot=collapsible-panel]{border-top:1px solid var(--line-faint);margin:0;padding:0;list-style:none}[data-slot=collapsible][data-variant=card] [data-slot=collapsible-panel][hidden]{border-top:0}[data-slot=collapsible][data-variant=card] [data-slot=collapsible-panel]>:not([data-slot=row]){padding:var(--space-3);margin:0}[data-slot=collapsible][data-variant=card] [data-slot=collapsible-panel]>[data-slot=field]{box-sizing:border-box;width:100%}[data-slot=collapsible][data-variant=card] [data-slot=collapsible-panel]>[data-slot=field]>textarea{width:100%}[data-slot=collapsible][data-variant=card] [data-slot=collapsible-panel]>[data-slot=stack]{align-items:flex-start;gap:var(--space-3)}[data-slot=collapsible][data-variant=card] [data-slot=collapsible-panel]>[data-slot=stack]>ul{gap:var(--space-2) var(--space-6);font-family:var(--mono);font-size:var(--text-sm);grid-template-columns:1fr 1fr;margin:0;padding:0;list-style:none;display:grid}[data-slot=collapsible][data-variant=card] [data-slot=collapsible-panel]>ul:not([data-slot]){padding-inline-start:calc(var(--space-3) + 1.25em);list-style:outside}[data-slot=collapsible][data-variant=card] [data-slot=collapsible-panel]>[data-slot=row]{padding:var(--space-2) var(--space-3);font-variant-numeric:tabular-nums;justify-content:space-between}[data-slot=collapsible][data-variant=card] [data-slot=collapsible-panel]>[data-slot=row]+[data-slot=row]{border-top:1px solid var(--line-faint)}ul:has([data-slot=collapsible]){margin:0;padding:0;list-style:none}ul:has([data-slot=collapsible]) ul{margin:0;border-inline-start:1px solid var(--line-faint);margin-inline-start:14px;padding:0;padding-inline-start:6px;list-style:none}ul:has([data-slot=collapsible]) li>[data-slot=row]{min-height:var(--size-sm);padding-inline-start:calc(var(--space-1) + var(--size-icon) + var(--space-2))}:scope[data-example=collapsible\/animation] [data-slot=collapsible-trigger]>svg{transition:rotate var(--duration)}:scope[data-example=collapsible\/animation] [data-slot=collapsible-panel]{height:var(--collapsible-panel-height);transition:height calc(var(--duration) * 2) ease-out;overflow:hidden}:scope[data-example=collapsible\/animation] [data-slot=collapsible-panel]:is([data-starting-style],[data-ending-style]){height:0}}