/* stylelint-disable unit-disallowed-list*/
/* Grid mixins */
/* For detection of touch devices, more details can be found:
*  https://ferie.medium.com/detect-a-touch-device-with-only-css-9f8e30fa1134 */
.telia-tab {
  /* stylelint-disable-next-line selector-no-qualifying-type */
}
.telia-tab telia-tab-header[active] {
  background-color: white;
}
.telia-tab__wrapper {
  position: relative;
  -ms-overflow-style: none;
  /* For Internet Explorer and Edge */
  scrollbar-width: none;
  /* Firefox */
}
.telia-tab__wrapper ::-webkit-scrollbar {
  display: none;
  /* For Chrome, Safari, and Opera */
}
.telia-tab__wrapper .telia-tab__scroll-button {
  color: #29003e;
  background-color: #ffffff;
  box-shadow: 0 calc(0.1rem * var(--voca-rem-multiplier)) calc(0.4rem * var(--voca-rem-multiplier)) rgba(0, 0, 0, 0.1);
  border: calc(0.1rem * var(--voca-rem-multiplier)) solid rgba(0, 0, 0, 0.15);
  display: none;
  position: absolute;
  top: 0;
  z-index: 10;
  height: 100%;
  padding: 0;
  cursor: pointer;
}
.telia-tab__wrapper .telia-tab__scroll-button:hover {
  box-shadow: 0 calc(0.4rem * var(--voca-rem-multiplier)) calc(1.2rem * var(--voca-rem-multiplier)) rgba(0, 0, 0, 0.1);
  border: calc(0.1rem * var(--voca-rem-multiplier)) solid rgba(0, 0, 0, 0.3);
}
.telia-tab__wrapper .telia-tab__scroll-button:focus {
  outline: calc(0.2rem * var(--voca-rem-multiplier)) solid #0099ff;
  outline-offset: calc(0.2rem * var(--voca-rem-multiplier));
}
.telia-tab__wrapper .telia-tab__scroll-button--left {
  left: 0;
}
.telia-tab__wrapper .telia-tab__scroll-button--right {
  right: 0;
}
.telia-tab__wrapper--scroll-end .telia-tab__scroll-button--left {
  display: block;
}
.telia-tab__wrapper--scroll-start .telia-tab__scroll-button--right {
  display: block;
}
.telia-tab__list {
  display: inline-flex;
  gap: calc(0.4rem * var(--voca-rem-multiplier));
  max-width: 100%;
  min-width: 100%;
  overflow: auto;
  padding: 0;
  position: relative;
}
@media (any-pointer: coarse) {
  .telia-tab__list {
    overflow-x: scroll;
    overflow-y: hidden;
    scrollbar-width: none;
    /* For FireFox */
  }
}
.telia-tab__list::before {
  content: "small";
  display: none;
}
@media screen and (min-width: 37.5em) {
  .telia-tab__list::before {
    content: "medium";
  }
}
@media screen and (min-width: 64em) {
  .telia-tab__list::before {
    content: "large";
  }
}
.telia-tab__content {
  background-color: #ffffff;
  padding: calc(1.6rem * var(--voca-rem-multiplier)) 0;
}
.telia-tab__content--light-background {
  background-color: #ffffff;
}
.telia-tab__content .telia-tab__container {
  padding: 0 calc(1.6rem * var(--voca-rem-multiplier));
}
@media screen and (min-width: 37.5em) {
  .telia-tab__content .telia-tab__container {
    padding: 0 calc(2.4rem * var(--voca-rem-multiplier));
  }
}
@media screen and (min-width: 64em) {
  .telia-tab__content .telia-tab__container {
    padding: 0 calc(2.4rem * var(--voca-rem-multiplier));
  }
}
.telia-tab--default .telia-tab__container {
  box-sizing: border-box;
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: calc(144rem * var(--voca-rem-multiplier));
  padding: 0 calc(1.6rem * var(--voca-rem-multiplier));
  width: 100%;
}
@media screen and (min-width: 37.5em) {
  .telia-tab--default .telia-tab__container {
    padding: 0 calc(2.4rem * var(--voca-rem-multiplier));
  }
}
@media screen and (min-width: 64em) {
  .telia-tab--default .telia-tab__container {
    padding: 0 calc(4.8rem * var(--voca-rem-multiplier));
  }
}
@media screen and (min-width: 90em) {
  .telia-tab--default .telia-tab__container {
    padding: 0 calc(4.8rem * var(--voca-rem-multiplier));
  }
}
.telia-tab--light, .telia-tab--light-wide {
  /* stylelint-disable-next-line selector-no-qualifying-type */
}
.telia-tab--light telia-tab-header[active], .telia-tab--light-wide telia-tab-header[active] {
  background-color: transparent;
}
.telia-tab--light .telia-tab__list, .telia-tab--light-wide .telia-tab__list {
  gap: 0;
  position: static;
  width: 100%;
}
.telia-tab--light .telia-tab__list::after, .telia-tab--light-wide .telia-tab__list::after {
  background-color: #c8c8cd;
  bottom: 0;
  content: "";
  display: block;
  height: calc(0.2rem * var(--voca-rem-multiplier));
  left: 0;
  position: absolute;
  right: 0;
  width: 100%;
}
.telia-tab--light .telia-tab__content, .telia-tab--light-wide .telia-tab__content {
  background-color: transparent;
}
.telia-tab--wide telia-tab-header, .telia-tab--light-wide telia-tab-header, .telia-tab--full-width:is(.telia-tab--light) telia-tab-header, .telia-tab--full-width:is(.telia-tab--contained) telia-tab-header, .telia-tab--full-width:is(.telia-tab--contained-on-negative) telia-tab-header {
  flex-basis: auto;
  flex-grow: 1;
  flex-shrink: 0;
  min-width: fit-content;
  width: calc(17.7rem * var(--voca-rem-multiplier));
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}