:host {
  display: block;
}

  :host * {
    box-sizing: border-box;
  }

.accordion-item {
  display: grid;
  align-content: start;
  border-top: 0.0625rem solid var(--s-border-default);
  transition: grid-template-rows 0.15s;
  grid-template-rows: auto 0fr;
  will-change: grid-template-rows;
}

@media (prefers-reduced-motion) {

.accordion-item {
    transition: none
}
  }

.accordion-item--expanded {
  grid-template-rows: auto 1fr;
}

.accordion-item--expanded .accordion-item__content {
    padding-top: var(--s-space-16);
    padding-bottom: var(--s-space-16);
    animation: accordion-overflow 0.01s;
    animation-delay: 0.15s;
    animation-fill-mode: forwards;
  }

@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px) {

.accordion-item--expanded .accordion-item__content {
      padding-top: var(--s-space-8)
  }
    }

.accordion-item__heading {
  margin: 0;
  padding: 0;
  font-size: var(--s-font-size-base);
  font-weight: var(--s-font-weight-semibold);
}

@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px) {

.accordion-item__heading {
    font-size: var(--s-font-size-sm)
}
  }

.accordion-item__toggle {
  display: flex;
  width: 100%;
  padding: 0;
  padding-top: var(--s-space-16);
  padding-bottom: var(--s-space-16);
  padding-left: var(--s-space-8);
  align-items: center;
  border: none;
  color: var(--s-text-default);
  background-color: var(--swirl-accordion-item-toggle-default);
  font: inherit;
  line-height: var(--s-line-height-lg);
  text-align: start;
  cursor: pointer;
  gap: var(--s-space-16);
}

.accordion-item__toggle:hover {
    background-color: var(--swirl-accordion-item-toggle-hovered);
  }

.accordion-item__toggle:active {
    background-color: var(--swirl-accordion-item-toggle-pressed);
  }

.accordion-item__toggle:disabled {
    color: var(--s-text-disabled);
    background-color: var(--swirl-accordion-item-toggle-default);
    cursor: default;
  }

.accordion-item__toggle:disabled .text {
      color: var(--s-text-disabled);
    }

.accordion-item__toggle:focus:not(:focus-visible) {
    outline: none;
  }

.accordion-item__toggle:focus-visible {
    outline-color: var(--s-focus-default);
  }

@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px) {

.accordion-item__toggle {
    line-height: var(--s-line-height-sm)
}
  }

.accordion-item__toggle-text {
  flex-grow: 1;
}

.accordion-item__icon {
  display: inline-flex;
  padding-right: var(--s-space-8);
  flex-shrink: 0;
}

.accordion-item__content {
  overflow: hidden;
  padding-top: 0;
  padding-bottom: 0;
  transition: padding-top 0.15s, padding-bottom 0.15s;
  animation: accordion-display 0.01s;
  animation-delay: 0.15s;
  animation-fill-mode: forwards;
}

@media (prefers-reduced-motion) {

.accordion-item__content {
    transition: none
}
  }

@keyframes accordion-overflow {
  from {
    overflow: hidden;
  }
  to {
    overflow: visible;
  }
}

@keyframes accordion-display {
  from {
    display: block;
  }
  to {
    display: none;
  }
}