.wd-accordion {
  --wd-accordion-spacing: 20px;
  --wd-row-gap: 0.001px;
  display: flex;
  flex-direction: column;
  gap: var(--wd-row-gap);
}
.wd-accordion .wd-scroll {
  height: auto;
}
.wd-accordion .wd-scroll-content {
  padding-inline-end: 10px;
}
.wd-accordion.wd-style-default > .wd-accordion-item:first-of-type,
.wd-accordion.wd-style-default > .wd-nav-wrapper + .wd-accordion-item {
  border-top: 2px solid var(--brdcolor-gray-300);
}
.wd-accordion.wd-style-default > .wd-accordion-item {
  border-bottom: 1px solid var(--brdcolor-gray-300);
}
.wd-accordion.wd-style-default.wd-border-off
  > .wd-accordion-item:first-of-type {
  border-top: none;
}
.wd-accordion.wd-style-default.wd-border-off > .wd-accordion-item:last-child {
  border-bottom: none;
}
.wd-accordion.wd-style-simple {
  --wd-accordion-spacing: 10px;
}
.wd-accordion.wd-style-shadow {
  --wd-row-gap: 12px;
}
.wd-accordion.wd-style-shadow > .wd-accordion-item {
  border-radius: var(--wd-brd-radius);
  box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1);
}
.wd-accordion.wd-style-shadow
  > .wd-accordion-item
  > :is(.wd-accordion-title, .wd-accordion-content) {
  padding-inline: var(--wd-accordion-spacing);
}
.global-color-scheme-light .wd-accordion.wd-style-shadow > .wd-accordion-item {
  background-color: var(--bgcolor-gray-200);
}
.wd-accordion-title {
  display: flex;
  align-items: center;
  gap: 12px;
  padding-block: var(--wd-accordion-spacing);
  cursor: pointer;
  transition: all 0.25s ease;
  user-select: none;
}
.wd-accordion-title:is(.wd-active, :hover) > .wd-accordion-title-text {
  color: var(--wd-primary-color);
}
.wd-accordion-title .img-wrapper {
  display: flex;
}
.wd-accordion-title-text {
  display: flex;
  align-items: center;
  flex: 1;
  gap: 5px;
  color: var(--wd-title-color);
  font-weight: var(--wd-title-font-weight);
  font-size: var(--wd-accordion-font-size, 16px);
  transition: inherit;
}
.wd-accordion-opener {
  position: relative;
  color: var(--color-gray-300);
  text-align: center;
  font-size: 10px;
  line-height: 1;
  transition: inherit;
}
.wd-accordion.wd-opener-style-arrow
  > .wd-accordion-item
  > .wd-accordion-title
  .wd-accordion-opener:before {
  content: '\f129';
  font-family: 'dctech-font';
}
.wd-accordion.wd-opener-style-arrow
  > .wd-accordion-item
  > .wd-accordion-title.wd-active
  .wd-accordion-opener {
  transform: rotate(180deg);
}
.wd-accordion.wd-opener-style-plus
  > .wd-accordion-item
  > .wd-accordion-title
  .wd-accordion-opener:before {
  content: '\f143';
  font-family: 'dctech-font';
}
.wd-accordion.wd-opener-style-plus
  > .wd-accordion-item
  > .wd-accordion-title.wd-active
  .wd-accordion-opener {
  transform: rotate(45deg);
}
.wd-accordion-content {
  padding-bottom: var(--wd-accordion-spacing);
  transition: opacity 0.25s ease;
  display: none;
  opacity: 0;
}
.wd-accordion-content.wd-active {
  display: block;
  opacity: 1;
}
.wd-accordion-content-inner {
  --wd-row-gap: 20px;
  display: flex;
  flex-direction: column;
  row-gap: var(--wd-row-gap);
}
:root .wd-accordion-content-inner > * {
  margin-bottom: 0;
}
@media (max-width: 1024px) {
  .wd-accordion .wd-scroll-content {
    overflow: visible;
    padding-inline-end: 0;
    max-height: none !important;
  }
}
