.oq-accordion{min-inline-size:0}.oq-accordion[data-static]{margin:0;padding:0;list-style:none}.oq-accordion-item[data-static]>[data-slot=trigger]{cursor:default}.oq-accordion-item{border-block-end:var(--border-width-sm) solid var(--color-border-default)}.oq-accordion-item>[data-slot=trigger]{justify-content:space-between;align-items:center;gap:var(--spacing-6);min-block-size:calc(var(--spacing-16) + var(--spacing-2));color:var(--color-text-headings);cursor:pointer;list-style:none;display:flex}.oq-accordion-item>[data-slot=trigger]::-webkit-details-marker{display:none}.oq-accordion-item>[data-slot=trigger]:focus-visible{outline:var(--border-width-md) solid var(--color-border-focus);outline-offset:calc(-1 * var(--border-width-md))}.oq-accordion-item>[data-slot=trigger]>[data-slot=title]{min-inline-size:0;font-family:var(--font-display);font-size:var(--type-text-md-size);font-weight:var(--font-weight-semibold);line-height:var(--type-h6-line-height);letter-spacing:var(--type-h6-letter-spacing)}@media (width>=768px){.oq-accordion-item>[data-slot=trigger]>[data-slot=title]{font-size:var(--type-h6-size)}}.oq-accordion-item>[data-slot=trigger]>[data-slot=chevron]{transition:rotate var(--motion-duration-base) var(--motion-easing-standard);flex:none}.oq-accordion-item[open]>[data-slot=trigger]>[data-slot=chevron]{rotate:180deg}.oq-accordion-item>[data-slot=content]{overflow:hidden}.oq-accordion-item>[data-slot=content]>[data-slot=body]{color:var(--color-text-body);font-family:var(--font-sans);font-size:var(--type-text-md-size);line-height:var(--type-text-md-line-height);letter-spacing:var(--type-text-md-letter-spacing);padding-block-end:var(--spacing-6)}@media (prefers-reduced-motion:reduce){.oq-accordion-item>[data-slot=trigger]>[data-slot=chevron]{transition:none}}.oq-accordion-item[data-layout=indexed]:first-child{border-block-start:var(--border-width-sm) solid var(--color-border-default)}.oq-accordion-item[data-layout=indexed]>[data-slot=trigger]{grid-template-columns:var(--component-accordion-index-columns);align-items:baseline;gap:var(--spacing-2) var(--component-accordion-index-gap);padding-block:var(--spacing-6);display:grid}.oq-accordion-item[data-layout=indexed]>[data-slot=trigger]>[data-slot=index],.oq-accordion-item[data-layout=indexed]>[data-slot=trigger]>[data-slot=title]{font-family:var(--font-display);font-size:var(--type-h4-size);font-weight:var(--font-weight-semibold);line-height:var(--type-h4-line-height);letter-spacing:var(--type-h4-letter-spacing)}.oq-accordion-item[data-layout=indexed]>[data-slot=trigger]>[data-slot=index]{color:var(--color-text-tertiary)}.oq-accordion-item[data-layout=indexed]>[data-slot=trigger]>[data-slot=meta]{font-family:var(--font-sans);font-size:var(--type-text-md-size);font-weight:var(--font-weight-bold);line-height:var(--type-text-md-line-height);letter-spacing:var(--type-text-md-letter-spacing);grid-column:2}.oq-accordion-item[data-layout=indexed]>[data-slot=trigger]>[data-slot=indicator]{inline-size:var(--component-accordion-indicator-size);block-size:var(--component-accordion-indicator-size);grid-area:1/-2;place-self:center end;position:relative}.oq-accordion-item[data-layout=indexed]>[data-slot=trigger]>[data-slot=indicator]:before,.oq-accordion-item[data-layout=indexed]>[data-slot=trigger]>[data-slot=indicator]:after{content:"";block-size:var(--border-width-md);background:currentColor;position:absolute;inset-block-start:calc(50% - var(--border-width-md) / 2);inset-inline:0}.oq-accordion-item[data-layout=indexed]>[data-slot=trigger]>[data-slot=indicator]:after{transition:rotate var(--motion-duration-base) var(--motion-easing-standard);rotate:90deg}@media (width>=768px){.oq-accordion-item[data-layout=indexed]>[data-slot=trigger]>[data-slot=meta]{grid-area:1/3}}.oq-accordion-item[data-layout=indexed][open]>[data-slot=trigger]>[data-slot=indicator]:after{rotate:0deg}.oq-accordion-item[data-layout=indexed]>[data-slot=content]>[data-slot=body]{grid-template-columns:var(--component-accordion-index-columns);column-gap:var(--component-accordion-index-gap);display:grid}.oq-accordion-item[data-layout=indexed]>[data-slot=content]>[data-slot=body]>*{grid-column:2/-2;max-inline-size:60ch;margin:0}@media (width>=768px){.oq-accordion-item[data-layout=indexed]>[data-slot=content]>[data-slot=body]>*{grid-column:3/-2}}@media (prefers-reduced-motion:reduce){.oq-accordion-item[data-layout=indexed]>[data-slot=trigger]>[data-slot=indicator]:after{transition:none}}