.accordion-shell-panel .pattern-card{grid-template-rows:348px 1fr auto}.pattern-preview.accordion-preview{position:relative;display:grid;place-content:start stretch;padding:22px 18px 18px;height:348px;overflow:hidden;isolation:isolate}.pattern-preview.accordion-preview.pattern-preview--inspector{height:auto;min-height:220px;padding:22px 22px 24px}.accordion-badge{display:none}.accordion-list{display:flex;flex-direction:column;gap:8px;width:100%;max-width:340px;min-height:290px;margin:0 auto}.pattern-preview.accordion-preview.pattern-preview--inspector .accordion-list{min-height:0}.accordion-item{background:rgba(15,23,42,.55);border:1px solid rgba(148,163,184,.14);border-radius:10px;padding:0 14px;transition:background-color var(--accordion-duration,.3s) ease,border-color var(--accordion-duration,.3s) ease}.accordion-item[data-open=true]{background:rgba(15,23,42,.78);border-color:color-mix(in srgb,var(--accordion-accent,#7dd3fc) 30%,rgba(148,163,184,.18))}.accordion-trigger{display:flex;align-items:center;gap:10px;width:100%;padding:9px 2px;border:0;background:transparent;color:rgba(241,245,249,.92);font:inherit;font-size:.84rem;font-weight:600;letter-spacing:.01em;cursor:pointer;text-align:left;border-radius:6px}.accordion-trigger:focus-visible{outline:2px solid var(--accordion-accent,#7dd3fc);outline-offset:2px}.accordion-trigger__label{display:flex;flex:1 1;flex-direction:column;min-width:0}.accordion-trigger__heading{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:1;white-space:normal}.accordion-trigger__summary{margin-top:2px;font-size:.72rem;font-weight:500;color:rgba(148,163,184,.78);letter-spacing:.01em}.accordion-chevron{font-size:.72rem;color:rgba(148,163,184,.78);transition:transform var(--accordion-duration,.3s) ease,color var(--accordion-duration,.3s) ease;flex-shrink:0}.accordion-item[data-open=true] .accordion-chevron{transform:rotate(180deg);color:var(--accordion-accent,#7dd3fc)}.accordion-panel{display:grid;grid-template-rows:0fr;transition:grid-template-rows var(--accordion-duration,.3s) ease}.accordion-item[data-open=true] .accordion-panel{grid-template-rows:1fr}.accordion-panel__inner{overflow:hidden;min-height:0}.accordion-panel__inner>p{margin:0 0 12px;font-size:.78rem;font-weight:400;line-height:1.55;color:rgba(203,213,225,.82)}.accordion-preview--faq .accordion-trigger__heading{color:rgba(241,245,249,.95)}.accordion-step-index{display:grid;place-items:center;width:22px;height:22px;border-radius:999px;background:rgba(15,23,42,.7);border:1px solid rgba(240,171,252,.32);color:rgba(240,171,252,.85);font-size:.72rem;font-weight:700;flex-shrink:0}.accordion-item--active .accordion-step-index{background:color-mix(in srgb,var(--accordion-accent,#f0abfc) 30%,#0f172a);border-color:var(--accordion-accent,#f0abfc);color:rgba(255,255,255,.96);box-shadow:0 0 10px color-mix(in srgb,var(--accordion-accent,#f0abfc) 40%,transparent)}.accordion-preview--stepper .accordion-trigger__heading{color:rgba(241,245,249,.92)}.accordion-preview--stepper .accordion-item:not(.accordion-item--active) .accordion-trigger__heading{color:rgba(241,245,249,.7)}.accordion-count{padding:2px 8px;border-radius:999px;background:color-mix(in srgb,var(--accordion-accent,#fde047) 18%,transparent);border:1px solid color-mix(in srgb,var(--accordion-accent,#fde047) 40%,transparent);color:color-mix(in srgb,var(--accordion-accent,#fde047) 90%,white);font-size:.66rem;font-weight:600;letter-spacing:.04em;white-space:nowrap;flex-shrink:0}.accordion-preview--filters .accordion-trigger__heading{color:rgba(241,245,249,.95)}@media (prefers-reduced-motion:reduce){.accordion-chevron,.accordion-panel{transition:none}}