/* ==========================================================================
   Accordion.
   ========================================================================== */
.accordion-item {
  margin-bottom: var(--space-l);

  /* States.
     ========================================================================== */
  &.is-open .accordion-trigger,
  .accordion-trigger:hover {
    color: var(--color-bg);
    background-color: var(--color-fg-primary);
  }
}

.accordion-trigger {
  border-radius: var(--border-radius-xl);
}
.accordion-icon.icon {
  --icon-size: 42px;
  background: var(--color-bg);
  border-radius: 50%;

  &:before {
    mask-size: 11px;
  }
}

.accordion-title {
  position: relative;
  padding: 0 var(--space-m);

  &:after {
    content: none;
  }
}