/* Start:/bitrix/templates/main/components/bitrix/news.list/faq/style.css?17748757372274*/
details.bta-details {
  overflow: hidden;

  &::details-content {
    height: 0;
    margin-block: 0;
    transition-property: height, margin-block, content-visibility;
    transition-duration: 0.3s;
    transition-timing-function: ease;
    transition-behavior: allow-discrete;
  }

  &[open]::details-content {
    height: auto;
    height: calc-size(auto, size);
    margin-block: 10px;
  }

  & > summary {
    list-style: none;

    &::-webkit-details-marker {
      display: none;
    }
  }
}

.faq {
  --c-faq-border: #d7dee3;
  --faq-main-padding: 16px;

  color: #202020;

  .faq__header {
    display: flex;

    &::after {
      content: '';
      display: block;
      flex-grow: 1;
      border-bottom: 1px solid var(--c-faq-border);
    }

    .faq__fake-tab {
      flex: 0 0 fit-content;
      padding: var(--faq-main-padding);
      border-top: 1px solid #00396F;
      border-right: 1px solid var(--c-faq-border);
      border-left: 1px solid var(--c-faq-border);
    }
  }
  .faq__main {
    padding: var(--faq-main-padding);
    border: 1px solid var(--c-faq-border);
    border-top: none;
    display: flex;
    flex-direction: column;
    row-gap: 15px;

    .faq__item {
      --faq-item-inline-padding: 14px;
      --faq-item-icon-width: 16px;

      border: 1px solid var(--c-faq-border);

      .faq__item-question {
        display: flex;
        column-gap: 14px;
        padding: 10px 10px 10px var(--faq-item-inline-padding);
        user-select: none;
        cursor: pointer;

        @media (hover: hover) {
          &:hover {
            background-color: #f8f9fa;
          }
        }

        &::before {
          content: "+";
          display: block;
          font-size: 25px;
          width: var(--faq-item-icon-width);
          text-align: center;
        }

        & > span {
          text-decoration: underline dotted;
          text-underline-position: under;
        }
      }
      .faq__item-answer {
        margin-block: 14px 24px;
        padding-inline: calc(2 * var(--faq-item-inline-padding) + var(--faq-item-icon-width)) var(--faq-item-inline-padding);

      }
    }
    details.faq__item[open] .faq__item-question {
      background-color: #f8f9fa;

      &::before {
        content: "-";
      }
    }
  }
}

/* End */
/* /bitrix/templates/main/components/bitrix/news.list/faq/style.css?17748757372274 */