.blockAccordion {
  width: 100%;
  border-top: solid 1px var(--fig-accordion-block-border-default, var(--fig-core-off-white));
}
.blockAccordion:last-of-type {
  border-bottom: solid 1px var(--fig-accordion-block-border-default, var(--fig-core-off-white));
}
.blockAccordion {
  /* Standard rule for modern browsers (Firefox, Chrome, Edge) */
}
.blockAccordion summary {
  list-style: none;
}
.blockAccordion summary p {
  margin-bottom: 0;
}
.blockAccordion {
  /* Legacy vendor rule for WebKit browsers (Safari) */
}
.blockAccordion details > summary::-webkit-details-marker {
  display: none;
}
.blockAccordion .content {
  padding: 16px;
}
.blockAccordion .background {
  background: var(--fig-accordion-block-open-content-bg, var(--fig-core-light));
  padding: 24px;
  border-radius: 16px;
}
.blockAccordion .background div {
  max-width: var(--rich-content-max-width, 880px);
}
.blockAccordion .background div > :last-child {
  margin-bottom: 0;
}
.blockAccordion summary {
  padding: 24px 72px 24px 16px;
  position: relative;
  background: var(--fig-accordion-block-link-bg-default, var(--fig-core-white));
  color: var(--fig-accordion-block-link-default, var(--fig-links-default));
}
.blockAccordion summary i {
  background: var(--fig-accordion-block-icon-bg-default, var(--fig-links-default));
  color: var(--fig-accordion-block-icon-default, var(--fig-core-white));
  font-size: 1rem;
  padding: 12px 13px;
  border-radius: 0;
  transition: border-radius 0.3s ease-out;
  position: absolute;
  transform: translateY(-50%);
  top: 50%;
  right: 16px;
}
.blockAccordion summary i.fa-minus {
  display: none;
}
.blockAccordion summary:hover {
  text-decoration: underline;
  color: var(--fig-accordion-block-link-default-hover, var(--fig-links-hover));
}
.blockAccordion summary:hover i {
  background: var(--fig-accordion-block-icon-bg-default-hover, var(--fig-links-hover));
  color: var(--fig-accordion-block-icon-default-hover, var(--fig-core-light));
  border-radius: 8px;
  transition: border-radius 0.3s ease-out;
}
.blockAccordion summary:active {
  text-decoration: underline;
  color: var(--fig-accordion-block-link-default-active, var(--fig-typography-body-default));
}
.blockAccordion summary:active i {
  background: var(--fig-accordion-block-icon-bg-default-active, var(--fig-core-dark));
  color: var(--fig-accordion-block-icon-default-active, var(--fig-core-white));
  border-radius: 8px;
  transition: border-radius 0.3s ease-out;
}
.blockAccordion summary:focus {
  text-decoration: underline;
  color: var(--fig-accordion-block-link-default-click, var(--fig-links-click));
}
.blockAccordion summary:focus i {
  background: var(--fig-accordion-block-icon-bg-default-click, var(--fig-links-click));
  color: var(--fig-accordion-block-icon-default-click, var(--fig-core-white));
  border-radius: 8px;
  transition: border-radius 0.3s ease-out;
}
.blockAccordion summary:focus-visible {
  outline-offset: -5px;
  box-shadow: inset var(--focus-ring);
}
.blockAccordion details[open] {
  color: var(--fig-accordion-block-open-content-text-default, var(--fig-typography-body-default));
}
.blockAccordion details[open] > summary {
  background: var(--fig-accordion-block-open-content-bg-default, var(--fig-core-light));
}
.blockAccordion details[open] > summary i.fa-plus {
  display: none;
}
.blockAccordion details[open] > summary i.fa-minus {
  display: block;
}

