@scope([data-example]){[data-slot=accordion]{border-top:1px solid var(--line-faint);width:100%;max-width:28rem;margin-inline:auto}:scope[data-example^=accordion\/]{justify-content:flex-start}:scope>*>:has([data-slot=accordion]){align-self:center;width:100%;max-width:28rem}[data-slot=accordion-item]{border-bottom:1px solid var(--line-faint)}[data-slot=accordion-header]{font:inherit;margin:0;display:flex}[data-slot=accordion-trigger]{justify-content:flex-start;align-items:center;gap:var(--space-2);color:var(--ink);font:inherit;font-size:var(--text-md);text-align:start;cursor:default;background:0 0;border:0;border-radius:4px;flex:1;padding:11px 2px;font-weight:600;line-height:1.4;display:flex}[data-slot=accordion-trigger]:focus-visible{outline-offset:0}[data-slot=accordion-trigger]>svg{color:color-mix(in oklab, var(--ink) 55%, var(--paper));flex:none;order:-1;rotate:-90deg}[data-slot=accordion-trigger]>svg:is([dir=rtl],[dir=rtl] *){rotate:90deg}[data-slot=accordion-trigger][data-open]>svg{rotate:0deg}[data-slot=accordion-trigger]>[data-slot=hint]:last-child{margin-inline-start:auto}[data-slot=accordion-trigger]:not([data-open]) [data-show=open],[data-slot=accordion-trigger][data-open] [data-show=closed]{display:none}[data-slot=accordion-trigger][data-disabled]{color:var(--line-disabled)}[data-slot=accordion-trigger][data-disabled]>svg{color:var(--line-disabled)}[data-slot=accordion-panel]{color:var(--ink);font-size:var(--text-md);padding-inline:26px 2px;font-weight:400}[data-slot=accordion-panel]:after{content:"";height:11px;display:block}[data-slot=accordion-panel] [data-slot=accordion]{border-top:0;max-width:none}[data-slot=accordion-panel] [data-slot=accordion-item]:last-child{border-bottom:0}:scope[data-example=accordion\/search] mark{background:color-mix(in oklab, var(--ink) 14%, var(--surface-1));color:inherit;border-radius:3px}:scope[data-example=accordion\/animation] [data-slot=accordion-trigger]>svg{transition:rotate var(--duration)}:scope[data-example=accordion\/animation] [data-slot=accordion-panel]{box-sizing:border-box;height:var(--accordion-panel-height);transition:height calc(var(--duration) * 2) ease-out;overflow:hidden}:scope[data-example=accordion\/animation] [data-slot=accordion-panel]:is([data-starting-style],[data-ending-style]){height:0}}