.ot-accordion {
  display: flex;
  flex-direction: column;
  gap: var(--ot-accordion-container-gap);
}
.ot-accordion .ot-accordion-toggle-all-btn {
  padding: 0;
  border: none;
  border-radius: 0;
  font: inherit;
  color: inherit;
  background-color: transparent;
  padding: 6px 12px;
  border-radius: 0;
  margin-left: auto;
  margin-bottom: 12px;
  gap: 12px;
  font-size: 0.9rem;
  line-height: 1.25em;
  text-decoration: none;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.2s ease-in-out;
  border: var(--ot-accordion-toggle-btn-border, 1px solid #000);
  background: var(--ot-accordion-toggle-btn-background, transparent);
  color: var(--ot-accordion-toggle-btn-con, #000);
}
.ot-accordion .ot-accordion-toggle-all-btn span.btn-icon {
  width: 15px;
  height: 15px;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
.ot-accordion .ot-accordion-toggle-all-btn span.btn-icon:before, .ot-accordion .ot-accordion-toggle-all-btn span.btn-icon:after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  height: 2px;
  width: 12px;
  transition: all 0.2s ease-in-out;
  background: var(--ot-accordion-toggle-btn-con);
}
.ot-accordion .ot-accordion-toggle-all-btn span.btn-icon:before {
  left: 0;
}
.ot-accordion .ot-accordion-toggle-all-btn span.btn-icon:after {
  transform: rotate(90deg);
}
.ot-accordion .ot-accordion-toggle-all-btn.open span.btn-icon:after {
  transform: rotate(0deg);
}
.ot-accordion .ot-accordion-toggle-all-btn:hover {
  border: var(--ot-accordion-toggle-btn-border-hover, 1px solid #000);
  background: var(--ot-accordion-toggle-btn-background-hover, #eeeeee);
  color: var(--ot-accordion-toggle-btn-con-hover, #000);
}
.ot-accordion .ot-accordion-toggle-all-btn:hover span.btn-icon:before, .ot-accordion .ot-accordion-toggle-all-btn:hover span.btn-icon:after {
  background: var(--ot-accordion-toggle-btn-con-hover, #000);
}
.ot-accordion .ot-accordion-title button {
  background: none;
  color: inherit;
  border: none;
  font: inherit;
  cursor: pointer;
  padding: var(--ot-accordion-title-padding);
  display: flex;
  align-items: center;
  gap: var(--ot-accordion-title-gap);
  width: 100%;
  text-align: left;
  position: relative;
  font-size: var(--ot-accordion-title-size);
  line-height: var(--ot-accordion-title-line-height);
  font-weight: var(--ot-accordion-title-font-weight);
  background: var(--ot-accordion-title-color);
  color: var(--ot-accordion-title-color-con);
  border: var(--ot-accordion-title-border-width) var(--ot-accordion-title-border-style) var(--ot-accordion-title-border-color);
  transition: all 0.2s ease-in-out;
}
.ot-accordion .ot-accordion-title button .ot-accordion-toggle-arrow {
  width: 30px;
  height: 30px;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  margin-left: auto;
}
.ot-accordion .ot-accordion-title button .ot-accordion-toggle-arrow:before, .ot-accordion .ot-accordion-title button .ot-accordion-toggle-arrow:after {
  content: "";
  display: block;
  height: 2px;
  width: 15px;
  position: relative;
  transition: all 0.2s ease-in-out;
  background: var(--ot-accordion-title-color-con);
}
.ot-accordion .ot-accordion-title button .ot-accordion-auto-number {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: var(--ot-accordion-number-size, var(--ot-accordion-title-size));
  height: var(--ot-accordion-number-size, var(--ot-accordion-title-size));
  font-size: var(--ot-accordion-number-font-size);
  line-height: var(--ot-accordion-number-line-height);
  border-radius: 100rem;
  background-color: var(--ot-accordion-number-color);
  color: var(--ot-accordion-number-color-con);
  transition: all 0.2s ease-in-out;
}
.ot-accordion .ot-accordion-title button:hover {
  background: var(--ot-accordion-title-color-hover);
  color: var(--ot-accordion-title-color-con-hover);
}
.ot-accordion .ot-accordion-title button:hover .ot-accordion-toggle-arrow:before, .ot-accordion .ot-accordion-title button:hover .ot-accordion-toggle-arrow:after {
  background: var(--ot-accordion-title-color-con-hover);
}
.ot-accordion .ot-accordion-title button:hover .ot-accordion-auto-number {
  background-color: var(--ot-accordion-number-color-hover);
  color: var(--ot-accordion-number-color-con-hover);
}
.ot-accordion .ot-accordion-title button[aria-expanded=false] .ot-accordion-toggle-arrow:before {
  left: 3px;
  transform: rotate(-135deg);
}
.ot-accordion .ot-accordion-title button[aria-expanded=false] .ot-accordion-toggle-arrow:after {
  right: 3px;
  transform: rotate(135deg);
}
.ot-accordion .ot-accordion-title button[aria-expanded=true] {
  background: var(--ot-accordion-title-color-hover);
  color: var(--ot-accordion-title-color-con-hover);
}
.ot-accordion .ot-accordion-title button[aria-expanded=true] .ot-accordion-toggle-arrow:before, .ot-accordion .ot-accordion-title button[aria-expanded=true] .ot-accordion-toggle-arrow:after {
  background: var(--ot-accordion-title-color-con-hover);
}
.ot-accordion .ot-accordion-title button[aria-expanded=true] .ot-accordion-toggle-arrow:before {
  left: 3px;
  transform: rotate(-225deg);
}
.ot-accordion .ot-accordion-title button[aria-expanded=true] .ot-accordion-toggle-arrow:after {
  right: 3px;
  transform: rotate(225deg);
}
.ot-accordion .ot-accordion-title button[aria-expanded=true] .ot-accordion-auto-number {
  background-color: var(--ot-accordion-number-color-hover);
  color: var(--ot-accordion-number-color-con-hover);
}
.ot-accordion .ot-accordion-content {
  display: none;
  padding: var(--ot-accordion-content-padding);
  margin-top: calc(var(--ot-accordion-container-gap) * -1);
  transition: all 0.2s ease-in-out;
  background: var(--ot-accordion-content-color);
  color: var(--ot-accordion-content-color-con);
  border: var(--ot-accordion-content-border-width) var(--ot-accordion-content-border-style) var(--ot-accordion-content-border-color);
  font-size: var(--ot-accordion-content-size);
  line-height: var(--ot-accordion-content-line-height);
}
.ot-accordion .ot-accordion-content p {
  margin: 0 0 12px;
}
.ot-accordion .ot-accordion-content p:last-child {
  margin-bottom: 0;
}
.ot-accordion .ot-accordion-content.open {
  display: block;
}
/*# sourceMappingURL=maps/ot-accordion.frontend.css.map */