.faq-container.svelte {
    width: 100%;
    max-width: 800px;
    display: flex;
    flex-direction: column;
    gap: 16px;
    margin-left: auto;
    margin-right: auto;
}

.faq-item.svelte {
    background: radial-gradient(94.8% 94.8% at 6.37% 5.2%, rgba(9, 10, 13, 0.9) 0%, rgba(9, 10, 13, 0.507) 100%);
    border: 1px solid rgba(255, 255, 255, .1);
    border-radius: 20px;
    overflow: hidden;
    transition: all .3s ease;
}

.faq-question.svelte {
    padding: 22px 25px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
    -webkit-user-select: none;
    user-select: none;
}

h3 {
    display: block;
    font-size: 1.17em;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    font-weight: bold;
    unicode-bidi: isolate;
}

.faq-question.svelte h3:where(.svelte) {
    font-size: 18px;
    font-weight: 400;
    color: #fff;
    margin: 0;
    letter-spacing: .01em;
}

.icon.svelte {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    color: #fff9;
    transition: transform .3s ease;
}

svg:not(:root) {
    overflow-clip-margin: content-box;
    overflow: hidden;
}

.icon.svelte svg:where(.svelte) {
    transition: transform .3s ease;
}

.faq-answer.svelte {
  padding: 0 25px 22px 25px;
  color: #ccc;
  font-size: 16px;
  line-height: 1.4;
  overflow: hidden;
  max-height: 0;
  transition: max-height 0.4s ease, padding 0.3s ease;
}

.faq-item.svelte.open {
    transform: translateY(-5px) scale(1.01);
    background: linear-gradient(149deg, #2f90eb38, #0000006e 29%, #0000006e 74%, #2f90eb38);
    border: 1px solid var(--btn-border-color);
    box-shadow: 0 1px 3px var(--btn-border-color);
}

.faq-item.svelte.open .faq-answer.svelte {
  max-height: 500px;
  padding-bottom: 22px;
}

.faq-item.svelte.open .icon.svelte {
  transform: rotate(180deg);
}

.faq-item.svelte .icon.svelte {
  transition: transform 0.3s ease;
  transform-origin: center;
}