.accordion{box-sizing:border-box;background:0 0;flex-direction:column;width:100%;display:flex}.accordion__header{box-sizing:border-box;align-items:center;gap:var(--space-300);width:100%;height:var(--size-component-base);padding:0 var(--space-400);color:var(--text-default);text-align:left;cursor:pointer;appearance:none;font:inherit;background:0 0;border:none;margin:0;display:flex}.accordion__title{min-width:0;font-family:var(--type-sl-base-500-family), system-ui, sans-serif;font-size:var(--type-sl-base-500-size);font-weight:var(--type-sl-base-500-weight);line-height:var(--type-sl-base-500-line-height);letter-spacing:var(--type-sl-base-500-letter-spacing);color:var(--text-default);white-space:nowrap;text-overflow:ellipsis;flex:auto;overflow:hidden}.accordion__collapse{transition:grid-template-rows var(--motion-duration-base) var(--motion-easing-standard);grid-template-rows:0fr;display:grid}.accordion__collapse[data-open=true]{grid-template-rows:1fr}.accordion__panel{min-height:0;color:var(--text-subtle);font-family:var(--type-body-base-family), system-ui, sans-serif;font-size:var(--type-body-base-size);font-weight:var(--type-body-base-weight);line-height:var(--type-body-base-line-height);letter-spacing:var(--type-body-base-letter-spacing);background:0 0;overflow:hidden}.accordion__body{box-sizing:border-box;padding:var(--space-300) var(--space-400);opacity:0;transform:translateY(calc(var(--space-100) * -1));transition:opacity var(--motion-duration-base) var(--motion-easing-standard), transform var(--motion-duration-base) var(--motion-easing-standard)}.accordion__collapse[data-open=true] .accordion__body{opacity:1;transform:none}.accordion__header:focus-visible{outline:var(--border-width-focus) solid var(--border-focus);outline-offset:var(--depth-050)}.accordion__header:disabled{cursor:not-allowed}.accordion__header:disabled .accordion__title{color:var(--text-disabled)}.accordion--fill .accordion__header{background:var(--bg-grey-subtler);border-radius:var(--radius-item)}.accordion--fill .accordion__header:hover:not(:disabled):not([data-force=active]),.accordion--fill .accordion__header[data-force=hover]:not(:disabled){background:var(--bg-grey-subtler-hover)}.accordion--fill .accordion__header:active:not(:disabled),.accordion--fill .accordion__header[data-force=active]:not(:disabled){background:var(--bg-grey-subtler-active)}.accordion--line .accordion__header{border-bottom:var(--border-width-default) solid var(--border-subtle);border-radius:0}.accordion--line .accordion__header[aria-expanded=true]:not(:disabled) .accordion__title,.accordion--line .accordion__header:hover:not(:disabled):not([data-force=active]) .accordion__title,.accordion--line .accordion__header[data-force=hover]:not(:disabled) .accordion__title{color:var(--text-brand-hover)}.accordion--line .accordion__header:active:not(:disabled) .accordion__title,.accordion--line .accordion__header[data-force=active]:not(:disabled) .accordion__title{color:var(--text-brand-active)}.accordion--card{border:var(--border-width-default) solid var(--border-subtler);border-radius:var(--radius-panel);background:var(--bg-surface-default);transition:border-color var(--motion-duration-fast) var(--motion-easing-standard)}.accordion--card:has(.accordion__header[aria-expanded=true]){border-color:var(--border-subtle);box-shadow:var(--elevation-raised)}.accordion--card .accordion__header{height:auto;min-height:var(--size-component-base);gap:var(--space-500);padding:var(--space-500) var(--space-600);border-radius:var(--radius-panel)}.accordion--card .accordion__title{white-space:normal;font-family:var(--type-heading-xs-family), system-ui, sans-serif;font-size:var(--type-heading-xs-size);font-weight:var(--type-heading-xs-weight);line-height:var(--type-heading-xs-line-height);letter-spacing:var(--type-heading-xs-letter-spacing)}.accordion__toggle{width:var(--size-component-small);height:var(--size-component-small);border-radius:var(--radius-control);background:var(--bg-grey-subtler);transition:background-color var(--motion-duration-fast) var(--motion-easing-standard);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.accordion--card .accordion__header:hover:not(:disabled):not([data-force=active]) .accordion__toggle,.accordion--card .accordion__header[data-force=hover]:not(:disabled) .accordion__toggle{background:var(--bg-grey-subtler-hover)}.accordion--card .accordion__header:active:not(:disabled) .accordion__toggle,.accordion--card .accordion__header[data-force=active]:not(:disabled) .accordion__toggle{background:var(--bg-grey-subtler-active)}.accordion--card .accordion__header[aria-expanded=true]{padding-bottom:var(--space-200)}.accordion--card .accordion__header[aria-expanded=true]:not(:disabled) .accordion__toggle{background:var(--bg-brand-primary)}.accordion--card .accordion__header[aria-expanded=true]:not(:disabled) .accordion__toggle .icon{color:var(--icon-inverse-default)}.accordion__toggle .icon{transition:transform var(--motion-duration-base) var(--motion-easing-standard)}.accordion__toggle path[d^=M12\ 5]{transform-box:fill-box;transform-origin:50%;transition:transform var(--motion-duration-base) var(--motion-easing-standard)}.accordion--card .accordion__header[aria-expanded=true] .accordion__toggle .icon{transform:rotate(180deg)}.accordion--card .accordion__header[aria-expanded=true] .accordion__toggle path[d^=M12\ 5]{transform:scaleY(0)}.accordion--card .accordion__body{padding:0 var(--space-600) var(--space-600)}.accordion-group{flex-direction:column;width:100%;display:flex}.accordion-group--fill{gap:var(--space-100)}.accordion-group--line{gap:var(--space-0)}.accordion-group--card{gap:var(--space-300)}.accordion__header{transition:background-color var(--motion-duration-instant) var(--motion-easing-standard)}.accordion__title{transition:color var(--motion-duration-instant) var(--motion-easing-standard)}@media (prefers-reduced-motion:reduce){.accordion__header,.accordion__title,.accordion__collapse,.accordion__body,.accordion__toggle .icon,.accordion__toggle path{transition:none}}