@layer component{.accordion{--accordion-padding:var(--s-card-pad-md);--accordion-gap:var(--s-card-gap-sm,var(--s-stack-2xs));--accordion-toggle-pad-y:var(--s-atom-pad-y);--accordion-toggle-min:3rem;--accordion-icon-box:1.25rem;--accordion-icon-size:1.25rem;--accordion-icon-bg:var(--s-accent);--accordion-icon-color:var(--s-text-inv);--accordion-radius:var(--s-radius-lg,12px);--acc-pad:var(--accordion-padding);--acc-gap:var(--accordion-gap);--acc-bg-hover:var(--sf-bg-hover,var(--s-overlay-10));--acc-ring:var(--focus-ring,var(--s-accent));--acc-ring-offset:3px;--acc-icon-box:var(--accordion-icon-box);--acc-icon-size:var(--accordion-icon-size);--acc-icon-bg:var(--accordion-icon-bg);--acc-icon-color:var(--accordion-icon-color);--acc-toggle-gap:var(--s-atom-gap,var(--s-inline-xs));--accordion-content-gap:var(--s-card-gap-md,var(--s-stack-xs));color:var(--sf-text,var(--surface-text));background:var(--sf-bg,var(--s-overlay-5));border:1px solid var(--sf-bd,var(--s-overlay-25));border-radius:var(--sf-radius,var(--accordion-radius));box-shadow:var(--sf-shadow,none);-webkit-backdrop-filter:none;padding:var(--acc-pad);gap:var(--acc-gap);background-clip:padding-box;flex-direction:column;width:100%;min-width:0;transition:background-color .25s,border-color .25s,box-shadow .25s;display:flex}@supports not (backdrop-filter:blur(1px)){.accordion{-webkit-backdrop-filter:none}}@media (hover:hover){.accordion:hover{background-color:var(--acc-bg-hover)}}.accordion:focus-within{border-color:var(--acc-ring)}.accordion-toggle{cursor:pointer;width:100%;padding:var(--accordion-toggle-pad-y) 0;min-height:var(--accordion-toggle-min);justify-content:space-between;align-items:center;gap:var(--acc-toggle-gap);color:inherit;font:inherit;border-radius:inherit;-webkit-tap-highlight-color:transparent;background:0 0;border:0;display:flex}.accordion-toggle:focus:not(:focus-visible){outline:none}.accordion-toggle:focus-visible{outline:2px solid var(--acc-ring);outline-offset:var(--acc-ring-offset)}@supports selector(:has(*)){.accordion:has(.accordion-toggle:focus-visible){border-color:var(--acc-ring)}}.accordion-title{text-align:left;min-width:0;font-weight:var(--s-weight-body-strong,700);overflow-wrap:anywhere;flex:1;transition:transform .25s}@media (hover:hover){.accordion:hover .accordion-title{transform:translate(8px)}}.accordion-icon{width:var(--acc-icon-box);height:var(--acc-icon-box);border-radius:var(--s-radius-2xl);background-color:var(--acc-icon-bg);color:var(--acc-icon-color);flex:none;justify-content:center;align-items:center;display:inline-flex}.accordion-icon svg{width:var(--acc-icon-size);height:var(--acc-icon-size);transition:transform .2s;display:block}.accordion-toggle[aria-expanded=true] .accordion-icon svg{transform:rotate(180deg)}.accordion-content{color:inherit;opacity:.85;line-height:var(--lh-relaxed,1.6);padding-top:var(--accordion-content-gap)}.accordion .accordion-content[hidden]{display:none}@media (prefers-reduced-motion:reduce){.accordion,.accordion-title,.accordion-icon svg{transition:none!important;transform:none!important}}.b-accordion{--b-max:72rem;--b-px:var(--s-section-pad-x);--b-gap:var(--s-block-gap-lg,var(--s-stack-lg));--b-items-gap:var(--s-block-gap-md,var(--s-stack-md));--b-header-gap:var(--s-stack-2xs);--b-icon-size:20px;--b-py:0;padding-block:var(--b-py);min-width:0}.b-accordion__inner{width:100%;max-width:var(--b-max);padding-inline:var(--b-px);box-sizing:border-box;min-width:0;margin-inline:auto}.b-accordion__head{align-items:var(--b-head-align,center);text-align:var(--b-head-text,center);gap:var(--b-header-gap);overflow-wrap:anywhere;flex-direction:column;min-width:0;margin:0;display:flex}.b-accordion__head:empty{display:none}.b-accordion__group{gap:var(--b-gap);flex-direction:column;min-width:0;display:flex}.b-accordion__group [data-accordion-items]{gap:var(--b-items-gap);min-width:0;display:grid}.b-accordion__group [data-accordion-items][data-items-mode=stack]{gap:0}.b-accordion[data-width=wide]{--b-max:80rem}.b-accordion[data-width=normal]{--b-max:72rem}.b-accordion[data-width=narrow]{--b-max:60rem}.b-accordion[data-width=full]{--b-max:none}.b-accordion[data-align=left]{--b-head-align:flex-start;--b-head-text:left}.b-accordion[data-align=center]{--b-head-align:center;--b-head-text:center}.b-accordion[data-align=right]{--b-head-align:flex-end;--b-head-text:right}.b-accordion[data-padding=none]{--b-py:0}.b-accordion[data-padding=sm]{--b-py:var(--s-stack-lg)}.b-accordion[data-padding=md]{--b-py:var(--s-section-pad-y)}.b-accordion[data-padding=lg]{--b-py:var(--s-section-pad-lg)}.b-accordion[data-gap=none]{--b-gap:0}.b-accordion[data-gap=sm]{--b-gap:var(--s-block-gap-sm,var(--s-stack-sm))}.b-accordion[data-gap=md]{--b-gap:var(--s-block-gap-md,var(--s-stack-md))}.b-accordion[data-gap=lg]{--b-gap:var(--s-block-gap-lg,var(--s-stack-lg))}@media (width<=40rem){.b-accordion{--b-px:var(--s-inline-sm);--b-gap:var(--s-stack-xl)}}}