/* stylelint-disable unit-disallowed-list*/
/* Grid mixins */
/* stylelint-disable */
/* stylelint-enable */
:host {
  --vds-accordion-item-content-max-width: 80ch;
}

.telia-accordion-item {
  border-bottom: calc(0.1rem * var(--voca-rem-multiplier)) solid rgba(0, 0, 0, 0.3);
}
.telia-accordion-item__header {
  color: #29003e;
  background: transparent;
  border: 0;
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  min-height: calc(4.8rem * var(--voca-rem-multiplier));
  outline: none;
  padding: calc(1.6rem * var(--voca-rem-multiplier)) calc(1.6rem * var(--voca-rem-multiplier)) calc(1.6rem * var(--voca-rem-multiplier)) 0;
  width: 100%;
}
@media screen and (min-width: 37.5em) {
  .telia-accordion-item__header {
    padding: calc(2.4rem * var(--voca-rem-multiplier)) calc(2.4rem * var(--voca-rem-multiplier)) calc(2.4rem * var(--voca-rem-multiplier)) 0;
  }
}
@media screen and (min-width: 64em) {
  .telia-accordion-item__header {
    padding: calc(3.2rem * var(--voca-rem-multiplier)) calc(2.4rem * var(--voca-rem-multiplier)) calc(3.2rem * var(--voca-rem-multiplier)) 0;
  }
}
.telia-accordion-item__header:focus {
  outline: solid calc(0.3rem * var(--voca-rem-multiplier)) #0099ff;
  outline-offset: calc(0.2rem * var(--voca-rem-multiplier));
}
.telia-accordion-item__header:focus:not(:focus-visible) {
  outline: none;
}
.telia-accordion-item__header:hover {
  color: #5e0092;
  background-color: #fbf0ff;
}
.telia-accordion-item__header--active {
  color: #7800b4;
}
.telia-accordion-item__header-title {
  font-family: "TeliaSans", Helvetica, Arial, "Lucida Grande", sans-serif;
  font-weight: bold;
  font-size: calc(1.6rem * var(--voca-rem-multiplier));
  line-height: 1.25;
  align-items: center;
  display: flex;
  justify-content: space-between;
  margin: 0;
  text-align: left;
}
@media screen and (min-width: 37.5em) {
  .telia-accordion-item__header-title {
    font-size: calc(
    calc(1.6rem * var(--voca-rem-multiplier)) + 0.4 *
      (100vw - calc(60rem * var(--voca-rem-multiplier))) / 84
  );
  }
}
@media screen and (min-width: 90em) {
  .telia-accordion-item__header-title {
    font-size: calc(2rem * var(--voca-rem-multiplier));
  }
}
.telia-accordion-item__header--indented {
  display: flex;
  padding-left: calc(1.6rem * var(--voca-rem-multiplier));
}
@media screen and (min-width: 37.5em) {
  .telia-accordion-item__header--indented {
    padding-left: calc(2.4rem * var(--voca-rem-multiplier));
  }
}
.telia-accordion-item__header-icon {
  height: calc(2.4rem * var(--voca-rem-multiplier));
  transform: rotate(180deg);
  transition: transform 0.15s cubic-bezier(0.45, 0, 0.52, 0.98);
}
.telia-accordion-item__header-icon--rotate {
  transform: rotate(0deg);
}
.telia-accordion-item__content {
  color: #222222;
  display: none;
  height: 0;
  opacity: 0;
  overflow: hidden;
  max-width: var(--vds-accordion-item-content-max-width, 80ch);
}
.telia-accordion-item__content--indented {
  display: flex;
  padding-left: calc(1.6rem * var(--voca-rem-multiplier));
  padding-right: calc(3.2rem * var(--voca-rem-multiplier));
}
@media screen and (min-width: 37.5em) {
  .telia-accordion-item__content--indented {
    padding-left: calc(2.4rem * var(--voca-rem-multiplier));
    padding-right: calc(6.4rem * var(--voca-rem-multiplier));
  }
}
.telia-accordion-item__content--visible {
  display: block;
  height: auto;
  opacity: 1;
  padding-bottom: calc(1.6rem * var(--voca-rem-multiplier));
}
@media screen and (min-width: 37.5em) {
  .telia-accordion-item__content--visible {
    padding-bottom: calc(3.2rem * var(--voca-rem-multiplier));
  }
}
@media screen and (min-width: 64em) {
  .telia-accordion-item__content--visible {
    padding-bottom: calc(3.2rem * var(--voca-rem-multiplier));
  }
}
.telia-accordion-item--dark-bg {
  border-bottom: calc(0.1rem * var(--voca-rem-multiplier)) solid rgba(255, 255, 255, 0.3);
}
.telia-accordion-item--dark-bg .telia-accordion-item__header {
  color: #fbf0ff;
}
.telia-accordion-item--dark-bg .telia-accordion-item__header:hover {
  color: #edc8ff;
  background-color: rgba(255, 255, 255, 0.1);
}
.telia-accordion-item--dark-bg .telia-accordion-item__header--active {
  color: #de99ff;
}
.telia-accordion-item--dark-bg .telia-accordion-item__content {
  color: #ffffff;
}