.faq__block {
  display: flex;
  flex-direction: column;
  gap: 8px;
  max-width: var(--space-column-6);
  margin: 0 auto;
  padding-top: var(--gap-blocks);
}

.faq__item {
  display: flex;
  flex-direction: column;
  gap: 8px;
  border-bottom: 1px solid var(--color-border-secondary);
}

.faq__item__question {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 8px;
  min-height: 44px;

  color: var(--color-elem-primary);
  font-size: var(--font-size-h4);
  font-weight: 700;
  letter-spacing: var(--font-letter-spacing);

  cursor: pointer;
}

.faq__item__question::marker {
  content: "";
}

.faq__item__question::after {
  content: url("data:image/svg+xml, <svg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' clip-rule='evenodd' d='M12 3C12.4142 3 12.75 3.33579 12.75 3.75V11.25H20.25C20.6642 11.25 21 11.5858 21 12C21 12.4142 20.6642 12.75 20.25 12.75H12.75V20.25C12.75 20.6642 12.4142 21 12 21C11.5858 21 11.25 20.6642 11.25 20.25V12.75H3.75C3.33579 12.75 3 12.4142 3 12C3 11.5858 3.33579 11.25 3.75 11.25H11.25V3.75C11.25 3.33579 11.5858 3 12 3Z' fill='%23000000'/></svg>");
  width: 24px;
  min-width: 24px;
  height: 24px;
}

.faq__item[open] .faq__item__question::after {
  content: url("data:image/svg+xml, <svg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' clip-rule='evenodd' d='M3 12C3 11.5858 3.33579 11.25 3.75 11.25H20.25C20.6642 11.25 21 11.5858 21 12C21 12.4142 20.6642 12.75 20.25 12.75H3.75C3.33579 12.75 3 12.4142 3 12Z' fill='%23000000'/></svg>");
}

.faq__item__answer {
  border-radius: var(--border-radius-s);
  border: 1px solid var(--color-border-secondary);
  padding: 12px;
  margin-bottom: 16px;
  transition: var(--transition-m) ease-in var(--transition-m);
}

@keyframes open {
  0% {
    opacity: 0;
    transform: translateY(-16px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}

.faq__item[open] .faq__item__answer {
  animation: open 0.5s ease-in-out;
}