/* React Bits AccordionGallery adapted for Stazora broker content. See assets/LICENSE-reactbits.md. */
.etf-brokers .stz-baccordion,
.etf-brokers .stz-baccordion__slot {
  margin: 0;
  padding: 0;
  list-style: none;
}
.etf-brokers .stz-baccordion {
  display: flex;
  flex-direction: column;
  gap: var(--stz-gutter);
}
.etf-brokers .stz-baccordion__panel {
  margin: 0;
  overflow: hidden;
  border-radius: var(--stz-radius-card);
  background: var(--stz-surface);
  box-shadow: var(--stz-shadow-raised);
  scroll-margin-block-start: calc(var(--stz-bar) + var(--stz-space-8));
}
.etf-brokers .stz-baccordion__heading {
  margin: 0;
  padding: 0;
  font-size: var(--stz-fs-title1);
}
.etf-brokers .stz-baccordion__toggle {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  gap: var(--stz-space-4);
  width: 100%;
  min-height: var(--stz-hit);
  padding: var(--stz-space-6) var(--stz-space-7);
  border: 0;
  background: transparent;
  color: var(--stz-text);
  font: inherit;
  font-weight: 600;
  text-align: start;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
}
.etf-brokers .stz-baccordion__toggle:focus-visible {
  outline: 3px solid var(--stz-focus);
  outline-offset: -3px;
  border-radius: var(--stz-radius-card);
}
.etf-brokers .stz-baccordion__toggle:active {
  background: var(--stz-fill-press);
}
.etf-brokers .stz-baccordion__mark {
  display: inline-flex;
  flex: none;
  align-items: center;
  justify-content: center;
  width: var(--stz-hit);
  height: var(--stz-hit);
  border-radius: var(--stz-radius-pill);
  background: var(--stz-surface-2);
  font-size: var(--stz-fs-body);
}
.etf-brokers .stz-baccordion__name { flex: 1; min-width: 0; }
.etf-brokers .stz-baccordion__hint {
  color: var(--stz-text-2);
  font-size: var(--stz-fs-sub);
  font-weight: 400;
}
.etf-brokers .stz-baccordion__chevron {
  display: inline-block;
  color: var(--stz-text-2);
  transition: transform var(--stz-dur) var(--stz-ease);
}
.etf-brokers .is-open .stz-baccordion__chevron { transform: rotate(180deg); }
.etf-brokers .stz-baccordion__body { overflow: hidden; }
.etf-brokers .stz-baccordion__body[hidden],
.etf-brokers .etf-brokers__list[hidden] { display: none !important; }
.etf-brokers .stz-baccordion__slot > .etf-brokers__card {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: var(--stz-space-5);
  padding: 0 var(--stz-space-7) var(--stz-space-7);
  border-radius: 0;
  box-shadow: none;
}
.etf-brokers .stz-baccordion__slot .etf-brokers__head { display: none; }
.etf-brokers .stz-baccordion__slot .etf-brokers__more[hidden] { display: none; }
.etf-brokers .stz-baccordion__slot .etf-brokers__facts:not(.etf-brokers__facts--extra) {
  display: grid;
  grid-column: 1 / -1;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--stz-space-5) var(--stz-space-8);
  padding-block: var(--stz-space-2) var(--stz-space-6);
  border-block-end: 1px solid var(--stz-hairline);
  font-size: var(--stz-fs-body);
}
.etf-brokers .stz-baccordion__slot .etf-brokers__facts li {
  display: flex;
  flex-direction: column;
  gap: var(--stz-space-1);
  padding-inline-start: 0;
}
.etf-brokers .stz-baccordion__slot .etf-brokers__facts li::before { display: none; }
.etf-brokers .stz-baccordion__slot .etf-brokers__facts li + li { margin-top: 0; }
.etf-brokers .stz-baccordion__slot .etf-brokers__meta {
  margin-top: 0;
  padding-top: 0;
  border-block-start: 0;
}
.etf-brokers .stz-baccordion__slot .etf-brokers__visit {
  box-sizing: border-box;
  align-self: center;
  width: auto;
  min-width: 0;
  padding-inline: var(--stz-space-7);
}
@media (hover: hover) and (pointer: fine) {
  .etf-brokers .stz-baccordion__toggle:hover { background: var(--stz-surface-2); }
}
@media (width < 48em) {
  .etf-brokers .stz-baccordion__heading { font-size: var(--stz-fs-title2); }
  .etf-brokers .stz-baccordion__toggle { padding: var(--stz-space-5); gap: var(--stz-space-3); }
  .etf-brokers .stz-baccordion__hint { display: none; }
  .etf-brokers .stz-baccordion__slot > .etf-brokers__card { grid-template-columns: minmax(0, 1fr); padding: 0 var(--stz-space-5) var(--stz-space-5); }
  .etf-brokers .stz-baccordion__slot .etf-brokers__facts:not(.etf-brokers__facts--extra) { grid-template-columns: minmax(0, 1fr); }
  .etf-brokers .stz-baccordion__slot .etf-brokers__visit { width: 100%; }
}
@media (prefers-contrast: more) {
  .etf-brokers .stz-baccordion__panel { box-shadow: var(--stz-ring-contrast); }
}
@media (forced-colors: active) {
  .etf-brokers .stz-baccordion__panel { border: 1px solid CanvasText; }
  .etf-brokers .stz-baccordion__toggle:focus-visible { outline-color: Highlight; }
}
@media print {
  .etf-brokers .stz-baccordion__body,
  .etf-brokers .stz-baccordion__body[hidden] { display: block !important; height: auto !important; opacity: 1 !important; }
  .etf-brokers .stz-baccordion__hint,
  .etf-brokers .stz-baccordion__chevron { display: none; }
}