.accordion.svelte-dzef9j {
  width: 100%;
  display: flex;
  flex-direction: column;
}
.accordion.svelte-dzef9j .accordion-element:where(.svelte-dzef9j) {
  display: flex;
  flex-direction: column;
  width: 100%;
  padding: 1.5rem 0 0.5rem 0;
  transition: 100ms ease;
}
.accordion.svelte-dzef9j .accordion-element:where(.svelte-dzef9j):not(:last-child) {
  border-bottom: 1px var(--neutral-warm-200) solid;
}
.accordion.svelte-dzef9j .accordion-element:where(.svelte-dzef9j) .accordion-element-header:where(.svelte-dzef9j) {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-weight: 600;
  cursor: pointer;
  margin-bottom: 1rem;
}
.accordion.svelte-dzef9j .accordion-element:where(.svelte-dzef9j) .accordion-element-header:where(.svelte-dzef9j) .accordion-chevron:where(.svelte-dzef9j) {
  flex-shrink: 0;
  transition: transform 100ms ease;
}
.accordion.svelte-dzef9j .accordion-element:where(.svelte-dzef9j) .accordion-element-header:where(.svelte-dzef9j) .accordion-chevron.open:where(.svelte-dzef9j) {
  transform: rotate(180deg);
}
.accordion.svelte-dzef9j .accordion-element:where(.svelte-dzef9j) .accordion-element-text:where(.svelte-dzef9j) {
  padding: 0 2rem 1rem 0;
}

@media (max-width: 900px) {
  .accordion-element-header.svelte-dzef9j {
    margin-bottom: 0.25rem !important;
  }
  .accordion-element-text.svelte-dzef9j {
    padding-bottom: 0 !important;
  }
}.faq-wrapper.svelte-fm3uqx {
  display: flex;
  flex-direction: column;
  align-items: start;
  justify-content: center;
  gap: 4rem;
  margin: 1rem;
}
@media (width <= 768px) {
  .faq-wrapper.svelte-fm3uqx {
    width: 100%;
    padding: 0 1rem;
  }
}
/* (unused) .faq-wrapper .faq-headline {
  padding: 0;
  margin-bottom: 0.5rem;
}*/
.faq-wrapper.svelte-fm3uqx .faq:where(.svelte-fm3uqx) {
  display: flex;
  gap: 2rem;
  width: 100%;
  height: 100%;
}
.faq-wrapper.svelte-fm3uqx .faq:where(.svelte-fm3uqx) > div:where(.svelte-fm3uqx) {
  flex: 1;
}
@media (width <= 768px) {
  .faq-wrapper.svelte-fm3uqx .faq:where(.svelte-fm3uqx) > div:where(.svelte-fm3uqx) {
    max-width: 100%;
  }
}
.faq-wrapper.svelte-fm3uqx .faq:where(.svelte-fm3uqx) .notebook-image:where(.svelte-fm3uqx) {
  overflow: hidden;
  height: 75%;
  width: 100%;
  position: relative;
}
.faq-wrapper.svelte-fm3uqx .faq:where(.svelte-fm3uqx) .notebook-image:where(.svelte-fm3uqx) .rotation-wrapper:where(.svelte-fm3uqx) {
  transform: rotate(10deg) scale(0.9);
  width: 100%;
  object-position: top;
  transform-origin: center;
  position: relative;
}
.faq-wrapper.svelte-fm3uqx .faq:where(.svelte-fm3uqx) .notebook-image:where(.svelte-fm3uqx) img:where(.svelte-fm3uqx) {
  object-fit: cover;
  width: 100%;
  height: 100%;
  max-height: 80vh;
}
.faq-wrapper.svelte-fm3uqx .faq:where(.svelte-fm3uqx) .notebook-image:where(.svelte-fm3uqx) .scribbled-text:where(.svelte-fm3uqx) {
  font-family: "Huy Handschrift", "sans-serif";
  color: var(--primary-dark);
  font-size: 24px;
  position: absolute;
  z-index: 50;
  text-align: center;
  width: fit-content;
}
.faq-wrapper.svelte-fm3uqx .faq:where(.svelte-fm3uqx) .notebook-image:where(.svelte-fm3uqx) .scribbled-text.left-side:where(.svelte-fm3uqx) {
  top: 110px;
  left: 175px;
  transform: rotate(-5deg) translateX(-25%);
}
.faq-wrapper.svelte-fm3uqx .faq:where(.svelte-fm3uqx) .notebook-image:where(.svelte-fm3uqx) .scribbled-text.right-side:where(.svelte-fm3uqx) {
  top: 200px;
  left: 275px;
  transform: rotate(13deg);
}
.faq-wrapper.svelte-fm3uqx .faq:where(.svelte-fm3uqx) .notebook-image:where(.svelte-fm3uqx) .scribbled-text.bottom:where(.svelte-fm3uqx) {
  top: 250px;
  left: 250px;
  transform: rotate(-1deg) translateX(-50%);
}

/* (unused) .faq-wrapper.no-flavour .faq > div {
  max-width: 100% !important;
}*/

.faq-wrapper.no-padding.svelte-fm3uqx {
  margin: 0;
  gap: 0;
  padding-inline: 0;
}
.faq-wrapper.no-padding.svelte-fm3uqx .faq:where(.svelte-fm3uqx) {
  gap: 0;
}

@media (max-width: 900px) {
  .faq-wrapper.svelte-fm3uqx {
    padding: 0;
  }
}