.toggles {
  display: flex;
  flex-direction: column;
  gap: 9px;
  margin-bottom: var(--wp--preset--spacing--small);
}
.toggle {
  display: flex;
  flex-direction: column;
  width: 100%;
  background-color: var(--wp--preset--color--primary-color-10);
  border-radius: 9px;
  overflow: hidden;
  padding: var(--wp--preset--spacing--x-small);
  transition: 0.2s;
}
.toggle:hover:not(.toggle--active) {
  background-color: var(--wp--preset--color--primary-color-20);
  box-shadow: 0 0 0 1px var(--wp--preset--color--primary-color-20);
}
.toggle--active {
  background-color: #fff;
  box-shadow: 0 0 0 1px var(--wp--preset--color--primary-color-20);
}
.toggle__top {
  display: flex;
  width: 100%;
  align-items: center;
  cursor: pointer;
  gap: 9px;
}
.toggle__top:hover {
  color: var(--wp--preset--color--primary);
}
.toggle__controls {
  flex-grow: 0;
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}
.toggle__controls:before {
  content: "expand_more";
  font-family: "Material Symbols Outlined";
  font-size: 24px;
  display: inline-block;
  width: 24px;
  height: 24px;
  line-height: 24px;
  color: inherit;
  display: flex;
  flex-shrink: 0;
  flex-grow: 0;
  font-weight: normal;
}
.toggle--active .toggle__controls:before {
  content: "expand_less";
}
.toggle__title {
  flex: 1;
}
.toggle__title * {
  padding: 0;
}
.toggle__title p {
  font-weight: bold;
}
.toggle__content {
  padding-top: var(--wp--preset--spacing--x-small);
  display: none;
}
.toggle__content .text-component > *:last-child {
  padding: 0;
}
.toggle--active .toggle__content {
  display: block;
}

.divider {
  display: flex;
  width: 100%;
}
.divider.justify-content-left > *:before {
  flex-grow: 0;
}
.divider.justify-content-right {
  justify-content: flex-end;
}
.divider.justify-content-right > *:after {
  flex-grow: 0;
}
.divider > * {
  display: flex;
  width: 100%;
}
.divider > *:before, .divider > *:after {
  all: unset;
}
.divider > *:before, .divider > *:after {
  content: "";
  height: 2px;
  flex-basis: 36px;
  flex-grow: 1;
  flex-shrink: 0;
  background-color: #000;
  background-color: var(--wp--preset--color--darkgrey-20);
}
.divider > *:before {
  margin-right: 18px;
}
.divider > *:after {
  margin-left: 18px;
}
.divider > h2:before, .divider > h2:after {
  margin-top: calc(var(--wp--preset--font-size--max-36) / 2);
}
.divider > h3:before, .divider > h3:after {
  margin-top: calc(var(--wp--preset--font-size--max-24) / 2);
}
.divider > h4:before, .divider > h4:after {
  margin-top: calc(var(--wp--preset--font-size--large-paragraph) / 2);
}
.divider > p:before, .divider > p:after {
  margin-top: calc(var(--wp--preset--font-size--bodycopy) / 2);
}