.typography-theme-light .blockAccordion {
  border-color: var(--fig-accordion-block-border-light, var(--fig-core-accent));
}
.typography-theme-light .blockAccordion:last-of-type {
  border-color: var(--fig-accordion-block-border-light, var(--fig-core-accent));
}
.typography-theme-light .blockAccordion summary {
  background: var(--fig-accordion-block-link-bg-light, var(--fig-core-dark));
  color: var(--fig-accordion-block-link-light-default, var(--fig-links-light-default));
}
.typography-theme-light .blockAccordion summary i {
  background: var(--fig-accordion-block-icon-bg-light, var(--fig-core-white));
  color: var(--fig-accordion-block-icon-light, var(--fig-core-accent));
}
.typography-theme-light .blockAccordion summary:hover {
  color: var(--fig-accordion-block-link-light-hover, var(--fig-core-light));
}
.typography-theme-light .blockAccordion summary:hover i {
  background: var(--fig-accordion-block-icon-bg-light-hover, var(--fig-core-light));
  color: var(--fig-accordion-block-icon-light-hover, var(--fig-links-interactive-icon-hover));
}
.typography-theme-light .blockAccordion summary:active {
  color: var(--fig-accordion-block-link-light-active, var(--fig-typography-body-light));
}
.typography-theme-light .blockAccordion summary:active i {
  background: var(--fig-accordion-block-icon-bg-light-active, var(--fig-core-medium));
  color: var(--fig-accordion-block-icon-light-active, #ACC6DA);
}
.typography-theme-light .blockAccordion summary:focus {
  color: var(--fig-accordion-block-link-light-click, var(--fig-core-accent));
}
.typography-theme-light .blockAccordion summary:focus i {
  background: var(--fig-accordion-block-icon-bg-light-click, var(--fig-core-white));
  color: var(--fig-accordion-block-icon-light-click, var(--fig-links-interactive-icon-click));
}
.typography-theme-light .blockAccordion details[open] {
  color: var(--fig-accordion-block-open-content-text-light, var(--fig-typography-body-default));
}
.typography-theme-light .blockAccordion details[open] a {
  color: var(--fig-accordion-block-open-content-text-light, var(--fig-core-dark));
}
.typography-theme-light .blockAccordion details[open] > summary {
  background: var(--fig-accordion-block-open-content-bg-light, var(--fig-core-medium));
}

.typography-theme-dark .blockAccordion {
  border-color: var(--fig-accordion-block-border-dark, var(--fig-core-off-white));
}
.typography-theme-dark .blockAccordion:last-of-type {
  border-color: var(--fig-accordion-block-border-dark, var(--fig-core-off-white));
}
.typography-theme-dark .blockAccordion summary {
  background: var(--fig-accordion-block-link-bg-dark, var(--fig-core-white));
  color: var(--fig-accordion-block-link-dark-default, var(--fig-links-default));
}
.typography-theme-dark .blockAccordion summary i {
  background: var(--fig-accordion-block-icon-bg-dark, var(--fig-links-default));
  color: var(--fig-accordion-block-icon-dark, var(--fig-core-white));
}
.typography-theme-dark .blockAccordion summary:hover {
  color: var(--fig-accordion-block-link-dark-hover, var(--fig-links-hover));
}
.typography-theme-dark .blockAccordion summary:hover i {
  background: var(--fig-accordion-block-icon-bg-dark-hover, var(--fig-links-hover));
  color: var(--fig-accordion-block-icon-dark-hover, var(--fig-core-light));
}
.typography-theme-dark .blockAccordion summary:active {
  color: var(--fig-accordion-block-link-dark-active, var(--fig-typography-body-default));
}
.typography-theme-dark .blockAccordion summary:active i {
  background: var(--fig-accordion-block-icon-bg-dark-active, var(--fig-core-dark));
  color: var(--fig-accordion-block-icon-dark-active, var(--fig-core-white));
}
.typography-theme-dark .blockAccordion summary:focus {
  color: var(--fig-accordion-block-link-dark-click, var(--fig-links-click));
}
.typography-theme-dark .blockAccordion summary:focus i {
  background: var(--fig-accordion-block-icon-bg-dark-click, var(--fig-links-click));
  color: var(--fig-accordion-block-icon-dark-click, var(--fig-core-white));
}
.typography-theme-dark .blockAccordion details[open] {
  color: var(--fig-accordion-block-open-content-text-dark, var(--fig-typography-body-default));
}
.typography-theme-dark .blockAccordion details[open] a {
  color: var(--fig-accordion-block-open-content-text-dark, var(--fig-core-dark));
}
.typography-theme-dark .blockAccordion details[open] > summary {
  background: var(--fig-accordion-block-open-content-bg-dark, var(--fig-core-medium));
}